trepur_components 0.2.41 → 0.2.44

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 (8) hide show
  1. package/dist/components/InformationIcon/index.js +5 -7
  2. package/dist/components/Testimonial/index.js +5 -3
  3. package/dist/components/TextAndTitle/index.js +1 -1
  4. package/dist/components/index.css +8 -8
  5. package/dist/index.js +0 -2
  6. package/package.json +4 -2
  7. package/dist/components/Carousel/index.css +0 -34
  8. package/dist/components/Chevron Card/index.js +0 -58
package/dist/components/InformationIcon/index.js CHANGED
@@ -15,8 +15,6 @@ var _Icon = _interopRequireDefault(require("../Icon"));
15
15
 
16
16
  require("../index.css");
17
17
 
18
- require("./index.css");
19
-
20
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
19
 
22
20
  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); }
@@ -45,14 +43,14 @@ const InformationIcon = _ref => {
45
43
  let loaded = (0, _react.useRef)(false);
46
44
  let imageClassList = 'mx-auto pt-2 ';
47
45
  imageClassList += imageClasses ? imageClasses : '';
48
- let classList = 'flex flex-col my-6 mx-8 ';
46
+ let classList = 'flex flex-col mx-12 pt-4 hover:h-full hover:my-0 hover:mx-0 hover:text-sm ';
49
47
  classList += bordered ? 'border ' : '';
50
48
  classList += rounded ? 'rounded-2xl ' : '';
51
49
  classList += classes ? classes : '';
52
- const numberClass = number !== null && 'text-4xl';
50
+ const numberClass = number !== null && 'text-lg';
53
51
  const numberClasses = 'text-center ' + numberClass;
54
- const textClass = number === null && 'text-2xl';
55
- const textClasses = 'text-center px-2 ' + textClass;
52
+ const textClass = number === null && ' text-lg ';
53
+ const textClasses = 'text-center px-2 text-md md:text-lg ' + textClass;
56
54
 
57
55
  const counterAnimation = (obj, start, end, duration) => {
58
56
  let startTimestamp = null;
@@ -107,7 +105,7 @@ const InformationIcon = _ref => {
107
105
 
108
106
  return /*#__PURE__*/_react.default.createElement("div", {
109
107
  id: "wrapper",
110
- className: "h-48"
108
+ className: "h-56"
111
109
  }, /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
112
110
  id: id
113
111
  }, {
package/dist/components/Testimonial/index.js CHANGED
@@ -51,9 +51,11 @@ const Testimonial = _ref => {
51
51
  src: image,
52
52
  alt: altText
53
53
  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
54
- className: "text-2xl"
55
- }, companyName, " - ", position), /*#__PURE__*/_react.default.createElement("p", null, positionStartDate, " - ", positionEndDate), /*#__PURE__*/_react.default.createElement("p", null, text), /*#__PURE__*/_react.default.createElement("p", {
56
- className: "text-light-grey"
54
+ className: "text-md md:text-lg"
55
+ }, companyName, " "), /*#__PURE__*/_react.default.createElement("p", {
56
+ className: "text-md md:text-lg"
57
+ }, position), /*#__PURE__*/_react.default.createElement("p", null, positionStartDate, " - ", positionEndDate), /*#__PURE__*/_react.default.createElement("p", null, text), /*#__PURE__*/_react.default.createElement("p", {
58
+ className: "text-grey"
57
59
  }, authorsName, " - ", authorsPosition, ": ", date)));
58
60
  };
59
61
 
package/dist/components/TextAndTitle/index.js CHANGED
@@ -31,7 +31,7 @@ const TextAndTitle = _ref => {
31
31
  titleCenter
32
32
  } = _ref;
33
33
  let classList = classes ? classes : '';
34
- let titleClassList = 'text-2xl ';
34
+ let titleClassList = 'text-md sm:text-lg ';
35
35
  titleClassList += titleBold ? 'font-bold ' : '';
