trepur_components 1.0.5 → 1.0.7

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 (249) hide show
  1. package/dist/src/lib/components/Accordion/Accordion.js +2 -3
  2. package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
  3. package/dist/src/lib/components/AlertBar/{index.d.ts → AlertBar.d.ts} +1 -1
  4. package/dist/src/lib/components/AlertBar/{index.js → AlertBar.js} +12 -12
  5. package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -0
  6. package/dist/src/lib/components/AlertBar/style.module.css +65 -0
  7. package/dist/src/lib/components/AlertBar/style.module.css.map +1 -0
  8. package/dist/src/lib/components/Breadcrumbs/{index.d.ts → Breadcrumbs.d.ts} +0 -0
  9. package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +21 -0
  10. package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  11. package/dist/src/lib/components/Breadcrumbs/style.module.css +53 -0
  12. package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -0
  13. package/dist/src/lib/components/BreadcrumbsBordered/{index.d.ts → BreadcrumbsBordered.d.ts} +1 -1
  14. package/dist/src/lib/components/BreadcrumbsBordered/{index.js → BreadcrumbsBordered.js} +5 -4
  15. package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -0
  16. package/dist/src/lib/components/BreadcrumbsBordered/style.module.css +17 -0
  17. package/dist/src/lib/components/BreadcrumbsBordered/style.module.css.map +1 -0
  18. package/dist/src/lib/components/BreadcrumbsItem/{index.d.ts → BreadcrumbsItem.d.ts} +0 -0
  19. package/dist/src/lib/components/BreadcrumbsItem/{index.js → BreadcrumbsItem.js} +11 -16
  20. package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -0
  21. package/dist/src/lib/components/BreadcrumbsItem/style.module.css +48 -0
  22. package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -0
  23. package/dist/src/lib/components/Button/{index.d.ts → Button.d.ts} +0 -0
  24. package/dist/src/lib/components/Button/{index.js → Button.js} +17 -16
  25. package/dist/src/lib/components/Button/Button.js.map +1 -0
  26. package/dist/src/lib/components/Button/style.module.css +127 -0
  27. package/dist/src/lib/components/Button/style.module.css.map +1 -0
  28. package/dist/src/lib/components/Card/{index.d.ts → Card.d.ts} +2 -2
  29. package/dist/src/lib/components/Card/{index.js → Card.js} +31 -31
  30. package/dist/src/lib/components/Card/Card.js.map +1 -0
  31. package/dist/src/lib/components/Card/style.module.css +184 -0
  32. package/dist/src/lib/components/Card/style.module.css.map +1 -0
  33. package/dist/src/lib/components/CardWithTopImage/{index.d.ts → CardWithTopImage.d.ts} +1 -1
  34. package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js +13 -0
  35. package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -0
  36. package/dist/src/lib/components/CardWithTopImage/style.module.css +36 -0
  37. package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -0
  38. package/dist/src/lib/components/Carousel/{index.d.ts → Carousel.d.ts} +1 -0
  39. package/dist/src/lib/components/Carousel/{index.js → Carousel.js} +12 -11
  40. package/dist/src/lib/components/Carousel/Carousel.js.map +1 -0
  41. package/dist/src/lib/components/Carousel/style.module.css +59 -0
  42. package/dist/src/lib/components/Carousel/style.module.css.map +1 -0
  43. package/dist/src/lib/components/Collapsible/{index.d.ts → Collapsible.d.ts} +1 -1
  44. package/dist/src/lib/components/Collapsible/{index.js → Collapsible.js} +16 -15
  45. package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -0
  46. package/dist/src/lib/components/Collapsible/style.module.css +122 -0
  47. package/dist/src/lib/components/Collapsible/style.module.css.map +1 -0
  48. package/dist/src/lib/components/Column/{index.d.ts → Column.d.ts} +0 -0
  49. package/dist/src/lib/components/Column/Column.js +84 -0
  50. package/dist/src/lib/components/Column/Column.js.map +1 -0
  51. package/dist/src/lib/components/Column/style.module.css +244 -0
  52. package/dist/src/lib/components/Column/style.module.css.map +1 -0
  53. package/dist/src/lib/components/Container/{index.d.ts → Container.d.ts} +0 -0
  54. package/dist/src/lib/components/Container/{index.js → Container.js} +3 -2
  55. package/dist/src/lib/components/Container/Container.js.map +1 -0
  56. package/dist/src/lib/components/Container/style.module.css +5 -0
  57. package/dist/src/lib/components/Container/style.module.css.map +1 -0
  58. package/dist/src/lib/components/{FooterBar/index.d.ts → Footer/Footer.d.ts} +3 -3
  59. package/dist/src/lib/components/Footer/Footer.js +14 -0
  60. package/dist/src/lib/components/Footer/Footer.js.map +1 -0
  61. package/dist/src/lib/components/Footer/style.module.css +89 -0
  62. package/dist/src/lib/components/Footer/style.module.css.map +1 -0
  63. package/dist/src/lib/components/Form/{index.d.ts → Form.d.ts} +3 -4
  64. package/dist/src/lib/components/Form/{index.js → Form.js} +6 -5
  65. package/dist/src/lib/components/Form/Form.js.map +1 -0
  66. package/dist/src/lib/components/Form/style.module.css +4 -0
  67. package/dist/src/lib/components/Form/style.module.css.map +1 -0
  68. package/dist/src/lib/components/FyreCard/{index.d.ts → FyreCard.d.ts} +1 -1
  69. package/dist/src/lib/components/FyreCard/{index.js → FyreCard.js} +8 -7
  70. package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -0
  71. package/dist/src/lib/components/FyreCard/style.module.css +37 -0
  72. package/dist/src/lib/components/FyreCard/style.module.css.map +1 -0
  73. package/dist/src/lib/components/Greeting/{index.d.ts → Greeting.d.ts} +0 -0
  74. package/dist/src/lib/components/Greeting/{index.js → Greeting.js} +2 -4
  75. package/dist/src/lib/components/Greeting/Greeting.js.map +1 -0
  76. package/dist/src/lib/components/HamburgerIcon/{index.d.ts → HamburgerIcon.d.ts} +0 -1
  77. package/dist/src/lib/components/HamburgerIcon/{index.js → HamburgerIcon.js} +13 -10
  78. package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -0
  79. package/dist/src/lib/components/HamburgerIcon/style.module.css +90 -0
  80. package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -0
  81. package/dist/src/lib/components/Icon/{index.d.ts → Icon.d.ts} +0 -0
  82. package/dist/src/lib/components/Icon/Icon.js +37 -0
  83. package/dist/src/lib/components/Icon/Icon.js.map +1 -0
  84. package/dist/src/lib/components/Icon/style.module.css +219 -0
  85. package/dist/src/lib/components/Icon/style.module.css.map +1 -0
  86. package/dist/src/lib/components/Image/{index.d.ts → Image.d.ts} +0 -0
  87. package/dist/src/lib/components/Image/{index.js → Image.js} +10 -10
  88. package/dist/src/lib/components/Image/Image.js.map +1 -0
  89. package/dist/src/lib/components/Image/style.module.css +70 -0
  90. package/dist/src/lib/components/Image/style.module.css.map +1 -0
  91. package/dist/src/lib/components/ImageLink/{index.d.ts → ImageLink.d.ts} +1 -1
  92. package/dist/src/lib/components/ImageLink/ImageLink.js +19 -0
  93. package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -0
  94. package/dist/src/lib/components/ImageLink/style.module.css +111 -0
  95. package/dist/src/lib/components/ImageLink/style.module.css.map +1 -0
  96. package/dist/src/lib/components/ImageLinkList/{index.d.ts → ImageLinkList.d.ts} +1 -1
  97. package/dist/src/lib/components/ImageLinkList/{index.js → ImageLinkList.js} +5 -4
  98. package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map +1 -0
  99. package/dist/src/lib/components/ImageLinkList/style.module.css +14 -0
  100. package/dist/src/lib/components/ImageLinkList/style.module.css.map +1 -0
  101. package/dist/src/lib/components/InformationIcon/{index.d.ts → InformationIcon.d.ts} +1 -1
  102. package/dist/src/lib/components/InformationIcon/{index.js → InformationIcon.js} +7 -7
  103. package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -0
  104. package/dist/src/lib/components/InformationIcon/style.module.css +90 -0
  105. package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -0
  106. package/dist/src/lib/components/Input/{index.d.ts → Input.d.ts} +0 -0
  107. package/dist/src/lib/components/Input/{index.js → Input.js} +9 -8
  108. package/dist/src/lib/components/Input/Input.js.map +1 -0
  109. package/dist/src/lib/components/Input/style.module.css +88 -0
  110. package/dist/src/lib/components/Input/style.module.css.map +1 -0
  111. package/dist/src/lib/components/Jumbotron/{index.d.ts → Jumbotron.d.ts} +0 -0
  112. package/dist/src/lib/components/Jumbotron/{index.js → Jumbotron.js} +3 -2
  113. package/dist/src/lib/components/Jumbotron/Jumbotron.js.map +1 -0
  114. package/dist/src/lib/components/Jumbotron/style.module.css +5 -0
  115. package/dist/src/lib/components/Jumbotron/style.module.css.map +1 -0
  116. package/dist/src/lib/components/Nav/{index.d.ts → Nav.d.ts} +1 -1
  117. package/dist/src/lib/components/Nav/Nav.js +62 -0
  118. package/dist/src/lib/components/Nav/Nav.js.map +1 -0
  119. package/dist/src/lib/components/Nav/style.module.css +299 -0
  120. package/dist/src/lib/components/Nav/style.module.css.map +1 -0
  121. package/dist/src/lib/components/NavItem/{index.d.ts → NavItem.d.ts} +0 -0
  122. package/dist/src/lib/components/NavItem/NavItem.js +22 -0
  123. package/dist/src/lib/components/NavItem/NavItem.js.map +1 -0
  124. package/dist/src/lib/components/NavItem/style.module.css +133 -0
  125. package/dist/src/lib/components/NavItem/style.module.css.map +1 -0
  126. package/dist/src/lib/components/NewsCard/{index.d.ts → NewsCard.d.ts} +2 -2
  127. package/dist/src/lib/components/NewsCard/{index.js → NewsCard.js} +9 -8
  128. package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -0
  129. package/dist/src/lib/components/NewsCard/style.module.css +34 -0
  130. package/dist/src/lib/components/NewsCard/style.module.css.map +1 -0
  131. package/dist/src/lib/components/Profile/{index.d.ts → Profile.d.ts} +1 -1
  132. package/dist/src/lib/components/Profile/Profile.js +36 -0
  133. package/dist/src/lib/components/Profile/Profile.js.map +1 -0
  134. package/dist/src/lib/components/Profile/style.module.css +110 -0
  135. package/dist/src/lib/components/Profile/style.module.css.map +1 -0
  136. package/dist/src/lib/components/Row/{index.d.ts → Row.d.ts} +0 -0
  137. package/dist/src/lib/components/Row/{index.js → Row.js} +3 -2
  138. package/dist/src/lib/components/Row/Row.js.map +1 -0
  139. package/dist/src/lib/components/Row/style.module.css +5 -0
  140. package/dist/src/lib/components/Row/style.module.css.map +1 -0
  141. package/dist/src/lib/components/Search/{index.d.ts → Search.d.ts} +1 -1
  142. package/dist/src/lib/components/Search/{index.js → Search.js} +11 -10
  143. package/dist/src/lib/components/Search/Search.js.map +1 -0
  144. package/dist/src/lib/components/Search/style.module.css +48 -0
  145. package/dist/src/lib/components/Search/style.module.css.map +1 -0
  146. package/dist/src/lib/components/SocialBlock/{index.d.ts → SocialBlock.d.ts} +1 -1
  147. package/dist/src/lib/components/SocialBlock/{index.js → SocialBlock.js} +14 -15
  148. package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -0
  149. package/dist/src/lib/components/SocialBlock/style.module.css +88 -0
  150. package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -0
  151. package/dist/src/lib/components/StarRating/{index.d.ts → StarRating.d.ts} +0 -0
  152. package/dist/src/lib/components/StarRating/{index.js → StarRating.js} +6 -5
  153. package/dist/src/lib/components/StarRating/StarRating.js.map +1 -0
  154. package/dist/src/lib/components/StarRating/style.module.css +10 -0
  155. package/dist/src/lib/components/StarRating/style.module.css.map +1 -0
  156. package/dist/src/lib/components/Testimonial/{index.d.ts → Testimonial.d.ts} +1 -1
  157. package/dist/src/lib/components/Testimonial/{index.js → Testimonial.js} +7 -6
  158. package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -0
  159. package/dist/src/lib/components/Testimonial/style.module.css +38 -0
  160. package/dist/src/lib/components/Testimonial/style.module.css.map +1 -0
  161. package/dist/src/lib/components/TextAndTitle/{index.d.ts → TextAndTitle.d.ts} +1 -1
  162. package/dist/src/lib/components/TextAndTitle/{index.js → TextAndTitle.js} +20 -19
  163. package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -0
  164. package/dist/src/lib/components/TextAndTitle/style.module.css +106 -0
  165. package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -0
  166. package/dist/src/lib/components/TextArea/{index.d.ts → TextArea.d.ts} +0 -0
  167. package/dist/src/lib/components/TextArea/{index.js → TextArea.js} +8 -7
  168. package/dist/src/lib/components/TextArea/TextArea.js.map +1 -0
  169. package/dist/src/lib/components/TextArea/style.module.css +73 -0
  170. package/dist/src/lib/components/TextArea/style.module.css.map +1 -0
  171. package/dist/src/lib/components/Timeline/{index.d.ts → Timeline.d.ts} +0 -0
  172. package/dist/src/lib/components/Timeline/Timeline.js +127 -0
  173. package/dist/src/lib/components/Timeline/Timeline.js.map +1 -0
  174. package/dist/src/lib/components/Timeline/style.module.css +249 -0
  175. package/dist/src/lib/components/Timeline/style.module.css.map +1 -0
  176. package/dist/src/lib/components/Tubestops/{index.d.ts → Tubestops.d.ts} +0 -1
  177. package/dist/src/lib/components/Tubestops/Tubestops.js +38 -0
  178. package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -0
  179. package/dist/src/lib/components/Tubestops/style.module.css +952 -0
  180. package/dist/src/lib/components/Tubestops/style.module.css.map +1 -0
  181. package/dist/src/lib/components/UserIcon/{index.d.ts → UserIcon.d.ts} +1 -1
  182. package/dist/src/lib/components/UserIcon/{index.js → UserIcon.js} +8 -7
  183. package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -0
  184. package/dist/src/lib/components/UserIcon/style.module.css +42 -0
  185. package/dist/src/lib/components/UserIcon/style.module.css.map +1 -0
  186. package/dist/src/lib/components/Video/{index.d.ts → Video.d.ts} +0 -0
  187. package/dist/src/lib/components/Video/{index.js → Video.js} +1 -1
  188. package/dist/src/lib/components/Video/{index.js.map → Video.js.map} +1 -1
  189. package/dist/src/lib/index.d.ts +38 -38
  190. package/dist/src/lib/index.js +39 -41
  191. package/dist/src/lib/index.js.map +1 -1
  192. package/package.json +2 -6
  193. package/dist/src/lib/components/Accordion/style.module.css +0 -4
  194. package/dist/src/lib/components/Accordion/style.module.css.map +0 -1
  195. package/dist/src/lib/components/AlertBar/index.js.map +0 -1
  196. package/dist/src/lib/components/Breadcrumbs/index.js +0 -20
  197. package/dist/src/lib/components/Breadcrumbs/index.js.map +0 -1
  198. package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +0 -1
  199. package/dist/src/lib/components/BreadcrumbsItem/index.js.map +0 -1
  200. package/dist/src/lib/components/Button/index.js.map +0 -1
  201. package/dist/src/lib/components/Card/index.js.map +0 -1
  202. package/dist/src/lib/components/CardWithTopImage/index.js +0 -15
  203. package/dist/src/lib/components/CardWithTopImage/index.js.map +0 -1
  204. package/dist/src/lib/components/Carousel/index.js.map +0 -1
  205. package/dist/src/lib/components/ChevronCard/index.d.ts +0 -7
  206. package/dist/src/lib/components/ChevronCard/index.js +0 -20
  207. package/dist/src/lib/components/ChevronCard/index.js.map +0 -1
  208. package/dist/src/lib/components/Collapsible/index.js.map +0 -1
  209. package/dist/src/lib/components/Column/index.js +0 -83
  210. package/dist/src/lib/components/Column/index.js.map +0 -1
  211. package/dist/src/lib/components/Container/index.js.map +0 -1
  212. package/dist/src/lib/components/FooterBar/index.js +0 -15
  213. package/dist/src/lib/components/FooterBar/index.js.map +0 -1
  214. package/dist/src/lib/components/Form/index.js.map +0 -1
  215. package/dist/src/lib/components/FyreCard/index.js.map +0 -1
  216. package/dist/src/lib/components/Greeting/index.js.map +0 -1
  217. package/dist/src/lib/components/HamburgerIcon/index.js.map +0 -1
  218. package/dist/src/lib/components/Icon/index.js +0 -56
  219. package/dist/src/lib/components/Icon/index.js.map +0 -1
  220. package/dist/src/lib/components/Image/index.js.map +0 -1
  221. package/dist/src/lib/components/ImageLink/index.js +0 -18
  222. package/dist/src/lib/components/ImageLink/index.js.map +0 -1
  223. package/dist/src/lib/components/ImageLinkList/index.js.map +0 -1
  224. package/dist/src/lib/components/InformationIcon/index.js.map +0 -1
  225. package/dist/src/lib/components/Input/index.js.map +0 -1
  226. package/dist/src/lib/components/Jumbotron/index.js.map +0 -1
  227. package/dist/src/lib/components/Nav/index.js +0 -65
  228. package/dist/src/lib/components/Nav/index.js.map +0 -1
  229. package/dist/src/lib/components/NavItem/index.js +0 -24
  230. package/dist/src/lib/components/NavItem/index.js.map +0 -1
  231. package/dist/src/lib/components/NewsCard/index.js.map +0 -1
  232. package/dist/src/lib/components/Profile/index.js +0 -36
  233. package/dist/src/lib/components/Profile/index.js.map +0 -1
  234. package/dist/src/lib/components/Row/index.js.map +0 -1
  235. package/dist/src/lib/components/Search/index.js.map +0 -1
  236. package/dist/src/lib/components/SocialBlock/index.js.map +0 -1
  237. package/dist/src/lib/components/StarRating/index.js.map +0 -1
  238. package/dist/src/lib/components/Testimonial/index.js.map +0 -1
  239. package/dist/src/lib/components/TextAndTitle/index.js.map +0 -1
  240. package/dist/src/lib/components/TextArea/index.js.map +0 -1
  241. package/dist/src/lib/components/Timeline/index.css +0 -135
  242. package/dist/src/lib/components/Timeline/index.css.map +0 -1
  243. package/dist/src/lib/components/Timeline/index.js +0 -208
  244. package/dist/src/lib/components/Timeline/index.js.map +0 -1
  245. package/dist/src/lib/components/Tubestops/index.css +0 -97
  246. package/dist/src/lib/components/Tubestops/index.css.map +0 -1
  247. package/dist/src/lib/components/Tubestops/index.js +0 -44
  248. package/dist/src/lib/components/Tubestops/index.js.map +0 -1
  249. package/dist/src/lib/components/UserIcon/index.js.map +0 -1
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Props as buttonProps } from '../Button';
2
+ import { Props as buttonProps } from '../Button/Button';
3
3
  export interface Props {
4
4
  id?: string;
5
5
  className?: string;
@@ -1,17 +1,18 @@
1
1
  import React from 'react';
2
- import Button from '../Button';
2
+ import Button from '../Button/Button';
3
3
  import classNames from 'classnames';
4
+ import style from './style.module.css';
4
5
  const FyreCard = ({ id, className, image, imageClass, altText, bordered, buttonProps }) => {
5
6
  const classList = classNames({
6
- 'border border-grey border-opacity-100': bordered
7
- }, className, 'flex flex-col');
8
- const imageClassList = classNames(imageClass, 'w-full');
7
+ [style.bordered]: bordered
8
+ }, className, style.classList);
9
+ const imageClassList = classNames(imageClass, style.imageClassList);
9
10
  return (React.createElement("div", { key: id, id: id, className: classList },
10
- React.createElement("div", { className: 'card-content flex flex-1 flex-col' },
11
+ React.createElement("div", { className: classNames(style.cardContent, 'card-content') },
11
12
  React.createElement("div", null,
12
13
  React.createElement("img", { className: imageClassList, src: image, alt: altText })),
13
- React.createElement("div", { className: 'flex justify-end' },
14
+ React.createElement("div", { className: style.buttonWrapper },
14
15
  React.createElement(Button, Object.assign({}, buttonProps), buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children)))));
15
16
  };
16
17
  export default FyreCard;
17
- //# sourceMappingURL=index.js.map
18
+ //# sourceMappingURL=FyreCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FyreCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/FyreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAWtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;KAC3B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnE,OAAO,CACL,6BACE,GAAG,EAAE,EAAE,EACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,cAAc,CAAC;YAC3D;gBACE,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CACxD;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,oBAAC,MAAM,oBAAK,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAU,CACrD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -0,0 +1,37 @@
1
+ .classList {
2
+
3
+ display: flex;
4
+
5
+ flex-direction: column
6
+ }
7
+
8
+ .cardContent {
9
+
10
+ display: flex;
11
+
12
+ flex: 1 1 0%;
13
+
14
+ flex-direction: column
15
+ }
16
+
17
+ .buttonWrapper {
18
+
19
+ display: flex;
20
+
21
+ justify-content: flex-end
22
+ }
23
+
24
+ .bordered {
25
+
26
+ border-width: 1px;
27
+
28
+ border-color: rgb(44 55 59 / var(--tw-border-opacity));
29
+
30
+ --tw-border-opacity: 1
31
+ }
32
+
33
+ .imageClassList {
34
+
35
+ width: 100%
36
+ }
37
+ /*# sourceMappingURL=style.module.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/lib/components/FyreCard/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,aAA2B;;IAA3B,YAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,aAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,iBAA4C;;IAA5C,sDAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA;AAAa","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n}\n\n.cardContent {\n @apply flex flex-1 flex-col;\n}\n\n.buttonWrapper {\n @apply flex justify-end;\n}\n\n.bordered {\n @apply border border-grey border-opacity-100;\n}\n\n.imageClassList {\n @apply w-full;\n}"]}
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import classNames from 'classnames';
3
2
  const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening' }) => {
4
3
  const today = new Date();
5
4
  const hours = `0${today.getHours().toString()}`.slice(-2);
@@ -16,8 +15,7 @@ const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMes
16
15
  else if (time > 165959) {
17
16
  message = eveningMessage;
18
17
  }
19
- const classList = classNames(className);
20
- return (React.createElement("p", { id: id, className: classList }, message));
18
+ return (React.createElement("p", { id: id, className: className }, message));
21
19
  };
22
20
  export default Greeting;
23
- //# sourceMappingURL=index.js.map
21
+ //# sourceMappingURL=Greeting.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,EACzB,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,CAAA;IACX,IAAI,IAAI,GAAG,MAAM,EAAE;QACjB,OAAO,GAAG,cAAc,CAAA;KACzB;SAAM,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACzC,OAAO,GAAG,gBAAgB,CAAA;KAC3B;SAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACxB,OAAO,GAAG,cAAc,CAAA;KACzB;IAED,OAAO,CACL,2BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,OAAO,CACN,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
3
- opened?: boolean;
4
3
  onClick?: React.MouseEventHandler;
5
4
  }
6
5
  declare const HamburgerIcon: ({ id, className, onClick }: Props) => JSX.Element;
@@ -1,26 +1,29 @@
1
1
  import React, { useState } from 'react';
2
2
  import classNames from 'classnames';
3
- import Button from '../Button';
3
+ import Button from '../Button/Button';
4
+ import style from './style.module.css';
4
5
  const HamburgerIcon = ({ id, className, onClick }) => {
5
6
  const [opened, setOpened] = useState(false);
7
+ const classList = classNames(className, style.hamburgerIcon);
6
8
  const lineOneClassList = classNames({
7
- 'origin-top-left rotate-45 translate-x-1 -translate-y-0.5': opened
8
- }, 'origin-top-left transition-transform duration-200 ease-linear');
9
+ [style.lineOneOpened]: opened
10
+ }, style.lineOne, 'transition-transform');
9
11
  const lineTwoClassList = classNames({
10
- 'opacity-0': opened
11
- }, 'opacity-100 transition-opacity duration-200 ease-linear');
12
+ [style.lineTwoOpened]: opened,
13
+ [style.lineTwoClosed]: !opened
14
+ }, style.lineTwo, 'transition-opacity');
12
15
  const lineThreeClassList = classNames({
13
- 'origin-bottom-left -rotate-45 translate-x-1 translate-y-px': opened
14
- }, 'origin-bottom-left transition-transform duration-200 ease-linear');
16
+ [style.lineThreeOpened]: opened
17
+ }, style.lineThree, 'transition-transform');
15
18
  const toggleOpened = (e) => {
16
19
  setOpened(!opened);
17
20
  onClick === null || onClick === void 0 ? void 0 : onClick(e);
18
21
  };
19
- return (React.createElement(Button, { id: id, className: className, onClick: (e) => toggleOpened(e), variant: 'primary', type: 'icon' },
20
- React.createElement("svg", { className: 'mx-auto overflow-visible fill-white group-hover:fill-primary transition-backgroundColor duration-500 transform', width: '24', height: '24', viewBox: '0 0 24 15', xmlns: 'http://www.w3.org/2000/svg' },
22
+ return (React.createElement(Button, { id: id, className: classList, onClick: (e) => toggleOpened(e), variant: 'primary', type: 'icon' },
23
+ React.createElement("svg", { className: classNames(style.svg, 'transition-backgroundColor'), width: '24', height: '24', viewBox: '0 0 24 15', xmlns: 'http://www.w3.org/2000/svg' },
21
24
  React.createElement("path", { className: lineOneClassList, d: 'M0 1.5C0 0.947715 0.447715 0.5 1 0.5H21C21.5523 0.5 22 0.947715 22 1.5C22 2.05228 21.5523 2.5 21 2.5H1C0.447716 2.5 0 2.05228 0 1.5Z' }),
22
25
  React.createElement("path", { className: lineTwoClassList, d: 'M0 7.5C0 6.94772 0.447715 6.5 1 6.5H21C21.5523 6.5 22 6.94772 22 7.5C22 8.05228 21.5523 8.5 21 8.5H1C0.447716 8.5 0 8.05228 0 7.5Z' }),
23
26
  React.createElement("path", { className: lineThreeClassList, d: 'M0 13.5C0 12.9477 0.447715 12.5 1 12.5H21C21.5523 12.5 22 12.9477 22 13.5C22 14.0523 21.5523 14.5 21 14.5H1C0.447716 14.5 0 14.0523 0 13.5Z' }))));
24
27
  };
25
28
  export default HamburgerIcon;
26
- //# sourceMappingURL=index.js.map
29
+ //# sourceMappingURL=HamburgerIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HamburgerIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAMtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAE5D,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;KAC9B,EAAE,KAAK,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAA;IAEzC,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;QAC7B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM;KAC/B,EAAE,KAAK,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;IAEvC,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,MAAM;KAChC,EAAE,KAAK,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM;QAEX,6BACE,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EAAE,4BAA4B,CAAC,EAC9D,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,sIAAsI,GACxI;YACF,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,oIAAoI,GACtI;YACF,8BACE,SAAS,EAAE,kBAAkB,EAC7B,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,90 @@
1
+ .hamburgerIcon path {
2
+
3
+ transition-property: all;
4
+
5
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6
+
7
+ transition-duration: 500ms
8
+ }
9
+
10
+ .hamburgerIcon:hover path {
11
+
12
+ fill: #0036A0
13
+ }
14
+
15
+ .lineOneOpened {
16
+
17
+ transform-origin: top left;
18
+
19
+ --tw-translate-x: 0.25rem;
20
+
21
+ --tw-translate-y: -0.125rem;
22
+
23
+ --tw-rotate: 45deg;
24
+
25
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
26
+ }
27
+
28
+ .lineTwoOpened {
29
+
30
+ opacity: 0
31
+ }
32
+
33
+ .lineTwoClosed {
34
+
35
+ opacity: 1
36
+ }
37
+
38
+ .lineThreeOpened {
39
+
40
+ transform-origin: bottom left;
41
+
42
+ --tw-translate-x: 0.25rem;
43
+
44
+ --tw-translate-y: 1px;
45
+
46
+ --tw-rotate: -45deg;
47
+
48
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
49
+ }
50
+
51
+ .lineOne {
52
+
53
+ transform-origin: top left;
54
+
55
+ transition-duration: 200ms;
56
+
57
+ transition-timing-function: linear
58
+ }
59
+
60
+ .lineTwo {
61
+
62
+ transition-duration: 200ms;
63
+
64
+ transition-timing-function: linear
65
+ }
66
+
67
+ .lineThree {
68
+
69
+ transform-origin: bottom left;
70
+
71
+ transition-duration: 200ms;
72
+
73
+ transition-timing-function: linear
74
+ }
75
+
76
+ .svg {
77
+
78
+ margin-left: auto;
79
+
80
+ margin-right: auto;
81
+
82
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
83
+
84
+ overflow: visible;
85
+
86
+ fill: #ffffff;
87
+
88
+ transition-duration: 500ms
89
+ }
90
+ /*# sourceMappingURL=style.module.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAmB;;AAInB;;IAAA,0BAA+D;;IAA/D,yBAA+D;;IAA/D,2BAA+D;;IAA/D,kBAA+D;;IAA/D;AAA+D;;AAI/D;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,6BAAiE;;IAAjE,yBAAiE;;IAAjE,qBAAiE;;IAAjE,mBAAiE;;IAAjE;AAAiE;;AAIjE;;IAAA,0BAA+C;;IAA/C,0BAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,0BAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,6BAAkD;;IAAlD,0BAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAAiE;;IAAjE,kBAAiE;;IAAjE,+LAAiE;;IAAjE,iBAAiE;;IAAjE,aAAiE;;IAAjE;AAAiE","file":"style.module.css","sourcesContent":[".hamburgerIcon path {\n @apply transition-all duration-500;\n}\n\n.hamburgerIcon:hover path {\n @apply fill-primary;\n}\n\n.lineOneOpened {\n @apply origin-top-left rotate-45 translate-x-1 -translate-y-0.5;\n}\n\n.lineTwoOpened {\n @apply opacity-0;\n}\n\n.lineTwoClosed {\n @apply opacity-100;\n}\n\n.lineThreeOpened {\n @apply origin-bottom-left -rotate-45 translate-x-1 translate-y-px;\n}\n\n.lineOne {\n @apply origin-top-left duration-200 ease-linear;\n}\n\n.lineTwo {\n @apply duration-200 ease-linear;\n}\n\n.lineThree {\n @apply origin-bottom-left duration-200 ease-linear;\n}\n\n.svg {\n @apply mx-auto overflow-visible fill-white duration-500 transform;\n}"]}
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import classNames from 'classnames';
3
+ import style from './style.module.css';
4
+ const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'secondary', hoverColour = 'primary', hoverBgColour = 'secondary', rounded = false, brand = false }) => {
5
+ const colourString = colour;
6
+ const hoverColourString = hoverColour;
7
+ const bgColourString = bgColour;
8
+ const hoverBgColourString = hoverBgColour;
9
+ const fontColourKey = `text${colourString.charAt(0).toUpperCase()}${colourString.slice(1)}`;
10
+ const backgroundColourKey = `bg${bgColourString.charAt(0).toUpperCase()}${bgColourString.slice(1)}`;
11
+ const hoverFontColourKey = `hoverText${hoverColourString.charAt(0).toUpperCase()}${hoverColourString.slice(1)}`;
12
+ const hoverBackgroundColourKey = `hoverBg${hoverBgColourString.charAt(0).toUpperCase()}${hoverBgColourString.slice(1)}`;
13
+ const wrapperClassList = classNames({
14
+ [style.sizeOne]: size === 1,
15
+ [style.sizeTwo]: size === 2,
16
+ [style.sizeThree]: size === 3,
17
+ [style.sizeFour]: size === 4,
18
+ [style.sizeFive]: size === 5,
19
+ [style.sizeSix]: size === 6,
20
+ [style.sizeSeven]: size === 7,
21
+ [style.sizeEight]: size === 8,
22
+ [style.sizeNine]: size === 9,
23
+ [style.sizeTen]: size === 10,
24
+ [style.rounded]: rounded
25
+ }, className, style.wrapperClassList, style[backgroundColourKey], style[fontColourKey], style[hoverBackgroundColourKey], style[hoverFontColourKey], 'transition-backgroundColor');
26
+ const classList = classNames({
27
+ 'fa-brands': brand,
28
+ [`fa-${size}x`]: size,
29
+ [`fa-${animation}`]: animation,
30
+ 'fa-spin-reverse': reverseSpin,
31
+ 'fa-regular': hollow
32
+ }, `${style.classList} fa fa-${type}`);
33
+ return (React.createElement("div", { id: id, className: wrapperClassList },
34
+ React.createElement("span", { className: classList, role: 'img', "aria-hidden": 'true', "aria-label": type })));
35
+ };
36
+ export default Icon;
37
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,219 @@
1
+ .classList {
2
+
3
+ margin-left: auto;
4
+
5
+ margin-right: auto;
6
+
7
+ margin-top: auto;
8
+
9
+ margin-bottom: auto
10
+ }
11
+
12
+ .sizeOne {
13
+
14
+ height: 1.5rem;
15
+
16
+ width: 1.5rem
17
+ }
18
+
19
+ .sizeTwo {
20
+
21
+ height: 2.5rem;
22
+
23
+ width: 2.5rem
24
+ }
25
+
26
+ .sizeThree {
27
+
28
+ height: 3.5rem;
29
+
30
+ width: 3.5rem
31
+ }
32
+
33
+ .sizeFour {
34
+
35
+ height: 5rem;
36
+
37
+ width: 5rem
38
+ }
39
+
40
+ .sizeFive {
41
+
42
+ height: 6rem;
43
+
44
+ width: 6rem
45
+ }
46
+
47
+ .sizeSix {
48
+
49
+ height: 7rem;
50
+
51
+ width: 7rem
52
+ }
53
+
54
+ .sizeSeven {
55
+
56
+ height: 8rem;
57
+
58
+ width: 8rem
59
+ }
60
+
61
+ .sizeEight {
62
+
63
+ height: 9rem;
64
+
65
+ width: 9rem
66
+ }
67
+
68
+ .sizeNine {
69
+
70
+ height: 10rem;
71
+
72
+ width: 10rem
73
+ }
74
+
75
+ .sizeTen {
76
+
77
+ height: 11rem;
78
+
79
+ width: 11rem
80
+ }
81
+
82
+ .rounded {
83
+
84
+ border-radius: 9999px
85
+ }
86
+
87
+ .wrapperClassList {
88
+
89
+ display: flex;
90
+
91
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
92
+
93
+ transition-duration: 500ms
94
+ }
95
+
96
+ .textPrimary {
97
+
98
+ --tw-text-opacity: 1;
99
+
100
+ color: rgb(0 54 160 / var(--tw-text-opacity))
101
+ }
102
+ .textSecondary {
103
+
104
+ --tw-text-opacity: 1;
105
+
106
+ color: rgb(255 168 0 / var(--tw-text-opacity))
107
+ }
108
+ .textWhite {
109
+
110
+ --tw-text-opacity: 1;
111
+
112
+ color: rgb(255 255 255 / var(--tw-text-opacity))
113
+ }
114
+ .textBlack {
115
+
116
+ --tw-text-opacity: 1;
117
+
118
+ color: rgb(0 0 0 / var(--tw-text-opacity))
119
+ }
120
+ .textGold {
121
+
122
+ --tw-text-opacity: 1;
123
+
124
+ color: rgb(226 177 60 / var(--tw-text-opacity))
125
+ }
126
+
127
+ .bgPrimary {
128
+
129
+ --tw-bg-opacity: 1;
130
+
131
+ background-color: rgb(0 54 160 / var(--tw-bg-opacity))
132
+ }
133
+ .bgSecondary {
134
+
135
+ --tw-bg-opacity: 1;
136
+
137
+ background-color: rgb(255 168 0 / var(--tw-bg-opacity))
138
+ }
139
+ .bgWhite {
140
+
141
+ --tw-bg-opacity: 1;
142
+
143
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
144
+ }
145
+ .bglack {
146
+
147
+ --tw-bg-opacity: 1;
148
+
149
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
150
+ }
151
+ .bgGold {
152
+
153
+ --tw-bg-opacity: 1;
154
+
155
+ background-color: rgb(226 177 60 / var(--tw-bg-opacity))
156
+ }
157
+
158
+ .hoverTextPrimary:hover {
159
+
160
+ --tw-text-opacity: 1;
161
+
162
+ color: rgb(0 54 160 / var(--tw-text-opacity))
163
+ }
164
+ .hoverTextSecondary:hover {
165
+
166
+ --tw-text-opacity: 1;
167
+
168
+ color: rgb(255 168 0 / var(--tw-text-opacity))
169
+ }
170
+ .hoverTextWhite:hover {
171
+
172
+ --tw-text-opacity: 1;
173
+
174
+ color: rgb(255 255 255 / var(--tw-text-opacity))
175
+ }
176
+ .hoverTextlack:hover {
177
+
178
+ --tw-text-opacity: 1;
179
+
180
+ color: rgb(0 0 0 / var(--tw-text-opacity))
181
+ }
182
+ .hoverTextGold:hover {
183
+
184
+ --tw-text-opacity: 1;
185
+
186
+ color: rgb(226 177 60 / var(--tw-text-opacity))
187
+ }
188
+
189
+ .hoverBgPrimary:hover {
190
+
191
+ --tw-bg-opacity: 1;
192
+
193
+ background-color: rgb(0 54 160 / var(--tw-bg-opacity))
194
+ }
195
+ .hoverBgSecondary:hover {
196
+
197
+ --tw-bg-opacity: 1;
198
+
199
+ background-color: rgb(255 168 0 / var(--tw-bg-opacity))
200
+ }
201
+ .hoverBgWhite:hover {
202
+
203
+ --tw-bg-opacity: 1;
204
+
205
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
206
+ }
207
+ .hoverBglack:hover {
208
+
209
+ --tw-bg-opacity: 1;
210
+
211
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
212
+ }
213
+ .hoverBgGold:hover {
214
+
215
+ --tw-bg-opacity: 1;
216
+
217
+ background-color: rgb(226 177 60 / var(--tw-bg-opacity))
218
+ }
219
+ /*# sourceMappingURL=style.module.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;AAId;;IAAA,cAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,cAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA,oBAAmB;;IAAnB;AAAmB;AACjB;;IAAA,oBAAqB;;IAArB;AAAqB;AACzB;;IAAA,oBAAiB;;IAAjB;AAAiB;AACjB;;IAAA,oBAAiB;;IAAjB;AAAiB;AAClB;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAEf;;IAAA,kBAAiB;;IAAjB;AAAiB;AACf;;IAAA,kBAAmB;;IAAnB;AAAmB;AACvB;;IAAA,kBAAe;;IAAf;AAAe;AAChB;;IAAA,kBAAe;;IAAf;AAAe;AACf;;IAAA,kBAAc;;IAAd;AAAc;;AAEJ;;IAAA,oBAAyB;;IAAzB;AAAyB;AACvB;;IAAA,oBAA2B;;IAA3B;AAA2B;AAC/B;;IAAA,oBAAuB;;IAAvB;AAAuB;AACxB;;IAAA,oBAAuB;;IAAvB;AAAuB;AACvB;;IAAA,oBAAsB;;IAAtB;AAAsB;;AAErB;;IAAA,kBAAuB;;IAAvB;AAAuB;AACrB;;IAAA,kBAAyB;;IAAzB;AAAyB;AAC7B;;IAAA,kBAAqB;;IAArB;AAAqB;AACtB;;IAAA,kBAAqB;;IAArB;AAAqB;AACrB;;IAAA,kBAAoB;;IAApB;AAAoB","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto my-auto;\n}\n\n.sizeOne {\n @apply w-6 h-6;\n}\n\n.sizeTwo {\n @apply w-10 h-10;\n}\n\n.sizeThree {\n @apply w-14 h-14;\n}\n\n.sizeFour {\n @apply w-20 h-20;\n}\n\n.sizeFive {\n @apply w-24 h-24;\n}\n\n.sizeSix {\n @apply w-28 h-28;\n}\n\n.sizeSeven {\n @apply w-32 h-32;\n}\n\n.sizeEight {\n @apply w-36 h-36;\n}\n\n.sizeNine {\n @apply w-40 h-40;\n}\n\n.sizeTen {\n @apply w-44 h-44;\n}\n\n.rounded {\n @apply rounded-full;\n}\n\n.wrapperClassList {\n @apply flex duration-500 transform;\n}\n\n.textPrimary { @apply text-primary; }\n.textSecondary { @apply text-secondary; }\n.textWhite { @apply text-white; }\n.textBlack { @apply text-black; }\n.textGold { @apply text-gold; }\n\n.bgPrimary { @apply bg-primary; }\n.bgSecondary { @apply bg-secondary; }\n.bgWhite { @apply bg-white; }\n.bglack { @apply bg-black; }\n.bgGold { @apply bg-gold; }\n\n.hoverTextPrimary { @apply hover:text-primary; }\n.hoverTextSecondary { @apply hover:text-secondary; }\n.hoverTextWhite { @apply hover:text-white; }\n.hoverTextlack { @apply hover:text-black; }\n.hoverTextGold { @apply hover:text-gold; }\n\n.hoverBgPrimary { @apply hover:bg-primary; }\n.hoverBgSecondary { @apply hover:bg-secondary; }\n.hoverBgWhite { @apply hover:bg-white; }\n.hoverBglack { @apply hover:bg-black; }\n.hoverBgGold { @apply hover:bg-gold; }"]}
@@ -1,10 +1,11 @@
1
1
  import React, { useState } from 'react';
2
2
  import classNames from 'classnames';
3
+ import style from './style.module.css';
3
4
  const Image = ({ id, className, image, altText, title, rounded = false, roundedFull = false, height = 8, width = 8, overlayText, centerAligned = false }) => {
4
5
  const [isHovering, setIsHovering] = useState(false);
5
6
  const opacity = classNames({
6
- 'opacity-80': isHovering,
7
- 'opacity-0': !isHovering
7
+ [style.visible]: isHovering,
8
+ [style.invisible]: !isHovering
8
9
  });
9
10
  const widthClassList = classNames({
10
11
  'w-6': width === 1,
@@ -35,20 +36,19 @@ const Image = ({ id, className, image, altText, title, rounded = false, roundedF
35
36
  'h-full': (height === undefined) || (![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(height))
36
37
  });
37
38
  const imageClassList = classNames({
38
- 'rounded-2xl': rounded,
39
- 'rounded-full': roundedFull,
40
- 'mx-auto': centerAligned
39
+ [style.rounded]: rounded,
40
+ [style.roundedFull]: roundedFull,
41
+ [style.centerAligned]: centerAligned
41
42
  }, className, widthClassList, heightClassList);
42
- const overlayClassList = classNames(widthClassList, heightClassList, opacity, 'absolute z-10 transition-opacity duration-700 bg-white');
43
- const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, 'flex absolute z-20 transition-opacity duration-700');
44
- const overlayTextClassList = 'm-auto text-center text-primary';
43
+ const overlayClassList = classNames(widthClassList, heightClassList, opacity, style.overlayClassList);
44
+ const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, style.overlayTextWrapperClassList);
45
45
  return (React.createElement(React.Fragment, null,
46
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
- React.createElement("p", { className: overlayTextClassList }, overlayText))),
50
+ React.createElement("p", { className: style.overlayTextClassList }, overlayText))),
51
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
- //# sourceMappingURL=index.js.map
54
+ //# sourceMappingURL=Image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,70 @@
1
+ .overlayTextClassList {
2
+
3
+ margin: auto;
4
+
5
+ text-align: center;
6
+
7
+ --tw-text-opacity: 1;
8
+
9
+ color: rgb(0 54 160 / var(--tw-text-opacity))
10
+ }
11
+
12
+ .overlayTextWrapperClassList {
13
+
14
+ position: absolute;
15
+
16
+ z-index: 20;
17
+
18
+ display: flex;
19
+
20
+ transition-property: opacity;
21
+
22
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23
+
24
+ transition-duration: 700ms
25
+ }
26
+
27
+ .overlayClassList {
28
+
29
+ position: absolute;
30
+
31
+ z-index: 10;
32
+
33
+ --tw-bg-opacity: 1;
34
+
35
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
36
+
37
+ transition-property: opacity;
38
+
39
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
40
+
41
+ transition-duration: 700ms
42
+ }
43
+
44
+ .rounded {
45
+
46
+ border-radius: 1rem
47
+ }
48
+
49
+ .roundedFull {
50
+
51
+ border-radius: 9999px
52
+ }
53
+
54
+ .centerAligned {
55
+
56
+ margin-left: auto;
57
+
58
+ margin-right: auto
59
+ }
60
+
61
+ .visible {
62
+
63
+ opacity: 0.8
64
+ }
65
+
66
+ .invisible {
67
+
68
+ opacity: 0
69
+ }
70
+ /*# sourceMappingURL=style.module.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"AACI;;IAAA,YAAsC;;IAAtC,kBAAsC;;IAAtC,oBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAyD;;IAAzD,WAAyD;;IAAzD,aAAyD;;IAAzD,4BAAyD;;IAAzD,wDAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kBAA6D;;IAA7D,WAA6D;;IAA7D,kBAA6D;;IAA7D,yDAA6D;;IAA7D,4BAA6D;;IAA7D,wDAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".overlayTextClassList {\n @apply m-auto text-center text-primary;\n}\n\n.overlayTextWrapperClassList {\n @apply flex absolute z-20 transition-opacity duration-700;\n}\n\n.overlayClassList {\n @apply absolute z-10 transition-opacity duration-700 bg-white;\n}\n\n.rounded {\n @apply rounded-2xl;\n}\n\n.roundedFull {\n @apply rounded-full;\n}\n\n.centerAligned {\n @apply mx-auto;\n}\n\n.visible {\n @apply opacity-80;\n}\n\n.invisible {\n @apply opacity-0;\n}"]}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Props as buttonProps } from '../Button';
2
+ import { Props as buttonProps } from '../Button/Button';
3
3
  export interface Props {
4
4
  id?: string;
5
5
  className?: string;