trepur_components 0.2.43 → 0.2.46

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.
@@ -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,15 @@ 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 hover:h-full ease-out duration-300 hover:mx-0 w-full hover:my-0 hover:mx-0 hover:text-sm flex items-center justify-center text-center ';
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;
54
+ const wrapperClasses = 'h-60 border border-1 flex items-center justify-center text-center';
56
55
 
57
56
  const counterAnimation = (obj, start, end, duration) => {
58
57
  let startTimestamp = null;
@@ -107,7 +106,7 @@ const InformationIcon = _ref => {
107
106
 
108
107
  return /*#__PURE__*/_react.default.createElement("div", {
109
108
  id: "wrapper",
110
- className: "h-48"
109
+ className: wrapperClasses
111
110
  }, /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
112
111
  id: id
113
112
  }, {
@@ -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
 
@@ -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/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.43",
5
+ "version": "0.2.46",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",
@@ -29,10 +29,7 @@
29
29
  "web-vitals": "^2.1.4"
30
30
  },
31
31
  "scripts": {
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-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",
32
+ "build": "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",
36
33
  "eject": "react-scripts eject",
37
34
  "storybook": "start-storybook -p 6006",
38
35
  "build-storybook": "build-storybook -s public"
@@ -1,5 +0,0 @@
1
- #wrapper:hover div {
2
- margin: 5px;
3
- margin-bottom: 5px;
4
- font-size: 24px
5
- }