@cleartrip/ct-design-tokens - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0-beta.0

dist/ct-design-tokens.browser.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var e=require("tslib");require("styled-components");var r={neutral900:"#1A1A1A",neutral700:"#808080",neutral500:"#B3B3B3",neutral400:"#CAC9C9",neutral350:"#DBDBDB",neutral300:"#F3F3F3",neutral100:"#FFFFFF",brand:"#FF4F17",link:"#0F6BFF",success:"#11A670",alert:"#DF9641",warning:"#C83232",line:"#E7E7E7",brandBg:"#FEF3ED",linkBg:"#EFF3FB",successBg:"#ECF8F4",alertBg:"#FCF7F0",warningBg:"#FBEFEF",brandText:"#FF4F17",successText:"#11A670",alertText:"#DF9641",warningText:"#C83232",disabledText:"#B3B3B3",disabled100:"#E6E6E6",linkText:"#0F6BFF",highlightBg:"rgba(255, 255, 255, 0.2)",shadow:"#1a1a1a14",link2:"#3366CC",link2Hover:"#1A469D",bgPrimary:"#ED6521",bgPrimaryHover:"#CE4501",blue100:"#ECF3FF",orange100:"#FFF1EC"},a={radius:{0:"0px",2:"2px",4:"4px",6:"6px",8:"8px",12:"12px",16:"16px",30:"30px",32:"32px","50P":"50%"},width:{none:"0px",sm:"1px",md:"1.5px",lg:"2px"},style:{solid:"solid",dotted:"dotted"}},n={weight:{bold:700,semibold:600,medium:500,normal:400},size:{10:"10px",12:"12px",14:"14px",16:"16px",20:"20px",24:"24px",32:"32px",40:"40px",48:"48px"},lineHeight:{12:"12px",14:"14px",16:"16px",18:"18px",20:"20px",22:"22px",24:"24px",28:"28px",32:"32px",40:"40px",48:"48px",56:"56px"}},t={0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",14:"56px"},l={0:"0px",1:"4px",2:"8px",2.5:"10px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",11:"44px",12:"48px",13:"52px",14:"56px",15:"60px",50:"200px"},i={bottomE1:"0px 1px 0px #E7E7E7",bottomE2:"0px 4px 16px rgba(26, 26, 26, 0.08)",bottomE3:"0px 8px 24px rgba(26, 26, 26, 0.1)",bottomE4:"0px 10px 32px rgba(26, 26, 26, 0.2)",topE1:"0px -1px 0px #E7E7E7",topE2:"0px -4px 16px rgba(26, 26, 26, 0.08)",topE3:"0px -8px 24px rgba(26, 26, 26, 0.1)",topE4:"0px -10px 32px rgba(26, 26, 26, 0.2)"},d={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195},o={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"};var u={color:{text:{primary:r.neutral900,secondary:r.brandText,tertiary:r.neutral500,heading:r.neutral900,subHeading:r.neutral700,disabled:r.disabledText,success:r.successText,alert:r.alertText,warning:r.warningText,link:r.linkText,brand:r.brandText,neutral:r.neutral100,link2:r.link2},button:{outlinedPrimaryLabel:r.neutral900,outlinedPrimaryBorder:r.neutral900,outlinedPrimaryBg:r.neutral100,outlinedSecondaryLabel:r.brand,outlinedSecondaryBorder:r.brand,outlinedSecondaryBg:r.neutral100,outlinedTertiaryLabel:r.link,outlinedTertiaryBorder:r.link,outlinedTertiaryBg:r.neutral100,outlinedDisabledLabel:r.disabledText,outlinedDisabledBg:r.neutral300,containedPrimaryLabel:r.neutral100,containedPrimaryBg:r.neutral900,containedSecondaryLabel:r.neutral100,containedSecondaryBg:r.brand,containedTertiaryLabel:r.neutral100,containedTertiaryBg:r.link,containedDisabledLabel:r.disabledText,containedDisabledBg:r.neutral300,hover:function(e){var a;return((a={})[r.neutral100]=r.neutral100,a[r.neutral900]=r.neutral900,a[r.neutral900]=r.neutral900,a[r.neutral100]=r.neutral100,a[r.brand]=r.bgPrimaryHover,a[r.neutral100]=r.neutral100,a[r.disabledText]=r.disabledText,a[r.neutral300]=r.neutral300,a[r.neutral100]=r.neutral100,a[r.link2]=r.link2Hover,a[r.neutral100]=r.neutral100,a[r.neutral900]=r.neutral900,a[r.neutral100]=r.neutral100,a[r.disabledText]=r.disabledText,a[r.neutral300]=r.neutral300,a)[e]}},chip:{nonSelectedPrimaryLabel:r.neutral900,disabledPrimaryLabel:r.disabledText,selectedPrimaryLabel:r.neutral900,selectedPrimaryBorder:r.neutral900,selectedPrimaryBg:r.neutral300},dropdown:{shadow:r.shadow},tab:{nonSelectedPrimaryLabel:r.neutral700,selectedPrimaryLabel:r.neutral900},sidenav:{primaryBg:r.neutral900,selectedTabBg:r.highlightBg},tooltip:{primaryBg:r.neutral900},background:{primary:r.neutral900,secondary:r.brand,tertiary:r.link,brand:r.brand,brandLightBg:r.brandBg,link:r.link,linkLightBg:r.linkBg,success:r.success,successLightBg:r.successBg,alert:r.alert,alertLightBg:r.alertBg,warning:r.warning,warningLightBg:r.warningBg,neutral:r.neutral100,disabled:r.neutral300,disabledSecondaryLight:r.neutral350,disabledSecondary:r.neutral400,disabledDark:r.disabled100,defaultDark:r.neutral700,defaultDarkest:r.neutral900},border:{primary:r.neutral900,secondary:r.brand,tertiary:r.link,brand:r.brand,neutral:r.neutral900,link:r.link,default:r.line,defaultDark:r.neutral700,disabled:r.neutral500,disabledDark:r.disabled100,warning:r.warning},spinner:{primary:r.neutral700,primaryBg:r.alertBg},coupon:{primaryBg:r.blue100},alert:{success:r.successBg,warning:r.alertBg,info:r.blue100,error:r.alertBg},counter:{enabled:{stroke:r.neutral900},disabled:{stroke:r.neutral500}}},elevation:e.__assign({},i),border:e.__assign({},a),spacing:e.__assign({},t),typography:e.__assign({},n),size:e.__assign({},l),transitions:{duration:d,easing:o,create:function(e,r){void 0===e&&(e=["all"]),void 0===r&&(r={});var a=r.duration,n=void 0===a?d.standard:a,t=r.easing,l=void 0===t?o.easeInOut:t,i=r.delay,u=void 0===i?0:i;return(Array.isArray(e)?e:[e]).map((function(e){return"".concat(e," ").concat("string"==typeof n?n:"".concat(n,"ms")," ").concat(l," ").concat("string"==typeof u?u:"".concat(u,"ms"))})).join(",")},getAutoHeightDuration:function(e){if(!e)return 0;var r=e/36;return Math.round(10*(4+15*Math.pow(r,.25)+r/5))}},zIndex:{drawer:1200,modal:1300,popOver:1300,tooltip:1500,sideNav:100,toolbar:50}},s=e.__assign({},u),p=e.__assign(e.__assign({},u),{color:e.__assign(e.__assign({},u.color),{text:e.__assign(e.__assign({},u.color.text),{secondary:r.link2,tertiary:r.neutral500}),button:{outlinedPrimaryLabel:r.link2,outlinedPrimaryBorder:r.link2,outlinedPrimaryBg:r.neutral100,outlinedSecondaryLabel:r.neutral900,outlinedSecondaryBorder:r.neutral900,outlinedSecondaryBg:r.neutral100,outlinedTertiaryLabel:r.brand,outlinedTertiaryBorder:r.brand,outlinedTertiaryBg:r.neutral100,outlinedDisabledLabel:r.disabledText,outlinedDisabledBg:r.neutral300,containedPrimaryLabel:r.neutral100,containedPrimaryBg:r.link2,containedSecondaryLabel:r.neutral100,containedSecondaryBg:r.neutral900,containedTertiaryLabel:r.neutral100,containedTertiaryBg:r.brand,containedDisabledLabel:r.disabledText,containedDisabledBg:r.neutral300,hover:function(e){var a;return((a={})[r.neutral100]=r.neutral100,a[r.neutral900]=r.neutral900,a[r.neutral900]=r.neutral900,a[r.neutral100]=r.neutral100,a[r.brand]=r.bgPrimaryHover,a[r.neutral100]=r.neutral100,a[r.disabledText]=r.disabledText,a[r.neutral300]=r.neutral300,a[r.neutral100]=r.neutral100,a[r.link2]=r.link2Hover,a[r.neutral100]=r.neutral100,a[r.neutral900]=r.neutral900,a[r.neutral100]=r.neutral100,a[r.disabledText]=r.disabledText,a[r.neutral300]=r.neutral300,a)[e]}},chip:e.__assign(e.__assign({},u.color.chip),{selectedPrimaryLabel:r.link2,selectedPrimaryBorder:r.link2,selectedPrimaryBg:r.linkBg}),tab:e.__assign(e.__assign({},u.color.tab),{nonSelectedPrimaryLabel:r.neutral900,selectedPrimaryLabel:r.link2}),background:e.__assign(e.__assign({},u.color.background),{primary:r.link2,secondary:r.neutral900,tertiary:r.brand}),border:e.__assign(e.__assign({},u.color.border),{primary:r.link2,secondary:r.neutral900,tertiary:r.brand}),spinner:{primary:r.link2,primaryBg:r.alertBg}})});exports.B2BTheme=p,exports.B2CTheme=s,exports.BaseTheme=u,exports.border=a,exports.colors=r,exports.elevation=i,exports.size=l,exports.spacing=t,exports.typography=n;
+"use strict";exports.border={radius:{0:"0px",2:"2px",4:"4px",6:"6px",8:"8px",12:"12px",16:"16px",30:"30px",32:"32px","50P":"50%"},width:{none:"0px",sm:"1px",md:"1.5px",lg:"2px"},style:{solid:"solid",dotted:"dotted"}},exports.colors={neutral900:"#1A1A1A",neutral700:"#808080",neutral500:"#B3B3B3",neutral400:"#CAC9C9",neutral350:"#DBDBDB",neutral300:"#F3F3F3",neutral100:"#FFFFFF",brand:"#FF4F17",link:"#0F6BFF",success:"#11A670",alert:"#DF9641",warning:"#C83232",line:"#E7E7E7",brandBg:"#FEF3ED",linkBg:"#EFF3FB",successBg:"#ECF8F4",alertBg:"#FCF7F0",warningBg:"#FBEFEF",brandText:"#FF4F17",successText:"#11A670",alertText:"#DF9641",warningText:"#C83232",disabledText:"#B3B3B3",disabled100:"#E6E6E6",linkText:"#0F6BFF",highlightBg:"rgba(255, 255, 255, 0.2)",shadow:"#1a1a1a14",link2:"#3366CC",link2Hover:"#1A469D",bgPrimary:"#ED6521",bgPrimaryHover:"#CE4501",blue100:"#ECF3FF",orange100:"#FFF1EC"},exports.elevation={bottomE1:"0px 1px 0px #E7E7E7",bottomE2:"0px 4px 16px rgba(26, 26, 26, 0.08)",bottomE3:"0px 8px 24px rgba(26, 26, 26, 0.1)",bottomE4:"0px 10px 32px rgba(26, 26, 26, 0.2)",topE1:"0px -1px 0px #E7E7E7",topE2:"0px -4px 16px rgba(26, 26, 26, 0.08)",topE3:"0px -8px 24px rgba(26, 26, 26, 0.1)",topE4:"0px -10px 32px rgba(26, 26, 26, 0.2)"},exports.size={0:"0px",1:"4px",2:"8px",2.5:"10px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",11:"44px",12:"48px",13:"52px",14:"56px",15:"60px",50:"200px"},exports.spacing={0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",14:"56px"},exports.typography={weight:{bold:700,semibold:600,medium:500,normal:400},size:{10:"10px",12:"12px",14:"14px",16:"16px",20:"20px",24:"24px",32:"32px",40:"40px",48:"48px"},lineHeight:{12:"12px",14:"14px",16:"16px",18:"18px",20:"20px",22:"22px",24:"24px",28:"28px",32:"32px",40:"40px",48:"48px",56:"56px"}};
 //# sourceMappingURL=ct-design-tokens.browser.cjs.js.map

dist/ct-design-tokens.browser.esm.js

@@ -1,2 +0,2 @@
-import{__assign as e}from"tslib";import"styled-components";var r={neutral900:"#1A1A1A",neutral700:"#808080",neutral500:"#B3B3B3",neutral400:"#CAC9C9",neutral350:"#DBDBDB",neutral300:"#F3F3F3",neutral100:"#FFFFFF",brand:"#FF4F17",link:"#0F6BFF",success:"#11A670",alert:"#DF9641",warning:"#C83232",line:"#E7E7E7",brandBg:"#FEF3ED",linkBg:"#EFF3FB",successBg:"#ECF8F4",alertBg:"#FCF7F0",warningBg:"#FBEFEF",brandText:"#FF4F17",successText:"#11A670",alertText:"#DF9641",warningText:"#C83232",disabledText:"#B3B3B3",disabled100:"#E6E6E6",linkText:"#0F6BFF",highlightBg:"rgba(255, 255, 255, 0.2)",shadow:"#1a1a1a14",link2:"#3366CC",link2Hover:"#1A469D",bgPrimary:"#ED6521",bgPrimaryHover:"#CE4501",blue100:"#ECF3FF",orange100:"#FFF1EC"},a={radius:{0:"0px",2:"2px",4:"4px",6:"6px",8:"8px",12:"12px",16:"16px",30:"30px",32:"32px","50P":"50%"},width:{none:"0px",sm:"1px",md:"1.5px",lg:"2px"},style:{solid:"solid",dotted:"dotted"}},n={weight:{bold:700,semibold:600,medium:500,normal:400},size:{10:"10px",12:"12px",14:"14px",16:"16px",20:"20px",24:"24px",32:"32px",40:"40px",48:"48px"},lineHeight:{12:"12px",14:"14px",16:"16px",18:"18px",20:"20px",22:"22px",24:"24px",28:"28px",32:"32px",40:"40px",48:"48px",56:"56px"}},t={0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",14:"56px"},l={0:"0px",1:"4px",2:"8px",2.5:"10px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",11:"44px",12:"48px",13:"52px",14:"56px",15:"60px",50:"200px"},i={bottomE1:"0px 1px 0px #E7E7E7",bottomE2:"0px 4px 16px rgba(26, 26, 26, 0.08)",bottomE3:"0px 8px 24px rgba(26, 26, 26, 0.1)",bottomE4:"0px 10px 32px rgba(26, 26, 26, 0.2)",topE1:"0px -1px 0px #E7E7E7",topE2:"0px -4px 16px rgba(26, 26, 26, 0.08)",topE3:"0px -8px 24px rgba(26, 26, 26, 0.1)",topE4:"0px -10px 32px rgba(26, 26, 26, 0.2)"},d={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195},u={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"};var o={color:{text:{primary:r.neutral900,secondary:r.brandText,tertiary:r.neutral500,heading:r.neutral900,subHeading:r.neutral700,disabled:r.disabledText,success:r.successText,alert:r.alertText,warning:r.warningText,link:r.linkText,brand:r.brandText,neutral:r.neutral100,link2:r.link2},button:{outlinedPrimaryLabel:r.neutral900,outlinedPrimaryBorder:r.neutral900,outlinedPrimaryBg:r.neutral100,outlinedSecondaryLabel:r.brand,outlinedSecondaryBorder:r.brand,outlinedSecondaryBg:r.neutral100,outlinedTertiaryLabel:r.link,outlinedTertiaryBorder:r.link,outlinedTertiaryBg:r.neutral100,outlinedDisabledLabel:r.disabledText,outlinedDisabledBg:r.neutral300,containedPrimaryLabel:r.neutral100,containedPrimaryBg:r.neutral900,containedSecondaryLabel:r.neutral100,containedSecondaryBg:r.brand,containedTertiaryLabel:r.neutral100,containedTertiaryBg:r.link,containedDisabledLabel:r.disabledText,containedDisabledBg:r.neutral300,hover:function(e){var a;return((a={})[r.neutral100]=r.neutral100,a[r.neutral900]=r.neutral900,a[r.neutral900]=r.neutral900,a[r.neutral100]=r.neutral100,a[r.brand]=r.bgPrimaryHover,a[r.neutral100]=r.neutral100,a[r.disabledText]=r.disabledText,a[r.neutral300]=r.neutral300,a[r.neutral100]=r.neutral100,a[r.link2]=r.link2Hover,a[r.neutral100]=r.neutral100,a[r.neutral900]=r.neutral900,a[r.neutral100]=r.neutral100,a[r.disabledText]=r.disabledText,a[r.neutral300]=r.neutral300,a)[e]}},chip:{nonSelectedPrimaryLabel:r.neutral900,disabledPrimaryLabel:r.disabledText,selectedPrimaryLabel:r.neutral900,selectedPrimaryBorder:r.neutral900,selectedPrimaryBg:r.neutral300},dropdown:{shadow:r.shadow},tab:{nonSelectedPrimaryLabel:r.neutral700,selectedPrimaryLabel:r.neutral900},sidenav:{primaryBg:r.neutral900,selectedTabBg:r.highlightBg},tooltip:{primaryBg:r.neutral900},background:{primary:r.neutral900,secondary:r.brand,tertiary:r.link,brand:r.brand,brandLightBg:r.brandBg,link:r.link,linkLightBg:r.linkBg,success:r.success,successLightBg:r.successBg,alert:r.alert,alertLightBg:r.alertBg,warning:r.warning,warningLightBg:r.warningBg,neutral:r.neutral100,disabled:r.neutral300,disabledSecondaryLight:r.neutral350,disabledSecondary:r.neutral400,disabledDark:r.disabled100,defaultDark:r.neutral700,defaultDarkest:r.neutral900},border:{primary:r.neutral900,secondary:r.brand,tertiary:r.link,brand:r.brand,neutral:r.neutral900,link:r.link,default:r.line,defaultDark:r.neutral700,disabled:r.neutral500,disabledDark:r.disabled100,warning:r.warning},spinner:{primary:r.neutral700,primaryBg:r.alertBg},coupon:{primaryBg:r.blue100},alert:{success:r.successBg,warning:r.alertBg,info:r.blue100,error:r.alertBg},counter:{enabled:{stroke:r.neutral900},disabled:{stroke:r.neutral500}}},elevation:e({},i),border:e({},a),spacing:e({},t),typography:e({},n),size:e({},l),transitions:{duration:d,easing:u,create:function(e,r){void 0===e&&(e=["all"]),void 0===r&&(r={});var a=r.duration,n=void 0===a?d.standard:a,t=r.easing,l=void 0===t?u.easeInOut:t,i=r.delay,o=void 0===i?0:i;return(Array.isArray(e)?e:[e]).map((function(e){return"".concat(e," ").concat("string"==typeof n?n:"".concat(n,"ms")," ").concat(l," ").concat("string"==typeof o?o:"".concat(o,"ms"))})).join(",")},getAutoHeightDuration:function(e){if(!e)return 0;var r=e/36;return Math.round(10*(4+15*Math.pow(r,.25)+r/5))}},zIndex:{drawer:1200,modal:1300,popOver:1300,tooltip:1500,sideNav:100,toolbar:50}},b=e({},o),p=e(e({},o),{color:e(e({},o.color),{text:e(e({},o.color.text),{secondary:r.link2,tertiary:r.neutral500}),button:{outlinedPrimaryLabel:r.link2,outlinedPrimaryBorder:r.link2,outlinedPrimaryBg:r.neutral100,outlinedSecondaryLabel:r.neutral900,outlinedSecondaryBorder:r.neutral900,outlinedSecondaryBg:r.neutral100,outlinedTertiaryLabel:r.brand,outlinedTertiaryBorder:r.brand,outlinedTertiaryBg:r.neutral100,outlinedDisabledLabel:r.disabledText,outlinedDisabledBg:r.neutral300,containedPrimaryLabel:r.neutral100,containedPrimaryBg:r.link2,containedSecondaryLabel:r.neutral100,containedSecondaryBg:r.neutral900,containedTertiaryLabel:r.neutral100,containedTertiaryBg:r.brand,containedDisabledLabel:r.disabledText,containedDisabledBg:r.neutral300,hover:function(e){var a;return((a={})[r.neutral100]=r.neutral100,a[r.neutral900]=r.neutral900,a[r.neutral900]=r.neutral900,a[r.neutral100]=r.neutral100,a[r.brand]=r.bgPrimaryHover,a[r.neutral100]=r.neutral100,a[r.disabledText]=r.disabledText,a[r.neutral300]=r.neutral300,a[r.neutral100]=r.neutral100,a[r.link2]=r.link2Hover,a[r.neutral100]=r.neutral100,a[r.neutral900]=r.neutral900,a[r.neutral100]=r.neutral100,a[r.disabledText]=r.disabledText,a[r.neutral300]=r.neutral300,a)[e]}},chip:e(e({},o.color.chip),{selectedPrimaryLabel:r.link2,selectedPrimaryBorder:r.link2,selectedPrimaryBg:r.linkBg}),tab:e(e({},o.color.tab),{nonSelectedPrimaryLabel:r.neutral900,selectedPrimaryLabel:r.link2}),background:e(e({},o.color.background),{primary:r.link2,secondary:r.neutral900,tertiary:r.brand}),border:e(e({},o.color.border),{primary:r.link2,secondary:r.neutral900,tertiary:r.brand}),spinner:{primary:r.link2,primaryBg:r.alertBg}})});export{p as B2BTheme,b as B2CTheme,o as BaseTheme,a as border,r as colors,i as elevation,l as size,t as spacing,n as typography};
+var x={radius:{0:"0px",2:"2px",4:"4px",6:"6px",8:"8px",12:"12px",16:"16px",30:"30px",32:"32px","50P":"50%"},width:{none:"0px",sm:"1px",md:"1.5px",lg:"2px"},style:{solid:"solid",dotted:"dotted"}},p={neutral900:"#1A1A1A",neutral700:"#808080",neutral500:"#B3B3B3",neutral400:"#CAC9C9",neutral350:"#DBDBDB",neutral300:"#F3F3F3",neutral100:"#FFFFFF",brand:"#FF4F17",link:"#0F6BFF",success:"#11A670",alert:"#DF9641",warning:"#C83232",line:"#E7E7E7",brandBg:"#FEF3ED",linkBg:"#EFF3FB",successBg:"#ECF8F4",alertBg:"#FCF7F0",warningBg:"#FBEFEF",brandText:"#FF4F17",successText:"#11A670",alertText:"#DF9641",warningText:"#C83232",disabledText:"#B3B3B3",disabled100:"#E6E6E6",linkText:"#0F6BFF",highlightBg:"rgba(255, 255, 255, 0.2)",shadow:"#1a1a1a14",link2:"#3366CC",link2Hover:"#1A469D",bgPrimary:"#ED6521",bgPrimaryHover:"#CE4501",blue100:"#ECF3FF",orange100:"#FFF1EC"},F={bottomE1:"0px 1px 0px #E7E7E7",bottomE2:"0px 4px 16px rgba(26, 26, 26, 0.08)",bottomE3:"0px 8px 24px rgba(26, 26, 26, 0.1)",bottomE4:"0px 10px 32px rgba(26, 26, 26, 0.2)",topE1:"0px -1px 0px #E7E7E7",topE2:"0px -4px 16px rgba(26, 26, 26, 0.08)",topE3:"0px -8px 24px rgba(26, 26, 26, 0.1)",topE4:"0px -10px 32px rgba(26, 26, 26, 0.2)"},t={0:"0px",1:"4px",2:"8px",2.5:"10px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",11:"44px",12:"48px",13:"52px",14:"56px",15:"60px",50:"200px"},e={0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",7:"28px",8:"32px",9:"36px",10:"40px",14:"56px"},a={weight:{bold:700,semibold:600,medium:500,normal:400},size:{10:"10px",12:"12px",14:"14px",16:"16px",20:"20px",24:"24px",32:"32px",40:"40px",48:"48px"},lineHeight:{12:"12px",14:"14px",16:"16px",18:"18px",20:"20px",22:"22px",24:"24px",28:"28px",32:"32px",40:"40px",48:"48px",56:"56px"}};export{x as border,p as colors,F as elevation,t as size,e as spacing,a as typography};
 //# sourceMappingURL=ct-design-tokens.browser.esm.js.map

dist/ct-design-tokens.cjs.js

 'use strict';
 
-var tslib = require('tslib');
-require('styled-components');
+var border = {
+    radius: {
+        0: '0px',
+        2: '2px',
+        4: '4px',
+        6: '6px',
+        8: '8px',
+        12: '12px',
+        16: '16px',
+        30: '30px',
+        32: '32px',
+        '50P': '50%',
+    },
+    width: {
+        none: '0px',
+        sm: '1px',
+        md: '1.5px',
+        lg: '2px',
+    },
+    style: {
+        solid: 'solid',
+        dotted: 'dotted',
+    },
+};
 
@@ -42,27 +64,49 @@ var colors = {
 
-var border = {
-    radius: {
-        0: '0px',
-        2: '2px',
-        4: '4px',
-        6: '6px',
-        8: '8px',
-        12: '12px',
-        16: '16px',
-        30: '30px',
-        32: '32px',
-        '50P': '50%',
-    },
-    width: {
-        none: '0px',
-        sm: '1px',
-        md: '1.5px',
-        lg: '2px',
-    },
-    style: {
-        solid: 'solid',
-        dotted: 'dotted',
-    },
+var elevation = {
+    bottomE1: '0px 1px 0px #E7E7E7',
+    bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
+    bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
+    bottomE4: '0px 10px 32px rgba(26, 26, 26, 0.2)',
+    topE1: '0px -1px 0px #E7E7E7',
+    topE2: '0px -4px 16px rgba(26, 26, 26, 0.08)',
+    topE3: '0px -8px 24px rgba(26, 26, 26, 0.1)',
+    topE4: '0px -10px 32px rgba(26, 26, 26, 0.2)',
 };
 
+var size = {
+    0: '0px',
+    1: '4px',
+    2: '8px',
+    '2.5': '10px',
+    3: '12px',
+    4: '16px',
+    5: '20px',
+    6: '24px',
+    7: '28px',
+    8: '32px',
+    9: '36px',
+    10: '40px',
+    11: '44px',
+    12: '48px',
+    13: '52px',
+    14: '56px',
+    15: '60px',
+    50: '200px',
+};
+
+var spacing = {
+    0: '0px',
+    1: '4px',
+    2: '8px',
+    3: '12px',
+    4: '16px',
+    5: '20px',
+    6: '24px',
+    7: '28px',
+    8: '32px',
+    9: '36px',
+    10: '40px',
+    14: '56px',
+};
+
 var typography = {
@@ -102,294 +146,2 @@ weight: {
 
-var spacing = {
-    0: '0px',
-    1: '4px',
-    2: '8px',
-    3: '12px',
-    4: '16px',
-    5: '20px',
-    6: '24px',
-    7: '28px',
-    8: '32px',
-    9: '36px',
-    10: '40px',
-    14: '56px',
-};
-
-var size = {
-    0: '0px',
-    1: '4px',
-    2: '8px',
-    '2.5': '10px',
-    3: '12px',
-    4: '16px',
-    5: '20px',
-    6: '24px',
-    7: '28px',
-    8: '32px',
-    9: '36px',
-    10: '40px',
-    11: '44px',
-    12: '48px',
-    13: '52px',
-    14: '56px',
-    15: '60px',
-    50: '200px',
-};
-
-var elevation = {
-    bottomE1: '0px 1px 0px #E7E7E7',
-    bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
-    bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
-    bottomE4: '0px 10px 32px rgba(26, 26, 26, 0.2)',
-    topE1: '0px -1px 0px #E7E7E7',
-    topE2: '0px -4px 16px rgba(26, 26, 26, 0.08)',
-    topE3: '0px -8px 24px rgba(26, 26, 26, 0.1)',
-    topE4: '0px -10px 32px rgba(26, 26, 26, 0.2)',
-};
-
-var duration = {
-    shortest: 150,
-    shorter: 200,
-    short: 250,
-    standard: 300,
-    complex: 375,
-    enteringScreen: 225,
-    leavingScreen: 195,
-};
-var easing = {
-    easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
-    easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
-    easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
-    sharp: 'cubic-bezier(0.4, 0, 0.6, 1)',
-};
-function getAutoHeightDuration(height) {
-    if (!height) {
-        return 0;
-    }
-    var constant = height / 36;
-    return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
-}
-var create = function (props, options) {
-    if (props === void 0) { props = ['all']; }
-    if (options === void 0) { options = {}; }
-    var _a = options.duration, durationOption = _a === void 0 ? duration.standard : _a, _b = options.easing, easingOption = _b === void 0 ? easing.easeInOut : _b, _c = options.delay, delay = _c === void 0 ? 0 : _c;
-    return (Array.isArray(props) ? props : [props])
-        .map(function (animatedProp) {
-        return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : "".concat(durationOption, "ms"), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : "".concat(delay, "ms"));
-    })
-        .join(',');
-};
-var hover$1 = function (key) {
-    var _a;
-    var bg = (_a = {},
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.brand] = colors.bgPrimaryHover,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.disabledText] = colors.disabledText,
-        _a[colors.neutral300] = colors.neutral300,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.link2] = colors.link2Hover,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.disabledText] = colors.disabledText,
-        _a[colors.neutral300] = colors.neutral300,
-        _a);
-    return bg[key];
-};
-var zIndex = {
-    drawer: 1200,
-    modal: 1300,
-    popOver: 1300,
-    tooltip: 1500,
-    sideNav: 100,
-    toolbar: 50,
-};
-var counter = {
-    enabled: {
-        stroke: colors.neutral900,
-    },
-    disabled: {
-        stroke: colors.neutral500,
-    },
-};
-var BaseTheme = {
-    color: {
-        text: {
-            primary: colors.neutral900,
-            secondary: colors.brandText,
-            tertiary: colors.neutral500,
-            heading: colors.neutral900,
-            subHeading: colors.neutral700,
-            disabled: colors.disabledText,
-            success: colors.successText,
-            alert: colors.alertText,
-            warning: colors.warningText,
-            link: colors.linkText,
-            brand: colors.brandText,
-            neutral: colors.neutral100,
-            link2: colors.link2,
-        },
-        button: {
-            outlinedPrimaryLabel: colors.neutral900,
-            outlinedPrimaryBorder: colors.neutral900,
-            outlinedPrimaryBg: colors.neutral100,
-            outlinedSecondaryLabel: colors.brand,
-            outlinedSecondaryBorder: colors.brand,
-            outlinedSecondaryBg: colors.neutral100,
-            outlinedTertiaryLabel: colors.link,
-            outlinedTertiaryBorder: colors.link,
-            outlinedTertiaryBg: colors.neutral100,
-            outlinedDisabledLabel: colors.disabledText,
-            outlinedDisabledBg: colors.neutral300,
-            containedPrimaryLabel: colors.neutral100,
-            containedPrimaryBg: colors.neutral900,
-            containedSecondaryLabel: colors.neutral100,
-            containedSecondaryBg: colors.brand,
-            containedTertiaryLabel: colors.neutral100,
-            containedTertiaryBg: colors.link,
-            containedDisabledLabel: colors.disabledText,
-            containedDisabledBg: colors.neutral300,
-            hover: hover$1,
-        },
-        chip: {
-            nonSelectedPrimaryLabel: colors.neutral900,
-            disabledPrimaryLabel: colors.disabledText,
-            selectedPrimaryLabel: colors.neutral900,
-            selectedPrimaryBorder: colors.neutral900,
-            selectedPrimaryBg: colors.neutral300,
-        },
-        dropdown: {
-            shadow: colors.shadow,
-        },
-        tab: {
-            nonSelectedPrimaryLabel: colors.neutral700,
-            selectedPrimaryLabel: colors.neutral900,
-        },
-        sidenav: {
-            primaryBg: colors.neutral900,
-            selectedTabBg: colors.highlightBg,
-        },
-        tooltip: {
-            primaryBg: colors.neutral900,
-        },
-        background: {
-            primary: colors.neutral900,
-            secondary: colors.brand,
-            tertiary: colors.link,
-            brand: colors.brand,
-            brandLightBg: colors.brandBg,
-            link: colors.link,
-            linkLightBg: colors.linkBg,
-            success: colors.success,
-            successLightBg: colors.successBg,
-            alert: colors.alert,
-            alertLightBg: colors.alertBg,
-            warning: colors.warning,
-            warningLightBg: colors.warningBg,
-            neutral: colors.neutral100,
-            disabled: colors.neutral300,
-            disabledSecondaryLight: colors.neutral350,
-            disabledSecondary: colors.neutral400,
-            disabledDark: colors.disabled100,
-            defaultDark: colors.neutral700,
-            defaultDarkest: colors.neutral900,
-        },
-        border: {
-            primary: colors.neutral900,
-            secondary: colors.brand,
-            tertiary: colors.link,
-            brand: colors.brand,
-            neutral: colors.neutral900,
-            link: colors.link,
-            default: colors.line,
-            defaultDark: colors.neutral700,
-            disabled: colors.neutral500,
-            disabledDark: colors.disabled100,
-            warning: colors.warning,
-        },
-        spinner: {
-            primary: colors.neutral700,
-            primaryBg: colors.alertBg,
-        },
-        coupon: {
-            primaryBg: colors.blue100,
-        },
-        alert: {
-            success: colors.successBg,
-            warning: colors.alertBg,
-            info: colors.blue100,
-            error: colors.alertBg,
-        },
-        counter: counter,
-    },
-    elevation: tslib.__assign({}, elevation),
-    border: tslib.__assign({}, border),
-    spacing: tslib.__assign({}, spacing),
-    typography: tslib.__assign({}, typography),
-    size: tslib.__assign({}, size),
-    transitions: {
-        duration: duration,
-        easing: easing,
-        create: create,
-        getAutoHeightDuration: getAutoHeightDuration,
-    },
-    zIndex: zIndex,
-};
-
-var B2CTheme = tslib.__assign({}, BaseTheme);
-
-var hover = function (key) {
-    var _a;
-    var bg = (_a = {},
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.brand] = colors.bgPrimaryHover,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.disabledText] = colors.disabledText,
-        _a[colors.neutral300] = colors.neutral300,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.link2] = colors.link2Hover,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.disabledText] = colors.disabledText,
-        _a[colors.neutral300] = colors.neutral300,
-        _a);
-    return bg[key];
-};
-var B2BTheme = tslib.__assign(tslib.__assign({}, BaseTheme), { color: tslib.__assign(tslib.__assign({}, BaseTheme.color), { text: tslib.__assign(tslib.__assign({}, BaseTheme.color.text), { secondary: colors.link2, tertiary: colors.neutral500 }), button: {
-            outlinedPrimaryLabel: colors.link2,
-            outlinedPrimaryBorder: colors.link2,
-            outlinedPrimaryBg: colors.neutral100,
-            outlinedSecondaryLabel: colors.neutral900,
-            outlinedSecondaryBorder: colors.neutral900,
-            outlinedSecondaryBg: colors.neutral100,
-            outlinedTertiaryLabel: colors.brand,
-            outlinedTertiaryBorder: colors.brand,
-            outlinedTertiaryBg: colors.neutral100,
-            outlinedDisabledLabel: colors.disabledText,
-            outlinedDisabledBg: colors.neutral300,
-            containedPrimaryLabel: colors.neutral100,
-            containedPrimaryBg: colors.link2,
-            containedSecondaryLabel: colors.neutral100,
-            containedSecondaryBg: colors.neutral900,
-            containedTertiaryLabel: colors.neutral100,
-            containedTertiaryBg: colors.brand,
-            containedDisabledLabel: colors.disabledText,
-            containedDisabledBg: colors.neutral300,
-            hover: hover,
-        }, chip: tslib.__assign(tslib.__assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: colors.link2, selectedPrimaryBorder: colors.link2, selectedPrimaryBg: colors.linkBg }), tab: tslib.__assign(tslib.__assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: colors.neutral900, selectedPrimaryLabel: colors.link2 }), background: tslib.__assign(tslib.__assign({}, BaseTheme.color.background), { primary: colors.link2, secondary: colors.neutral900, tertiary: colors.brand }), border: tslib.__assign(tslib.__assign({}, BaseTheme.color.border), { primary: colors.link2, secondary: colors.neutral900, tertiary: colors.brand }), spinner: {
-            primary: colors.link2,
-            primaryBg: colors.alertBg,
-        } }) });
-
-exports.B2BTheme = B2BTheme;
-exports.B2CTheme = B2CTheme;
-exports.BaseTheme = BaseTheme;
 exports.border = border;
