@cleartrip/ct-design-theme 4.0.0 → 5.0.0

package/dist/themes/B2CTheme.d.ts

@@ -1,231 +1,4 @@
-declare const B2CTheme: {
-    color: {
-        text: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            heading: string;
-            subHeading: string;
-            disabled: string;
-            success: string;
-            alert: string;
-            warning: string;
-            link: string;
-            brand: string;
-            neutral: string;
-            link2: string;
-            margarita: string;
-            primary2: string;
-        };
-        button: {
-            outlinedPrimaryLabel: string;
-            outlinedPrimaryBorder: string;
-            outlinedPrimaryBg: string;
-            outlinedSecondaryLabel: string;
-            outlinedSecondaryBorder: string;
-            outlinedSecondaryBg: string;
-            outlinedTertiaryLabel: string;
-            outlinedTertiaryBorder: string;
-            outlinedTertiaryBg: string;
-            outlinedDisabledLabel: string;
-            outlinedDisabledBg: string;
-            containedPrimaryLabel: string;
-            containedPrimaryBg: string;
-            containedSecondaryLabel: string;
-            containedSecondaryBg: string;
-            containedTertiaryLabel: string;
-            containedTertiaryBg: string;
-            containedDisabledLabel: string;
-            containedDisabledBg: string;
-            containedNeutralLabel: string;
-            containedNeutralBg: string;
-            hover: any;
-        };
-        chip: {
-            nonSelectedPrimaryLabel: string;
-            selectedPrimaryLabel: string;
-            selectedPrimaryBorder: string;
-            selectedPrimaryBg: string;
-            disabledPrimaryLabel: string;
-        };
-        dropdown: {
-            shadow: string;
-        };
-        tab: {
-            nonSelectedPrimaryLabel: string;
-            selectedPrimaryLabel: string;
-        };
-        sidenav: {
-            primaryBg: string;
-            selectedTabBg: string;
-        };
-        tooltip: {
-            primaryBg: string;
-        };
-        background: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            brand: string;
-            brandLightBg: string;
-            link: string;
-            link2: string;
-            linkLightBg: string;
-            success: string;
-            successLightBg: string;
-            alert: string;
-            alertLightBg: string;
-            warning: string;
-            warningLightBg: string;
-            neutral: string;
-            disabled: string;
-            disabledSecondaryLight: string;
-            disabledSecondary: string;
-            disabledDark: string;
-            defaultDark: string;
-            defaultDarkest: string;
-        };
-        border: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            brand: string;
-            neutral: string;
-            link: string;
-            default: string;
-            defaultDark: string;
-            disabled: string;
-            disabledDark: string;
-            warning: string;
-        };
-        spinner: {
-            primary: string;
-            primaryBg: string;
-        };
-        shimmer: {
-            disabledLight: string;
-            disabledDark: string;
-        };
-        counter: {
-            enabled: {
-                stroke: string;
-            };
-            disabled: {
-                stroke: string;
-            };
-        };
-        coupon: {
-            primaryBg: string;
-        };
-        alert: {
-            success: string;
-            warning: string;
-            error: string;
-            info: string;
-            neutral: string;
-        };
-        badge: {
-            curacao: string;
-            pinaColada: string;
-            margarita250: string;
-            default: string;
-            green: string;
-            margarita100: string;
-            yellow: string;
-            orange100: string;
-            orange250: string;
-            red: string;
-            green500: string;
-            green600: string;
-            purple100: string;
-            purple250: string;
-            gray100: string;
-            gray250: string;
-            aqua100: string;
-            aqua250: string;
-            black: string;
-            link: string;
-            blue100: string;
-            neutral100: string;
-        };
-        calendar: {
-            accent: string;
-            background: string;
-            selected: string;
-        };
-    };
-    elevation: Readonly<{
-        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)";
-        modalBlurLight: "rgb(0 0 0 / 20%) 0px 11px 15px -7px";
-        modalBlurMedium: "rgb(0 0 0 / 14%) 0px 24px 38px 3px";
-        modalBlurHeavy: "rgb(0 0 0 / 12%) 0px 9px 22px 18px";
-    }>;
-    border: import("packages/core/tokens/dist").Border;
-    spacing: Readonly<{
-        0: "0px";
-        1: "4px";
-        2: "8px";
-        3: "12px";
-        4: "16px";
-        5: "20px";
-        6: "24px";
-        7: "28px";
-        8: "32px";
-        9: "36px";
-        10: "40px";
-        11: "44px";
-        12: "48px";
-        13: "52px";
-        14: "56px";
-    }>;
-    typography: import("packages/core/tokens/dist").Typography;
-    size: Readonly<{
-        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";
-    }>;
-    transitions: {
-        easing: {
-            easeInOut: string;
-            easeOut: string;
-            easeIn: string;
-            sharp: string;
-        };
-        duration: {
-            shortest: number;
-            shorter: number;
-            short: number;
-            standard: number;
-            complex: number;
-            enteringScreen: number;
-            leavingScreen: number;
-        };
-        getAutoHeightDuration: any;
-        create: any;
-    };
-    zIndex: Record<"modal" | "drawer" | "tooltip" | "popOver" | "sideNav" | "toolbar" | "bottomSheet", number>;
-};
+import type { Theme } from './type';
+declare const B2CTheme: Theme;
 export default B2CTheme;
 //# sourceMappingURL=B2CTheme.d.ts.map

