@teambit/design.ui.time.duration 1.0.4 → 1.0.8

package/dist/duration.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
-import type { Duration as TimeDuration } from '@teambit/toolbox.date.duration';
 export declare type DurationUiProps = {
-    time?: TimeDuration | number;
+    time?: number;
 } & HTMLAttributes<HTMLDivElement>;
 export declare function DurationUi({ time, className, ...rest }: DurationUiProps): JSX.Element;

package/dist/duration.js

@@ -25,7 +25,7 @@ function DurationUi(_a) {
     var { time, className } = _a, rest = __rest(_a, ["time", "className"]);
     if (!time)
         return null;
-    return (react_1.default.createElement("div", Object.assign({}, rest, { className: classnames_1.default(duration_module_scss_1.default.duration, design_ui_styles_ellipsis_1.ellipsis, className) }),
+    return (react_1.default.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(duration_module_scss_1.default.duration, design_ui_styles_ellipsis_1.ellipsis, className) }),
         react_1.default.createElement(base_ui_elements_icon_1.BaseIcon, { of: "bitcon-Ripple-duration" }),
         react_1.default.createElement("span", null, "Duration:"),
         "\u00A0",

package/dist/duration.js.map

@@ -1 +1 @@
-{"version":3,"file":"duration.js","sourceRoot":"","sources":["../duration.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAC9C,4DAAoC;AACpC,0EAA0D;AAE1D,0EAA0D;AAC1D,kFAA8D;AAC9D,kFAA4C;AAM5C,SAAgB,UAAU,CAAC,EAA6C;QAA7C,EAAE,IAAI,EAAE,SAAS,OAA4B,EAAvB,IAAI,cAA1B,qBAA4B,CAAF;IACnD,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,uDAAS,IAAI,IAAE,SAAS,EAAE,oBAAU,CAAC,8BAAM,CAAC,QAAQ,EAAE,oCAAQ,EAAE,SAAS,CAAC;QACxE,8BAAC,gCAAQ,IAAC,EAAE,EAAC,wBAAwB,GAAG;QACxC,wDAAsB;;QACtB,8BAAC,gCAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,CACP,CAAC;AACJ,CAAC;AATD,gCASC"}
+{"version":3,"file":"duration.js","sourceRoot":"","sources":["../duration.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAC9C,4DAAoC;AACpC,0EAA0D;AAC1D,0EAA0D;AAC1D,kFAA8D;AAC9D,kFAA4C;AAM5C,SAAgB,UAAU,CAAC,EAA6C;QAA7C,EAAE,IAAI,EAAE,SAAS,OAA4B,EAAvB,IAAI,cAA1B,qBAA4B,CAAF;IACnD,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,uDAAS,IAAI,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,8BAAM,CAAC,QAAQ,EAAE,oCAAQ,EAAE,SAAS,CAAC;QACxE,8BAAC,gCAAQ,IAAC,EAAE,EAAC,wBAAwB,GAAG;QACxC,wDAAsB;;QACtB,8BAAC,gCAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,CACP,CAAC;AACJ,CAAC;AATD,gCASC"}

package/duration.tsx

@@ -1,13 +1,12 @@
 import React, { HTMLAttributes } from 'react';
 import classNames from 'classnames';
 import { Duration } from '@teambit/base-ui.time.duration';
-import type { Duration as TimeDuration } from '@teambit/toolbox.date.duration';
 import { BaseIcon } from '@teambit/base-ui.elements.icon';
 import { ellipsis } from '@teambit/design.ui.styles.ellipsis';
 import styles from './duration.module.scss';
 
 export type DurationUiProps = {
-  time?: TimeDuration | number;
+  time?: number;
 } & HTMLAttributes<HTMLDivElement>;
 
 export function DurationUi({ time, className, ...rest }: DurationUiProps) {

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@teambit/design.ui.time.duration",
-  "version": "1.0.4",
+  "version": "1.0.8",
   "homepage": "https://bit.dev/teambit/design/ui/time/duration",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.design",
     "name": "ui/time/duration",
-    "version": "1.0.4"
+    "version": "1.0.8"
   },
   "dependencies": {
     "classnames": "^2.2.6",
     "core-js": "^3.0.0",
     "@teambit/base-ui.elements.icon": "1.0.0",
-    "@teambit/base-ui.time.duration": "0.0.17",
-    "@teambit/design.ui.styles.ellipsis": "0.0.344",
-    "@teambit/toolbox.date.duration": "0.0.6"
+    "@teambit/base-ui.time.duration": "0.1.0",
+    "@teambit/design.ui.styles.ellipsis": "0.0.344"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -23,7 +22,7 @@
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4",
-    "@teambit/design.envs.react": "1.0.3"
+    "@teambit/design.envs.react": "1.0.8"
   },
   "peerDependencies": {
     "react-dom": "^16.8.0 || ^17.0.0",

package/tsconfig.json

@@ -9,15 +9,16 @@
     "target": "es2015",
     "module": "commonjs",
     "jsx": "react",
+    "allowJs": true,
+    "composite": true,
     "declaration": true,
     "sourceMap": true,
     "skipLibCheck": true,
+    "outDir": "dist",
     "moduleResolution": "node",
     "esModuleInterop": true,
-    "outDir": "dist",
-    "allowJs": true,
-    "composite": true,
-    "rootDir": "."
+    "rootDir": ".",
+    "resolveJsonModule": true
   },
   "exclude": [
     "dist"

package/types/asset.d.ts

@@ -3,9 +3,13 @@ declare module '*.png' {
   export = value;
 }
 declare module '*.svg' {
-  const value: any;
-  export = value;
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  const src: string;
+  export default src;
 }
+
 // @TODO Gilad
 declare module '*.jpg' {
   const value: any;

package/types/style.d.ts

@@ -21,6 +21,21 @@ declare module '*.less' {
   export default classes;
 }
 
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
 declare module '*.mdx' {
   const component: any;
   export default component;