@cleartrip/ct-design-theme 1.2.0-beta.0

package/dist/ct-design-theme.esm.js

@@ -0,0 +1,288 @@
+import { __assign } from 'tslib';
+import { colors, elevation, border, spacing, typography, size } from '@cleartrip/ct-design-tokens';
+import { ThemeProvider as ThemeProvider$1 } from 'styled-components';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+
+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.orange100,
+            neutral: colors.neutral100,
+        },
+        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,
+        } }) });
+
+var getTheme = function (themeType) {
+    switch (themeType) {
+        case 'B2C': {
+            return B2CTheme;
+        }
+        case 'B2B': {
+            return B2BTheme;
+        }
+        default: {
+            return B2CTheme;
+        }
+    }
+};
+
+var ThemeContext = createContext({
+    theme: B2CTheme,
+    platform: 'mobile',
+});
+var ThemeProvider = function (_a) {
+    var children = _a.children, _b = _a.theme, themeType = _b === void 0 ? 'B2C' : _b, _c = _a.platform, platform = _c === void 0 ? 'mobile' : _c;
+    var theme = getTheme(themeType);
+    return (jsx(ThemeContext.Provider, __assign({ value: { theme: theme, platform: platform } }, { children: jsx(ThemeProvider$1, __assign({ theme: theme }, { children: jsx(Fragment, { children: children }) })) })));
+};
+ThemeProvider.defaultProps = {
+    children: null,
+};
+
+var useTheme = function () {
+    var themeContext = useContext(ThemeContext);
+    var theme = (themeContext || { theme: B2CTheme }).theme;
+    return theme;
+};
+
+var useThemeContext = function () {
+    return useContext(ThemeContext);
+};
+
+export { B2BTheme, B2CTheme, BaseTheme, ThemeContext, ThemeProvider, useTheme, useThemeContext };
+//# sourceMappingURL=ct-design-theme.esm.js.map

