@cruk/chakra-components 0.1.0-alpha.0 → 0.1.0-alpha.1

package/README.md

@@ -0,0 +1,70 @@
+# @cruk/chakra-components
+
+This is a Chakra UI based component library for Cancer Research UK. It's currently a work in progress.
+
+## Installation
+
+You can start using `@cruk/chakra-components` in your project by running the following command:
+
+```bash
+npm i @cruk/chakra-components
+```
+
+Once added to the project, you can use the `ChakraProvider` to wrap your application and provide styled based on the `crukBrand` theme.
+
+```javascript
+import type { AppProps } from "next/app";
+import { ChakraProvider, crukBrand } from "@cruk/chakra-components";
+
+const App = ({ Component, pageProps }: AppProps) => (
+  <ChakraProvider theme={crukBrand}>
+    <Component {...pageProps} />
+  </ChakraProvider>
+);
+
+export default App;
+```
+
+## Documentation
+
+The Storybook documentation for these components can be found at: https://main-site-components.vercel.app
+
+## Chakra UI
+
+The components in this library are based on Chakra UI. Components are being constantly added and will be updated as per the brand teams additions to the new CRUK Design System.
+
+## Theming Components
+
+Components can be extended using a Chakra Theme provider. Here is an example of how a button can be extended:
+
+```javascript
+import type { AppProps } from "next/app";
+import {
+  ChakraProvider,
+  crukBrand,
+  extendTheme,
+} from "@cruk/chakra-components";
+
+// Customise the crukBrand
+const theme = extendTheme({
+  ...crukBrand,
+  components: {
+    Button: {
+      baseStyle: {
+        fontWeight: "bold",
+        // Add your custom values here
+      },
+    },
+  },
+});
+
+const App = ({ Component, pageProps }: AppProps) => (
+  <ChakraProvider theme={theme}>
+    <Component {...pageProps} />
+  </ChakraProvider>
+);
+
+export default App;
+```
+
+Components can also be themed using [Style Props](https://chakra-ui.com/docs/styled-system/style-props)

package/dist/cjs/packages/components/src/components/Button/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("@chakra-ui/react"),u=t.forwardRef((function(u,n){return r.jsx(t.Button,e.__assign({size:{base:"small",lg:"large"},ref:n},u))}));Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return t.ButtonGroup}}),exports.Button=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("@chakra-ui/react"),u=t.forwardRef((function(u,n){return r.jsx(t.Button,e.__assign({ref:n,size:{base:"sm",lg:"lg"}},u))}));Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return t.ButtonGroup}}),exports.Button=u;
 //# sourceMappingURL=index.js.map

