@dtdot/lego 0.18.5 → 0.18.8

package/build/components/Button/Button.component.d.ts

@@ -4,7 +4,7 @@ export interface ButtonProps {
     children: React.ReactChild;
     loading?: boolean;
     variant?: ColourVariant;
-    type?: 'submit';
+    type?: 'submit' | 'button';
     onClick?: () => void;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;

package/build/components/Button/Button.component.js

@@ -54,7 +54,7 @@ const ButtonSpinner = styled.div `
   }
 `;
 const Button = React.forwardRef(function Button(props, ref) {
-    const { children, loading, variant = 'primary', type, onClick } = props;
+    const { children, loading, variant = 'primary', type = 'button', onClick } = props;
     const { width, height, alignSelf, marginTop } = useContext(ButtonContext);
     return (React.createElement(StyledButton, { ref: ref, width: width, height: height, alignSelf: alignSelf, marginTop: marginTop, variant: variant, type: type, onClick: onClick }, loading ? React.createElement(ButtonSpinner, { variant: variant }) : children));
 });

package/build/components/ButtonGroup/ButtonGroup.component.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface ButtonGroupProps {
+    alignment?: 'left' | 'right';
     children: React.ReactNode;
 }
-declare const ButtonGroup: ({ children }: ButtonGroupProps) => JSX.Element;
+declare const ButtonGroup: ({ children, alignment }: ButtonGroupProps) => JSX.Element;
 export default ButtonGroup;

package/build/components/ButtonGroup/ButtonGroup.component.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 const ButtonGroupDiv = styled.div `
   display: flex;
+  justify-content: ${(props) => (props.alignment === 'left' ? 'flex-start' : 'flex-end')};
 
   & > * {
     margin-right: 8px;
@@ -11,7 +12,7 @@ const ButtonGroupDiv = styled.div `
     }
   }
 `;
-const ButtonGroup = ({ children }) => {
-    return React.createElement(ButtonGroupDiv, null, children);
+const ButtonGroup = ({ children, alignment = 'left' }) => {
+    return React.createElement(ButtonGroupDiv, { alignment: alignment }, children);
 };
 export default ButtonGroup;

package/build/components/ButtonGroup/ButtonGroup.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Meta } from '@storybook/react/types-6-0';
 export declare const Standard: () => JSX.Element;
+export declare const RightAligned: () => JSX.Element;
 export declare const TwoPrimary: () => JSX.Element;
 export declare const SquareButtons: () => JSX.Element;
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;

package/build/components/ButtonGroup/ButtonGroup.stories.js

@@ -4,6 +4,9 @@ import { ButtonGroup, Button, SquareButton } from '../..';
 export const Standard = () => (React.createElement(ButtonGroup, null,
     React.createElement(Button, { variant: 'secondary' }, "Cancel"),
     React.createElement(Button, null, "Create")));
+export const RightAligned = () => (React.createElement(ButtonGroup, { alignment: 'right' },
+    React.createElement(Button, { variant: 'secondary' }, "Cancel"),
+    React.createElement(Button, null, "Create")));
 export const TwoPrimary = () => (React.createElement(ButtonGroup, null,
     React.createElement(Button, null, "No"),
     React.createElement(Button, null, "Yes")));

package/build/index.d.ts

@@ -1,4 +1,6 @@
 export { default as BodyStyle } from './global/BodyStyle.component';
+export { default as DefaultThemeProvider } from './theme/providers/DefaultTheme.provider';
+export { default as DarkThemeProvider } from './theme/providers/DarkTheme.provider';
 export { default as ActionMenu } from './components/ActionMenu/ActionMenu.component';
 export { default as ActionMessage } from './components/ActionMessage/ActionMessage.component';
 export { default as Alert } from './components/Alert/Alert.component';

package/build/index.js

@@ -1,4 +1,6 @@
 export { default as BodyStyle } from './global/BodyStyle.component';
+export { default as DefaultThemeProvider } from './theme/providers/DefaultTheme.provider';
+export { default as DarkThemeProvider } from './theme/providers/DarkTheme.provider';
 export { default as ActionMenu } from './components/ActionMenu/ActionMenu.component';
 export { default as ActionMessage } from './components/ActionMessage/ActionMessage.component';
 export { default as Alert } from './components/Alert/Alert.component';

package/build/theme/providers/DarkTheme.provider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DarkThemeProviderProps {
+    children: React.ReactNode;
+}
+declare const DarkThemeProvider: ({ children }: DarkThemeProviderProps) => JSX.Element;
+export default DarkThemeProvider;

package/build/theme/providers/DarkTheme.provider.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ThemeProvider } from 'styled-components';
+import { Themes } from '../..';
+import BodyStyle from '../../global/BodyStyle.component';
+const DarkThemeProvider = ({ children }) => (React.createElement(ThemeProvider, { theme: Themes.dark },
+    React.createElement(BodyStyle, null),
+    children));
+export default DarkThemeProvider;

package/build/theme/providers/DefaultTheme.provider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DefaultThemeProviderProps {
+    children: React.ReactNode;
+}
+declare const DefaultThemeProvider: ({ children }: DefaultThemeProviderProps) => JSX.Element;
+export default DefaultThemeProvider;

package/build/theme/providers/DefaultTheme.provider.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ThemeProvider } from 'styled-components';
+import { Themes } from '../..';
+import BodyStyle from '../../global/BodyStyle.component';
+const DefaultThemeProvider = ({ children }) => (React.createElement(ThemeProvider, { theme: Themes.default },
+    React.createElement(BodyStyle, null),
+    children));
+export default DefaultThemeProvider;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dtdot/lego",
-  "version": "0.18.5",
+  "version": "0.18.8",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {
     "build": "tsc",
-    "start": "start-storybook -p 6006",
+    "start": "start-storybook -p 6006 --no-open",
     "watch": "npm run build -- --watch",
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
     "storybook": "start-storybook -p 6006",