@@ -396,0 +148,0 @@ exports.colors = colors;

dist/ct-design-tokens.esm.js

@@ -1,3 +0,25 @@
-import { __assign } from 'tslib';
-import 'styled-components';
+var border = {
+    radius: {
+        0: '0px',
+        2: '2px',
+        4: '4px',
+        6: '6px',
+        8: '8px',
+        12: '12px',
+        16: '16px',
+        30: '30px',
+        32: '32px',
+        '50P': '50%',
+    },
+    width: {
+        none: '0px',
+        sm: '1px',
+        md: '1.5px',
+        lg: '2px',
+    },
+    style: {
+        solid: 'solid',
+        dotted: 'dotted',
+    },
+};
 
@@ -40,27 +62,49 @@ var colors = {
 
-var border = {
-    radius: {
-        0: '0px',
-        2: '2px',
-        4: '4px',
-        6: '6px',
-        8: '8px',
-        12: '12px',
-        16: '16px',
-        30: '30px',
-        32: '32px',
-        '50P': '50%',
-    },
-    width: {
-        none: '0px',
-        sm: '1px',
-        md: '1.5px',
-        lg: '2px',
-    },
-    style: {
-        solid: 'solid',
-        dotted: 'dotted',
-    },
+var elevation = {
+    bottomE1: '0px 1px 0px #E7E7E7',
+    bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
+    bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
+    bottomE4: '0px 10px 32px rgba(26, 26, 26, 0.2)',
+    topE1: '0px -1px 0px #E7E7E7',
+    topE2: '0px -4px 16px rgba(26, 26, 26, 0.08)',
+    topE3: '0px -8px 24px rgba(26, 26, 26, 0.1)',
+    topE4: '0px -10px 32px rgba(26, 26, 26, 0.2)',
 };
 
+var size = {
+    0: '0px',
+    1: '4px',
+    2: '8px',
+    '2.5': '10px',
+    3: '12px',
+    4: '16px',
+    5: '20px',
+    6: '24px',
+    7: '28px',
+    8: '32px',
+    9: '36px',
+    10: '40px',
+    11: '44px',
+    12: '48px',
+    13: '52px',
+    14: '56px',
+    15: '60px',
+    50: '200px',
+};
+
+var spacing = {
+    0: '0px',
+    1: '4px',
+    2: '8px',
+    3: '12px',
+    4: '16px',
+    5: '20px',
+    6: '24px',
+    7: '28px',
+    8: '32px',
+    9: '36px',
+    10: '40px',
+    14: '56px',
+};
+
 var typography = {
@@ -100,292 +144,3 @@ weight: {
 
-var spacing = {
-    0: '0px',
-    1: '4px',
-    2: '8px',
-    3: '12px',
-    4: '16px',
-    5: '20px',
-    6: '24px',
-    7: '28px',
-    8: '32px',
-    9: '36px',
-    10: '40px',
-    14: '56px',
-};
-
-var size = {
-    0: '0px',
-    1: '4px',
-    2: '8px',
-    '2.5': '10px',
-    3: '12px',
-    4: '16px',
-    5: '20px',
-    6: '24px',
-    7: '28px',
-    8: '32px',
-    9: '36px',
-    10: '40px',
-    11: '44px',
-    12: '48px',
-    13: '52px',
-    14: '56px',
-    15: '60px',
-    50: '200px',
-};
-
-var elevation = {
-    bottomE1: '0px 1px 0px #E7E7E7',
-    bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
-    bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
-    bottomE4: '0px 10px 32px rgba(26, 26, 26, 0.2)',
-    topE1: '0px -1px 0px #E7E7E7',
-    topE2: '0px -4px 16px rgba(26, 26, 26, 0.08)',
-    topE3: '0px -8px 24px rgba(26, 26, 26, 0.1)',
-    topE4: '0px -10px 32px rgba(26, 26, 26, 0.2)',
-};
-
-var duration = {
-    shortest: 150,
-    shorter: 200,
-    short: 250,
-    standard: 300,
-    complex: 375,
-    enteringScreen: 225,
-    leavingScreen: 195,
-};
-var easing = {
-    easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
-    easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
-    easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
-    sharp: 'cubic-bezier(0.4, 0, 0.6, 1)',
-};
-function getAutoHeightDuration(height) {
-    if (!height) {
-        return 0;
-    }
-    var constant = height / 36;
-    return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
-}
-var create = function (props, options) {
-    if (props === void 0) { props = ['all']; }
-    if (options === void 0) { options = {}; }
-    var _a = options.duration, durationOption = _a === void 0 ? duration.standard : _a, _b = options.easing, easingOption = _b === void 0 ? easing.easeInOut : _b, _c = options.delay, delay = _c === void 0 ? 0 : _c;
-    return (Array.isArray(props) ? props : [props])
-        .map(function (animatedProp) {
-        return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : "".concat(durationOption, "ms"), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : "".concat(delay, "ms"));
-    })
-        .join(',');
-};
-var hover$1 = function (key) {
-    var _a;
-    var bg = (_a = {},
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.brand] = colors.bgPrimaryHover,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.disabledText] = colors.disabledText,
-        _a[colors.neutral300] = colors.neutral300,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.link2] = colors.link2Hover,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.disabledText] = colors.disabledText,
-        _a[colors.neutral300] = colors.neutral300,
-        _a);
-    return bg[key];
-};
-var zIndex = {
-    drawer: 1200,
-    modal: 1300,
-    popOver: 1300,
-    tooltip: 1500,
-    sideNav: 100,
-    toolbar: 50,
-};
-var counter = {
-    enabled: {
-        stroke: colors.neutral900,
-    },
-    disabled: {
-        stroke: colors.neutral500,
-    },
-};
-var BaseTheme = {
-    color: {
-        text: {
-            primary: colors.neutral900,
-            secondary: colors.brandText,
-            tertiary: colors.neutral500,
-            heading: colors.neutral900,
-            subHeading: colors.neutral700,
-            disabled: colors.disabledText,
-            success: colors.successText,
-            alert: colors.alertText,
-            warning: colors.warningText,
-            link: colors.linkText,
-            brand: colors.brandText,
-            neutral: colors.neutral100,
-            link2: colors.link2,
-        },
-        button: {
-            outlinedPrimaryLabel: colors.neutral900,
-            outlinedPrimaryBorder: colors.neutral900,
-            outlinedPrimaryBg: colors.neutral100,
-            outlinedSecondaryLabel: colors.brand,
-            outlinedSecondaryBorder: colors.brand,
-            outlinedSecondaryBg: colors.neutral100,
-            outlinedTertiaryLabel: colors.link,
-            outlinedTertiaryBorder: colors.link,
-            outlinedTertiaryBg: colors.neutral100,
-            outlinedDisabledLabel: colors.disabledText,
-            outlinedDisabledBg: colors.neutral300,
-            containedPrimaryLabel: colors.neutral100,
-            containedPrimaryBg: colors.neutral900,
-            containedSecondaryLabel: colors.neutral100,
-            containedSecondaryBg: colors.brand,
-            containedTertiaryLabel: colors.neutral100,
-            containedTertiaryBg: colors.link,
-            containedDisabledLabel: colors.disabledText,
-            containedDisabledBg: colors.neutral300,
-            hover: hover$1,
-        },
-        chip: {
-            nonSelectedPrimaryLabel: colors.neutral900,
-            disabledPrimaryLabel: colors.disabledText,
-            selectedPrimaryLabel: colors.neutral900,
-            selectedPrimaryBorder: colors.neutral900,
-            selectedPrimaryBg: colors.neutral300,
-        },
-        dropdown: {
-            shadow: colors.shadow,
-        },
-        tab: {
-            nonSelectedPrimaryLabel: colors.neutral700,
-            selectedPrimaryLabel: colors.neutral900,
-        },
-        sidenav: {
-            primaryBg: colors.neutral900,
-            selectedTabBg: colors.highlightBg,
-        },
-        tooltip: {
-            primaryBg: colors.neutral900,
-        },
-        background: {
-            primary: colors.neutral900,
-            secondary: colors.brand,
-            tertiary: colors.link,
-            brand: colors.brand,
-            brandLightBg: colors.brandBg,
-            link: colors.link,
-            linkLightBg: colors.linkBg,
-            success: colors.success,
-            successLightBg: colors.successBg,
-            alert: colors.alert,
-            alertLightBg: colors.alertBg,
-            warning: colors.warning,
-            warningLightBg: colors.warningBg,
-            neutral: colors.neutral100,
-            disabled: colors.neutral300,
-            disabledSecondaryLight: colors.neutral350,
-            disabledSecondary: colors.neutral400,
-            disabledDark: colors.disabled100,
-            defaultDark: colors.neutral700,
-            defaultDarkest: colors.neutral900,
-        },
-        border: {
-            primary: colors.neutral900,
-            secondary: colors.brand,
-            tertiary: colors.link,
-            brand: colors.brand,
-            neutral: colors.neutral900,
-            link: colors.link,
-            default: colors.line,
-            defaultDark: colors.neutral700,
-            disabled: colors.neutral500,
-            disabledDark: colors.disabled100,
-            warning: colors.warning,
-        },
-        spinner: {
-            primary: colors.neutral700,
-            primaryBg: colors.alertBg,
-        },
-        coupon: {
-            primaryBg: colors.blue100,
-        },
-        alert: {
-            success: colors.successBg,
-            warning: colors.alertBg,
-            info: colors.blue100,
-            error: colors.alertBg,
-        },
-        counter: counter,
-    },
-    elevation: __assign({}, elevation),
-    border: __assign({}, border),
-    spacing: __assign({}, spacing),
-    typography: __assign({}, typography),
-    size: __assign({}, size),
-    transitions: {
-        duration: duration,
-        easing: easing,
-        create: create,
-        getAutoHeightDuration: getAutoHeightDuration,
-    },
-    zIndex: zIndex,
-};
-
-var B2CTheme = __assign({}, BaseTheme);
-
-var hover = function (key) {
-    var _a;
-    var bg = (_a = {},
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.brand] = colors.bgPrimaryHover,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.disabledText] = colors.disabledText,
-        _a[colors.neutral300] = colors.neutral300,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.link2] = colors.link2Hover,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.neutral900] = colors.neutral900,
-        _a[colors.neutral100] = colors.neutral100,
-        _a[colors.disabledText] = colors.disabledText,
-        _a[colors.neutral300] = colors.neutral300,
-        _a);
-    return bg[key];
-};
-var B2BTheme = __assign(__assign({}, BaseTheme), { color: __assign(__assign({}, BaseTheme.color), { text: __assign(__assign({}, BaseTheme.color.text), { secondary: colors.link2, tertiary: colors.neutral500 }), button: {
-            outlinedPrimaryLabel: colors.link2,
-            outlinedPrimaryBorder: colors.link2,
-            outlinedPrimaryBg: colors.neutral100,
-            outlinedSecondaryLabel: colors.neutral900,
-            outlinedSecondaryBorder: colors.neutral900,
-            outlinedSecondaryBg: colors.neutral100,
-            outlinedTertiaryLabel: colors.brand,
-            outlinedTertiaryBorder: colors.brand,
-            outlinedTertiaryBg: colors.neutral100,
-            outlinedDisabledLabel: colors.disabledText,
-            outlinedDisabledBg: colors.neutral300,
-            containedPrimaryLabel: colors.neutral100,
-            containedPrimaryBg: colors.link2,
-            containedSecondaryLabel: colors.neutral100,
-            containedSecondaryBg: colors.neutral900,
-            containedTertiaryLabel: colors.neutral100,
-            containedTertiaryBg: colors.brand,
-            containedDisabledLabel: colors.disabledText,
-            containedDisabledBg: colors.neutral300,
-            hover: hover,
-        }, chip: __assign(__assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: colors.link2, selectedPrimaryBorder: colors.link2, selectedPrimaryBg: colors.linkBg }), tab: __assign(__assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: colors.neutral900, selectedPrimaryLabel: colors.link2 }), background: __assign(__assign({}, BaseTheme.color.background), { primary: colors.link2, secondary: colors.neutral900, tertiary: colors.brand }), border: __assign(__assign({}, BaseTheme.color.border), { primary: colors.link2, secondary: colors.neutral900, tertiary: colors.brand }), spinner: {
-            primary: colors.link2,
-            primaryBg: colors.alertBg,
-        } }) });
-
-export { B2BTheme, B2CTheme, BaseTheme, border, colors, elevation, size, spacing, typography };
+export { border, colors, elevation, size, spacing, typography };
 //# sourceMappingURL=ct-design-tokens.esm.js.map