package/dist/cjs/packages/components/src/theme/cruk/variants/button.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@chakra-ui/react").defineStyleConfig({baseStyle:{fontFamily:"poppins.light",borderRadius:"none",padding:"0.75rem 1.5rem 0.75rem 1.5rem"},variants:{primary:{color:"buttonPrimaryText",bg:"buttonPrimaryBackground",_hover:{bg:"buttonPrimaryBackgroundHover",_disabled:{color:"buttonPrimaryDisabledText",bg:"buttonPrimaryDisabledBackground"}},_disabled:{color:"buttonPrimaryDisabledText",bg:"buttonPrimaryDisabledBackground",opacity:1}},secondary:{bg:"buttonSecondaryBackground",color:"buttonSecondaryText",border:"1px solid",borderColor:"buttonSecondaryBorder",padding:"0.6875rem 1.4375rem 0.6875rem 1.4375rem",_hover:{color:"buttonSecondaryTextHover",bg:"buttonSecondaryBackgroundHover",border:"none",padding:"0.75rem 1.5rem 0.75rem 1.5rem",_disabled:{color:"buttonSecondaryDisabledText"}},_disabled:{color:"buttonSecondaryDisabledText",opacity:1,borderColor:"buttonSecondaryDisabledBorder",_hover:{border:"1px solid",padding:"0.6875rem 1.4375rem 0.6875rem 1.4375rem"}}},alternative:{bg:"buttonAlternativeBackground",color:"buttonAlternativeText",_hover:{color:"buttonAlternativeTextHover",_disabled:{color:"buttonAlternativeDisabledText",bg:"buttonAlternativeDisabledBackground"}},_disabled:{color:"buttonAlternativeDisabledText",bg:"buttonAlternativeDisabledBackground",opacity:1}},link:{fontFamily:"poppins.medium",fontWeight:"medium",bg:"buttonLinkBackground",color:"buttonLinkText",padding:"none",_hover:{textDecoration:"underline"}},video:{bg:"buttonVideoBackground",color:"buttonVideoText",padding:"1rem"}},sizes:{small:{fontSize:"text.small",lineHeight:"text.small"},large:{fontSize:"text.large",lineHeight:"text.large"}},defaultProps:{variant:"primary"}});exports.buttonTheme=e,exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@chakra-ui/react").defineStyleConfig({baseStyle:{fontFamily:"poppins.light",borderRadius:"none",padding:"0.75rem 1.5rem 0.75rem 1.5rem"},variants:{primary:{color:"buttonPrimaryText",bg:"buttonPrimaryBackground",_hover:{bg:"buttonPrimaryBackgroundHover",_disabled:{color:"buttonPrimaryDisabledText",bg:"buttonPrimaryDisabledBackground"}},_disabled:{color:"buttonPrimaryDisabledText",bg:"buttonPrimaryDisabledBackground",opacity:1}},secondary:{bg:"buttonSecondaryBackground",color:"buttonSecondaryText",border:"1px solid",borderColor:"buttonSecondaryBorder",padding:"0.6875rem 1.4375rem 0.6875rem 1.4375rem",_hover:{color:"buttonSecondaryTextHover",bg:"buttonSecondaryBackgroundHover",border:"none",padding:"0.75rem 1.5rem 0.75rem 1.5rem",_disabled:{color:"buttonSecondaryDisabledText"}},_disabled:{color:"buttonSecondaryDisabledText",opacity:1,borderColor:"buttonSecondaryDisabledBorder",_hover:{border:"1px solid",padding:"0.6875rem 1.4375rem 0.6875rem 1.4375rem"}}},alternative:{bg:"buttonAlternativeBackground",color:"buttonAlternativeText",_hover:{color:"buttonAlternativeTextHover",_disabled:{color:"buttonAlternativeDisabledText",bg:"buttonAlternativeDisabledBackground"}},_disabled:{color:"buttonAlternativeDisabledText",bg:"buttonAlternativeDisabledBackground",opacity:1}},link:{fontFamily:"poppins.medium",fontWeight:"medium",bg:"buttonLinkBackground",color:"buttonLinkText",padding:"none",_hover:{textDecoration:"underline"}},video:{bg:"buttonVideoBackground",color:"buttonVideoText",padding:"1rem"}},sizes:{sm:{fontSize:"text.sm",lineHeight:"text.sm"},lg:{fontSize:"text.lg",lineHeight:"text.lg"}},defaultProps:{variant:"primary"}});exports.buttonTheme=e,exports.default=e;
 //# sourceMappingURL=button.js.map

package/dist/esm/packages/components/src/components/Button/index.js

@@ -1,2 +1,2 @@
-import{__assign as r}from"../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{forwardRef as a,Button as o}from"@chakra-ui/react";export{ButtonGroup}from"@chakra-ui/react";var e=a((function(a,e){return t(o,r({size:{base:"small",lg:"large"},ref:e},a))}));export{e as Button};
+import{__assign as r}from"../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{forwardRef as o,Button as a}from"@chakra-ui/react";export{ButtonGroup}from"@chakra-ui/react";var e=o((function(o,e){return t(a,r({ref:e,size:{base:"sm",lg:"lg"}},o))}));export{e as Button};
 //# sourceMappingURL=index.js.map

package/dist/esm/packages/components/src/theme/cruk/variants/button.js