package/dist/ct-design-theme.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-theme.esm.js","sources":["../packages/core/theme/src/themes/BaseTheme.ts","../packages/core/theme/src/themes/B2CTheme.ts","../packages/core/theme/src/themes/B2BTheme.ts","../packages/core/theme/src/utils/index.ts","../packages/core/theme/src/ThemeProvider/ThemeProvider.tsx","../packages/core/theme/src/hooks/useTheme.ts","../packages/core/theme/src/hooks/useThemeContext.ts"],"sourcesContent":[null,null,null,null,null,null,null],"names":["hover","_jsx","StyledComponentProvider","_Fragment"],"mappings":";;;;;;AAIO,IAAM,QAAQ,GAAG;AACtB,IAAA,QAAQ,EAAE,GAAG;AACb,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,GAAG;AAEV,IAAA,QAAQ,EAAE,GAAG;AAEb,IAAA,OAAO,EAAE,GAAG;AAEZ,IAAA,cAAc,EAAE,GAAG;AAEnB,IAAA,aAAa,EAAE,GAAG;CACnB,CAAC;AAGK,IAAM,MAAM,GAAG;AAEpB,IAAA,SAAS,EAAE,8BAA8B;AAGzC,IAAA,OAAO,EAAE,8BAA8B;AAEvC,IAAA,MAAM,EAAE,4BAA4B;AAEpC,IAAA,KAAK,EAAE,8BAA8B;CACtC,CAAC;AAEF,SAAS,qBAAqB,CAAC,MAAc,EAAA;IAC3C,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,OAAO,CAAC,CAAC;AACV,KAAA;AAED,IAAA,IAAM,QAAQ,GAAG,MAAM,GAAG,EAAE,CAAC;IAG7B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,IAAA,CAAA,GAAA,CAAA,QAAQ,EAAI,IAAI,CAAA,GAAG,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;AACrE,CAAC;AAED,IAAM,MAAM,GAAG,UAAC,KAAe,EAAE,OAAiB,EAAA;IAAlC,IAAA,KAAA,KAAA,KAAA,CAAA,EAAA,EAAA,KAAS,GAAA,CAAA,KAAK,CAAC,CAAA,EAAA;AAAE,IAAA,IAAA,OAAA,KAAA,KAAA,CAAA,EAAA,EAAA,OAAiB,GAAA,EAAA,CAAA,EAAA;AACxC,IAAA,IAAA,EAAqG,GAAA,OAAO,CAAhE,QAAA,EAAlC,cAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,CAAC,QAAQ,GAAA,EAAA,EAAE,EAAA,GAAuD,OAAO,CAAvB,MAAA,EAA/B,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,CAAC,SAAS,GAAA,EAAA,EAAE,EAAA,GAAc,OAAO,CAAA,KAAZ,EAAT,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,KAAA,CAAa;AACrH,IAAA,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;SAC3C,GAAG,CACF,UAAC,YAAY,EAAA;AACX,QAAA,OAAA,EAAG,CAAA,MAAA,CAAA,YAAY,EACb,GAAA,CAAA,CAAA,MAAA,CAAA,OAAO,cAAc,KAAK,QAAQ,GAAG,cAAc,GAAG,UAAG,cAAc,EAAA,IAAA,CAAI,EACzE,GAAA,CAAA,CAAA,MAAA,CAAA,YAAY,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,EAAG,CAAA,MAAA,CAAA,KAAK,OAAI,CAAE,CAAA;AAFtE,KAEsE,CACzE;SACA,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,IAAMA,OAAK,GAAG,UAAC,GAAW,EAAA;;AACxB,IAAA,IAAM,EAAE,IAAA,EAAA,GAAA,EAAA;AACN,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,KAAK,CAAG,GAAA,MAAM,CAAC,cAAc;AACrC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAG,GAAA,MAAM,CAAC,YAAY;AAC1C,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,KAAK,CAAG,GAAA,MAAM,CAAC,UAAU;AACjC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAG,GAAA,MAAM,CAAC,YAAY;AAC1C,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;WACvC,CAAC;AACF,IAAA,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;AACjB,CAAC,CAAC;AAEF,IAAM,MAAM,GAAG;AACb,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,IAAM,OAAO,GAAG;AACd,IAAA,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC,UAAU;AAC1B,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC,UAAU;AAC1B,KAAA;CACF,CAAC;AAEF,IAAM,SAAS,GAAU;AACvB,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC,UAAU;YAC1B,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,OAAO,EAAE,MAAM,CAAC,UAAU;YAC1B,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,QAAQ,EAAE,MAAM,CAAC,YAAY;YAC7B,OAAO,EAAE,MAAM,CAAC,WAAW;YAC3B,KAAK,EAAE,MAAM,CAAC,SAAS;YACvB,OAAO,EAAE,MAAM,CAAC,WAAW;YAC3B,IAAI,EAAE,MAAM,CAAC,QAAQ;YACrB,KAAK,EAAE,MAAM,CAAC,SAAS;YACvB,OAAO,EAAE,MAAM,CAAC,UAAU;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;AACpB,SAAA;AACD,QAAA,MAAM,EAAE;YACN,oBAAoB,EAAE,MAAM,CAAC,UAAU;YACvC,qBAAqB,EAAE,MAAM,CAAC,UAAU;YACxC,iBAAiB,EAAE,MAAM,CAAC,UAAU;YACpC,sBAAsB,EAAE,MAAM,CAAC,KAAK;YACpC,uBAAuB,EAAE,MAAM,CAAC,KAAK;YACrC,mBAAmB,EAAE,MAAM,CAAC,UAAU;YACtC,qBAAqB,EAAE,MAAM,CAAC,IAAI;YAClC,sBAAsB,EAAE,MAAM,CAAC,IAAI;YACnC,kBAAkB,EAAE,MAAM,CAAC,UAAU;YACrC,qBAAqB,EAAE,MAAM,CAAC,YAAY;YAC1C,kBAAkB,EAAE,MAAM,CAAC,UAAU;YACrC,qBAAqB,EAAE,MAAM,CAAC,UAAU;YACxC,kBAAkB,EAAE,MAAM,CAAC,UAAU;YACrC,uBAAuB,EAAE,MAAM,CAAC,UAAU;YAC1C,oBAAoB,EAAE,MAAM,CAAC,KAAK;YAClC,sBAAsB,EAAE,MAAM,CAAC,UAAU;YACzC,mBAAmB,EAAE,MAAM,CAAC,IAAI;YAChC,sBAAsB,EAAE,MAAM,CAAC,YAAY;YAC3C,mBAAmB,EAAE,MAAM,CAAC,UAAU;AACtC,YAAA,KAAK,EAAAA,OAAA;AACN,SAAA;AACD,QAAA,IAAI,EAAE;YACJ,uBAAuB,EAAE,MAAM,CAAC,UAAU;YAC1C,oBAAoB,EAAE,MAAM,CAAC,YAAY;YACzC,oBAAoB,EAAE,MAAM,CAAC,UAAU;YACvC,qBAAqB,EAAE,MAAM,CAAC,UAAU;YACxC,iBAAiB,EAAE,MAAM,CAAC,UAAU;AACrC,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,MAAM,CAAC,MAAM;AACtB,SAAA;AACD,QAAA,GAAG,EAAE;YACH,uBAAuB,EAAE,MAAM,CAAC,UAAU;YAC1C,oBAAoB,EAAE,MAAM,CAAC,UAAU;AACxC,SAAA;AACD,QAAA,OAAO,EAAE;YACP,SAAS,EAAE,MAAM,CAAC,UAAU;YAC5B,aAAa,EAAE,MAAM,CAAC,WAAW;AAClC,SAAA;AACD,QAAA,OAAO,EAAE;YACP,SAAS,EAAE,MAAM,CAAC,UAAU;AAC7B,SAAA;AACD,QAAA,UAAU,EAAE;YACV,OAAO,EAAE,MAAM,CAAC,UAAU;YAC1B,SAAS,EAAE,MAAM,CAAC,KAAK;YACvB,QAAQ,EAAE,MAAM,CAAC,IAAI;YACrB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,OAAO;YAC5B,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,WAAW,EAAE,MAAM,CAAC,MAAM;YAC1B,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,cAAc,EAAE,MAAM,CAAC,SAAS;YAChC,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,OAAO;YAC5B,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,cAAc,EAAE,MAAM,CAAC,SAAS;YAChC,OAAO,EAAE,MAAM,CAAC,UAAU;YAC1B,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,sBAAsB,EAAE,MAAM,CAAC,UAAU;YACzC,iBAAiB,EAAE,MAAM,CAAC,UAAU;YACpC,YAAY,EAAE,MAAM,CAAC,WAAW;YAChC,WAAW,EAAE,MAAM,CAAC,UAAU;YAC9B,cAAc,EAAE,MAAM,CAAC,UAAU;AAClC,SAAA;AACD,QAAA,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC,UAAU;YAC1B,SAAS,EAAE,MAAM,CAAC,KAAK;YACvB,QAAQ,EAAE,MAAM,CAAC,IAAI;YACrB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,MAAM,CAAC,UAAU;YAC1B,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,OAAO,EAAE,MAAM,CAAC,IAAI;YACpB,WAAW,EAAE,MAAM,CAAC,UAAU;YAC9B,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,YAAY,EAAE,MAAM,CAAC,WAAW;YAChC,OAAO,EAAE,MAAM,CAAC,OAAO;AACxB,SAAA;AACD,QAAA,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,UAAU;YAC1B,SAAS,EAAE,MAAM,CAAC,OAAO;AAC1B,SAAA;AACD,QAAA,MAAM,EAAE;YACN,SAAS,EAAE,MAAM,CAAC,OAAO;AAC1B,SAAA;AACD,QAAA,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC,SAAS;YACzB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,IAAI,EAAE,MAAM,CAAC,OAAO;YACpB,KAAK,EAAE,MAAM,CAAC,SAAS;YACvB,OAAO,EAAE,MAAM,CAAC,UAAU;AAC3B,SAAA;AACD,QAAA,OAAO,EAAA,OAAA;AACR,KAAA;IACD,SAAS,EAAA,QAAA,CAAA,EAAA,EAAO,SAAS,CAAE;IAC3B,MAAM,EAAA,QAAA,CAAA,EAAA,EACD,MAAM,CACV;IACD,OAAO,EAAA,QAAA,CAAA,EAAA,EACF,OAAO,CACX;IACD,UAAU,EAAA,QAAA,CAAA,EAAA,EACL,UAAU,CACd;IACD,IAAI,EAAA,QAAA,CAAA,EAAA,EACC,IAAI,CACR;AACD,IAAA,WAAW,EAAE;AACX,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,MAAM,EAAA,MAAA;AACN,QAAA,MAAM,EAAA,MAAA;AACN,QAAA,qBAAqB,EAAA,qBAAA;AACtB,KAAA;AACD,IAAA,MAAM,EAAA,MAAA;;;AC7NR,IAAM,QAAQ,GAAA,QAAA,CAAA,EAAA,EAAQ,SAAS;;ACE/B,IAAM,KAAK,GAAG,UAAC,GAAW,EAAA;;AACxB,IAAA,IAAM,EAAE,IAAA,EAAA,GAAA,EAAA;AACN,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,KAAK,CAAG,GAAA,MAAM,CAAC,cAAc;AACrC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAG,GAAA,MAAM,CAAC,YAAY;AAC1C,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,KAAK,CAAG,GAAA,MAAM,CAAC,UAAU;AACjC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;AACtC,QAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAG,GAAA,MAAM,CAAC,YAAY;AAC1C,QAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAG,GAAA,MAAM,CAAC,UAAU;WACvC,CAAC;AACF,IAAA,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;AACjB,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACT,SAAS,CAAA,EAAA,EACZ,KAAK,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACA,SAAS,CAAC,KAAK,CAAA,EAAA,EAClB,IAAI,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACC,SAAS,CAAC,KAAK,CAAC,IAAI,CACvB,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,EAAA,CAAA,EAE7B,MAAM,EAAE;YACN,oBAAoB,EAAE,MAAM,CAAC,KAAK;YAClC,qBAAqB,EAAE,MAAM,CAAC,KAAK;YACnC,iBAAiB,EAAE,MAAM,CAAC,UAAU;YACpC,sBAAsB,EAAE,MAAM,CAAC,UAAU;YACzC,uBAAuB,EAAE,MAAM,CAAC,UAAU;YAC1C,mBAAmB,EAAE,MAAM,CAAC,UAAU;YACtC,qBAAqB,EAAE,MAAM,CAAC,KAAK;YACnC,sBAAsB,EAAE,MAAM,CAAC,KAAK;YACpC,kBAAkB,EAAE,MAAM,CAAC,UAAU;YACrC,qBAAqB,EAAE,MAAM,CAAC,YAAY;YAC1C,kBAAkB,EAAE,MAAM,CAAC,UAAU;YACrC,qBAAqB,EAAE,MAAM,CAAC,UAAU;YACxC,kBAAkB,EAAE,MAAM,CAAC,KAAK;YAChC,uBAAuB,EAAE,MAAM,CAAC,UAAU;YAC1C,oBAAoB,EAAE,MAAM,CAAC,UAAU;YACvC,sBAAsB,EAAE,MAAM,CAAC,UAAU;YACzC,mBAAmB,EAAE,MAAM,CAAC,KAAK;YACjC,sBAAsB,EAAE,MAAM,CAAC,YAAY;YAC3C,mBAAmB,EAAE,MAAM,CAAC,UAAU;AACtC,YAAA,KAAK,EAAE,KAAK;SACb,EACD,IAAI,wBACC,SAAS,CAAC,KAAK,CAAC,IAAI,KACvB,oBAAoB,EAAE,MAAM,CAAC,KAAK,EAClC,qBAAqB,EAAE,MAAM,CAAC,KAAK,EACnC,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAA,CAAA,EAElC,GAAG,EACE,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CAAC,KAAK,CAAC,GAAG,CAAA,EAAA,EACtB,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAC1C,oBAAoB,EAAE,MAAM,CAAC,KAAK,EAEpC,CAAA,EAAA,UAAU,EACL,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CAAC,KAAK,CAAC,UAAU,CAC7B,EAAA,EAAA,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,QAAQ,EAAE,MAAM,CAAC,KAAK,EAExB,CAAA,EAAA,MAAM,EACD,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CAAC,KAAK,CAAC,MAAM,CACzB,EAAA,EAAA,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,QAAQ,EAAE,MAAM,CAAC,KAAK,EAExB,CAAA,EAAA,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,KAAK;YACrB,SAAS,EAAE,MAAM,CAAC,OAAO;AAC1B,SAAA,EAAA,CAAA,EAAA;;AChFE,IAAM,QAAQ,GAAG,UAAC,SAAoB,EAAA;AAC3C,IAAA,QAAQ,SAAS;QACf,KAAK,KAAK,EAAE;AACV,YAAA,OAAO,QAAQ,CAAC;AACjB,SAAA;QACD,KAAK,KAAK,EAAE;AACV,YAAA,OAAO,QAAQ,CAAC;AACjB,SAAA;AACD,QAAA,SAAS;AACP,YAAA,OAAO,QAAQ,CAAC;AACjB,SAAA;AACF,KAAA;AACH,CAAC;;ACRM,IAAM,YAAY,GAAG,aAAa,CAAmB;AAC1D,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,QAAQ,EAAE,QAAQ;AACnB,CAAA,EAAE;AAEG,IAAA,aAAa,GAAG,UAAC,EAIF,EAAA;AAHnB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAwB,GAAA,EAAA,CAAA,KAAA,EAAjB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACxB,EAAmB,GAAA,EAAA,CAAA,QAAA,EAAnB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,CAAA;AAEnB,IAAA,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAClC,IAAA,QACEC,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,EAAA,EAAA,EAAA,QAAA,EAC/CA,GAAC,CAAAC,eAAuB,EAAC,QAAA,CAAA,EAAA,KAAK,EAAE,KAAK,EACnC,EAAA,EAAA,QAAA,EAAAD,GAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI,EACS,CAAA,CAAA,EAAA,CAAA,CACJ,EACxB;AACJ,EAAE;AAEF,aAAa,CAAC,YAAY,GAAG;AAC3B,IAAA,QAAQ,EAAE,IAAI;CACf;;ACxBD,IAAM,QAAQ,GAAG,YAAA;AACf,IAAA,IAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AACtC,IAAA,IAAA,KAAK,GAAK,CAAA,YAAY,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAA,KAAxC,CAAyC;AACtD,IAAA,OAAO,KAAK,CAAC;AACf;;ACLA,IAAM,eAAe,GAAG,YAAA;AACtB,IAAA,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC;;;;"}

