@kaizen/design-tokens 9.0.5 → 10.0.1

package/src/themes/heart.js

@@ -1,288 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.heartTheme = void 0;
-exports.heartTheme = {
-    themeKey: "heart",
-    animation: {
-        easingFunction: {
-            easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
-            easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
-            easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-            linear: "linear",
-            bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
-            bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
-            bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)"
-        },
-        duration: {
-            instant: "0ms",
-            immediate: "100ms",
-            rapid: "200ms",
-            fast: "300ms",
-            slow: "400ms",
-            deliberate: "700ms"
-        }
-    },
-    border: {
-        solid: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "solid",
-            borderColor: "#e1e2ea"
-        },
-        dashed: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "dashed"
-        },
-        borderless: {
-            borderWidth: "2px",
-            borderRadius: "7px",
-            borderStyle: "solid",
-            borderColor: "transparent"
-        },
-        focusRing: {
-            borderWidth: "2px",
-            borderRadius: "10px",
-            borderStyle: "solid"
-        }
-    },
-    color: {
-        purple: {
-            100: "#f4edf8",
-            200: "#dfc9ea",
-            300: "#c9a5dd",
-            400: "#ae67b1",
-            500: "#844587",
-            600: "#5f3361",
-            700: "#4a234d",
-            800: "#2f2438"
-        },
-        blue: {
-            100: "#e6f6ff",
-            200: "#bde2f5",
-            300: "#73c0e8",
-            400: "#008bd6",
-            500: "#0168b3",
-            600: "#004970",
-            700: "#003157"
-        },
-        green: {
-            100: "#e8f8f4",
-            200: "#c4ede2",
-            300: "#8fdbc7",
-            400: "#5dcbad",
-            500: "#44a289",
-            600: "#2c7d67",
-            700: "#22594a"
-        },
-        yellow: {
-            100: "#fff9e4",
-            200: "#ffeeb3",
-            300: "#ffe36e",
-            400: "#ffca4d",
-            500: "#ffb600",
-            600: "#c68600",
-            700: "#876400"
-        },
-        red: {
-            100: "#fdeaee",
-            200: "#f9c2cb",
-            300: "#f597a8",
-            400: "#e0707d",
-            500: "#c93b55",
-            600: "#a82433",
-            700: "#6c1e20"
-        },
-        orange: {
-            100: "#fff0e8",
-            200: "#ffd1b9",
-            300: "#ffb08a",
-            400: "#ff9461",
-            500: "#e96c2f",
-            600: "#b74302",
-            700: "#903c00"
-        },
-        gray: {
-            100: "#f9f9f9",
-            200: "#f4f4f5",
-            300: "#eaeaec",
-            400: "#cdcdd0",
-            500: "#8c8c97",
-            600: "#524e56"
-        },
-        white: "#ffffff"
-    },
-    dataViz: {
-        favorable: "#7dd5bd",
-        unfavorable: "#e68d97"
-    },
-    layout: {
-        contentMaxWidth: "1392px",
-        contentMaxWidthWithSidebar: "1080px",
-        contentSideMargin: "72px",
-        mobileActionsDrawerHeight: "60px",
-        navigationBarHeight: "72px",
-        breakpoints: {
-            medium: "768px",
-            large: "1080px"
-        }
-    },
-    shadow: {
-        small: {
-            boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)"
-        },
-        large: {
-            boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)"
-        }
-    },
-    spacing: {
-        xs: "0.375rem",
-        sm: "0.75rem",
-        md: "1.5rem",
-        lg: "2.25rem",
-        xl: "3rem",
-        xxl: "3.75rem",
-        xxxl: "4.5rem",
-        xxxxl: "5.25rem",
-        xxxxxl: "6rem"
-    },
-    typography: {
-        dataLarge: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "5.25rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "normal"
-        },
-        dataLargeUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "2.625rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "normal"
-        },
-        dataMedium: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "3rem",
-            lineHeight: "5rem",
-            letterSpacing: "normal"
-        },
-        dataMediumUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.5rem",
-            lineHeight: "5rem",
-            letterSpacing: "normal"
-        },
-        dataSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.5rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal"
-        },
-        dataSmallUnits: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal"
-        },
-        display0: {
-            fontFamily: '"Tiempos Headline", Georgia, serif',
-            fontWeight: 800,
-            fontSize: "4.5rem",
-            lineHeight: "5.25rem",
-            letterSpacing: "0em"
-        },
-        heading1: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "2.125rem",
-            lineHeight: "2.625rem",
-            letterSpacing: "normal"
-        },
-        heading2: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.75rem",
-            lineHeight: "2.25rem",
-            letterSpacing: "normal"
-        },
-        heading3: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.375rem",
-            lineHeight: "1.875rem",
-            letterSpacing: "normal"
-        },
-        heading4: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 600,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal"
-        },
-        heading5: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 600,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal"
-        },
-        heading6: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "0.875rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal"
-        },
-        paragraphIntroLede: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "1.25rem",
-            lineHeight: "1.875rem",
-            letterSpacing: "-0.5px"
-        },
-        paragraphBody: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal"
-        },
-        paragraphSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "0.875rem",
-            lineHeight: "1.125rem",
-            letterSpacing: "normal"
-        },
-        paragraphExtraSmall: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 400,
-            fontSize: "0.75rem",
-            lineHeight: "1.125rem",
-            letterSpacing: "normal"
-        },
-        paragraphBold: {
-            fontWeight: 600
-        },
-        buttonPrimary: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 700,
-            fontSize: "1.125rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal"
-        },
-        buttonSecondary: {
-            fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-            fontWeight: 500,
-            fontSize: "1rem",
-            lineHeight: "1.5rem",
-            letterSpacing: "normal"
-        }
-    }
-};
-//# sourceMappingURL=heart.js.map