@@ -1,2 +1,2 @@
-import{defineStyleConfig as e}from"@chakra-ui/react";var o=e({baseStyle:{fontFamily:"poppins.light",borderRadius:"none",padding:"0.75rem 1.5rem 0.75rem 1.5rem"},variants:{primary:{color:"buttonPrimaryText",bg:"buttonPrimaryBackground",_hover:{bg:"buttonPrimaryBackgroundHover",_disabled:{color:"buttonPrimaryDisabledText",bg:"buttonPrimaryDisabledBackground"}},_disabled:{color:"buttonPrimaryDisabledText",bg:"buttonPrimaryDisabledBackground",opacity:1}},secondary:{bg:"buttonSecondaryBackground",color:"buttonSecondaryText",border:"1px solid",borderColor:"buttonSecondaryBorder",padding:"0.6875rem 1.4375rem 0.6875rem 1.4375rem",_hover:{color:"buttonSecondaryTextHover",bg:"buttonSecondaryBackgroundHover",border:"none",padding:"0.75rem 1.5rem 0.75rem 1.5rem",_disabled:{color:"buttonSecondaryDisabledText"}},_disabled:{color:"buttonSecondaryDisabledText",opacity:1,borderColor:"buttonSecondaryDisabledBorder",_hover:{border:"1px solid",padding:"0.6875rem 1.4375rem 0.6875rem 1.4375rem"}}},alternative:{bg:"buttonAlternativeBackground",color:"buttonAlternativeText",_hover:{color:"buttonAlternativeTextHover",_disabled:{color:"buttonAlternativeDisabledText",bg:"buttonAlternativeDisabledBackground"}},_disabled:{color:"buttonAlternativeDisabledText",bg:"buttonAlternativeDisabledBackground",opacity:1}},link:{fontFamily:"poppins.medium",fontWeight:"medium",bg:"buttonLinkBackground",color:"buttonLinkText",padding:"none",_hover:{textDecoration:"underline"}},video:{bg:"buttonVideoBackground",color:"buttonVideoText",padding:"1rem"}},sizes:{small:{fontSize:"text.small",lineHeight:"text.small"},large:{fontSize:"text.large",lineHeight:"text.large"}},defaultProps:{variant:"primary"}});export{o as buttonTheme,o as default};
+import{defineStyleConfig as e}from"@chakra-ui/react";var o=e({baseStyle:{fontFamily:"poppins.light",borderRadius:"none",padding:"0.75rem 1.5rem 0.75rem 1.5rem"},variants:{primary:{color:"buttonPrimaryText",bg:"buttonPrimaryBackground",_hover:{bg:"buttonPrimaryBackgroundHover",_disabled:{color:"buttonPrimaryDisabledText",bg:"buttonPrimaryDisabledBackground"}},_disabled:{color:"buttonPrimaryDisabledText",bg:"buttonPrimaryDisabledBackground",opacity:1}},secondary:{bg:"buttonSecondaryBackground",color:"buttonSecondaryText",border:"1px solid",borderColor:"buttonSecondaryBorder",padding:"0.6875rem 1.4375rem 0.6875rem 1.4375rem",_hover:{color:"buttonSecondaryTextHover",bg:"buttonSecondaryBackgroundHover",border:"none",padding:"0.75rem 1.5rem 0.75rem 1.5rem",_disabled:{color:"buttonSecondaryDisabledText"}},_disabled:{color:"buttonSecondaryDisabledText",opacity:1,borderColor:"buttonSecondaryDisabledBorder",_hover:{border:"1px solid",padding:"0.6875rem 1.4375rem 0.6875rem 1.4375rem"}}},alternative:{bg:"buttonAlternativeBackground",color:"buttonAlternativeText",_hover:{color:"buttonAlternativeTextHover",_disabled:{color:"buttonAlternativeDisabledText",bg:"buttonAlternativeDisabledBackground"}},_disabled:{color:"buttonAlternativeDisabledText",bg:"buttonAlternativeDisabledBackground",opacity:1}},link:{fontFamily:"poppins.medium",fontWeight:"medium",bg:"buttonLinkBackground",color:"buttonLinkText",padding:"none",_hover:{textDecoration:"underline"}},video:{bg:"buttonVideoBackground",color:"buttonVideoText",padding:"1rem"}},sizes:{sm:{fontSize:"text.sm",lineHeight:"text.sm"},lg:{fontSize:"text.lg",lineHeight:"text.lg"}},defaultProps:{variant:"primary"}});export{o as buttonTheme,o as default};
 //# sourceMappingURL=button.js.map

package/dist/types/src/components/Card/index.d.ts

@@ -1,24 +1,24 @@
 import { As, CardProps as ChakraCardProps, ComponentWithAs, GridProps } from "@chakra-ui/react";