36
36
  titleClassList += titleCenter ? 'text-center ' : '';
37
37
  titleClassList += titleClasses ? titleClasses : '';
package/dist/components/index.css CHANGED
@@ -5,56 +5,56 @@
5
5
 
6
6
  @font-face {
7
7
  font-family: "Sora";
8
- src: url("../../fonts/Sora/static/Sora-Thin.ttf") format("truetype");
8
+ src: url("../fonts/Sora/static/Sora-Thin.ttf") format("truetype");
9
9
  font-weight: 100;
10
10
  font-style: normal;
11
11
  }
12
12
 
13
13
  @font-face {
14
14
  font-family: "Sora";
15
- src: url("../../fonts/Sora/static/Sora-ExtraLight.ttf") format("truetype");
15
+ src: url("../fonts/Sora/static/Sora-ExtraLight.ttf") format("truetype");
16
16
  font-weight: 200;
17
17
  font-style: normal;
18
18
  }
19
19
 
20
20
  @font-face {
21
21
  font-family: "Sora";
22
- src: url("../../fonts/Sora/static/Sora-Light.ttf") format("truetype");
22
+ src: url("../fonts/Sora/static/Sora-Light.ttf") format("truetype");
23
23
  font-weight: 300;
24
24
  font-style: normal;
25
25
  }
26
26
 
27
27
  @font-face {
28
28
  font-family: "Sora";
29
- src: url("../../fonts/Sora/static/Sora-Regular.ttf") format("truetype");
29
+ src: url("../fonts/Sora/static/Sora-Regular.ttf") format("truetype");
30
30
  font-weight: 400;
31
31
  font-style: normal;
32
32
  }
33
33
 
34
34
  @font-face {
35
35
  font-family: "Sora";
36
- src: url("../../fonts/Sora/static/Sora-Medium.ttf") format("truetype");
36
+ src: url("../fonts/Sora/static/Sora-Medium.ttf") format("truetype");
37
37
  font-weight: 500;
38
38
  font-style: normal;
39
39
  }
40
40
 
41
41
  @font-face {
42
42
  font-family: "Sora";
43
- src: url("../../fonts/Sora/static/Sora-SemiBold.ttf") format("truetype");
43
+ src: url("../fonts/Sora/static/Sora-SemiBold.ttf") format("truetype");
44
44
  font-weight: 600;
45
45
  font-style: normal;
46
46
  }
47
47
 
48
48
  @font-face {
49
49
  font-family: "Sora";
50
- src: url("../../fonts/Sora/static/Sora-Bold.ttf") format("truetype");
50
+ src: url("../fonts/Sora/static/Sora-Bold.ttf") format("truetype");
51
51
  font-weight: 700;
52
52
  font-style: normal;
53
53
  }
54
54
 
55
55
  @font-face {
56
56
  font-family: "Sora";
57
- src: url("../../fonts/Sora/static/Sora-ExtraBold.ttf") format("truetype");
57
+ src: url("../fonts/Sora/static/Sora-ExtraBold.ttf") format("truetype");
58
58
  font-weight: 800;
59
59
  font-style: normal;
60
60
  }
package/dist/index.js CHANGED
@@ -284,6 +284,4 @@ var _UserIcon = _interopRequireDefault(require("./components/UserIcon"));
284
284
 
285
285
  var _Video = _interopRequireDefault(require("./components/Video"));
286
286
 
287
- require("../fonts/Sora/static/Sora-Bold.ttf");
288
-
289
287
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "trepur_components",
3
3
  "description": "component lib",
4
4
  "author": "trepur_ttenneb",
5
- "version": "0.2.41",
5
+ "version": "0.2.44",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",
@@ -30,7 +30,9 @@
30
30
  },
