@cruk/chakra-components 0.1.0-alpha.0

package/dist/types/src/theme/su2c/foundations/index.d.ts

@@ -0,0 +1,70 @@
+declare const foundations: {
+    colors: {
+        su2c_black: string;
+        orange: {
+            100: string;
+            200: string;
+            300: string;
+            500: string;
+        };
+        red: {
+            500: string;
+        };
+        yellow: {
+            500: string;
+        };
+        grey: {
+            500: string;
+            800: string;
+        };
+    };
+    semanticTokens: {
+        colors: {
+            [x: string]: string;
+        };
+    };
+    space: {
+        none: string;
+        auto: string;
+        xxs: string;
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        xxl: string;
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        30: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+};
+export default foundations;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/theme/su2c/foundations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/foundations/index.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/theme/su2c/foundations/semantic-tokens.d.ts

@@ -0,0 +1,7 @@
+declare const semanticTokens: {
+    colors: {
+        [x: string]: string;
+    };
+};
+export default semanticTokens;
+//# sourceMappingURL=semantic-tokens.d.ts.map

package/dist/types/src/theme/su2c/foundations/semantic-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic-tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/foundations/semantic-tokens.ts"],"names":[],"mappings":"AA4DA,QAAA,MAAM,cAAc;;;;CAKnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/src/theme/su2c/foundations/spacing.d.ts

@@ -0,0 +1,44 @@
+declare const spacing: {
+    none: string;
+    auto: string;
+    xxs: string;
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    xxl: string;
+    px: string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    30: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export default spacing;
+//# sourceMappingURL=spacing.d.ts.map

package/dist/types/src/theme/su2c/foundations/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/foundations/spacing.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/src/theme/su2c/index.d.ts

@@ -0,0 +1,3 @@
+declare const su2cBrand: Record<string, any>;
+export default su2cBrand;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/theme/su2c/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/su2c/index.ts"],"names":[],"mappings":"AAeA,QAAA,MAAM,SAAS,qBAgBb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/types/src/theme/su2c/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const globalTheme: {};
+export default globalTheme;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/src/theme/su2c/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/theme/su2c/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,IAWvB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/theme/su2c/variants/accordion.d.ts

@@ -0,0 +1,58 @@
+declare const accordionTheme: {
+    baseStyle?: {
+        container: {
+            border: string;
+            mt: string;
+            _first: {
+                mt: string;
+            };
+        };
+        icon: {};
+        button: {
+            borderRadius: string;
+            borderColor: string;
+            color: string;
+            fontWeight: string;
+            border: string;
+            _focusVisible: {
+                boxShadow: string;
+            };
+            _hover: {
+                color: string;
+                bg: string;
+            };
+            _expanded: {
+                bg: string;
+                color: string;
+            };
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+            px: string;
+            py: string;
+        };
+        panel: {
+            px: string;
+            py: string;
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("root" | "container" | "button" | "panel" | "icon")[];
+        }>;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("root" | "container" | "button" | "panel" | "icon")[];
+        }>;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+    parts: ("root" | "container" | "button" | "panel" | "icon")[];
+};
+export default accordionTheme;
+//# sourceMappingURL=accordion.d.ts.map

package/dist/types/src/theme/su2c/variants/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/variants/accordion.ts"],"names":[],"mappings":"AAwDA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAElB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/types/src/theme/su2c/variants/avatar.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyleConfig } from "@chakra-ui/react";
+declare const avatarTheme: ComponentStyleConfig;
+export default avatarTheme;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/types/src/theme/su2c/variants/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/variants/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,QAAA,MAAM,WAAW,EAAE,oBAAyB,CAAC;AAE7C,eAAe,WAAW,CAAC"}

package/dist/types/src/theme/su2c/variants/button.d.ts

@@ -0,0 +1,43 @@
+export declare const buttonTheme: {
+    baseStyle?: {
+        fontWeight: string;
+        color: string;
+        borderRadius: string;
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
+        primary: {
+            bg: string;
+            _hover: {
+                bg: string;
+            };
+        };
+        secondary: {
+            border: string;
+            borderColor: string;
+            bg: string;
+            color: string;
+            _hover: {
+                color: string;
+                bg: string;
+                borderColor: string;
+            };
+        };
+        tertiary: {
+            border: string;
+            color: string;
+            _hover: {
+                color: string;
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "primary" | "secondary" | "tertiary";
+        colorScheme?: string;
+    };
+};
+export default buttonTheme;
+//# sourceMappingURL=button.d.ts.map

package/dist/types/src/theme/su2c/variants/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/variants/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/types/src/theme/su2c/variants/index.d.ts

@@ -0,0 +1,7 @@
+export { default as accordionTheme } from "./accordion";
+export { default as avatarTheme } from "./avatar";
+export { default as buttonTheme } from "./button";
+export { default as radioTheme } from "./radio";
+export { default as selectTheme } from "./select";
+export { default as tabsTheme } from "./tabs";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/theme/su2c/variants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/variants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/types/src/theme/su2c/variants/radio.d.ts

@@ -0,0 +1,52 @@
+declare const radioTheme: {
+    baseStyle?: {
+        control: {
+            borderColor: string;
+            _checked: {
+                borderColor: string;
+                bg: string;
+                color: string;
+                _hover: {
+                    borderColor: string;
+                    bg: string;
+                };
+            };
+            _disabled: {
+                bg: string;
+                borderColor: string;
+            };
+            _hover: {
+                bg: string;
+            };
+        };
+        label: {
+            bg: string;
+            color: string;
+        };
+        container: {};
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "label" | "control")[];
+        }>;
+    };
+    variants?: {
+        outline: {
+            control: {};
+            label: {};
+            container: {
+                border: string;
+                borderColor: string;
+                padding: string;
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "outline";
+        colorScheme?: string;
+    };
+    parts: ("container" | "label" | "control")[];
+};
+export default radioTheme;
+//# sourceMappingURL=radio.d.ts.map

package/dist/types/src/theme/su2c/variants/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/variants/radio.ts"],"names":[],"mappings":"AA4CA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/types/src/theme/su2c/variants/select.d.ts

@@ -0,0 +1,28 @@
+declare const selectTheme: {
+    baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        keys: ("icon" | "field")[];
+    }>;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("icon" | "field")[];
+        }>;
+    };
+    variants?: {
+        brandPrimary: {
+            field: {
+                bg: string;
+                border: string;
+                borderColor: string;
+                borderRadius: string;
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "brandPrimary";
+        colorScheme?: string;
+    };
+    parts: ("icon" | "field")[];
+};
+export default selectTheme;
+//# sourceMappingURL=select.d.ts.map

package/dist/types/src/theme/su2c/variants/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/variants/select.ts"],"names":[],"mappings":"AAgBA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAGf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/types/src/theme/su2c/variants/tabs.d.ts

@@ -0,0 +1,50 @@
+declare const tabsTheme: {
+    baseStyle?: {
+        tablist: {};
+        tab: {};
+        tabpanel: {};
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
+        }>;
+    };
+    variants?: {
+        default: () => {
+            tab: {
+                borderTopRadius: string;
+                border: string;
+                borderBottom: string;
+                borderColor: string;
+                mr: string;
+                fontWeight: string;
+                _selected: {
+                    bg: string;
+                    borderBottom: string;
+                    border: string;
+                    color: string;
+                    fontWeight: string;
+                    mb: string;
+                };
+                _hover: {
+                    bg: string;
+                    color: string;
+                };
+            };
+            tablist: {};
+            tabpanel: {
+                pt: string;
+                borderTop: string;
+                borderColor: string;
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "default";
+        colorScheme?: string;
+    };
+    parts: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
+};
+export default tabsTheme;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/types/src/theme/su2c/variants/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/su2c/variants/tabs.ts"],"names":[],"mappings":"AA8CA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/types/src/types.d.ts

@@ -0,0 +1,4 @@
+export type TokenColorsType = {
+    [key: string]: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC"}

package/dist/types/static/icons/pause.d.ts

@@ -0,0 +1,3 @@
+declare const PauseIcon: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps>;
+export default PauseIcon;
+//# sourceMappingURL=pause.d.ts.map

package/dist/types/static/icons/pause.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pause.d.ts","sourceRoot":"","sources":["../../../../static/icons/pause.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,qHAIb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/types/static/icons/pdf.d.ts

@@ -0,0 +1,3 @@
+declare const PdfIcon: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps>;
+export default PdfIcon;
+//# sourceMappingURL=pdf.d.ts.map

package/dist/types/static/icons/pdf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf.d.ts","sourceRoot":"","sources":["../../../../static/icons/pdf.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO,qHAGX,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/dist/types/static/icons/play.d.ts

@@ -0,0 +1,3 @@
+declare const PlayIcon: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps>;
+export default PlayIcon;
+//# sourceMappingURL=play.d.ts.map

package/dist/types/static/icons/play.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"play.d.ts","sourceRoot":"","sources":["../../../../static/icons/play.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,QAAQ,qHAIZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/types/static/icons/quote.d.ts

@@ -0,0 +1,3 @@
+declare const QuoteIcon: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", import("@chakra-ui/icon/dist/icon").IconProps>;
+export default QuoteIcon;
+//# sourceMappingURL=quote.d.ts.map

package/dist/types/static/icons/quote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../../static/icons/quote.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,qHAIb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@cruk/chakra-components",
+  "version": "0.1.0-alpha.0",
+  "description": "Chakra UI based components for CRUK - Work In Progress",
+  "main": "./dist/cjs/packages/components/src/index.js",
+  "module": "./dist/esm/packages/components/src/index.js",
+  "types": "./dist/types/src/index.d.ts",
+  "src": "./src",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [],
+  "license": "UNLICENSED",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint src --ext .ts,.tsx",
+    "rollup:build-lib": "rm -rf dist/ && rollup --config",
+    "prepublishOnly": "json -I -f package.json -e \"this.main='./dist/cjs/packages/components/src/index.js'; this.module='./dist/esm/packages/components/src/index.js'; this.types='./dist/types/src/index.d.ts';\" && npm run rollup:build-lib",
+    "postpublish": "json -I -f package.json -e \"this.main='./src/index.ts'; this.module='./src/index.ts'; this.types='./src/index.ts';\""
+  },
+  "dependencies": {
+    "@chakra-ui/anatomy": "^2.2.0",
+    "@chakra-ui/icons": "^2.1.0",
+    "@chakra-ui/react": "^2.7.1",
+    "@chakra-ui/storybook-addon": "^5.0.1",
+    "@storybook/addon-styling": "^1.0.0-next.2",
+    "@storybook/react": "^7.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.22.9",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@chakra-ui/cli": "^2.4.1",
+    "@rollup/plugin-babel": "^5.0.0",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@storybook/addon-a11y": "^7.1.1",
+    "@storybook/addon-essentials": "^7.1.1",
+    "@storybook/addon-interactions": "^7.1.1",
+    "@storybook/addon-links": "^7.1.1",
+    "@storybook/blocks": "^7.1.1",
+    "@storybook/react-webpack5": "^7.1.1",
+    "@storybook/testing-library": "^0.0.14-next.2",
+    "eslint": "8.45.0",
+    "eslint-plugin-storybook": "^0.6.13",
+    "json": "^11.0.0",
+    "prop-types": "^15.8.1",
+    "rollup": "^2.7.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.0",
+    "rollup-plugin-typescript2": "^0.35.0",
+    "storybook": "^7.1.1",
+    "typescript": "^5.1.6"
+  },
+  "peerDependencies": {
+    "@chakra-ui/icons": "^2.1.0",
+    "@chakra-ui/react": "^2.7.1"
+  }
+}