trepur_components 0.2.6 → 0.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/components/{Organisms/Accordion → Accordion}/index.js +2 -2
  2. package/dist/components/{Atoms/AlertBar → AlertBar}/index.js +2 -2
  3. package/dist/components/{Atoms/Breadcrumbs → Breadcrumbs}/index.js +1 -1
  4. package/dist/components/{Organisms/BreadcrumbsBordered → BreadcrumbsBordered}/index.js +2 -2
  5. package/dist/components/{Atoms/BreadcrumbsItem → BreadcrumbsItem}/index.css +0 -5
  6. package/dist/components/{Atoms/BreadcrumbsItem → BreadcrumbsItem}/index.js +2 -0
  7. package/dist/components/{Atoms/Button → Button}/index.css +0 -5
  8. package/dist/components/{Atoms/Button → Button}/index.js +3 -1
  9. package/dist/components/{Organisms/Card → Card}/index.js +3 -3
  10. package/dist/components/CardWithTopImage/index.css +3 -0
  11. package/dist/components/{Organisms/CardWithTopImage → CardWithTopImage}/index.js +3 -1
  12. package/dist/components/Carousel/index.css +7 -0
  13. package/dist/components/{Organisms/Carousel → Carousel}/index.js +2 -0
  14. package/dist/components/{Organisms/Chevron Card → Chevron Card}/index.js +1 -1
  15. package/dist/components/{Atoms/Collapsible → Collapsible}/index.js +1 -1
  16. package/dist/components/{Atoms/Column → Column}/index.js +1 -1
  17. package/dist/components/{Organisms/Form → Form}/index.js +3 -3
  18. package/dist/components/{Organisms/FyreCard → FyreCard}/index.js +2 -2
  19. package/dist/components/{Atoms/Icon → Icon}/index.js +1 -1
  20. package/dist/components/{Atoms/Image → Image}/index.js +2 -2
  21. package/dist/components/{Organisms/ImageLink → ImageLink}/index.js +2 -2
  22. package/dist/components/{Organisms/ImageLinkList → ImageLinkList}/index.js +1 -1
  23. package/dist/components/{Atoms/InformationIcon → InformationIcon}/index.js +2 -2
  24. package/dist/components/{Atoms/Input → Input}/index.js +1 -1
  25. package/dist/components/{Organisms/Jumbotron → Jumbotron}/index.js +2 -2
  26. package/dist/components/{Organisms/Nav → Nav}/index.js +3 -3
  27. package/dist/components/{Atoms/NavItem → NavItem}/index.js +1 -1
  28. package/dist/components/{Organisms/NewsCard → NewsCard}/index.js +4 -4
  29. package/dist/components/{Organisms/Profile → Profile}/index.js +1 -1
  30. package/dist/components/{Atoms/Row → Row}/index.js +1 -1
  31. package/dist/components/{Organisms/Search → Search}/index.js +3 -3
  32. package/dist/components/StarRating/index.css +8 -0
  33. package/dist/components/{Atoms/StarRating → StarRating}/index.js +6 -3
  34. package/dist/components/{Organisms/Testimonial → Testimonial}/index.js +1 -1
  35. package/dist/components/{Atoms/TextAndTitle → TextAndTitle}/index.js +1 -1
  36. package/dist/components/{Organisms/Timeline → Timeline}/index.css +0 -5
  37. package/dist/components/{Organisms/Timeline → Timeline}/index.js +18 -30
  38. package/dist/components/{Atoms/Tubestops → Tubestops}/index.css +0 -5
  39. package/dist/components/{Atoms/Tubestops → Tubestops}/index.js +3 -4
  40. package/dist/components/{Organisms/UserIcon → UserIcon}/index.js +1 -1
  41. package/dist/components/{Atoms/Video → Video}/index.js +1 -1
  42. package/dist/components/{Atoms/AlertBar/index.css → index.css} +0 -0
  43. package/dist/index.js +32 -32
  44. package/package.json +2 -6
  45. package/dist/assets/Images/logoBlue.png +0 -0
  46. package/dist/assets/Images/logoBlueBorder.png +0 -0
  47. package/dist/assets/Images/logoCoco.png +0 -0
  48. package/dist/assets/Images/logoCocoBanner.png +0 -0
  49. package/dist/assets/Images/logoWhite.png +0 -0
  50. package/dist/assets/Images/logoWhiteBorder.png +0 -0
  51. package/dist/assets/Images/user.jpeg +0 -0
  52. package/dist/assets/Videos/example.mp4 +0 -0
  53. package/dist/assets/Videos/example.ogv +0 -0
  54. package/dist/components/Atoms/AlertBar/AlertBar.stories.js +0 -84
  55. package/dist/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js +0 -49
  56. package/dist/components/Atoms/Breadcrumbs/index.css +0 -4
  57. package/dist/components/Atoms/BreadcrumbsItem/BreadcrumbsItem.stories.js +0 -103
  58. package/dist/components/Atoms/Button/button.stories.js +0 -84
  59. package/dist/components/Atoms/Collapsible/Collapsible.stories.js +0 -157
  60. package/dist/components/Atoms/Collapsible/index.css +0 -4
  61. package/dist/components/Atoms/Column/Column.stories.js +0 -42
  62. package/dist/components/Atoms/Column/index.css +0 -4
  63. package/dist/components/Atoms/Icon/Icon.stories.js +0 -39
  64. package/dist/components/Atoms/Icon/index.css +0 -4
  65. package/dist/components/Atoms/Image/Image.stories.js +0 -40
  66. package/dist/components/Atoms/Image/index.css +0 -4
  67. package/dist/components/Atoms/InformationIcon/InformationIcon.stories.js +0 -108
  68. package/dist/components/Atoms/InformationIcon/index.css +0 -4
  69. package/dist/components/Atoms/Input/Input.stories.js +0 -60
  70. package/dist/components/Atoms/Input/index.css +0 -4
  71. package/dist/components/Atoms/NavItem/NavItem.stories.js +0 -115
  72. package/dist/components/Atoms/NavItem/index.css +0 -4
  73. package/dist/components/Atoms/Row/Row.stories.js +0 -33
  74. package/dist/components/Atoms/Row/index.css +0 -4
  75. package/dist/components/Atoms/StarRating/StarRating.stories.js +0 -41
  76. package/dist/components/Atoms/StarRating/index.css +0 -13
  77. package/dist/components/Atoms/TextAndTitle/TextAndTitle.stories.js +0 -66
  78. package/dist/components/Atoms/TextAndTitle/index.css +0 -4
  79. package/dist/components/Atoms/Tubestops/Tubestops.stories.js +0 -57
  80. package/dist/components/Atoms/Video/Video.stories.js +0 -50
  81. package/dist/components/Atoms/Video/index.css +0 -4
  82. package/dist/components/Organisms/Accordion/Accordion.stories.js +0 -103
  83. package/dist/components/Organisms/Accordion/index.css +0 -4
  84. package/dist/components/Organisms/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +0 -125
  85. package/dist/components/Organisms/BreadcrumbsBordered/index.css +0 -4
  86. package/dist/components/Organisms/Card/Card.stories.js +0 -359
  87. package/dist/components/Organisms/Card/index.css +0 -4
  88. package/dist/components/Organisms/CardWithTopImage/CardWithTopImage.stories.js +0 -73
  89. package/dist/components/Organisms/CardWithTopImage/index.css +0 -8
  90. package/dist/components/Organisms/Carousel/Carousel.stories.js +0 -130
  91. package/dist/components/Organisms/Carousel/index.css +0 -12
  92. package/dist/components/Organisms/Chevron Card/ChevronCard.stories.js +0 -28
  93. package/dist/components/Organisms/Chevron Card/index.css +0 -4
  94. package/dist/components/Organisms/Form/Form.stories.js +0 -124
  95. package/dist/components/Organisms/Form/index.css +0 -4
  96. package/dist/components/Organisms/FyreCard/FyreCard.stories.js +0 -136
  97. package/dist/components/Organisms/FyreCard/index.css +0 -4
  98. package/dist/components/Organisms/ImageLink/ImageLink.stories.js +0 -87
  99. package/dist/components/Organisms/ImageLink/index.css +0 -4
  100. package/dist/components/Organisms/ImageLinkList/ImageLinkList.stories.js +0 -48
  101. package/dist/components/Organisms/ImageLinkList/index.css +0 -4
  102. package/dist/components/Organisms/Jumbotron/Jumbotron.stories.js +0 -55
  103. package/dist/components/Organisms/Jumbotron/index.css +0 -4
  104. package/dist/components/Organisms/Nav/Nav.stories.js +0 -113
  105. package/dist/components/Organisms/Nav/index.css +0 -4
  106. package/dist/components/Organisms/NewsCard/NewsCard.stories.js +0 -69
  107. package/dist/components/Organisms/NewsCard/index.css +0 -4
  108. package/dist/components/Organisms/Profile/Profile.stories.js +0 -94
  109. package/dist/components/Organisms/Profile/index.css +0 -4
  110. package/dist/components/Organisms/Search/Search.stories.js +0 -57
  111. package/dist/components/Organisms/Search/index.css +0 -4
  112. package/dist/components/Organisms/Testimonial/Testimonial.stories.js +0 -116
  113. package/dist/components/Organisms/Testimonial/index.css +0 -4
  114. package/dist/components/Organisms/Timeline/Timeline.stories.js +0 -77
  115. package/dist/components/Organisms/UserIcon/UserIcon.stories.js +0 -55
  116. package/dist/components/Organisms/UserIcon/index.css +0 -4
  117. package/dist/utils/controls.js +0 -505