31
31
  "scripts": {
32
32
  "build-old": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored && rm -rf dist/utils dist/assets",
33
- "build": "NODE_ENV=production babel src --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored && rm -rf dist/utils dist/assets && rm -rf dist/lib && rm -rf dist/typography",
33
+ "build-test": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored && rm -rf dist/utils dist/assets && rm -rf dist/typography",
34
+ "build-working": "NODE_ENV=production babel src --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored && rm -rf dist/utils dist/assets && rm -rf dist/lib && rm -rf dist/typography",
35
+ "build": "NODE_ENV=production babel src --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored && rm -rf dist/lib/utils dist/lib/assets && rm -rf dist/lib/typography",
34
36
  "eject": "react-scripts eject",
35
37
  "storybook": "start-storybook -p 6006",
36
38
  "build-storybook": "build-storybook -s public"
package/dist/components/Carousel/index.css DELETED
@@ -1,34 +0,0 @@
1
- .slick-prev {
2
- left: -55px;
3
- }
4
- .slick-prev:before {
5
- height: 50px;
6
- color: #31a3dd;
7
- font-family: "slick";
8
- font-size: 50px;
9
- line-height: 1;
10
- opacity: 1;
11
- z-index: 5;
12
- }
13
-
14
- .slick-next:before {
15
- height: 50px;
16
- color: #31a3dd;
17
- font-family: "slick";
18
- font-size: 50px;
19
- line-height: 1;
20
- opacity: 1;
21
- z-index: 5;
22
- }
23
-
24
- .slick-dots li.slick-active button:before {
25
- color: #31a3dd;
26
- font-size: 12px;
27
- opacity: 1;
28
- }
29
-
30
- .slick-dots li button:before {
31
- color: pink;
32
- font-size: 12px;
33
- opacity: 1;
34
- }
package/dist/components/Chevron Card/index.js DELETED
@@ -1,58 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- require("../index.css");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- const ChevronCard = _ref => {
15
- let {
16
- id,
17
- imageClass,
18
- classNames,
19
- bordered
20
- } = _ref;
21
- let classList = 'border-l border-t border-b h-20 w-32 z-10 bg-white';
22
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
23
- className: "flex"
24
- }, /*#__PURE__*/_react.default.createElement("div", {
25
- id: id,
26
- className: 'border-l border-t border-b h-20 w-32 z-10 bg-white'
27
- }), /*#__PURE__*/_react.default.createElement("div", {
28
- id: "chevronLeft",
29
- className: 'border h-14 w-14 -ml-7 mt-3 rotate-45'
30
- })), /*#__PURE__*/_react.default.createElement("div", {
31
- className: "flex-col my-8"
32
- }, /*#__PURE__*/_react.default.createElement("div", {
33
- id: id,
34
- className: 'border-l border-t border-r h-32 w-20 z-20 bg-white'
35
- }), /*#__PURE__*/_react.default.createElement("div", {
36
- id: "chevronLeft",
37
- className: 'border h-14 w-14 -mt-7 ml-3 rotate-45 z-0'
38
- })), /*#__PURE__*/_react.default.createElement("div", {
39
- className: "flex-col my-16"
40
- }, /*#__PURE__*/_react.default.createElement("div", {
41
- id: "chevronLeft",
42
- className: 'border h-14 w-14 -mb-7 ml-3 rotate-45 z-0'
43
- }), /*#__PURE__*/_react.default.createElement("div", {
44
- id: id,
45
- className: 'border-l border-b border-r h-32 w-20 z-20 bg-white'
46
- })), /*#__PURE__*/_react.default.createElement("div", {
47
- className: "flex"
48
- }, /*#__PURE__*/_react.default.createElement("div", {
49
- id: "chevronLeft",
50
- className: 'border h-14 w-14 -mr-7 mt-3 rotate-45'
51
- }), /*#__PURE__*/_react.default.createElement("div", {
52
- id: id,
53
- className: 'border-r border-t border-b h-20 w-32 z-10 bg-white'
54
- })));
55
- };
56
-
57
- var _default = ChevronCard;
58
- exports.default = _default;