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

package/dist/themes/B2BTheme.d.ts

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

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

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

package/dist/themes/B2CTheme.d.ts

@@ -0,0 +1,187 @@
+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;
+        };
+        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;
+            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;
+            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;
+        };
+        counter: {
+            enabled: {
+                stroke: string;
+            };
+            disabled: {
+                stroke: string;
+            };
+        };
+        coupon: {
+            primaryBg: string;
+        };
+        alert: {
+            success: string;
+            warning: string;
+            error: string;
+            info: string;
+            neutral: 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)";
+    }>;
+    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";
+        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", number>;
+};
+export default B2CTheme;
+//# sourceMappingURL=B2CTheme.d.ts.map

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

@@ -0,0 +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"}

package/dist/themes/BaseTheme.d.ts

@@ -0,0 +1,19 @@
+import { Theme } from './type';
+export declare const duration: {
+    shortest: number;
+    shorter: number;
+    short: number;
+    standard: number;
+    complex: number;
+    enteringScreen: number;
+    leavingScreen: number;
+};
+export declare const easing: {
+    easeInOut: string;
+    easeOut: string;
+    easeIn: string;
+    sharp: string;
+};
+declare const BaseTheme: Theme;
+export default BaseTheme;
+//# sourceMappingURL=BaseTheme.d.ts.map

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

@@ -0,0 +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;AAgEF,QAAA,MAAM,SAAS,EAAE,KAmIhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/themes/index.d.ts

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

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

@@ -0,0 +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,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,QAAQ,CAAC"}

package/dist/themes/type.d.ts

@@ -0,0 +1,155 @@
+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 Theme = {
+    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;
+        };
+        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;
+            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;
+            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;
+        };
+        counter: {
+            enabled: {
+                stroke: string;
+            };
+            disabled: {
+                stroke: string;
+            };
+        };
+        coupon: {
+            primaryBg: string;
+        };
+        alert: {
+            success: string;
+            warning: string;
+            error: string;
+            info: string;
+            neutral: string;
+        };
+    };
+    elevation: Elevation;
+    border: Border;
+    spacing: Spacing;
+    typography: Typography;
+    size: Size;
+    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', number>;
+};
+declare module 'styled-components' {
+    interface DefaultTheme extends Theme {
+    }
+}
+export type ThemeType = 'B2C' | 'B2B';
+//# sourceMappingURL=type.d.ts.map

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

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

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { Theme, ThemeType } from '../themes';
+export declare const getTheme: (themeType: ThemeType) => Theme;
+//# sourceMappingURL=index.d.ts.map

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

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

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@cleartrip/ct-design-theme",
+  "version": "1.2.0-beta.0",
+  "description": "",
+  "types": "dist/index.d.ts",
+  "main": "dist/ct-design-theme.cjs.js",
+  "jsnext:main": "dist/ct-design-theme.esm.js",
+  "module": "dist/ct-design-theme.esm.js",
+  "sideEffects": false,
+  "browser": {
+    "./dist/ct-design-theme.esm.js": "./dist/ct-design-theme.browser.esm.js",
+    "./dist/ct-design-theme.cjs.js": "./dist/ct-design-theme.browser.cjs.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@cleartrip/ct-design-tokens": "1.2.0-beta.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "styled-components": "^5.3.6"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Kanishk Gupta <kanishk.gupta@cleartrip.com>",
+  "license": "ISC",
+  "scripts": {
+    "build-package": "rm -rf dist && rollup -c"
+  }
+}