@cleartrip/talos-duration-divider 1.1.0-TEST.0
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.
- package/dist/DurationDivider.d.ts +4 -0
- package/dist/DurationDivider.d.ts.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/style.d.ts +29 -0
- package/dist/style.d.ts.map +1 -0
- package/dist/talos-duration-divider.browser.cjs.js +2 -0
- package/dist/talos-duration-divider.browser.cjs.js.map +1 -0
- package/dist/talos-duration-divider.browser.esm.js +2 -0
- package/dist/talos-duration-divider.browser.esm.js.map +1 -0
- package/dist/talos-duration-divider.cjs.js +52 -0
- package/dist/talos-duration-divider.cjs.js.map +1 -0
- package/dist/talos-duration-divider.esm.js +50 -0
- package/dist/talos-duration-divider.esm.js.map +1 -0
- package/dist/talos-duration-divider.umd.js +30214 -0
- package/dist/talos-duration-divider.umd.js.map +1 -0
- package/dist/type.d.ts +4 -0
- package/dist/type.d.ts.map +1 -0
- package/package.json +28 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DurationDivider.d.ts","sourceRoot":"","sources":["../packages/components/duration-divider/src/DurationDivider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAiB/C,QAAA,MAAM,eAAe,UAAW,qBAAqB,4CAoBpD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/duration-divider/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
package/dist/style.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Theme } from "@cleartrip/ct-design-components";
|
|
2
|
+
export declare const getDurationDividerStyle: (theme: Theme) => {
|
|
3
|
+
timeline: {
|
|
4
|
+
flex: number;
|
|
5
|
+
display: string;
|
|
6
|
+
flexDirection: string;
|
|
7
|
+
alignItems: string;
|
|
8
|
+
};
|
|
9
|
+
timelineDots: {
|
|
10
|
+
display: string;
|
|
11
|
+
flexDirection: string;
|
|
12
|
+
gap: "4px";
|
|
13
|
+
};
|
|
14
|
+
timelineDot: {
|
|
15
|
+
width: "4px";
|
|
16
|
+
height: "4px";
|
|
17
|
+
borderRadius: "50%";
|
|
18
|
+
backgroundColor: string;
|
|
19
|
+
};
|
|
20
|
+
durationBadge: {
|
|
21
|
+
borderRadius: "4px";
|
|
22
|
+
paddingTop: any;
|
|
23
|
+
paddingBottom: any;
|
|
24
|
+
paddingLeft: "8px";
|
|
25
|
+
paddingRight: "8px";
|
|
26
|
+
backgroundColor: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/duration-divider/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAExD,eAAO,MAAM,uBAAuB,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BnD,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),n=require("@cleartrip/ct-design-components"),o=function(e){return{timeline:{flex:1,display:"flex",flexDirection:"row",alignItems:"center"},timelineDots:{display:"flex",flexDirection:"row",gap:e.spacing[1]},timelineDot:{width:e.size[1],height:e.size[1],borderRadius:e.border.radius["50P"],backgroundColor:e.color.background.disabled},durationBadge:{borderRadius:e.border.radius[4],paddingTop:e.spacing[.5],paddingBottom:e.spacing[.5],paddingLeft:e.spacing[2],paddingRight:e.spacing[2],backgroundColor:e.color.background.disabled}}},s=function(){var s=n.useTheme(),t=i.useMemo(function(){return o(s)},[s]);return r.jsx(n.Container,e.__assign({css:t.timelineDots},{children:Array.from({length:6}).map(function(e,i){return r.jsx(n.Container,{css:t.timelineDot},i)})}))};exports.DurationDivider=function(t){var a=n.useTheme(),d=t.duration,c=i.useMemo(function(){return o(a)},[a]);return r.jsxs(n.Container,e.__assign({css:c.timeline},{children:[r.jsx(s,{}),r.jsx(n.Container,e.__assign({css:c.durationBadge},{children:r.jsx(n.Typography,e.__assign({variant:n.TypographyVariant.B3,color:n.TypographyColor.DISABLED},{children:d}))})),r.jsx(s,{})]}))};
|
|
2
|
+
//# sourceMappingURL=talos-duration-divider.browser.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"talos-duration-divider.browser.cjs.js","sources":["../packages/components/duration-divider/src/style.ts","../packages/components/duration-divider/src/DurationDivider.tsx"],"sourcesContent":[null,null],"names":["getDurationDividerStyle","theme","timeline","flex","display","flexDirection","alignItems","timelineDots","gap","spacing","timelineDot","width","size","height","borderRadius","border","radius","backgroundColor","color","background","disabled","durationBadge","paddingTop","paddingBottom","paddingLeft","paddingRight","TimelineDots","useTheme","staticStyles","useMemo","_jsx","Container","__assign","css","children","Array","from","length","map","_","index","jsx","props","duration","_jsxs","Typography","variant","TypographyVariant","B3","TypographyColor","DISABLED"],"mappings":"mIAEaA,EAA0B,SAACC,GACpC,MAAO,CACHC,SAAU,CACNC,KAAM,EACNC,QAAS,OACTC,cAAe,MACfC,WAAY,UAEhBC,aAAc,CACVH,QAAS,OACTC,cAAe,MACfG,IAAKP,EAAMQ,QAAQ,IAEvBC,YAAa,CACTC,MAAOV,EAAMW,KAAK,GAClBC,OAAQZ,EAAMW,KAAK,GACnBE,aAAcb,EAAMc,OAAOC,OAAO,OAClCC,gBAAiBhB,EAAMiB,MAAMC,WAAWC,UAE5CC,cAAe,CACXP,aAAcb,EAAMc,OAAOC,OAAO,GAClCM,WAAYrB,EAAMQ,QAAQ,IAC1Bc,cAAetB,EAAMQ,QAAQ,IAC7Be,YAAavB,EAAMQ,QAAQ,GAC3BgB,aAAcxB,EAAMQ,QAAQ,GAC5BQ,gBAAiBhB,EAAMiB,MAAMC,WAAWC,UAGpD,ECrBMM,EAAe,WACjB,IAAMzB,EAAQ0B,EAAAA,WACRC,EAAeC,UAAQ,WAAM,OAAA7B,EAAwBC,EAAM,EAAE,CAACA,IAEpE,OACI6B,MAACC,EAASA,UAAAC,EAAAA,SAAA,CAACC,IAAKL,EAAarB,cAAY,CAAA2B,SACpCC,MAAMC,KAAK,CAAEC,OARC,IAQ6BC,IAAI,SAACC,EAAGC,GAAU,OAC1DV,EAACW,IAAAV,EAASA,UAAa,CAAAE,IAAKL,EAAalB,aAAzB8B,OAIhC,0BAEwB,SAACE,GACrB,IAAMzC,EAAQ0B,EAAAA,WACNgB,EAAaD,EAAKC,SAEpBf,EAAeC,UAAQ,WAAM,OAAA7B,EAAwBC,EAAM,EAAE,CAACA,IAEpE,OACI2C,OAACb,YAASC,EAAAA,SAAA,CAACC,IAAKL,EAAa1B,UAAQ,CAAAgC,SAAA,CACjCJ,EAAAA,IAACJ,EAAY,CAAA,GACbI,EAACW,IAAAV,wBAAUE,IAAKL,EAAaP,eAAa,CAAAa,SACxCJ,EAAAA,IAACe,EAAUA,WAAAb,WAAA,CACTc,QAASC,EAAAA,kBAAkBC,GAC3B9B,MAAO+B,kBAAgBC,UAEtB,CAAAhB,SAAAS,QAGLb,EAAAA,IAACJ,EAAY,CAAA,MAGzB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__assign as r}from"tslib";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{useMemo as e}from"react";import{useTheme as o,Container as t,Typography as a,TypographyVariant as d,TypographyColor as c}from"@cleartrip/ct-design-components";var s=function(r){return{timeline:{flex:1,display:"flex",flexDirection:"row",alignItems:"center"},timelineDots:{display:"flex",flexDirection:"row",gap:r.spacing[1]},timelineDot:{width:r.size[1],height:r.size[1],borderRadius:r.border.radius["50P"],backgroundColor:r.color.background.disabled},durationBadge:{borderRadius:r.border.radius[4],paddingTop:r.spacing[.5],paddingBottom:r.spacing[.5],paddingLeft:r.spacing[2],paddingRight:r.spacing[2],backgroundColor:r.color.background.disabled}}},l=function(){var i=o(),a=e(function(){return s(i)},[i]);return n(t,r({css:a.timelineDots},{children:Array.from({length:6}).map(function(r,i){return n(t,{css:a.timelineDot},i)})}))},u=function(u){var g=o(),p=u.duration,m=e(function(){return s(g)},[g]);return i(t,r({css:m.timeline},{children:[n(l,{}),n(t,r({css:m.durationBadge},{children:n(a,r({variant:d.B3,color:c.DISABLED},{children:p}))})),n(l,{})]}))};export{u as DurationDivider};
|
|
2
|
+
//# sourceMappingURL=talos-duration-divider.browser.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"talos-duration-divider.browser.esm.js","sources":["../packages/components/duration-divider/src/style.ts","../packages/components/duration-divider/src/DurationDivider.tsx"],"sourcesContent":[null,null],"names":["getDurationDividerStyle","theme","timeline","flex","display","flexDirection","alignItems","timelineDots","gap","spacing","timelineDot","width","size","height","borderRadius","border","radius","backgroundColor","color","background","disabled","durationBadge","paddingTop","paddingBottom","paddingLeft","paddingRight","TimelineDots","useTheme","staticStyles","useMemo","_jsx","Container","__assign","css","children","Array","from","length","map","_","index","DurationDivider","props","duration","_jsxs","Typography","variant","TypographyVariant","B3","TypographyColor","DISABLED"],"mappings":"yPAEO,IAAMA,EAA0B,SAACC,GACpC,MAAO,CACHC,SAAU,CACNC,KAAM,EACNC,QAAS,OACTC,cAAe,MACfC,WAAY,UAEhBC,aAAc,CACVH,QAAS,OACTC,cAAe,MACfG,IAAKP,EAAMQ,QAAQ,IAEvBC,YAAa,CACTC,MAAOV,EAAMW,KAAK,GAClBC,OAAQZ,EAAMW,KAAK,GACnBE,aAAcb,EAAMc,OAAOC,OAAO,OAClCC,gBAAiBhB,EAAMiB,MAAMC,WAAWC,UAE5CC,cAAe,CACXP,aAAcb,EAAMc,OAAOC,OAAO,GAClCM,WAAYrB,EAAMQ,QAAQ,IAC1Bc,cAAetB,EAAMQ,QAAQ,IAC7Be,YAAavB,EAAMQ,QAAQ,GAC3BgB,aAAcxB,EAAMQ,QAAQ,GAC5BQ,gBAAiBhB,EAAMiB,MAAMC,WAAWC,UAGpD,ECrBMM,EAAe,WACjB,IAAMzB,EAAQ0B,IACRC,EAAeC,EAAQ,WAAM,OAAA7B,EAAwBC,EAAM,EAAE,CAACA,IAEpE,OACI6B,EAACC,EAASC,EAAA,CAACC,IAAKL,EAAarB,cAAY,CAAA2B,SACpCC,MAAMC,KAAK,CAAEC,OARC,IAQ6BC,IAAI,SAACC,EAAGC,GAAU,OAC1DV,EAACC,EAAsB,CAAAE,IAAKL,EAAalB,aAAzB8B,OAIhC,EAEMC,EAAkB,SAACC,GACrB,IAAMzC,EAAQ0B,IACNgB,EAAaD,EAAKC,SAEpBf,EAAeC,EAAQ,WAAM,OAAA7B,EAAwBC,EAAM,EAAE,CAACA,IAEpE,OACI2C,EAACb,EAASC,EAAA,CAACC,IAAKL,EAAa1B,UAAQ,CAAAgC,SAAA,CACjCJ,EAACJ,EAAY,CAAA,GACbI,EAACC,KAAUE,IAAKL,EAAaP,eAAa,CAAAa,SACxCJ,EAACe,EAAUb,EAAA,CACTc,QAASC,EAAkBC,GAC3B9B,MAAO+B,EAAgBC,UAEtB,CAAAhB,SAAAS,QAGLb,EAACJ,EAAY,CAAA,MAGzB"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var react = require('react');
|
|
6
|
+
var ctDesignComponents = require('@cleartrip/ct-design-components');
|
|
7
|
+
|
|
8
|
+
var getDurationDividerStyle = function (theme) {
|
|
9
|
+
return {
|
|
10
|
+
timeline: {
|
|
11
|
+
flex: 1,
|
|
12
|
+
display: "flex",
|
|
13
|
+
flexDirection: "row",
|
|
14
|
+
alignItems: "center",
|
|
15
|
+
},
|
|
16
|
+
timelineDots: {
|
|
17
|
+
display: "flex",
|
|
18
|
+
flexDirection: "row",
|
|
19
|
+
gap: theme.spacing[1],
|
|
20
|
+
},
|
|
21
|
+
timelineDot: {
|
|
22
|
+
width: theme.size[1],
|
|
23
|
+
height: theme.size[1],
|
|
24
|
+
borderRadius: theme.border.radius["50P"],
|
|
25
|
+
backgroundColor: theme.color.background.disabled,
|
|
26
|
+
},
|
|
27
|
+
durationBadge: {
|
|
28
|
+
borderRadius: theme.border.radius[4],
|
|
29
|
+
paddingTop: theme.spacing[0.5],
|
|
30
|
+
paddingBottom: theme.spacing[0.5],
|
|
31
|
+
paddingLeft: theme.spacing[2],
|
|
32
|
+
paddingRight: theme.spacing[2],
|
|
33
|
+
backgroundColor: theme.color.background.disabled,
|
|
34
|
+
},
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
var TIMELINE_DOT_COUNT = 6;
|
|
39
|
+
var TimelineDots = function () {
|
|
40
|
+
var theme = ctDesignComponents.useTheme();
|
|
41
|
+
var staticStyles = react.useMemo(function () { return getDurationDividerStyle(theme); }, [theme]);
|
|
42
|
+
return (jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.timelineDots }, { children: Array.from({ length: TIMELINE_DOT_COUNT }).map(function (_, index) { return (jsxRuntime.jsx(ctDesignComponents.Container, { css: staticStyles.timelineDot }, index)); }) })));
|
|
43
|
+
};
|
|
44
|
+
var DurationDivider = function (props) {
|
|
45
|
+
var theme = ctDesignComponents.useTheme();
|
|
46
|
+
var duration = props.duration;
|
|
47
|
+
var staticStyles = react.useMemo(function () { return getDurationDividerStyle(theme); }, [theme]);
|
|
48
|
+
return (jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.timeline }, { children: [jsxRuntime.jsx(TimelineDots, {}), jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.durationBadge }, { children: jsxRuntime.jsx(ctDesignComponents.Typography, tslib.__assign({ variant: ctDesignComponents.TypographyVariant.B3, color: ctDesignComponents.TypographyColor.DISABLED }, { children: duration })) })), jsxRuntime.jsx(TimelineDots, {})] })));
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
exports.DurationDivider = DurationDivider;
|
|
52
|
+
//# sourceMappingURL=talos-duration-divider.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"talos-duration-divider.cjs.js","sources":["../packages/components/duration-divider/src/style.ts","../packages/components/duration-divider/src/DurationDivider.tsx"],"sourcesContent":[null,null],"names":["useTheme","useMemo","_jsx","Container","__assign","_jsxs","Typography","TypographyVariant","TypographyColor"],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { useTheme, Container, Typography, TypographyVariant, TypographyColor } from '@cleartrip/ct-design-components';
|
|
5
|
+
|
|
6
|
+
var getDurationDividerStyle = function (theme) {
|
|
7
|
+
return {
|
|
8
|
+
timeline: {
|
|
9
|
+
flex: 1,
|
|
10
|
+
display: "flex",
|
|
11
|
+
flexDirection: "row",
|
|
12
|
+
alignItems: "center",
|
|
13
|
+
},
|
|
14
|
+
timelineDots: {
|
|
15
|
+
display: "flex",
|
|
16
|
+
flexDirection: "row",
|
|
17
|
+
gap: theme.spacing[1],
|
|
18
|
+
},
|
|
19
|
+
timelineDot: {
|
|
20
|
+
width: theme.size[1],
|
|
21
|
+
height: theme.size[1],
|
|
22
|
+
borderRadius: theme.border.radius["50P"],
|
|
23
|
+
backgroundColor: theme.color.background.disabled,
|
|
24
|
+
},
|
|
25
|
+
durationBadge: {
|
|
26
|
+
borderRadius: theme.border.radius[4],
|
|
27
|
+
paddingTop: theme.spacing[0.5],
|
|
28
|
+
paddingBottom: theme.spacing[0.5],
|
|
29
|
+
paddingLeft: theme.spacing[2],
|
|
30
|
+
paddingRight: theme.spacing[2],
|
|
31
|
+
backgroundColor: theme.color.background.disabled,
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
var TIMELINE_DOT_COUNT = 6;
|
|
37
|
+
var TimelineDots = function () {
|
|
38
|
+
var theme = useTheme();
|
|
39
|
+
var staticStyles = useMemo(function () { return getDurationDividerStyle(theme); }, [theme]);
|
|
40
|
+
return (jsx(Container, __assign({ css: staticStyles.timelineDots }, { children: Array.from({ length: TIMELINE_DOT_COUNT }).map(function (_, index) { return (jsx(Container, { css: staticStyles.timelineDot }, index)); }) })));
|
|
41
|
+
};
|
|
42
|
+
var DurationDivider = function (props) {
|
|
43
|
+
var theme = useTheme();
|
|
44
|
+
var duration = props.duration;
|
|
45
|
+
var staticStyles = useMemo(function () { return getDurationDividerStyle(theme); }, [theme]);
|
|
46
|
+
return (jsxs(Container, __assign({ css: staticStyles.timeline }, { children: [jsx(TimelineDots, {}), jsx(Container, __assign({ css: staticStyles.durationBadge }, { children: jsx(Typography, __assign({ variant: TypographyVariant.B3, color: TypographyColor.DISABLED }, { children: duration })) })), jsx(TimelineDots, {})] })));
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export { DurationDivider };
|
|
50
|
+
//# sourceMappingURL=talos-duration-divider.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"talos-duration-divider.esm.js","sources":["../packages/components/duration-divider/src/style.ts","../packages/components/duration-divider/src/DurationDivider.tsx"],"sourcesContent":[null,null],"names":["_jsx","_jsxs"],"mappings":"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"}
|