package/dist/ct-design-theme.umd.js

@@ -0,0 +1,327 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@cleartrip/ct-design-tokens'), require('styled-components'), require('react/jsx-runtime'), require('react')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@cleartrip/ct-design-tokens', 'styled-components', 'react/jsx-runtime', 'react'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemTheme = {}, global.ctDesignTokens, global.styledComponents, global.jsxRuntime, global.React));
+})(this, (function (exports, ctDesignTokens, styledComponents, jsxRuntime, react) { '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);
+    };
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    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[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.neutral900] = ctDesignTokens.colors.neutral900,
+            _a[ctDesignTokens.colors.neutral900] = ctDesignTokens.colors.neutral900,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.brand] = ctDesignTokens.colors.bgPrimaryHover,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.disabledText] = ctDesignTokens.colors.disabledText,
+            _a[ctDesignTokens.colors.neutral300] = ctDesignTokens.colors.neutral300,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.link2] = ctDesignTokens.colors.link2Hover,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.neutral900] = ctDesignTokens.colors.neutral900,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.disabledText] = ctDesignTokens.colors.disabledText,
+            _a[ctDesignTokens.colors.neutral300] = ctDesignTokens.colors.neutral300,
+            _a);
+        return bg[key];
+    };
+    var zIndex = {
+        drawer: 1200,
+        modal: 1300,
+        popOver: 1300,
+        tooltip: 1500,
+        sideNav: 100,
+        toolbar: 50,
+    };
+    var counter = {
+        enabled: {
+            stroke: ctDesignTokens.colors.neutral900,
+        },
+        disabled: {
+            stroke: ctDesignTokens.colors.neutral500,
+        },
+    };
+    var BaseTheme = {
+        color: {
+            text: {
+                primary: ctDesignTokens.colors.neutral900,
+                secondary: ctDesignTokens.colors.brandText,
+                tertiary: ctDesignTokens.colors.neutral500,
+                heading: ctDesignTokens.colors.neutral900,
+                subHeading: ctDesignTokens.colors.neutral700,
+                disabled: ctDesignTokens.colors.disabledText,
+                success: ctDesignTokens.colors.successText,
+                alert: ctDesignTokens.colors.alertText,
+                warning: ctDesignTokens.colors.warningText,
+                link: ctDesignTokens.colors.linkText,
+                brand: ctDesignTokens.colors.brandText,
+                neutral: ctDesignTokens.colors.neutral100,
+                link2: ctDesignTokens.colors.link2,
+            },
+            button: {
+                outlinedPrimaryLabel: ctDesignTokens.colors.neutral900,
+                outlinedPrimaryBorder: ctDesignTokens.colors.neutral900,
+                outlinedPrimaryBg: ctDesignTokens.colors.neutral100,
+                outlinedSecondaryLabel: ctDesignTokens.colors.brand,
+                outlinedSecondaryBorder: ctDesignTokens.colors.brand,
+                outlinedSecondaryBg: ctDesignTokens.colors.neutral100,
+                outlinedTertiaryLabel: ctDesignTokens.colors.link,
+                outlinedTertiaryBorder: ctDesignTokens.colors.link,
+                outlinedTertiaryBg: ctDesignTokens.colors.neutral100,
+                outlinedDisabledLabel: ctDesignTokens.colors.disabledText,
+                outlinedDisabledBg: ctDesignTokens.colors.neutral300,
+                containedPrimaryLabel: ctDesignTokens.colors.neutral100,
+                containedPrimaryBg: ctDesignTokens.colors.neutral900,
+                containedSecondaryLabel: ctDesignTokens.colors.neutral100,
+                containedSecondaryBg: ctDesignTokens.colors.brand,
+                containedTertiaryLabel: ctDesignTokens.colors.neutral100,
+                containedTertiaryBg: ctDesignTokens.colors.link,
+                containedDisabledLabel: ctDesignTokens.colors.disabledText,
+                containedDisabledBg: ctDesignTokens.colors.neutral300,
+                hover: hover$1,
+            },
+            chip: {
+                nonSelectedPrimaryLabel: ctDesignTokens.colors.neutral900,
+                disabledPrimaryLabel: ctDesignTokens.colors.disabledText,
+                selectedPrimaryLabel: ctDesignTokens.colors.neutral900,
+                selectedPrimaryBorder: ctDesignTokens.colors.neutral900,
+                selectedPrimaryBg: ctDesignTokens.colors.neutral300,
+            },
+            dropdown: {
+                shadow: ctDesignTokens.colors.shadow,
+            },
+            tab: {
+                nonSelectedPrimaryLabel: ctDesignTokens.colors.neutral700,
+                selectedPrimaryLabel: ctDesignTokens.colors.neutral900,
+            },
+            sidenav: {
+                primaryBg: ctDesignTokens.colors.neutral900,
+                selectedTabBg: ctDesignTokens.colors.highlightBg,
+            },
+            tooltip: {
+                primaryBg: ctDesignTokens.colors.neutral900,
+            },
+            background: {
+                primary: ctDesignTokens.colors.neutral900,
+                secondary: ctDesignTokens.colors.brand,
+                tertiary: ctDesignTokens.colors.link,
+                brand: ctDesignTokens.colors.brand,
+                brandLightBg: ctDesignTokens.colors.brandBg,
+                link: ctDesignTokens.colors.link,
+                linkLightBg: ctDesignTokens.colors.linkBg,
+                success: ctDesignTokens.colors.success,
+                successLightBg: ctDesignTokens.colors.successBg,
+                alert: ctDesignTokens.colors.alert,
+                alertLightBg: ctDesignTokens.colors.alertBg,
+                warning: ctDesignTokens.colors.warning,
+                warningLightBg: ctDesignTokens.colors.warningBg,
+                neutral: ctDesignTokens.colors.neutral100,
+                disabled: ctDesignTokens.colors.neutral300,
+                disabledSecondaryLight: ctDesignTokens.colors.neutral350,
+                disabledSecondary: ctDesignTokens.colors.neutral400,
+                disabledDark: ctDesignTokens.colors.disabled100,
+                defaultDark: ctDesignTokens.colors.neutral700,
+                defaultDarkest: ctDesignTokens.colors.neutral900,
+            },
+            border: {
+                primary: ctDesignTokens.colors.neutral900,
+                secondary: ctDesignTokens.colors.brand,
+                tertiary: ctDesignTokens.colors.link,
+                brand: ctDesignTokens.colors.brand,
+                neutral: ctDesignTokens.colors.neutral900,
+                link: ctDesignTokens.colors.link,
+                default: ctDesignTokens.colors.line,
+                defaultDark: ctDesignTokens.colors.neutral700,
+                disabled: ctDesignTokens.colors.neutral500,
+                disabledDark: ctDesignTokens.colors.disabled100,
+                warning: ctDesignTokens.colors.warning,
+            },
+            spinner: {
+                primary: ctDesignTokens.colors.neutral700,
+                primaryBg: ctDesignTokens.colors.alertBg,
+            },
+            coupon: {
+                primaryBg: ctDesignTokens.colors.blue100,
+            },
+            alert: {
+                success: ctDesignTokens.colors.successBg,
+                warning: ctDesignTokens.colors.alertBg,
+                info: ctDesignTokens.colors.blue100,
+                error: ctDesignTokens.colors.orange100,
+                neutral: ctDesignTokens.colors.neutral100,
+            },
+            counter: counter,
+        },
+        elevation: __assign({}, ctDesignTokens.elevation),
+        border: __assign({}, ctDesignTokens.border),
+        spacing: __assign({}, ctDesignTokens.spacing),
+        typography: __assign({}, ctDesignTokens.typography),
+        size: __assign({}, ctDesignTokens.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[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.neutral900] = ctDesignTokens.colors.neutral900,
+            _a[ctDesignTokens.colors.neutral900] = ctDesignTokens.colors.neutral900,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.brand] = ctDesignTokens.colors.bgPrimaryHover,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.disabledText] = ctDesignTokens.colors.disabledText,
+            _a[ctDesignTokens.colors.neutral300] = ctDesignTokens.colors.neutral300,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.link2] = ctDesignTokens.colors.link2Hover,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.neutral900] = ctDesignTokens.colors.neutral900,
+            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
+            _a[ctDesignTokens.colors.disabledText] = ctDesignTokens.colors.disabledText,
+            _a[ctDesignTokens.colors.neutral300] = ctDesignTokens.colors.neutral300,
+            _a);
+        return bg[key];
+    };
+    var B2BTheme = __assign(__assign({}, BaseTheme), { color: __assign(__assign({}, BaseTheme.color), { text: __assign(__assign({}, BaseTheme.color.text), { secondary: ctDesignTokens.colors.link2, tertiary: ctDesignTokens.colors.neutral500 }), button: {
+                outlinedPrimaryLabel: ctDesignTokens.colors.link2,
+                outlinedPrimaryBorder: ctDesignTokens.colors.link2,
+                outlinedPrimaryBg: ctDesignTokens.colors.neutral100,
+                outlinedSecondaryLabel: ctDesignTokens.colors.neutral900,
+                outlinedSecondaryBorder: ctDesignTokens.colors.neutral900,
+                outlinedSecondaryBg: ctDesignTokens.colors.neutral100,
+                outlinedTertiaryLabel: ctDesignTokens.colors.brand,
+                outlinedTertiaryBorder: ctDesignTokens.colors.brand,
+                outlinedTertiaryBg: ctDesignTokens.colors.neutral100,
+                outlinedDisabledLabel: ctDesignTokens.colors.disabledText,
+                outlinedDisabledBg: ctDesignTokens.colors.neutral300,
+                containedPrimaryLabel: ctDesignTokens.colors.neutral100,
+                containedPrimaryBg: ctDesignTokens.colors.link2,
+                containedSecondaryLabel: ctDesignTokens.colors.neutral100,
+                containedSecondaryBg: ctDesignTokens.colors.neutral900,
+                containedTertiaryLabel: ctDesignTokens.colors.neutral100,
+                containedTertiaryBg: ctDesignTokens.colors.brand,
+                containedDisabledLabel: ctDesignTokens.colors.disabledText,
+                containedDisabledBg: ctDesignTokens.colors.neutral300,
+                hover: hover,
+            }, chip: __assign(__assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: ctDesignTokens.colors.link2, selectedPrimaryBorder: ctDesignTokens.colors.link2, selectedPrimaryBg: ctDesignTokens.colors.linkBg }), tab: __assign(__assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: ctDesignTokens.colors.neutral900, selectedPrimaryLabel: ctDesignTokens.colors.link2 }), background: __assign(__assign({}, BaseTheme.color.background), { primary: ctDesignTokens.colors.link2, secondary: ctDesignTokens.colors.neutral900, tertiary: ctDesignTokens.colors.brand }), border: __assign(__assign({}, BaseTheme.color.border), { primary: ctDesignTokens.colors.link2, secondary: ctDesignTokens.colors.neutral900, tertiary: ctDesignTokens.colors.brand }), spinner: {
+                primary: ctDesignTokens.colors.link2,
+                primaryBg: ctDesignTokens.colors.alertBg,
+            } }) });
+
+    var getTheme = function (themeType) {
+        switch (themeType) {
+            case 'B2C': {
+                return B2CTheme;
+            }
+            case 'B2B': {
+                return B2BTheme;
+            }
+            default: {
+                return B2CTheme;
+            }
+        }
+    };
+
+    var ThemeContext = react.createContext({
+        theme: B2CTheme,
+        platform: 'mobile',
+    });
+    var ThemeProvider = function (_a) {
+        var children = _a.children, _b = _a.theme, themeType = _b === void 0 ? 'B2C' : _b, _c = _a.platform, platform = _c === void 0 ? 'mobile' : _c;
+        var theme = getTheme(themeType);
+        return (jsxRuntime.jsx(ThemeContext.Provider, __assign({ value: { theme: theme, platform: platform } }, { children: jsxRuntime.jsx(styledComponents.ThemeProvider, __assign({ theme: theme }, { children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })) })));
+    };
+    ThemeProvider.defaultProps = {
+        children: null,
+    };
+
+    var useTheme = function () {
+        var themeContext = react.useContext(ThemeContext);
+        var theme = (themeContext || { theme: B2CTheme }).theme;
+        return theme;
+    };
+
+    var useThemeContext = function () {
+        return react.useContext(ThemeContext);
+    };
+
+    exports.B2BTheme = B2BTheme;
+    exports.B2CTheme = B2CTheme;
+    exports.BaseTheme = BaseTheme;
+    exports.ThemeContext = ThemeContext;
+    exports.ThemeProvider = ThemeProvider;
+    exports.useTheme = useTheme;
+    exports.useThemeContext = useThemeContext;
+
+}));
+//# sourceMappingURL=ct-design-theme.umd.js.map