-interface IconProps {
+type IconProps = {
     name: string;
     color?: string;
-}
-interface ImageProps {
+};
+type ImageProps = {
     as?: As;
     src: string;
     alt: string;
     width?: number;
     height?: number;
-}
-interface ButtonProps {
+};
+type ButtonProps = {
     as?: As;
     displayText: string;
-}
-interface LinkProps {
+};
+type LinkProps = {
     as?: As;
     href: string;
     displayText: string;
-}
+};
 type CardProps = ChakraCardProps & {
     step?: number;
     heading?: string;

package/dist/types/src/components/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,EAAE,EAIF,SAAS,IAAI,eAAe,EAE5B,eAAe,EAEf,SAAS,EAGV,MAAM,kBAAkB,CAAC;AAW1B,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,WAAW;IACnB,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,KAAK,SAAS,GAAG,eAAe,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,KAAK,cAAc,GAAG,SAAS,GAAG;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,IAAI,mCAuFR,CAAC;AAEH,QAAA,MAAM,SAAS,wCAyCb,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,EAAE,EAIF,SAAS,IAAI,eAAe,EAE5B,eAAe,EAEf,SAAS,EAGV,MAAM,kBAAkB,CAAC;AAW1B,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,EAAE,CAAC;IACR,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,SAAS,GAAG,eAAe,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,KAAK,cAAc,GAAG,SAAS,GAAG;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,IAAI,mCAuFR,CAAC;AAEH,QAAA,MAAM,SAAS,wCAyCb,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,CAAC"}

package/dist/types/src/components/Link/index.d.ts

@@ -1,12 +1,12 @@
 import { ComponentWithAs, IconProps, LinkOverlay, LinkOverlayProps, LinkProps } from "@chakra-ui/react";
-interface FileIconType {
+type FileIconType = {
     pdf: ComponentWithAs<"svg", IconProps>;
-}
-interface FileLinkProps extends LinkProps {
+};
+type FileLinkProps = LinkProps & {
     fileType?: keyof FileIconType;
     fileSize?: string;
     variant?: "inline" | "file" | "external";
-}
+};
 declare const Link: ComponentWithAs<"a" | "p", FileLinkProps>;
 export { Link, LinkOverlay, type LinkOverlayProps, type LinkProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EAGf,SAAS,EAET,WAAW,EACX,gBAAgB,EAChB,SAAS,EACV,MAAM,kBAAkB,CAAC;AAK1B,UAAU,YAAY;IACpB,GAAG,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;CACxC;AAED,UAAU,aAAc,SAAQ,SAAS;IACvC,QAAQ,CAAC,EAAE,MAAM,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;CAC1C;AAoCD,QAAA,MAAM,IAAI,2CAYR,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EAGf,SAAS,EAET,WAAW,EACX,gBAAgB,EAChB,SAAS,EACV,MAAM,kBAAkB,CAAC;AAK1B,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;CAC1C,CAAC;AAoCF,QAAA,MAAM,IAAI,2CAYR,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,CAAC"}

package/dist/types/src/components/Loader/Dot.d.ts

@@ -1,7 +1,8 @@
-export interface DotProps {
+type DotProps = {
     color: string;
     delay: number;
-}
+};
 declare const Dot: ({ color, delay }: DotProps) => import("react/jsx-runtime").JSX.Element;
+export { type DotProps };
 export default Dot;
 //# sourceMappingURL=Dot.d.ts.map

package/dist/types/src/components/Loader/Dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loader/Dot.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAOD,QAAA,MAAM,GAAG,qBAAsB,QAAQ,4CAQtC,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loader/Dot.tsx"],"names":[],"mappings":"AAIA,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAOF,QAAA,MAAM,GAAG,qBAAsB,QAAQ,4CAQtC,CAAC;AAEF,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;AACzB,eAAe,GAAG,CAAC"}

package/dist/types/src/components/Radio/RadioTileGroup.d.ts

@@ -1,8 +1,8 @@
-interface TileGroupProps {
+type TileGroupProps = {
     name: string;
     options: Array<string>;
     defaultOption: string;
-}
+};
 declare const RadioTileGroup: (props: TileGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioTileGroup;
 //# sourceMappingURL=RadioTileGroup.d.ts.map

package/dist/types/src/components/Radio/RadioTileGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioTileGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/RadioTileGroup.tsx"],"names":[],"mappings":"AAQA,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAuCD,QAAA,MAAM,cAAc,UAAW,cAAc,4CAuB5C,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RadioTileGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/RadioTileGroup.tsx"],"names":[],"mappings":"AAQA,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAuCF,QAAA,MAAM,cAAc,UAAW,cAAc,4CAuB5C,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -5,11 +5,11 @@ export declare const buttonTheme: {
         padding: string;
     };
     sizes?: {
-        small: {
+        sm: {
             fontSize: string;
             lineHeight: string;
         };
-        large: {
+        lg: {
             fontSize: string;
             lineHeight: string;
         };
@@ -89,7 +89,7 @@ export declare const buttonTheme: {
         };
     };
     defaultProps?: {
-        size?: "small" | "large";
+        size?: "sm" | "lg";
         variant?: "link" | "primary" | "secondary" | "alternative" | "video";
         colorScheme?: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/chakra-components",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.1",
   "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",