package/src/themes/heart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heart.js","sourceRoot":"","sources":["heart.ts"],"names":[],"mappings":"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"}

package/src/themes/index.d.ts

@@ -1,2 +0,0 @@
-export { heartTheme } from "./heart";
-export declare const defaultTheme: import("../types").Theme;

package/src/themes/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-exports.__esModule = true;
-exports.defaultTheme = exports.heartTheme = void 0;
-var heart_1 = require("./heart");
-var heart_2 = require("./heart");
-__createBinding(exports, heart_2, "heartTheme");
-exports.defaultTheme = heart_1.heartTheme;
-//# sourceMappingURL=index.js.map

package/src/themes/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,iCAAoC;AACpC,iCAAoC;AAA3B,gDAAU;AACN,QAAA,YAAY,GAAG,kBAAU,CAAA"}

package/src/types.d.ts

@@ -1,205 +0,0 @@
-import type { CSSProperties as ReactCSSProperties } from "react";
-/**
- * Use a custom type for CSS properties becauase we should eventually write a more strongly typed version using template literal types.
- * This could definitely be contributed back to the community too. An example starting point here https://github.com/ghoullier/awesome-template-literal-types#css-parser
- * For example:
- * ```ts
- * type Font = {
- *   fontSize: `${number}rem`,
- *
- *  }
- * type HexDigit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F ;
- * type Color = `rgba(${number}, ${number}, ${number}, ${number}) | #${HexDigit}${HexDigit}${HexDigit}` // You get the point
- *
- * ```
- * */
-declare type KaizenCSSProperties = ReactCSSProperties;
-declare type Hex = string;
-export declare type TypographyFont = {
-    fontFamily: KaizenCSSProperties["fontFamily"];
-    fontWeight: KaizenCSSProperties["fontWeight"];
-    fontSize: KaizenCSSProperties["fontSize"];
-    lineHeight: KaizenCSSProperties["lineHeight"];
-    letterSpacing: KaizenCSSProperties["letterSpacing"];
-};
-export declare type ThemeKey = "heart" | "custom";
-export declare type Theme = {
-    themeKey: ThemeKey;
-    border: {
-        solid: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-            borderColor: KaizenCSSProperties["borderColor"];
-        };
-        dashed: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-        };
-        borderless: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-            borderColor: KaizenCSSProperties["borderColor"];
-        };
-        focusRing: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-        };
-    };
-    animation: {
-        easingFunction: {
-            easeInOut: string;
-            easeIn: string;
-            easeOut: string;
-            linear: string;
-            bounceIn: string;
-            bounceOut: string;
-            bounceInOut: string;
-        };
-        duration: {
-            instant: string;
-            immediate: string;
-            rapid: string;
-            fast: string;
-            slow: string;
-            deliberate: string;
-        };
-    };
-    color: {
-        purple: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-            "800": Hex;
-        };
-        blue: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        green: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        yellow: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        red: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        orange: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        gray: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-        };
-        white: Hex;
-    };
-    dataViz: {
-        favorable: Hex;
-        unfavorable: Hex;
-    };
-    layout: {
-        contentMaxWidth: string;
-        contentMaxWidthWithSidebar: string;
-        contentSideMargin: string;
-        mobileActionsDrawerHeight: string;
-        navigationBarHeight: string;
-        breakpoints: {
-            medium: string;
-            large: string;
-        };
-    };
-    shadow: {
-        small: {
-            boxShadow: string;
-        };
-        large: {
-            boxShadow: string;
-        };
-    };
-    spacing: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-        xxxxl: string;
-        xxxxxl: string;
-    };
-    typography: {
-        dataLarge: TypographyFont;
-        dataLargeUnits: TypographyFont;
-        dataMedium: TypographyFont;
-        dataMediumUnits: TypographyFont;
-        dataSmall: TypographyFont;
-        dataSmallUnits: TypographyFont;
-        display0: TypographyFont;
-        heading1: TypographyFont;
-        heading2: TypographyFont;
-        heading3: TypographyFont;
-        heading4: TypographyFont;
-        heading5: TypographyFont;
-        heading6: TypographyFont;
-        paragraphIntroLede: TypographyFont;
-        paragraphBody: TypographyFont;
-        paragraphSmall: TypographyFont;
-        paragraphExtraSmall: TypographyFont;
-        paragraphBold: {
-            fontWeight: KaizenCSSProperties["fontWeight"];
-        };
-        buttonPrimary: TypographyFont;
-        buttonSecondary: TypographyFont;
-    };
-};
-export declare type DeepMapObjectLeafs<T, LeafType> = T extends string | number | bigint | boolean | symbol | null | undefined | ((...params: any[]) => any) ? LeafType : T extends Record<any, any> ? {
-    [Key in keyof T]: DeepMapObjectLeafs<T[Key], LeafType>;
-} : T;
-/**
- * Apologies for the complex types.
- * This type represents the Theme type but with every leaf value in the tree mapped strictly to a string, rather than a number or a more complex type such as a string union.
- * The reason for this is to have a more accurate type for the generated hierarchy of design tokens which are represented as CSS custom properties, e.g. `var(--color-purple-800)`.
- */
-export declare type CSSVariableTheme = DeepMapObjectLeafs<Theme, string>;
-export {};

package/src/types.js

@@ -1,3 +0,0 @@
-"use strict";
-exports.__esModule = true;
-//# sourceMappingURL=types.js.map

package/src/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":""}