dist/ct-design-tokens.umd.js

 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'styled-components'], factory) :
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+    typeof define === 'function' && define.amd ? define(['exports'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystem = {}));
 })(this, (function (exports) { 'use strict';
 
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise, SuppressedError, Symbol */
-
-    var __assign = function () {
-      __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-      };
-      return __assign.apply(this, arguments);
+    var border = {
+        radius: {
+            0: '0px',
+            2: '2px',
+            4: '4px',
+            6: '6px',
+            8: '8px',
+            12: '12px',
+            16: '16px',
+            30: '30px',
+            32: '32px',
+            '50P': '50%',
+        },
+        width: {
+            none: '0px',
+            sm: '1px',
+            md: '1.5px',
+            lg: '2px',
+        },
+        style: {
+            solid: 'solid',
+            dotted: 'dotted',
+        },
     };
-    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-      var e = new Error(message);
-      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-    };
 
@@ -74,27 +68,49 @@ var colors = {
 
-    var border = {
-        radius: {
-            0: '0px',
-            2: '2px',
-            4: '4px',
-            6: '6px',
-            8: '8px',
-            12: '12px',
-            16: '16px',
-            30: '30px',
-            32: '32px',
-            '50P': '50%',
-        },
-        width: {
-            none: '0px',
-            sm: '1px',
-            md: '1.5px',
-            lg: '2px',
-        },
-        style: {
-            solid: 'solid',
-            dotted: 'dotted',
-        },
+    var elevation = {
+        bottomE1: '0px 1px 0px #E7E7E7',
+        bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
+        bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
+        bottomE4: '0px 10px 32px rgba(26, 26, 26, 0.2)',
+        topE1: '0px -1px 0px #E7E7E7',
+        topE2: '0px -4px 16px rgba(26, 26, 26, 0.08)',
+        topE3: '0px -8px 24px rgba(26, 26, 26, 0.1)',
+        topE4: '0px -10px 32px rgba(26, 26, 26, 0.2)',
     };
 
+    var size = {
+        0: '0px',
+        1: '4px',
+        2: '8px',
+        '2.5': '10px',
+        3: '12px',
+        4: '16px',
+        5: '20px',
+        6: '24px',
+        7: '28px',
+        8: '32px',
+        9: '36px',
+        10: '40px',
+        11: '44px',
+        12: '48px',
+        13: '52px',
+        14: '56px',
+        15: '60px',
+        50: '200px',
+    };
+
+    var spacing = {
+        0: '0px',
+        1: '4px',
+        2: '8px',
+        3: '12px',
+        4: '16px',
+        5: '20px',
+        6: '24px',
+        7: '28px',
+        8: '32px',
+        9: '36px',
+        10: '40px',
+        14: '56px',
+    };
+
     var typography = {
@@ -134,294 +150,2 @@ weight: {
 
-    var spacing = {
-        0: '0px',
-        1: '4px',
-        2: '8px',
-        3: '12px',
-        4: '16px',
-        5: '20px',
-        6: '24px',
-        7: '28px',
-        8: '32px',
-        9: '36px',
-        10: '40px',
-        14: '56px',
-    };
-
-    var size = {
-        0: '0px',
-        1: '4px',
-        2: '8px',
-        '2.5': '10px',
-        3: '12px',
-        4: '16px',
-        5: '20px',
-        6: '24px',
-        7: '28px',
-        8: '32px',
-        9: '36px',
-        10: '40px',
-        11: '44px',
-        12: '48px',
-        13: '52px',
-        14: '56px',
-        15: '60px',
-        50: '200px',
-    };
-
-    var elevation = {
-        bottomE1: '0px 1px 0px #E7E7E7',
-        bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
-        bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
-        bottomE4: '0px 10px 32px rgba(26, 26, 26, 0.2)',
-        topE1: '0px -1px 0px #E7E7E7',
-        topE2: '0px -4px 16px rgba(26, 26, 26, 0.08)',
-        topE3: '0px -8px 24px rgba(26, 26, 26, 0.1)',
-        topE4: '0px -10px 32px rgba(26, 26, 26, 0.2)',
-    };
-
-    var duration = {
-        shortest: 150,
-        shorter: 200,
-        short: 250,
-        standard: 300,
-        complex: 375,
-        enteringScreen: 225,
-        leavingScreen: 195,
-    };
-    var easing = {
-        easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
-        easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
-        easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
-        sharp: 'cubic-bezier(0.4, 0, 0.6, 1)',
-    };
-    function getAutoHeightDuration(height) {
-        if (!height) {
-            return 0;
-        }
-        var constant = height / 36;
-        return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
-    }
-    var create = function (props, options) {
-        if (props === void 0) { props = ['all']; }
-        if (options === void 0) { options = {}; }
-        var _a = options.duration, durationOption = _a === void 0 ? duration.standard : _a, _b = options.easing, easingOption = _b === void 0 ? easing.easeInOut : _b, _c = options.delay, delay = _c === void 0 ? 0 : _c;
-        return (Array.isArray(props) ? props : [props])
-            .map(function (animatedProp) {
-            return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : "".concat(durationOption, "ms"), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : "".concat(delay, "ms"));
-        })
-            .join(',');
-    };
-    var hover$1 = function (key) {
-        var _a;
-        var bg = (_a = {},
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.neutral900] = colors.neutral900,
-            _a[colors.neutral900] = colors.neutral900,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.brand] = colors.bgPrimaryHover,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.disabledText] = colors.disabledText,
-            _a[colors.neutral300] = colors.neutral300,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.link2] = colors.link2Hover,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.neutral900] = colors.neutral900,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.disabledText] = colors.disabledText,
-            _a[colors.neutral300] = colors.neutral300,
-            _a);
-        return bg[key];
-    };
-    var zIndex = {
-        drawer: 1200,
-        modal: 1300,
-        popOver: 1300,
-        tooltip: 1500,
-        sideNav: 100,
-        toolbar: 50,
-    };
-    var counter = {
-        enabled: {
-            stroke: colors.neutral900,
-        },
-        disabled: {
-            stroke: colors.neutral500,
-        },
-    };
-    var BaseTheme = {
-        color: {
-            text: {
-                primary: colors.neutral900,
-                secondary: colors.brandText,
-                tertiary: colors.neutral500,
-                heading: colors.neutral900,
-                subHeading: colors.neutral700,
-                disabled: colors.disabledText,
-                success: colors.successText,
-                alert: colors.alertText,
-                warning: colors.warningText,
-                link: colors.linkText,
-                brand: colors.brandText,
-                neutral: colors.neutral100,
-                link2: colors.link2,
-            },
-            button: {
-                outlinedPrimaryLabel: colors.neutral900,
-                outlinedPrimaryBorder: colors.neutral900,
-                outlinedPrimaryBg: colors.neutral100,
-                outlinedSecondaryLabel: colors.brand,
-                outlinedSecondaryBorder: colors.brand,
-                outlinedSecondaryBg: colors.neutral100,
-                outlinedTertiaryLabel: colors.link,
-                outlinedTertiaryBorder: colors.link,
-                outlinedTertiaryBg: colors.neutral100,
-                outlinedDisabledLabel: colors.disabledText,
-                outlinedDisabledBg: colors.neutral300,
-                containedPrimaryLabel: colors.neutral100,
-                containedPrimaryBg: colors.neutral900,
-                containedSecondaryLabel: colors.neutral100,
-                containedSecondaryBg: colors.brand,
-                containedTertiaryLabel: colors.neutral100,
-                containedTertiaryBg: colors.link,
-                containedDisabledLabel: colors.disabledText,
-                containedDisabledBg: colors.neutral300,
-                hover: hover$1,
-            },
-            chip: {
-                nonSelectedPrimaryLabel: colors.neutral900,
-                disabledPrimaryLabel: colors.disabledText,
-                selectedPrimaryLabel: colors.neutral900,
-                selectedPrimaryBorder: colors.neutral900,
-                selectedPrimaryBg: colors.neutral300,
-            },
-            dropdown: {
-                shadow: colors.shadow,
-            },
-            tab: {
-                nonSelectedPrimaryLabel: colors.neutral700,
-                selectedPrimaryLabel: colors.neutral900,
-            },
-            sidenav: {
-                primaryBg: colors.neutral900,
-                selectedTabBg: colors.highlightBg,
-            },
-            tooltip: {
-                primaryBg: colors.neutral900,
-            },
-            background: {
-                primary: colors.neutral900,
-                secondary: colors.brand,
-                tertiary: colors.link,
-                brand: colors.brand,
-                brandLightBg: colors.brandBg,
-                link: colors.link,
-                linkLightBg: colors.linkBg,
-                success: colors.success,
-                successLightBg: colors.successBg,
-                alert: colors.alert,
-                alertLightBg: colors.alertBg,
-                warning: colors.warning,
-                warningLightBg: colors.warningBg,
-                neutral: colors.neutral100,
-                disabled: colors.neutral300,
-                disabledSecondaryLight: colors.neutral350,
-                disabledSecondary: colors.neutral400,
-                disabledDark: colors.disabled100,
-                defaultDark: colors.neutral700,
-                defaultDarkest: colors.neutral900,
-            },
-            border: {
-                primary: colors.neutral900,
-                secondary: colors.brand,
-                tertiary: colors.link,
-                brand: colors.brand,
-                neutral: colors.neutral900,
-                link: colors.link,
-                default: colors.line,
-                defaultDark: colors.neutral700,
-                disabled: colors.neutral500,
-                disabledDark: colors.disabled100,
-                warning: colors.warning,
-            },
-            spinner: {
-                primary: colors.neutral700,
-                primaryBg: colors.alertBg,
-            },
-            coupon: {
-                primaryBg: colors.blue100,
-            },
-            alert: {
-                success: colors.successBg,
-                warning: colors.alertBg,
-                info: colors.blue100,
-                error: colors.alertBg,
-            },
-            counter: counter,
-        },
-        elevation: __assign({}, elevation),
-        border: __assign({}, border),
-        spacing: __assign({}, spacing),
-        typography: __assign({}, typography),
-        size: __assign({}, size),
-        transitions: {
-            duration: duration,
-            easing: easing,
-            create: create,
-            getAutoHeightDuration: getAutoHeightDuration,
-        },
-        zIndex: zIndex,
-    };
-
-    var B2CTheme = __assign({}, BaseTheme);
-
-    var hover = function (key) {
-        var _a;
-        var bg = (_a = {},
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.neutral900] = colors.neutral900,
-            _a[colors.neutral900] = colors.neutral900,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.brand] = colors.bgPrimaryHover,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.disabledText] = colors.disabledText,
-            _a[colors.neutral300] = colors.neutral300,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.link2] = colors.link2Hover,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.neutral900] = colors.neutral900,
-            _a[colors.neutral100] = colors.neutral100,
-            _a[colors.disabledText] = colors.disabledText,
-            _a[colors.neutral300] = colors.neutral300,
-            _a);
-        return bg[key];
-    };
-    var B2BTheme = __assign(__assign({}, BaseTheme), { color: __assign(__assign({}, BaseTheme.color), { text: __assign(__assign({}, BaseTheme.color.text), { secondary: colors.link2, tertiary: colors.neutral500 }), button: {
-                outlinedPrimaryLabel: colors.link2,
-                outlinedPrimaryBorder: colors.link2,
-                outlinedPrimaryBg: colors.neutral100,
-                outlinedSecondaryLabel: colors.neutral900,
-                outlinedSecondaryBorder: colors.neutral900,
-                outlinedSecondaryBg: colors.neutral100,
-                outlinedTertiaryLabel: colors.brand,
-                outlinedTertiaryBorder: colors.brand,
-                outlinedTertiaryBg: colors.neutral100,
-                outlinedDisabledLabel: colors.disabledText,
-                outlinedDisabledBg: colors.neutral300,
-                containedPrimaryLabel: colors.neutral100,
-                containedPrimaryBg: colors.link2,
-                containedSecondaryLabel: colors.neutral100,
-                containedSecondaryBg: colors.neutral900,
-                containedTertiaryLabel: colors.neutral100,
-                containedTertiaryBg: colors.brand,
-                containedDisabledLabel: colors.disabledText,
-                containedDisabledBg: colors.neutral300,
-                hover: hover,
-            }, chip: __assign(__assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: colors.link2, selectedPrimaryBorder: colors.link2, selectedPrimaryBg: colors.linkBg }), tab: __assign(__assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: colors.neutral900, selectedPrimaryLabel: colors.link2 }), background: __assign(__assign({}, BaseTheme.color.background), { primary: colors.link2, secondary: colors.neutral900, tertiary: colors.brand }), border: __assign(__assign({}, BaseTheme.color.border), { primary: colors.link2, secondary: colors.neutral900, tertiary: colors.brand }), spinner: {
-                primary: colors.link2,
-                primaryBg: colors.alertBg,
-            } }) });
-
-    exports.B2BTheme = B2BTheme;
-    exports.B2CTheme = B2CTheme;
-    exports.BaseTheme = BaseTheme;
     exports.border = border;
@@ -428,0 +152,0 @@ exports.colors = colors;

dist/index.d.ts

@@ -1,6 +0,2 @@
-export { default as B2CTheme } from './token/theme/B2CTheme';
-export { default as B2BTheme } from './token/theme/B2BTheme';
-export { default as BaseTheme } from './token/theme/BaseTheme';
-export * from './token/theme/type';
 export * from './token/global';
 //# sourceMappingURL=index.d.ts.map

dist/token/global/index.d.ts

@@ -7,2 +7,8 @@ export { default as border } from './border';
 export { default as typography } from './typography';
+export * from './border';
+export * from './color';
+export * from './elevations';
+export * from './size';
+export * from './spacing';
+export * from './typography';
 //# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@cleartrip/ct-design-tokens",
-  "version": "1.1.0",
+  "version": "1.2.0-beta.0",
   "description": "",
@@ -5,0 +5,0 @@ "types": "dist/index.d.ts",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

196810

decreased by-38.31%

Number of package files

28

decreased by-22.22%

Lines of code

616

decreased by-65.28%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes