@mindly/ui-components 3.1.3 → 3.1.5

package/dist/lib/your-local-time-block/YourLocalTimeBlock.styled.ts

@@ -0,0 +1,28 @@
+import styled from 'styled-components';
+
+export const StyledContainer = styled.div`
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #d6f2f9;
+  border-radius: 4px;
+`;
+
+export const StyledTextWrapper = styled.div`
+  padding: 8px 0;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  img {
+    width: 20px;
+    margin-right: 10px;
+  }
+  span {
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+    max-width: 200px;
+    overflow-wrap: break-word;
+  }
+`;

package/dist/lib/your-local-time-block/YourLocalTimeBlock.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import {
+  StyledContainer,
+  StyledTextWrapper,
+} from './YourLocalTimeBlock.styled';
+import '../Theme/global.css';
+
+export interface YourLocalTimeBlockProps {
+  /*
+   * text to be rendered
+   */
+  text?: string;
+}
+
+export const YourLocalTimeBlock: React.FC<YourLocalTimeBlockProps> = ({
+  text = 'За Вашим місцевим часом',
+}) => {
+  return (
+    <StyledContainer>
+      <StyledTextWrapper>
+        <img src="./YourLocalTimeBlock.png" alt="clock" />
+        <span>{text}</span>
+      </StyledTextWrapper>
+    </StyledContainer>
+  );
+};

package/dist/react-app-env.d.ts

@@ -0,0 +1 @@
+// / <reference types="react-scripts" />

package/dist/svg.d.ts

@@ -0,0 +1,13 @@
+declare module '*.svg?inline' {
+  import React = require('react');
+  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
+  const src: string;
+  export default src;
+}
+
+declare module '*.svg' {
+  import React = require('react');
+  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
+  const src: string;
+  export default src;
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@mindly/ui-components",
-  "version": "3.1.3",
+  "version": "3.1.5",
   "private": false,
   "scripts": {
     "start": "react-scripts start",
     "clean": "rimraf dist",
-    "build": "rollup -c",
+    "build": "NODE_ENV=production && rm -rf dist/* && babel src/ --out-dir dist --copy-files --no-copy-ignored --ignore src/stories/",
     "test:ts": "tsc --noEmit --skipLibCheck",
     "coverage": "npm test -- --env=jsdom --coverage --coverageDirectory=jest-coverage --passWithNoTests",
     "test:lint": "eslint \"./src/**/*{ts,tsx}\" --ignore-pattern \"*.d.ts\" --fix",
@@ -56,21 +56,8 @@
     "styled-components": "^5.3.1",
     "web-vitals": "^1.1.2"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "typings": "dist/index.d.ts",
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-react",
-        "@babel/env",
-        "react-app",
-        {
-          "absoluteRuntime": false
-        }
-      ]
-    ]
-  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "eslintConfig": {
     "extends": [
       "react-app",