@cleartrip/ct-design-theme 4.0.0-TEST.1 → 4.0.0-rc

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@cleartrip/ct-design-tokens'), require('react'), require('react/jsx-runtime')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@cleartrip/ct-design-tokens', 'react', 'react/jsx-runtime'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemTheme = {}, global.ctDesignTokens, global.React, global.jsxRuntime));
-})(this, (function (exports, ctDesignTokens, React, jsxRuntime) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@cleartrip/ct-design-tokens'), require('react/jsx-runtime'), require('react')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@cleartrip/ct-design-tokens', 'react/jsx-runtime', 'react'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemTheme = {}, global.ctDesignTokens, global.jsxRuntime, global.React));
+})(this, (function (exports, ctDesignTokens, jsxRuntime, React) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -24,38 +24,7 @@
 
     var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-    /******************************************************************************
-    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, Iterator */
-
-    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 = {
+    const duration = {
         shortest: 150,
         shorter: 200,
         short: 250,
@@ -64,7 +33,7 @@
         enteringScreen: 225,
         leavingScreen: 195,
     };
-    var easing = {
+    const 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)',
@@ -74,41 +43,36 @@
         if (!height) {
             return 0;
         }
-        var constant = height / 36;
-        return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
+        const constant = height / 36;
+        return Math.round((4 + 15 * 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;
+    const create = (props = ['all'], options = {}) => {
+        const { duration: durationOption = duration.standard, easing: easingOption = easing.easeInOut, delay = 0 } = options;
         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"));
-        })
+            .map((animatedProp) => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : `${durationOption}ms`} ${easingOption} ${typeof delay === 'string' ? delay : `${delay}ms`}`)
             .join(',');
     };
-    var hover$3 = 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);
+    const hover$3 = (key) => {
+        const bg = {
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.brand]: ctDesignTokens.colors.bgPrimaryHover,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.disabledText]: ctDesignTokens.colors.disabledText,
+            [ctDesignTokens.colors.neutral300]: ctDesignTokens.colors.neutral300,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.link2]: ctDesignTokens.colors.link2Hover,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.disabledText]: ctDesignTokens.colors.disabledText,
+            [ctDesignTokens.colors.neutral300]: ctDesignTokens.colors.neutral300,
+        };
         return bg[key];
     };
-    var zIndex = {
+    const zIndex = {
         drawer: 1200,
         modal: 1300,
         popOver: 1300,
@@ -117,7 +81,7 @@
         toolbar: 50,
         bottomSheet: 100,
     };
-    var counter$1 = {
+    const counter$1 = {
         enabled: {
             stroke: ctDesignTokens.colors.neutral900,
         },
@@ -125,7 +89,7 @@
             stroke: ctDesignTokens.colors.neutral500,
         },
     };
-    var BaseTheme = {
+    const BaseTheme = {
         color: {
             text: {
                 primary: ctDesignTokens.colors.neutral900,
@@ -297,16 +261,16 @@
                 selected: ctDesignTokens.colors.neutral900,
             },
         },
-        elevation: __assign({}, ctDesignTokens.elevation),
-        border: __assign({}, ctDesignTokens.border),
-        spacing: __assign({}, ctDesignTokens.spacing),
-        typography: __assign({}, ctDesignTokens.typography),
-        size: __assign({}, ctDesignTokens.size),
+        elevation: Object.assign({}, ctDesignTokens.elevation),
+        border: Object.assign({}, ctDesignTokens.border),
+        spacing: Object.assign({}, ctDesignTokens.spacing),
+        typography: Object.assign({}, ctDesignTokens.typography),
+        size: Object.assign({}, ctDesignTokens.size),
         transitions: {
-            duration: duration,
-            easing: easing,
-            create: create,
-            getAutoHeightDuration: getAutoHeightDuration,
+            duration,
+            easing,
+            create,
+            getAutoHeightDuration,
         },
         underline: {
             link: '',
@@ -326,33 +290,32 @@
             pinaColada750: '',
             alert: '',
         },
-        zIndex: zIndex,
+        zIndex,
     };
 
-    var B2CTheme = __assign({}, BaseTheme);
-
-    var hover$2 = 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);
+    const B2CTheme = Object.assign({}, BaseTheme);
+
+    const hover$2 = (key) => {
+        const bg = {
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.brand]: ctDesignTokens.colors.bgPrimaryHover,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.disabledText]: ctDesignTokens.colors.disabledText,
+            [ctDesignTokens.colors.neutral300]: ctDesignTokens.colors.neutral300,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.link2]: ctDesignTokens.colors.link2Hover,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.disabledText]: ctDesignTokens.colors.disabledText,
+            [ctDesignTokens.colors.neutral300]: ctDesignTokens.colors.neutral300,
+        };
         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: __assign(__assign({}, BaseTheme.color.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$2 }), 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, divider: ctDesignTokens.colors.line }), spinner: {
+    const B2BTheme = Object.assign(Object.assign({}, BaseTheme), { color: Object.assign(Object.assign({}, BaseTheme.color), { text: Object.assign(Object.assign({}, BaseTheme.color.text), { secondary: ctDesignTokens.colors.link2, tertiary: ctDesignTokens.colors.neutral500 }), button: Object.assign(Object.assign({}, BaseTheme.color.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$2 }), chip: Object.assign(Object.assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: ctDesignTokens.colors.link2, selectedPrimaryBorder: ctDesignTokens.colors.link2, selectedPrimaryBg: ctDesignTokens.colors.linkBg }), tab: Object.assign(Object.assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: ctDesignTokens.colors.neutral900, selectedPrimaryLabel: ctDesignTokens.colors.link2 }), background: Object.assign(Object.assign({}, BaseTheme.color.background), { primary: ctDesignTokens.colors.link2, secondary: ctDesignTokens.colors.neutral900, tertiary: ctDesignTokens.colors.brand }), border: Object.assign(Object.assign({}, BaseTheme.color.border), { primary: ctDesignTokens.colors.link2, secondary: ctDesignTokens.colors.neutral900, tertiary: ctDesignTokens.colors.brand, divider: ctDesignTokens.colors.line }), spinner: {
                 primary: ctDesignTokens.colors.link2,
                 primaryBg: ctDesignTokens.colors.alertBg,
             }, calendar: {
@@ -361,30 +324,29 @@
                 selected: ctDesignTokens.colors.link2,
             } }) });
 
-    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[ctDesignTokens.colors.bluePrimary500] = ctDesignTokens.colors.bluePrimary500,
-            _a[ctDesignTokens.colors.yellowSecondary] = ctDesignTokens.colors.yellowSecondary,
-            _a);
+    const hover$1 = (key) => {
+        const bg = {
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.brand]: ctDesignTokens.colors.bgPrimaryHover,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.disabledText]: ctDesignTokens.colors.disabledText,
+            [ctDesignTokens.colors.neutral300]: ctDesignTokens.colors.neutral300,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.link2]: ctDesignTokens.colors.link2Hover,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.disabledText]: ctDesignTokens.colors.disabledText,
+            [ctDesignTokens.colors.neutral300]: ctDesignTokens.colors.neutral300,
+            [ctDesignTokens.colors.bluePrimary500]: ctDesignTokens.colors.bluePrimary500,
+            [ctDesignTokens.colors.yellowSecondary]: ctDesignTokens.colors.yellowSecondary,
+        };
         return bg[key];
     };
-    var counter = {
+    const counter = {
         enabled: {
             stroke: ctDesignTokens.colors.bluePrimary500,
         },
@@ -392,43 +354,32 @@
             stroke: ctDesignTokens.colors.neutral500,
         },
     };
-    var FKTheme = __assign(__assign({}, BaseTheme), { color: __assign(__assign({}, BaseTheme.color), { text: __assign(__assign({}, BaseTheme.color.text), { link: ctDesignTokens.colors.bluePrimary500 }), button: __assign(__assign({}, BaseTheme.color.button), { outlinedPrimaryLabel: ctDesignTokens.colors.primaryNeutral900, outlinedPrimaryBg: ctDesignTokens.colors.neutral100, containedPrimaryLabel: ctDesignTokens.colors.neutral100, containedPrimaryBg: ctDesignTokens.colors.bluePrimary500, containedSecondaryLabel: ctDesignTokens.colors.primaryNeutral900, containedSecondaryBg: ctDesignTokens.colors.yellowSecondary, hover: hover$1 }), chip: __assign(__assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: ctDesignTokens.colors.link2, selectedPrimaryBorder: ctDesignTokens.colors.link2, selectedPrimaryBg: ctDesignTokens.colors.linkBg, nonSelectedPrimaryLabel: ctDesignTokens.colors.neutral900 }), tab: __assign(__assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: ctDesignTokens.colors.neutral900, selectedPrimaryLabel: ctDesignTokens.colors.bluePrimary500 }), background: __assign(__assign({}, BaseTheme.color.background), { primary: ctDesignTokens.colors.bluePrimary500, secondary: ctDesignTokens.colors.neutral900, tertiary: ctDesignTokens.colors.brand, linkLightBg: ctDesignTokens.colors.blueSecondary }), border: __assign(__assign({}, BaseTheme.color.border), { primary: ctDesignTokens.colors.bluePrimary500, brand: ctDesignTokens.colors.bluePrimary500 }), spinner: {
+    const FKTheme = Object.assign(Object.assign({}, BaseTheme), { color: Object.assign(Object.assign({}, BaseTheme.color), { text: Object.assign(Object.assign({}, BaseTheme.color.text), { link: ctDesignTokens.colors.bluePrimary500 }), button: Object.assign(Object.assign({}, BaseTheme.color.button), { outlinedPrimaryLabel: ctDesignTokens.colors.primaryNeutral900, outlinedPrimaryBg: ctDesignTokens.colors.neutral100, containedPrimaryLabel: ctDesignTokens.colors.neutral100, containedPrimaryBg: ctDesignTokens.colors.bluePrimary500, containedSecondaryLabel: ctDesignTokens.colors.primaryNeutral900, containedSecondaryBg: ctDesignTokens.colors.yellowSecondary, hover: hover$1 }), chip: Object.assign(Object.assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: ctDesignTokens.colors.link2, selectedPrimaryBorder: ctDesignTokens.colors.link2, selectedPrimaryBg: ctDesignTokens.colors.linkBg, nonSelectedPrimaryLabel: ctDesignTokens.colors.neutral900 }), tab: Object.assign(Object.assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: ctDesignTokens.colors.neutral900, selectedPrimaryLabel: ctDesignTokens.colors.bluePrimary500 }), background: Object.assign(Object.assign({}, BaseTheme.color.background), { primary: ctDesignTokens.colors.bluePrimary500, secondary: ctDesignTokens.colors.neutral900, tertiary: ctDesignTokens.colors.brand, linkLightBg: ctDesignTokens.colors.blueSecondary }), border: Object.assign(Object.assign({}, BaseTheme.color.border), { primary: ctDesignTokens.colors.bluePrimary500, brand: ctDesignTokens.colors.bluePrimary500 }), spinner: {
                 primary: ctDesignTokens.colors.link2,
                 primaryBg: ctDesignTokens.colors.alertBg,
-            }, counter: counter, calendar: {
+            }, counter, calendar: {
                 accent: ctDesignTokens.colors.bluePrimary500,
                 background: ctDesignTokens.colors.blueSecondary,
                 selected: ctDesignTokens.colors.bluePrimary500,
             } }) });
 
-    var hover = function (key) {
-        var _a;
-        var bg = (_a = {},
-            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
-            _a[ctDesignTokens.colors.brand] = ctDesignTokens.colors.bgPrimaryHover,
-            _a[ctDesignTokens.colors.disabledText] = ctDesignTokens.colors.disabledText,
-            _a[ctDesignTokens.colors.neutral300] = ctDesignTokens.colors.neutral300,
-            _a[ctDesignTokens.colors.link2] = ctDesignTokens.colors.link2Hover,
-            _a[ctDesignTokens.colors.neutral100] = ctDesignTokens.colors.neutral100,
-            _a[ctDesignTokens.colors.neutral900] = ctDesignTokens.colors.neutral900,
-            _a[ctDesignTokens.colors.superGrey700] = ctDesignTokens.colors.superGrey700,
-            _a[ctDesignTokens.colors.superGrey300] = ctDesignTokens.colors.superGrey300,
-            _a[ctDesignTokens.colors.superGrey800] = ctDesignTokens.colors.superGrey800,
-            _a[ctDesignTokens.colors.superGreen500] = ctDesignTokens.colors.superGreen500,
-            _a);
+    const hover = (key) => {
+        const bg = {
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.brand]: ctDesignTokens.colors.bgPrimaryHover,
+            [ctDesignTokens.colors.disabledText]: ctDesignTokens.colors.disabledText,
+            [ctDesignTokens.colors.neutral300]: ctDesignTokens.colors.neutral300,
+            [ctDesignTokens.colors.link2]: ctDesignTokens.colors.link2Hover,
+            [ctDesignTokens.colors.neutral100]: ctDesignTokens.colors.neutral100,
+            [ctDesignTokens.colors.neutral900]: ctDesignTokens.colors.neutral900,
+            [ctDesignTokens.colors.superGrey700]: ctDesignTokens.colors.superGrey700,
+            [ctDesignTokens.colors.superGrey300]: ctDesignTokens.colors.superGrey300,
+            [ctDesignTokens.colors.superGrey800]: ctDesignTokens.colors.superGrey800,
+            [ctDesignTokens.colors.superGreen500]: ctDesignTokens.colors.superGreen500,
+        };
         return bg[key];
     };
-    var SMTheme = __assign(__assign({}, BaseTheme), { color: __assign(__assign({}, BaseTheme.color), { text: __assign(__assign({}, BaseTheme.color.text), { primary: ctDesignTokens.colors.superGrey800, secondary: ctDesignTokens.colors.superGrey500, tertiary: ctDesignTokens.colors.superGrey400, warning: ctDesignTokens.colors.systemRed500, disabled: ctDesignTokens.colors.superGrey400, subHeading: ctDesignTokens.colors.superGrey400, success: ctDesignTokens.colors.systemGreen500, link: ctDesignTokens.colors.superBlue500, link2: ctDesignTokens.colors.superBlue500 }), button: __assign(__assign({}, BaseTheme.color.button), { outlinedPrimaryLabel: ctDesignTokens.colors.superGrey700, outlinedPrimaryBorder: ctDesignTokens.colors.superGrey300, outlinedTertiaryLabel: ctDesignTokens.colors.superGrey700, outlinedTertiaryBorder: ctDesignTokens.colors.superGrey300, outlinedDisabledLabel: ctDesignTokens.colors.disabledText, containedSecondaryLabel: ctDesignTokens.colors.superGrey800, containedPrimaryBg: ctDesignTokens.colors.superBlue500, containedSecondaryBg: ctDesignTokens.colors.superGreen500, containedTertiaryLabel: ctDesignTokens.colors.superGrey300, containedDisabledLabel: ctDesignTokens.colors.disabledText, containedPrimaryLabel: ctDesignTokens.colors.neutral100, hover: hover }), chip: __assign(__assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: ctDesignTokens.colors.superBlue500, selectedPrimaryBorder: ctDesignTokens.colors.superBlue500, selectedPrimaryBg: ctDesignTokens.colors.superBlue25, disabledPrimaryLabel: ctDesignTokens.colors.superGrey400, nonSelectedPrimaryLabel: ctDesignTokens.colors.superGrey700, disabledPrimaryBg: ctDesignTokens.colors.superGrey200 }), tab: __assign(__assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: ctDesignTokens.colors.superGrey500, selectedPrimaryLabel: ctDesignTokens.colors.superBlue500 }), background: __assign(__assign({}, BaseTheme.color.background), { primary: ctDesignTokens.colors.superBlue500, disabled: ctDesignTokens.colors.superGrey50, disabledDark: ctDesignTokens.colors.superGrey300, warning: ctDesignTokens.colors.systemRed500 }), border: __assign(__assign({}, BaseTheme.color.border), { primary: ctDesignTokens.colors.superBlue500, secondary: ctDesignTokens.colors.neutral900, disabledDark: ctDesignTokens.colors.superGrey300, defaultDark: ctDesignTokens.colors.superGrey400, default: ctDesignTokens.colors.superGrey300, disabled: ctDesignTokens.colors.superGrey200 }) }) });
-
-    function _extends$1() {
-      return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
-        for (var e = 1; e < arguments.length; e++) {
-          var t = arguments[e];
-          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-        }
-        return n;
-      }, _extends$1.apply(null, arguments);
-    }
+    const SMTheme = Object.assign(Object.assign({}, BaseTheme), { color: Object.assign(Object.assign({}, BaseTheme.color), { text: Object.assign(Object.assign({}, BaseTheme.color.text), { primary: ctDesignTokens.colors.superGrey800, secondary: ctDesignTokens.colors.superGrey500, tertiary: ctDesignTokens.colors.superGrey400, warning: ctDesignTokens.colors.systemRed500, disabled: ctDesignTokens.colors.superGrey400, subHeading: ctDesignTokens.colors.superGrey400, success: ctDesignTokens.colors.systemGreen500, link: ctDesignTokens.colors.superBlue500, link2: ctDesignTokens.colors.superBlue500 }), button: Object.assign(Object.assign({}, BaseTheme.color.button), { outlinedPrimaryLabel: ctDesignTokens.colors.superGrey700, outlinedPrimaryBorder: ctDesignTokens.colors.superGrey300, outlinedTertiaryLabel: ctDesignTokens.colors.superGrey700, outlinedTertiaryBorder: ctDesignTokens.colors.superGrey300, outlinedDisabledLabel: ctDesignTokens.colors.disabledText, containedSecondaryLabel: ctDesignTokens.colors.superGrey800, containedPrimaryBg: ctDesignTokens.colors.superBlue500, containedSecondaryBg: ctDesignTokens.colors.superGreen500, containedTertiaryLabel: ctDesignTokens.colors.superGrey300, containedDisabledLabel: ctDesignTokens.colors.disabledText, containedPrimaryLabel: ctDesignTokens.colors.neutral100, hover: hover }), chip: Object.assign(Object.assign({}, BaseTheme.color.chip), { selectedPrimaryLabel: ctDesignTokens.colors.superBlue500, selectedPrimaryBorder: ctDesignTokens.colors.superBlue500, selectedPrimaryBg: ctDesignTokens.colors.superBlue25, disabledPrimaryLabel: ctDesignTokens.colors.superGrey400, nonSelectedPrimaryLabel: ctDesignTokens.colors.superGrey700, disabledPrimaryBg: ctDesignTokens.colors.superGrey200 }), tab: Object.assign(Object.assign({}, BaseTheme.color.tab), { nonSelectedPrimaryLabel: ctDesignTokens.colors.superGrey500, selectedPrimaryLabel: ctDesignTokens.colors.superBlue500 }), background: Object.assign(Object.assign({}, BaseTheme.color.background), { primary: ctDesignTokens.colors.superBlue500, disabled: ctDesignTokens.colors.superGrey50, disabledDark: ctDesignTokens.colors.superGrey300, warning: ctDesignTokens.colors.systemRed500 }), border: Object.assign(Object.assign({}, BaseTheme.color.border), { primary: ctDesignTokens.colors.superBlue500, secondary: ctDesignTokens.colors.neutral900, disabledDark: ctDesignTokens.colors.superGrey300, defaultDark: ctDesignTokens.colors.superGrey400, default: ctDesignTokens.colors.superGrey300, disabled: ctDesignTokens.colors.superGrey200 }) }) });
 
     var isDevelopment$3 = false;
 
@@ -1635,6 +1586,16 @@
       return cache;
     };
 
+    function _extends$1() {
+      return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
+        for (var e = 1; e < arguments.length; e++) {
+          var t = arguments[e];
+          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+        }
+        return n;
+      }, _extends$1.apply(null, arguments);
+    }
+
     var reactIsExports = {};
     var reactIs$1 = {
       get exports(){ return reactIsExports; },
@@ -2301,8 +2262,28 @@
       (function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
     })(jsx || (jsx = {}));
 
+    const getTheme = (themeType) => {
+        switch (themeType) {
+            case 'B2C': {
+                return B2CTheme;
+            }
+            case 'B2B': {
+                return B2BTheme;
+            }
+            case 'FK': {
+                return FKTheme;
+            }
+            case 'SM': {
+                return SMTheme;
+            }
+            default: {
+                return B2CTheme;
+            }
+        }
+    };
+
     // eslint-disable-next-line no-undef
-    var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
+    var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
 
     var isPropValid = /* #__PURE__ */memoize(function (prop) {
       return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
@@ -2464,58 +2445,34 @@
       styled[tagName] = styled(tagName);
     });
 
-    var getTheme = function (themeType) {
-        switch (themeType) {
-            case 'B2C': {
-                return B2CTheme;
-            }
-            case 'B2B': {
-                return B2BTheme;
-            }
-            case 'FK': {
-                return FKTheme;
-            }
-            case 'SM': {
-                return SMTheme;
-            }
-            default: {
-                return B2CTheme;
-            }
-        }
-    };
-
-    var ThemeContext = React.createContext({
+    const 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(ThemeProvider$1, __assign({ theme: theme }, { children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })) })));
-    };
-    ThemeProvider.defaultProps = {
-        children: null,
+    const ThemeProvider = ({ children, theme: themeType = 'B2C', platform = 'mobile', }) => {
+        const theme = getTheme(themeType);
+        return (jsxRuntime.jsx(ThemeContext.Provider, { value: { theme, platform }, children: jsxRuntime.jsx(ThemeProvider$1, { theme: theme, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) }) }));
     };
 
-    var useTheme = function () {
-        var themeContext = React.useContext(ThemeContext);
-        var theme = (themeContext || { theme: B2CTheme }).theme;
+    const useTheme = () => {
+        const themeContext = React.useContext(ThemeContext);
+        const { theme } = themeContext || { theme: B2CTheme };
         return theme;
     };
 
-    var useThemeContext = function () {
+    const useThemeContext = () => {
         return React.useContext(ThemeContext);
     };
 
-    var ThemeManagerClass = (function () {
-        function ThemeManagerClass() {
+    class ThemeManagerClass {
+        constructor() {
             if (ThemeManagerClass.instance) {
                 throw new Error('You can only create one instance!');
             }
             ThemeManagerClass.instance = this;
             this.theme = B2CTheme;
         }
-        ThemeManagerClass.prototype.set = function (theme) {
+        set(theme) {
             switch (theme) {
                 case 'B2C':
                 default: {
@@ -2523,13 +2480,12 @@
                     break;
                 }
             }
-        };
-        ThemeManagerClass.prototype.get = function () {
+        }
+        get() {
             return this.theme;
-        };
-        return ThemeManagerClass;
-    }());
-    var ThemeManager = Object.freeze(new ThemeManagerClass());
+        }
+    }
+    const ThemeManager = Object.freeze(new ThemeManagerClass());
 
     exports.B2BTheme = B2BTheme;
     exports.B2CTheme = B2CTheme;