package/dist/themes/B2CTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"B2CTheme.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/B2CTheme.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAmB,CAAC;AAElC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"B2CTheme.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/B2CTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEpC,QAAA,MAAM,QAAQ,EAAE,KAAwB,CAAC;AAEzC,eAAe,QAAQ,CAAC"}

package/dist/themes/BaseTheme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from './type';
+import type { Theme } from './type';
 export declare const duration: {
     shortest: number;
     shorter: number;

package/dist/themes/BaseTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTheme.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/BaseTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG/B,eAAO,MAAM,QAAQ;;;;;;;;CAYpB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;CAUlB,CAAC;AAiEF,QAAA,MAAM,SAAS,EAAE,KAyKhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BaseTheme.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/BaseTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAGpC,eAAO,MAAM,QAAQ;;;;;;;;CAYpB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;CAUlB,CAAC;AAgDF,QAAA,MAAM,SAAS,EAAE,KA+PhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/themes/SMTheme.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from './type';
+declare const SMTheme: Theme;
+export default SMTheme;
+//# sourceMappingURL=SMTheme.d.ts.map

package/dist/themes/SMTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SMTheme.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/SMTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAqB/B,QAAA,MAAM,OAAO,EAAE,KA8Dd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/themes/UltraFkTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UltraFkTheme.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/UltraFkTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAiC/B,QAAA,MAAM,OAAO,EAAE,KAqDd,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"UltraFkTheme.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/UltraFkTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAmC/B,QAAA,MAAM,OAAO,EAAE,KAqDd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/themes/index.d.ts

@@ -2,5 +2,6 @@ export { default as B2CTheme } from './B2CTheme';
 export { default as B2BTheme } from './B2BTheme';
 export { default as FKTheme } from './UltraFkTheme';
 export { default as BaseTheme } from './BaseTheme';
-export * from './type';
+export { default as SMTheme } from './SMTheme';
+export type * from './type';
 //# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,mBAAmB,QAAQ,CAAC"}

package/dist/themes/type.d.ts

@@ -1,8 +1,8 @@
-import 'styled-components';
 import type { Border } from '@cleartrip/ct-design-tokens';
 import { Size, Elevation } from '@cleartrip/ct-design-tokens';
 import type { Spacing } from '@cleartrip/ct-design-tokens';
 import type { Typography } from '@cleartrip/ct-design-tokens';
+export type UnderlineType = '' | 'underline';
 export type Theme = {
     color: {
         text: {
@@ -21,6 +21,16 @@ export type Theme = {
             link2: string;
             margarita: string;
             primary2: string;
+            secondary2: string;
+            grapetini900: string;
+            pinaColada750: string;
+            alert500: string;
+            neutral50: string;
+            margarita750?: string;
+            green100: string;
+            red100: string;
+            coralpink: string;
+            primary3: string;
         };
         button: {
             outlinedPrimaryLabel: string;
@@ -44,7 +54,10 @@ export type Theme = {
             containedDisabledBg: string;
             containedNeutralLabel: string;
             containedNeutralBg: string;
-            hover: any;
+            outlinedNeutralLabel: string;
+            outlinedNeutralBorder: string;
+            outlinedNeutralBg: string;
+            hover: unknown;
         };
         chip: {
             nonSelectedPrimaryLabel: string;
@@ -52,6 +65,7 @@ export type Theme = {
             selectedPrimaryBorder: string;
             selectedPrimaryBg: string;
             disabledPrimaryLabel: string;
+            disabledPrimaryBg: string;
         };
         dropdown: {
             shadow: string;
@@ -80,6 +94,7 @@ export type Theme = {
             successLightBg: string;
             alert: string;
             alertLightBg: string;
+            alertSoft: string;
             warning: string;
             warningLightBg: string;
             neutral: string;
@@ -89,6 +104,22 @@ export type Theme = {
             disabledDark: string;
             defaultDark: string;
             defaultDarkest: string;
+            darkNetural300: string;
+            darkGrey: string;
+            transparent: string;
+            secondary2: string;
+            gray500: string;
+            mintCream: string;
+            pinaColada100: string;
+            lightCyan: string;
+            margarita100: string;
+            neutral300: string;
+            orange200: string;
+            couponGreen: string;
+            black100: string;
+            orange100: string;
+            lightRed: string;
+            neutral100: string;
         };
         border: {
             primary: string;
@@ -102,6 +133,13 @@ export type Theme = {
             disabled: string;
             disabledDark: string;
             warning: string;
+            divider: string;
+            disabled100: string;
+            borderAccent: string;
+            neutral100: string;
+            bluePrimary500: string;
+            lightGray: string;
+            darkRed: string;
         };
         spinner: {
             primary: string;
@@ -125,21 +163,27 @@ export type Theme = {
         alert: {
             success: string;
             warning: string;
+            warningLight: string;
             error: string;
             info: string;
             neutral: string;
         };
         badge: {
             curacao: string;
+            curacao900: string;
             pinaColada: string;
+            pinaColada300: string;
             margarita250: string;
             default: string;
             green: string;
+            green100: string;
             margarita100: string;
             yellow: string;
             orange100: string;
             orange250: string;
+            orange500: string;
             red: string;
+            red100: string;
             green500: string;
             green600: string;
             purple100: string;
@@ -151,13 +195,39 @@ export type Theme = {
             black: string;
             link: string;
             blue100: string;
+            blue900: string;
+            blue500: string;
             neutral100: string;
+            neutral700: string;
+            pinaColada750: string;
+            pinaColada100: string;
+            gray800: string;
+            couponGreen: string;
+            alert500: string;
+            alertSoft: string;
+            red200: string;
+            red500: string;
+            redSoft: string;
+            brown: string;
         };
         calendar: {
             accent: string;
             background: string;
             selected: string;
         };
+        cursor: {
+            neutral900: string;
+        };
+        chipicon: {
+            default: string;
+            blue: string;
+            pink: string;
+            yellow: string;
+            purple: string;
+            green: string;
+            cfwBlue: string;
+            orange: string;
+        };
     };
     elevation: Elevation;
     border: Border;
@@ -180,14 +250,14 @@ export type Theme = {
             enteringScreen: number;
             leavingScreen: number;
         };
-        getAutoHeightDuration: any;
-        create: any;
+        getAutoHeightDuration: (height: number) => number;
+        create: (props: string[], options: {
+            duration?: number | string;
+            easing?: string;
+            delay?: number | string;
+        }) => string;
     };
-    zIndex: Record<'modal' | 'drawer' | 'tooltip' | 'popOver' | 'sideNav' | 'toolbar' | 'bottomSheet', number>;
+    zIndex: Record<'modal' | 'drawer' | 'tooltip' | 'popOver' | 'sideNav' | 'toolbar' | 'bottomSheet' | 'pageLoader', number>;
 };
-declare module 'styled-components' {
-    interface DefaultTheme extends Theme {
-    }
-}
-export type ThemeType = 'B2C' | 'B2B' | 'FK';
+export type ThemeType = 'B2C' | 'B2B' | 'FK' | 'SM';
 //# sourceMappingURL=type.d.ts.map

package/dist/themes/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/themes/type.ts"],"names":[],"mappings":"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"}

package/dist/utils/ThemeManager.d.ts

@@ -0,0 +1,11 @@
+import { Theme as ThemeType } from '../themes/index';
+declare class ThemeManagerClass {
+    static instance: ThemeManagerClass;
+    private theme;
+    constructor();
+    set(theme: string): void;
+    get(): ThemeType;
+}
+declare const ThemeManager: Readonly<ThemeManagerClass>;
+export default ThemeManager;
+//# sourceMappingURL=ThemeManager.d.ts.map

package/dist/utils/ThemeManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/utils/ThemeManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGrD,cAAM,iBAAiB;IACrB,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACnC,OAAO,CAAC,KAAK,CAAY;;IAczB,GAAG,CAAC,KAAK,EAAE,MAAM;IAUjB,GAAG;CAGJ;AAED,QAAA,MAAM,YAAY,6BAAyC,CAAC;AAC5D,eAAe,YAAY,CAAC"}

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,SAAS,EAAW,MAAM,WAAW,CAAC;AAE1E,eAAO,MAAM,QAAQ,cAAe,SAAS,KAAG,KAe/C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/core/theme/src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,SAAS,EAAoB,MAAM,WAAW,CAAC;AAEnF,eAAO,MAAM,QAAQ,GAAI,WAAW,SAAS,KAAG,KAkB/C,CAAC"}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@cleartrip/ct-design-theme",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "",
   "types": "dist/index.d.ts",
   "main": "dist/ct-design-theme.cjs.js",
   "jsnext:main": "dist/ct-design-theme.esm.js",
+  "react-native": "src/index.ts",
   "module": "dist/ct-design-theme.esm.js",
   "sideEffects": false,
   "browser": {
@@ -12,15 +13,15 @@
     "./dist/ct-design-theme.cjs.js": "./dist/ct-design-theme.browser.cjs.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "dependencies": {
-    "@cleartrip/ct-design-tokens": "4.0.0"
+    "@cleartrip/ct-design-tokens": "5.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "styled-components": "^5.3.6"
+    "react-dom": ">=16.8.0"
   },
   "publishConfig": {
     "access": "public"
@@ -30,6 +31,8 @@
   "scripts": {
     "watch-package": "rollup -c -w",
     "build-package": "rollup -c",
-    "build-package:clean": "rm -rf dist && rollup -c"
+    "build-package:clean": "rm -rf dist && rollup -c",
+    "publish-package:local": "yalc publish --no-scripts",
+    "publish-package:local:registry": "pnpm publish --registry http://localhost:4873 --no-git-checks --access public"
   }
 }

package/src/ThemeProvider/ThemeProvider.native.tsx

@@ -0,0 +1,20 @@
+import { createContext } from 'react';
+import { B2CTheme } from '../themes';
+import { getTheme } from '../utils';
+import { ThemeContextType, ThemeProviderProps } from './type';
+
+export const ThemeContext = createContext<ThemeContextType>({
+  theme: B2CTheme,
+  platform: 'mobile',
+});
+
+const ThemeProvider = ({
+  children,
+  theme: themeType = 'B2C',
+  platform = 'mobile',
+}: ThemeProviderProps): React.JSX.Element => {
+  const theme = getTheme(themeType);
+  return <ThemeContext.Provider value={{ theme, platform }}>{children}</ThemeContext.Provider>;
+};
+
+export default ThemeProvider;

package/src/ThemeProvider/ThemeProvider.tsx

@@ -0,0 +1,29 @@
+import { createContext } from 'react';
+import { ThemeProvider as EmotionProvider } from '@emotion/react';
+import { B2CTheme } from '../themes';
+import { getTheme } from '../utils';
+import { ThemeContextType, ThemeProviderProps } from './type';
+
+import '@emotion/styled';
+
+export const ThemeContext = createContext<ThemeContextType>({
+  theme: B2CTheme,
+  platform: 'mobile',
+});
+
+const ThemeProvider = ({
+  children,
+  theme: themeType = 'B2C',
+  platform = 'mobile',
+}: ThemeProviderProps): React.JSX.Element => {
+  const theme = getTheme(themeType);
+  return (
+    <ThemeContext.Provider value={{ theme, platform }}>
+      <EmotionProvider theme={theme}>
+        <>{children}</>
+      </EmotionProvider>
+    </ThemeContext.Provider>
+  );
+};
+
+export default ThemeProvider;

package/src/ThemeProvider/index.ts

@@ -0,0 +1,3 @@
+export { default as ThemeProvider } from './ThemeProvider';
+export * from './ThemeProvider';
+export type * from './type';

package/src/ThemeProvider/type.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { Theme, ThemeType } from '../themes';
+
+export type PlatformType = 'mobile' | 'desktop';
+
+export type ThemeContextType = {
+  theme: Theme;
+  platform: PlatformType;
+};
+
+export interface ThemeProviderProps {
+  theme?: ThemeType;
+  platform?: PlatformType;
+  children?: ReactNode;
+}

package/src/hooks/index.ts

@@ -0,0 +1,2 @@
+export { default as useTheme } from './useTheme';
+export { default as useThemeContext } from './useThemeContext';

package/src/hooks/useTheme.ts

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import { ThemeContext } from '../ThemeProvider';
+import { B2CTheme } from '../themes';
+
+const useTheme = () => {
+  const themeContext = useContext(ThemeContext);
+  const { theme } = themeContext || { theme: B2CTheme };
+  return theme;
+};
+
+export default useTheme;

package/src/hooks/useThemeContext.ts

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { ThemeContext } from '../ThemeProvider';
+
+const useThemeContext = () => {
+  return useContext(ThemeContext);
+};
+
+export default useThemeContext;

package/src/index.ts

@@ -0,0 +1,5 @@
+export * from './themes';
+export * from './ThemeProvider';
+export * from './hooks';
+export * from './utils';
+export { default as ThemeManager } from './utils/ThemeManager';