@@ -7,9 +7,9 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _Collapsible = _interopRequireDefault(require("../../Atoms/Collapsible"));
10
+ var _Collapsible = _interopRequireDefault(require("../Collapsible"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
@@ -9,9 +9,9 @@ require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _Icon = _interopRequireDefault(require("../../Atoms/Icon"));
12
+ var _Icon = _interopRequireDefault(require("../Icon"));
13
13
 
14
- require("./index.css");
14
+ require("../index.css");
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- require("./index.css");
10
+ require("../index.css");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
@@ -7,9 +7,9 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _BreadcrumbsItem = _interopRequireDefault(require("../../Atoms/BreadcrumbsItem"));
10
+ var _BreadcrumbsItem = _interopRequireDefault(require("../BreadcrumbsItem"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
@@ -1,8 +1,3 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
- @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
5
-
6
1
  .right-arrow {
7
2
  @apply w-0;
8
3
  @apply h-0;
@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  require("./index.css");
13
13
 
14
+ require("../index.css");
15
+
14
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
17
 
16
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,8 +1,3 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
- @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
5
-
6
1
  .btn {
7
2
  -webkit-transform: translate3d(0, 0, 0);
8
3
  transform: translate3d(0, 0, 0);
@@ -11,7 +11,9 @@ require("core-js/modules/web.dom-collections.iterator.js");
11
11
 
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
 
14
- var _Icon = _interopRequireDefault(require("../../Atoms/Icon"));
14
+ var _Icon = _interopRequireDefault(require("../Icon"));
15
+
16
+ require("../index.css");
15
17
 
16
18
  require("./index.css");
17
19
 
@@ -11,11 +11,11 @@ require("core-js/modules/es.symbol.description.js");
11
11
 
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
 
14
- var _index = _interopRequireDefault(require("../../Atoms/Button/index"));
14
+ var _index = _interopRequireDefault(require("../Button/index"));
15
15
 
16
- require("./index.css");
16
+ require("../index.css");
17
17
 
18
- var _Video = _interopRequireDefault(require("../../Atoms/Video"));
18
+ var _Video = _interopRequireDefault(require("../Video"));
19
19
 
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
21
 
@@ -0,0 +1,3 @@
1
+ #wrapper {
2
+ filter: drop-shadow(0 4px 8px rgb(154, 154, 154));
3
+ }
@@ -7,7 +7,9 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _index = _interopRequireDefault(require("../../Atoms/Image/index"));
10
+ var _index = _interopRequireDefault(require("../Image/index"));
11
+
12
+ require("../index.css");
11
13
 
12
14
  require("./index.css");
13
15
 
@@ -0,0 +1,7 @@
1
+ .slick-next {
2
+ border: 2px solid black;
3
+ }
4
+
5
+ .slick-prev {
6
+ border: 2px solid black;
7
+ }
@@ -13,6 +13,8 @@ require("slick-carousel/slick/slick.css");
13
13
 
14
14
  require("slick-carousel/slick/slick-theme.css");
15
15
 
16
+ require("../index.css");
17
+
16
18
  require("./index.css");
17
19
 
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- require("./index.css");
10
+ require("../index.css");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _index = _interopRequireDefault(require("../Icon/index"));
13
13
 
14
- require("./index.css");
14
+ require("../index.css");
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- require("./index.css");
10
+ require("../index.css");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
@@ -9,11 +9,11 @@ require("core-js/modules/es.object.assign.js");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _Button = _interopRequireDefault(require("../../Atoms/Button"));
12
+ var _Button = _interopRequireDefault(require("../Button"));
13
13
 
14
- var _Input = _interopRequireDefault(require("../../Atoms/Input"));
14
+ var _Input = _interopRequireDefault(require("../Input"));
15
15
 
16
- require("./index.css");
16
+ require("../index.css");
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
@@ -9,9 +9,9 @@ require("core-js/modules/es.object.assign.js");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _Button = _interopRequireDefault(require("../../Atoms/Button"));
12
+ var _Button = _interopRequireDefault(require("../Button"));
13
13
 
14
- require("./index.css");
14
+ require("../index.css");
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
@@ -9,7 +9,7 @@ require("core-js/modules/es.object.assign.js");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- require("./index.css");
10
+ require("../index.css");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
@@ -56,7 +56,7 @@ const Image = _ref => {
56
56
  const classes = imgWidth + ' ' + imgHeight + ' ' + classNames;
57
57
  return /*#__PURE__*/_react.default.createElement("img", {
58
58
  id: id,
59
- className: classes,
59
+ className: classes + ' rupert ' + width + ' ' + imgWidth,
60
60
  src: image,
61
61
  alt: altText
62
62
  });
@@ -7,9 +7,9 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _Button = _interopRequireDefault(require("../../Atoms/Button"));
10
+ var _Button = _interopRequireDefault(require("../Button"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _index = _interopRequireDefault(require("../ImageLink/index"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
@@ -9,7 +9,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
15
 
@@ -35,7 +35,7 @@ const Icon = _ref => {
35
35
  classList += imageClassNames ? " ".concat(imageClassNames) : "";
36
36
  let borderClass = bordered ? ' border ' : '';
37
37
  let roundedClass = rounded ? ' rounded-2xl ' : '';
38
- const classes = classNames + ' hover:scale-125 transform transition duration-500 flex flex-col w-64' + borderClass + roundedClass;
38
+ const classes = classNames + ' hover:scale-110 transform transition duration-500 flex flex-col w-64' + borderClass + roundedClass;
39
39
  const numberClass = number !== null ? ' text-4xl' : '';
40
40
  const numberClasses = 'text-center' + numberClass;
41
41
  const textClass = number === null ? 'text-2xl' : '';
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- require("./index.css");
10
+ require("../index.css");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
@@ -7,9 +7,9 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _Button = _interopRequireDefault(require("../../Atoms/Button"));
10
+ var _Button = _interopRequireDefault(require("../Button"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
@@ -9,11 +9,11 @@ require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _Column = _interopRequireDefault(require("../../Atoms/Column"));
12
+ var _Column = _interopRequireDefault(require("../Column"));
13
13
 
14
- var _Icon = _interopRequireDefault(require("../../Atoms/Icon"));
14
+ var _Icon = _interopRequireDefault(require("../Icon"));
15
15
 
16
- require("./index.css");
16
+ require("../index.css");
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
@@ -9,7 +9,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
15
 
@@ -9,13 +9,13 @@ require("core-js/modules/es.object.assign.js");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _Image = _interopRequireDefault(require("../../Atoms/Image"));
12
+ var _Image = _interopRequireDefault(require("../Image"));
13
13
 
14
- var _Column = _interopRequireDefault(require("../../Atoms/Column"));
14
+ var _Column = _interopRequireDefault(require("../Column"));
15
15
 
16
- var _Button = _interopRequireDefault(require("../../Atoms/Button"));
16
+ var _Button = _interopRequireDefault(require("../Button"));
17
17
 
18
- require("./index.css");
18
+ require("../index.css");
19
19
 
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
21
 
@@ -9,7 +9,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
15
 
@@ -9,7 +9,7 @@ require("core-js/modules/es.object.assign.js");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
@@ -7,11 +7,11 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _Icon = _interopRequireDefault(require("../../Atoms/Icon"));
10
+ var _Icon = _interopRequireDefault(require("../Icon"));
11
11
 
12
- var _Column = _interopRequireDefault(require("../../Atoms/Column"));
12
+ var _Column = _interopRequireDefault(require("../Column"));
13
13
 
14
- require("./index.css");
14
+ require("../index.css");
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
@@ -0,0 +1,8 @@
1
+ .checked {
2
+ color: orange;
3
+ }
4
+
5
+ .unchecked {
6
+ color: orange;
7
+ opacity: 0.3;
8
+ }
@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
13
13
 
14
14
  var _Icon = _interopRequireDefault(require("../Icon"));
15
15
 
16
+ require("../index.css");
17
+
16
18
  require("./index.css");
17
19
 
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23,7 +25,8 @@ const StarRating = _ref => {
23
25
  let {
24
26
  stars = 5,
25
27
  size,
26
- className
28
+ className,
29
+ iconClasses
27
30
  } = _ref;
28
31
  let classList = 'flex ' + className;
29
32
 
@@ -32,7 +35,7 @@ const StarRating = _ref => {
32
35
 
33
36
  for (var i = 0; i < stars; i++) {
34
37
  starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, _extends({
35
- className: "checked",
38
+ className: "".concat(iconClasses, " checked"),
36
39
  type: "star"
37
40
  }, size && {
38
41
  size: size
@@ -47,7 +50,7 @@ const StarRating = _ref => {
47
50
 
48
51
  for (var i = 0; i < 5 - stars; i++) {
49
52
  starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, _extends({
50
- className: "unchecked",
53
+ className: "".concat(iconClasses, " unchecked"),
51
54
  type: "star"
52
55
  }, size && {
53
56
  size: size
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- require("./index.css");
10
+ require("../index.css");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- require("./index.css");
10
+ require("../index.css");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
@@ -1,8 +1,3 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
- @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
5
-
6
1
  /* Vertical */
7
2
  #circle.vertical:before {
8
3
  position: absolute;
@@ -9,15 +9,15 @@ require("core-js/modules/es.array.reverse.js");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _logoBlue = _interopRequireDefault(require("../../../assets/Images/logoBlue.png"));
13
-
14
12
  var _CardWithTopImage = _interopRequireDefault(require("../CardWithTopImage"));
15
13
 
16
- var _Column = _interopRequireDefault(require("../../Atoms/Column"));
14
+ var _Column = _interopRequireDefault(require("../Column"));
15
+
16
+ var _Image = _interopRequireDefault(require("../Image"));
17
17
 
18
- var _Image = _interopRequireDefault(require("../../Atoms/Image"));
18
+ var _Row = _interopRequireDefault(require("../Row"));
19
19
 
20
- var _Row = _interopRequireDefault(require("../../Atoms/Row"));
20
+ require("../index.css");
21
21
 
22
22
  require("./index.css");
23
23
 
@@ -29,7 +29,8 @@ const Timeline = _ref => {
29
29
  items,
30
30
  reverse,
31
31
  textCenter,
32
- useImages
32
+ useImages,
33
+ horizontalComponentClasses
33
34
  } = _ref;
34
35
  const wrapperClasses = 'w-full list-none overflow-x-auto pb-4';
35
36
  let ulClasses = 'timeline status-flow relative list-none pl-0 flex ';
@@ -39,6 +40,7 @@ const Timeline = _ref => {
39
40
  liClasses += !reverse ? isHorizontal ? 'items-center flex-col justify-between' : 'flex-row none-reverse' : isHorizontal ? 'items-center flex-col-reverse' : ' flex-row-reverse';
40
41
  let padding;
41
42
  padding = !reverse ? isHorizontal ? 'pb-2' : 'pl-4' : isHorizontal ? 'pt-2' : 'pr-4';
43
+ let imageCircle = 'my-16 text-center mx-auto rounded-full border bg-black ';
42
44
  let circle = 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black ';
43
45
  circle += isHorizontal ? 'horizontal' : 'vertical';
44
46
  return /*#__PURE__*/_react.default.createElement(_Column.default, {
@@ -62,29 +64,21 @@ const Timeline = _ref => {
62
64
  id: "timeline-item",
63
65
  className: liClasses + ' py-4 ' + a
64
66
  }, /*#__PURE__*/_react.default.createElement(_Row.default, {
65
- className: "h-96"
66
- }, before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
67
- classNames: reverse ? 'w-96 -mt-8' : 'w-96',
68
- image: _logoBlue.default,
69
- roundedImage: true
70
- }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
67
+ className: horizontalComponentClasses
68
+ }, before && item.component), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
71
69
  id: circlePos,
72
70
  className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical'
73
71
  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
74
- classNames: circle,
75
- image: _logoBlue.default,
72
+ classNames: imageCircle,
73
+ image: item.logo,
76
74
  width: 20,
77
75
  height: 20
78
76
  })) : /*#__PURE__*/_react.default.createElement("p", {
79
77
  id: circlePos,
80
78
  className: circle
81
79
  })), /*#__PURE__*/_react.default.createElement(_Row.default, {
82
- className: "h-96"
83
- }, !before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
84
- classNames: reverse ? 'w-96' : 'w-96 -mt-8',
85
- image: _logoBlue.default,
86
- roundedImage: true
87
- }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))));
80
+ className: horizontalComponentClasses
81
+ }, !before && item.component));
88
82
  } else {
89
83
  return /*#__PURE__*/_react.default.createElement(_Row.default, {
90
84
  id: "timeline-item",
@@ -92,10 +86,7 @@ const Timeline = _ref => {
92
86
  }, /*#__PURE__*/_react.default.createElement(_Column.default, {
93
87
  sm: 5,
94
88
  className: "text-center my-auto"
95
- }, before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
96
- image: _logoBlue.default,
97
- roundedImage: true
98
- }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))), /*#__PURE__*/_react.default.createElement(_Column.default, {
89
+ }, before && item.component), /*#__PURE__*/_react.default.createElement(_Column.default, {
99
90
  id: "circle-wrapper",
100
91
  sm: 2,
101
92
  className: "my-auto"
@@ -103,8 +94,8 @@ const Timeline = _ref => {
103
94
  id: circlePos,
104
95
  className: isHorizontal ? 'horizontal' : 'vertical'
105
96
  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
106
- classNames: circle,
107
- image: _logoBlue.default,
97
+ classNames: imageCircle,
98
+ image: item.logo,
108
99
  width: 20,
109
100
  height: 20
110
101
  })) : /*#__PURE__*/_react.default.createElement("p", {
@@ -113,10 +104,7 @@ const Timeline = _ref => {
113
104
  })), /*#__PURE__*/_react.default.createElement(_Column.default, {
114
105
  sm: 5,
115
106
  className: "text-center my-auto"
116
- }, !before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
117
- image: _logoBlue.default,
118
- roundedImage: true
119
- }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))));
107
+ }, !before && item.component));
120
108
  }
121
109
  })));
