@cleartrip/talos-vehicle-badge 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.
@@ -0,0 +1,4 @@
1
+ import { IVehicleBadgeProps } from "./type";
2
+ declare const VehicleBadge: ({ badgeCode, badgeValue, variant, }: IVehicleBadgeProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default VehicleBadge;
4
+ //# sourceMappingURL=VehicleBadge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VehicleBadge.d.ts","sourceRoot":"","sources":["../packages/components/vehicle-badge/src/VehicleBadge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAuB,MAAM,QAAQ,CAAC;AAIjE,QAAA,MAAM,YAAY,wCAIf,kBAAkB,4CAoBpB,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { default as VehicleBadge } from "./VehicleBadge";
2
+ export * from "./type";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/vehicle-badge/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,46 @@
1
+ import { Theme, TypographyColor, TypographyVariant } from "@cleartrip/ct-design-components";
2
+ import { VehicleBadgeVariant } from "./type";
3
+ export declare const getVehicleBadgeStyles: (theme: Theme) => {
4
+ resetMargin: {
5
+ margin: "0px";
6
+ };
7
+ vehicleBadge: {
8
+ borderRadius: "6px";
9
+ borderWidth: number;
10
+ borderStyle: "solid";
11
+ borderColor: string;
12
+ display: string;
13
+ flexDirection: string;
14
+ alignItems: string;
15
+ justifyContent: string;
16
+ paddingTop: any;
17
+ paddingBottom: any;
18
+ paddingLeft: "8px";
19
+ paddingRight: "8px";
20
+ };
21
+ vehicleBadgeContent: {
22
+ display: string;
23
+ alignItems: string;
24
+ justifyContent: string;
25
+ padding: "4px";
26
+ backgroundColor: string;
27
+ borderRadius: "8px";
28
+ };
29
+ };
30
+ export declare const getVehicleBadgeContentProps: (theme: Theme, variant: VehicleBadgeVariant) => {
31
+ badgeCode: {
32
+ variant: TypographyVariant;
33
+ color: TypographyColor;
34
+ style: {
35
+ margin: "0px";
36
+ };
37
+ };
38
+ badgeValue: {
39
+ variant: TypographyVariant;
40
+ color: TypographyColor;
41
+ style: {
42
+ margin: "0px";
43
+ };
44
+ };
45
+ };
46
+ //# sourceMappingURL=style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/vehicle-badge/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,eAAe,EACf,iBAAiB,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAE7C,eAAO,MAAM,qBAAqB,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BhD,CAAC;AAEH,eAAO,MAAM,2BAA2B,UAC/B,KAAK,WACH,mBAAmB;;;;;;;;;;;;;;;CAgC7B,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e,r=require("tslib"),a=require("react/jsx-runtime"),i=require("@cleartrip/ct-design-components"),n=require("react");exports.VehicleBadgeVariant=void 0,(e=exports.VehicleBadgeVariant||(exports.VehicleBadgeVariant={})).MD="md",e.SM="sm";exports.VehicleBadge=function(e){var o=e.badgeCode,t=e.badgeValue,s=e.variant,d=void 0===s?exports.VehicleBadgeVariant.MD:s,g=i.useTheme(),c=n.useMemo(function(){return function(e){return{resetMargin:{margin:e.spacing[0]},vehicleBadge:{borderRadius:e.border.radius[6],borderWidth:1,borderStyle:e.border.style.solid,borderColor:e.color.border.neutral,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",paddingTop:e.spacing[.5],paddingBottom:e.spacing[.5],paddingLeft:e.spacing[2],paddingRight:e.spacing[2]},vehicleBadgeContent:{display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing[1],backgroundColor:e.color.background.alert,borderRadius:e.border.radius[8]}}}(g)},[g]),l=n.useMemo(function(){return function(e,r){switch(r){case exports.VehicleBadgeVariant.SM:return{badgeCode:{variant:i.TypographyVariant.B4CAPS,color:i.TypographyColor.HEADING,style:{margin:e.spacing[0]}},badgeValue:{variant:i.TypographyVariant.B4CAPS,color:i.TypographyColor.HEADING,style:{margin:e.spacing[0]}}};case exports.VehicleBadgeVariant.MD:default:return{badgeCode:{variant:i.TypographyVariant.B3CAPS,color:i.TypographyColor.HEADING,style:{margin:e.spacing[0]}},badgeValue:{variant:i.TypographyVariant.B3CAPS,color:i.TypographyColor.HEADING,style:{margin:e.spacing[0]}}}}}(g,d)},[g,d]);return a.jsx(i.Container,r.__assign({css:c.vehicleBadgeContent},{children:a.jsxs(i.Container,r.__assign({css:c.vehicleBadge},{children:[a.jsx(i.Typography,r.__assign({},l.badgeCode,{children:o})),a.jsx(i.Typography,r.__assign({},l.badgeValue,{children:t}))]}))}))};
2
+ //# sourceMappingURL=talos-vehicle-badge.browser.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"talos-vehicle-badge.browser.cjs.js","sources":["../packages/components/vehicle-badge/src/type.ts","../packages/components/vehicle-badge/src/VehicleBadge.tsx","../packages/components/vehicle-badge/src/style.ts"],"sourcesContent":[null,null,null],"names":["VehicleBadgeVariant","_a","badgeCode","badgeValue","_b","variant","MD","theme","useTheme","styles","useMemo","resetMargin","margin","spacing","vehicleBadge","borderRadius","border","radius","borderWidth","borderStyle","style","solid","borderColor","color","neutral","display","flexDirection","alignItems","justifyContent","paddingTop","paddingBottom","paddingLeft","paddingRight","vehicleBadgeContent","padding","backgroundColor","background","alert","getVehicleBadgeStyles","vehicleBadgeContentStyles","SM","TypographyVariant","B4CAPS","TypographyColor","HEADING","B3CAPS","getVehicleBadgeContentProps","_jsx","jsx","Container","css","children","_jsxs","__assign","Typography"],"mappings":"iBAeYA,oHAAAA,QAGXA,yBAAA,GAHWA,EAAAA,QAAmBA,sBAAnBA,4BAGX,CAAA,IAFC,GAAA,KACAA,EAAA,GAAA,0BCTmB,SAACC,GACpB,IAAAC,EAASD,EAAAC,UACTC,EAAUF,EAAAE,WACVC,EAAAH,EAAAI,QAAAA,OAAU,IAAAD,EAAAJ,QAAmBA,oBAACM,GAAEF,EAE1BG,EAAQC,EAAAA,WACRC,EAASC,UAAQ,WAAM,OCPM,SAACH,GAAiB,MAAC,CACtDI,YAAa,CACXC,OAAQL,EAAMM,QAAQ,IAExBC,aAAc,CACZC,aAAcR,EAAMS,OAAOC,OAAO,GAClCC,YAAa,EACbC,YAAaZ,EAAMS,OAAOI,MAAMC,MAChCC,YAAaf,EAAMgB,MAAMP,OAAOQ,QAChCC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,WAAYtB,EAAMM,QAAQ,IAC1BiB,cAAevB,EAAMM,QAAQ,IAC7BkB,YAAaxB,EAAMM,QAAQ,GAC3BmB,aAAczB,EAAMM,QAAQ,IAE9BoB,oBAAqB,CACnBR,QAAS,OACTE,WAAY,SACZC,eAAgB,SAChBM,QAAS3B,EAAMM,QAAQ,GACvBsB,gBAAiB5B,EAAMgB,MAAMa,WAAWC,MACxCtB,aAAcR,EAAMS,OAAOC,OAAO,KDjBPqB,CAAsB/B,EAAM,EAAE,CAACA,IACtDgC,EAA4B7B,EAAAA,QAChC,WAAM,OCmBiC,SACzCH,EACAF,GAEA,OAAQA,GACN,KAAKL,QAAmBA,oBAACwC,GACvB,MAAO,CACLtC,UAAW,CACTG,QAASoC,EAAiBA,kBAACC,OAC3BnB,MAAOoB,EAAeA,gBAACC,QACvBxB,MAAO,CAAER,OAAQL,EAAMM,QAAQ,KAEjCV,WAAY,CACVE,QAASoC,EAAiBA,kBAACC,OAC3BnB,MAAOoB,EAAeA,gBAACC,QACvBxB,MAAO,CAAER,OAAQL,EAAMM,QAAQ,MAIrC,KAAKb,QAAAA,oBAAoBM,GACzB,QACE,MAAO,CACLJ,UAAW,CACTG,QAASoC,EAAiBA,kBAACI,OAC3BtB,MAAOoB,EAAeA,gBAACC,QACvBxB,MAAO,CAAER,OAAQL,EAAMM,QAAQ,KAEjCV,WAAY,CACVE,QAASoC,EAAiBA,kBAACI,OAC3BtB,MAAOoB,EAAeA,gBAACC,QACvBxB,MAAO,CAAER,OAAQL,EAAMM,QAAQ,MAIzC,CDrDUiC,CAA4BvC,EAAOF,EAA+B,EACxE,CAACE,EAAOF,IAGV,OACE0C,EAACC,IAAAC,EAASA,sBAACC,IAAKzC,EAAOwB,qBACrB,CAAAkB,SAAAC,EAAAA,KAACH,EAAAA,UAAUI,EAAAA,SAAA,CAAAH,IAAKzC,EAAOK,cACrB,CAAAqC,SAAA,CAAAJ,EAAAC,IAACM,aAAUD,EAAAA,SAAA,CAAA,EAAKd,EAA0BrC,oBACvCA,KAEH6C,MAACO,EAAAA,yBAAef,EAA0BpC,WACvC,CAAAgD,SAAAhD,WAKX"}
@@ -0,0 +1,2 @@
1
+ import{__assign as e}from"tslib";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{TypographyVariant as a,TypographyColor as i,useTheme as t,Container as o,Typography as d}from"@cleartrip/ct-design-components";import{useMemo as c}from"react";var l;!function(e){e.MD="md",e.SM="sm"}(l||(l={}));var g=function(g){var s=g.badgeCode,u=g.badgeValue,p=g.variant,m=void 0===p?l.MD:p,b=t(),f=c(function(){return function(e){return{resetMargin:{margin:e.spacing[0]},vehicleBadge:{borderRadius:e.border.radius[6],borderWidth:1,borderStyle:e.border.style.solid,borderColor:e.color.border.neutral,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",paddingTop:e.spacing[.5],paddingBottom:e.spacing[.5],paddingLeft:e.spacing[2],paddingRight:e.spacing[2]},vehicleBadgeContent:{display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing[1],backgroundColor:e.color.background.alert,borderRadius:e.border.radius[8]}}}(b)},[b]),C=c(function(){return function(e,r){switch(r){case l.SM:return{badgeCode:{variant:a.B4CAPS,color:i.HEADING,style:{margin:e.spacing[0]}},badgeValue:{variant:a.B4CAPS,color:i.HEADING,style:{margin:e.spacing[0]}}};case l.MD:default:return{badgeCode:{variant:a.B3CAPS,color:i.HEADING,style:{margin:e.spacing[0]}},badgeValue:{variant:a.B3CAPS,color:i.HEADING,style:{margin:e.spacing[0]}}}}}(b,m)},[b,m]);return r(o,e({css:f.vehicleBadgeContent},{children:n(o,e({css:f.vehicleBadge},{children:[r(d,e({},C.badgeCode,{children:s})),r(d,e({},C.badgeValue,{children:u}))]}))}))};export{g as VehicleBadge,l as VehicleBadgeVariant};
2
+ //# sourceMappingURL=talos-vehicle-badge.browser.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"talos-vehicle-badge.browser.esm.js","sources":["../packages/components/vehicle-badge/src/type.ts","../packages/components/vehicle-badge/src/style.ts","../packages/components/vehicle-badge/src/VehicleBadge.tsx"],"sourcesContent":[null,null,null],"names":["VehicleBadgeVariant","VehicleBadge","_a","badgeCode","badgeValue","_b","variant","MD","theme","useTheme","styles","useMemo","resetMargin","margin","spacing","vehicleBadge","borderRadius","border","radius","borderWidth","borderStyle","style","solid","borderColor","color","neutral","display","flexDirection","alignItems","justifyContent","paddingTop","paddingBottom","paddingLeft","paddingRight","vehicleBadgeContent","padding","backgroundColor","background","alert","getVehicleBadgeStyles","vehicleBadgeContentStyles","SM","TypographyVariant","B4CAPS","TypographyColor","HEADING","B3CAPS","getVehicleBadgeContentProps","_jsx","Container","css","children","_jsxs","__assign","Typography"],"mappings":"6PAeYA,GAAZ,SAAYA,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,IACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,ICXM,ICCDC,EAAe,SAACC,GACpB,IAAAC,EAASD,EAAAC,UACTC,EAAUF,EAAAE,WACVC,EAAAH,EAAAI,QAAAA,OAAU,IAAAD,EAAAL,EAAoBO,GAAEF,EAE1BG,EAAQC,IACRC,EAASC,EAAQ,WAAM,ODPM,SAACH,GAAiB,MAAC,CACtDI,YAAa,CACXC,OAAQL,EAAMM,QAAQ,IAExBC,aAAc,CACZC,aAAcR,EAAMS,OAAOC,OAAO,GAClCC,YAAa,EACbC,YAAaZ,EAAMS,OAAOI,MAAMC,MAChCC,YAAaf,EAAMgB,MAAMP,OAAOQ,QAChCC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,WAAYtB,EAAMM,QAAQ,IAC1BiB,cAAevB,EAAMM,QAAQ,IAC7BkB,YAAaxB,EAAMM,QAAQ,GAC3BmB,aAAczB,EAAMM,QAAQ,IAE9BoB,oBAAqB,CACnBR,QAAS,OACTE,WAAY,SACZC,eAAgB,SAChBM,QAAS3B,EAAMM,QAAQ,GACvBsB,gBAAiB5B,EAAMgB,MAAMa,WAAWC,MACxCtB,aAAcR,EAAMS,OAAOC,OAAO,KCjBPqB,CAAsB/B,EAAM,EAAE,CAACA,IACtDgC,EAA4B7B,EAChC,WAAM,ODmBiC,SACzCH,EACAF,GAEA,OAAQA,GACN,KAAKN,EAAoByC,GACvB,MAAO,CACLtC,UAAW,CACTG,QAASoC,EAAkBC,OAC3BnB,MAAOoB,EAAgBC,QACvBxB,MAAO,CAAER,OAAQL,EAAMM,QAAQ,KAEjCV,WAAY,CACVE,QAASoC,EAAkBC,OAC3BnB,MAAOoB,EAAgBC,QACvBxB,MAAO,CAAER,OAAQL,EAAMM,QAAQ,MAIrC,KAAKd,EAAoBO,GACzB,QACE,MAAO,CACLJ,UAAW,CACTG,QAASoC,EAAkBI,OAC3BtB,MAAOoB,EAAgBC,QACvBxB,MAAO,CAAER,OAAQL,EAAMM,QAAQ,KAEjCV,WAAY,CACVE,QAASoC,EAAkBI,OAC3BtB,MAAOoB,EAAgBC,QACvBxB,MAAO,CAAER,OAAQL,EAAMM,QAAQ,MAIzC,CCrDUiC,CAA4BvC,EAAOF,EAA+B,EACxE,CAACE,EAAOF,IAGV,OACE0C,EAACC,KAAUC,IAAKxC,EAAOwB,qBACrB,CAAAiB,SAAAC,EAACH,EAAUI,EAAA,CAAAH,IAAKxC,EAAOK,cACrB,CAAAoC,SAAA,CAAAH,EAACM,EAAUD,EAAA,CAAA,EAAKb,EAA0BrC,oBACvCA,KAEH6C,EAACM,OAAed,EAA0BpC,WACvC,CAAA+C,SAAA/C,WAKX"}
@@ -0,0 +1,82 @@
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var ctDesignComponents = require('@cleartrip/ct-design-components');
6
+ var react = require('react');
7
+
8
+ exports.VehicleBadgeVariant = void 0;
9
+ (function (VehicleBadgeVariant) {
10
+ VehicleBadgeVariant["MD"] = "md";
11
+ VehicleBadgeVariant["SM"] = "sm";
12
+ })(exports.VehicleBadgeVariant || (exports.VehicleBadgeVariant = {}));
13
+
14
+ var getVehicleBadgeStyles = function (theme) { return ({
15
+ resetMargin: {
16
+ margin: theme.spacing[0],
17
+ },
18
+ vehicleBadge: {
19
+ borderRadius: theme.border.radius[6],
20
+ borderWidth: 1,
21
+ borderStyle: theme.border.style.solid,
22
+ borderColor: theme.color.border.neutral,
23
+ display: "flex",
24
+ flexDirection: "column",
25
+ alignItems: "center",
26
+ justifyContent: "center",
27
+ paddingTop: theme.spacing[0.5],
28
+ paddingBottom: theme.spacing[0.5],
29
+ paddingLeft: theme.spacing[2],
30
+ paddingRight: theme.spacing[2],
31
+ },
32
+ vehicleBadgeContent: {
33
+ display: "flex",
34
+ alignItems: "center",
35
+ justifyContent: "center",
36
+ padding: theme.spacing[1],
37
+ backgroundColor: theme.color.background.alert,
38
+ borderRadius: theme.border.radius[8],
39
+ },
40
+ }); };
41
+ var getVehicleBadgeContentProps = function (theme, variant) {
42
+ switch (variant) {
43
+ case exports.VehicleBadgeVariant.SM:
44
+ return {
45
+ badgeCode: {
46
+ variant: ctDesignComponents.TypographyVariant.B4CAPS,
47
+ color: ctDesignComponents.TypographyColor.HEADING,
48
+ style: { margin: theme.spacing[0] },
49
+ },
50
+ badgeValue: {
51
+ variant: ctDesignComponents.TypographyVariant.B4CAPS,
52
+ color: ctDesignComponents.TypographyColor.HEADING,
53
+ style: { margin: theme.spacing[0] },
54
+ },
55
+ };
56
+ case exports.VehicleBadgeVariant.MD:
57
+ default:
58
+ return {
59
+ badgeCode: {
60
+ variant: ctDesignComponents.TypographyVariant.B3CAPS,
61
+ color: ctDesignComponents.TypographyColor.HEADING,
62
+ style: { margin: theme.spacing[0] },
63
+ },
64
+ badgeValue: {
65
+ variant: ctDesignComponents.TypographyVariant.B3CAPS,
66
+ color: ctDesignComponents.TypographyColor.HEADING,
67
+ style: { margin: theme.spacing[0] },
68
+ },
69
+ };
70
+ }
71
+ };
72
+
73
+ var VehicleBadge = function (_a) {
74
+ var badgeCode = _a.badgeCode, badgeValue = _a.badgeValue, _b = _a.variant, variant = _b === void 0 ? exports.VehicleBadgeVariant.MD : _b;
75
+ var theme = ctDesignComponents.useTheme();
76
+ var styles = react.useMemo(function () { return getVehicleBadgeStyles(theme); }, [theme]);
77
+ var vehicleBadgeContentStyles = react.useMemo(function () { return getVehicleBadgeContentProps(theme, variant); }, [theme, variant]);
78
+ return (jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: styles.vehicleBadgeContent }, { children: jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ css: styles.vehicleBadge }, { children: [jsxRuntime.jsx(ctDesignComponents.Typography, tslib.__assign({}, vehicleBadgeContentStyles.badgeCode, { children: badgeCode })), jsxRuntime.jsx(ctDesignComponents.Typography, tslib.__assign({}, vehicleBadgeContentStyles.badgeValue, { children: badgeValue }))] })) })));
79
+ };
80
+
81
+ exports.VehicleBadge = VehicleBadge;
82
+ //# sourceMappingURL=talos-vehicle-badge.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"talos-vehicle-badge.cjs.js","sources":["../packages/components/vehicle-badge/src/type.ts","../packages/components/vehicle-badge/src/style.ts","../packages/components/vehicle-badge/src/VehicleBadge.tsx"],"sourcesContent":[null,null,null],"names":["VehicleBadgeVariant","TypographyVariant","TypographyColor","useTheme","useMemo","_jsx","Container","_jsxs","__assign","Typography"],"mappings":"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"}
@@ -0,0 +1,80 @@
1
+ import { __assign } from 'tslib';
2
+ import { jsx, jsxs } from 'react/jsx-runtime';
3
+ import { TypographyVariant, TypographyColor, useTheme, Container, Typography } from '@cleartrip/ct-design-components';
4
+ import { useMemo } from 'react';
5
+
6
+ var VehicleBadgeVariant;
7
+ (function (VehicleBadgeVariant) {
8
+ VehicleBadgeVariant["MD"] = "md";
9
+ VehicleBadgeVariant["SM"] = "sm";
10
+ })(VehicleBadgeVariant || (VehicleBadgeVariant = {}));
11
+
12
+ var getVehicleBadgeStyles = function (theme) { return ({
13
+ resetMargin: {
14
+ margin: theme.spacing[0],
15
+ },
16
+ vehicleBadge: {
17
+ borderRadius: theme.border.radius[6],
18
+ borderWidth: 1,
19
+ borderStyle: theme.border.style.solid,
20
+ borderColor: theme.color.border.neutral,
21
+ display: "flex",
22
+ flexDirection: "column",
23
+ alignItems: "center",
24
+ justifyContent: "center",
25
+ paddingTop: theme.spacing[0.5],
26
+ paddingBottom: theme.spacing[0.5],
27
+ paddingLeft: theme.spacing[2],
28
+ paddingRight: theme.spacing[2],
29
+ },
30
+ vehicleBadgeContent: {
31
+ display: "flex",
32
+ alignItems: "center",
33
+ justifyContent: "center",
34
+ padding: theme.spacing[1],
35
+ backgroundColor: theme.color.background.alert,
36
+ borderRadius: theme.border.radius[8],
37
+ },
38
+ }); };
39
+ var getVehicleBadgeContentProps = function (theme, variant) {
40
+ switch (variant) {
41
+ case VehicleBadgeVariant.SM:
42
+ return {
43
+ badgeCode: {
44
+ variant: TypographyVariant.B4CAPS,
45
+ color: TypographyColor.HEADING,
46
+ style: { margin: theme.spacing[0] },
47
+ },
48
+ badgeValue: {
49
+ variant: TypographyVariant.B4CAPS,
50
+ color: TypographyColor.HEADING,
51
+ style: { margin: theme.spacing[0] },
52
+ },
53
+ };
54
+ case VehicleBadgeVariant.MD:
55
+ default:
56
+ return {
57
+ badgeCode: {
58
+ variant: TypographyVariant.B3CAPS,
59
+ color: TypographyColor.HEADING,
60
+ style: { margin: theme.spacing[0] },
61
+ },
62
+ badgeValue: {
63
+ variant: TypographyVariant.B3CAPS,
64
+ color: TypographyColor.HEADING,
65
+ style: { margin: theme.spacing[0] },
66
+ },
67
+ };
68
+ }
69
+ };
70
+
71
+ var VehicleBadge = function (_a) {
72
+ var badgeCode = _a.badgeCode, badgeValue = _a.badgeValue, _b = _a.variant, variant = _b === void 0 ? VehicleBadgeVariant.MD : _b;
73
+ var theme = useTheme();
74
+ var styles = useMemo(function () { return getVehicleBadgeStyles(theme); }, [theme]);
75
+ var vehicleBadgeContentStyles = useMemo(function () { return getVehicleBadgeContentProps(theme, variant); }, [theme, variant]);
76
+ return (jsx(Container, __assign({ css: styles.vehicleBadgeContent }, { children: jsxs(Container, __assign({ css: styles.vehicleBadge }, { children: [jsx(Typography, __assign({}, vehicleBadgeContentStyles.badgeCode, { children: badgeCode })), jsx(Typography, __assign({}, vehicleBadgeContentStyles.badgeValue, { children: badgeValue }))] })) })));
77
+ };
78
+
79
+ export { VehicleBadge, VehicleBadgeVariant };
80
+ //# sourceMappingURL=talos-vehicle-badge.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"talos-vehicle-badge.esm.js","sources":["../packages/components/vehicle-badge/src/type.ts","../packages/components/vehicle-badge/src/style.ts","../packages/components/vehicle-badge/src/VehicleBadge.tsx"],"sourcesContent":[null,null,null],"names":["_jsx","_jsxs"],"mappings":"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"}