122
110
  };
@@ -1,8 +1,3 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
- @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
5
-
6
1
  /* Vertical */
7
2
  .tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {
8
3
  @apply absolute;
@@ -11,9 +11,7 @@ var _react = _interopRequireDefault(require("react"));
11
11
 
12
12
  require("./index.css");
13
13
 
14
- var _logoBlue = _interopRequireDefault(require("../../../assets/Images/logoBlue.png"));
15
-
16
- var _CardWithTopImage = _interopRequireDefault(require("../../Organisms/CardWithTopImage"));
14
+ require("../index.css");
17
15
 
18
16
  var _Column = _interopRequireDefault(require("../Column"));
19
17
 
@@ -24,7 +22,8 @@ const Tubestops = _ref => {
24
22
  isHorizontal,
25
23
  items,
26
24
  reverse,
27
- textCenter
25
+ textCenter,
26
+ logo
28
27
  } = _ref;
29
28
  const wrapperClasses = 'w-full list-none';
30
29
  let ulClasses = 'tubestop status-flow relative list-none pl-0 flex ';
@@ -9,7 +9,7 @@ require("core-js/modules/es.symbol.description.js");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
@@ -9,7 +9,7 @@ require("core-js/modules/es.object.assign.js");
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- require("./index.css");
12
+ require("../index.css");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15