@dtdot/lego 2.0.0-9 → 2.1.0

package/build/index.d.ts

@@ -12,7 +12,9 @@ export { default as Card } from './components/Card/Card.component';
 export { default as CardGroup } from './components/Card/CardGroup.component';
 export { default as Checklist } from './components/Checklist/Checklist.component';
 export { default as ControlGroup } from './components/ControlGroup/ControlGroup.component';
+export { default as ControlLine } from './components/ControlLine/ControlLine.component';
 export { default as FancyCheckbox } from './components/FancyCheckbox/FancyCheckbox.component';
+export { default as FloatingActionButton } from './components/FloatingActionButton/FloatingActionButton.component';
 export { default as Form } from './components/Form/Form.component';
 export { default as Notification } from './components/Notification/Notification.component';
 export { default as Notifications } from './components/Notifications/Notifications.component';
@@ -38,6 +40,7 @@ export { default as Swimlane } from './components/Swimlane/Swimlane.component';
 export { default as Table } from './components/Table/Table.component';
 export { default as Text } from './components/Text/Text.component';
 export { default as TextArea } from './components/TextArea/TextArea.component';
+export { default as Toggle } from './components/Toggle/Toggle.component';
 export { default as LoginScreen } from './screens/Login/Login.screen';
 export { default as RegisterScreen } from './screens/Register/Register.screen';
 export { default as VerificationScreen } from './screens/Verification/Verification.screen';
@@ -55,5 +58,6 @@ export { LoginData } from './screens/Login/Login.screen';
 export { VerificationData } from './screens/Verification/Verification.screen';
 export { default as FileContext } from './contexts/File.context';
 export { ButtonProps as ButtonProps } from './components/Button/Button.component';
+export { ToggleProps } from './components/Toggle/Toggle.component';
 export { default as menuHelpers } from './components/Menu/menu.helpers';
 export { default as responsive } from './responsive/responsive';

package/build/index.js

@@ -12,7 +12,9 @@ export { default as Card } from './components/Card/Card.component';
 export { default as CardGroup } from './components/Card/CardGroup.component';
 export { default as Checklist } from './components/Checklist/Checklist.component';
 export { default as ControlGroup } from './components/ControlGroup/ControlGroup.component';
+export { default as ControlLine } from './components/ControlLine/ControlLine.component';
 export { default as FancyCheckbox } from './components/FancyCheckbox/FancyCheckbox.component';
+export { default as FloatingActionButton } from './components/FloatingActionButton/FloatingActionButton.component';
 export { default as Form } from './components/Form/Form.component';
 export { default as Notification } from './components/Notification/Notification.component';
 export { default as Notifications } from './components/Notifications/Notifications.component';
@@ -38,6 +40,7 @@ export { default as Swimlane } from './components/Swimlane/Swimlane.component';
 export { default as Table } from './components/Table/Table.component';
 export { default as Text } from './components/Text/Text.component';
 export { default as TextArea } from './components/TextArea/TextArea.component';
+export { default as Toggle } from './components/Toggle/Toggle.component';
 export { default as LoginScreen } from './screens/Login/Login.screen';
 export { default as RegisterScreen } from './screens/Register/Register.screen';
 export { default as VerificationScreen } from './screens/Verification/Verification.screen';

package/build/screens/Login/Login.screen.js

@@ -47,14 +47,14 @@ const LoginScreen = ({ loading, error, handleLogin, onRegisterClicked }) => {
         React.createElement(Form, { value: value, onChange: setValue, onSubmit: () => handleLogin(value) },
             React.createElement(ControlGroup, null,
                 React.createElement(ErrorText, null, error),
-                React.createElement(Input, { name: 'email', placeholder: 'Email', type: 'text', "data-cy": 'input-email' }),
-                React.createElement(Input, { name: 'password', placeholder: 'Password', type: 'password', "data-cy": 'input-password' }),
+                React.createElement(Input, { name: 'email', placeholder: 'Email', type: 'text', "data-testid": 'input-email' }),
+                React.createElement(Input, { name: 'password', placeholder: 'Password', type: 'password', "data-testid": 'input-password' }),
                 React.createElement(ControlGroup.Spacer, null),
-                React.createElement(Button, { type: 'submit', loading: loading, "data-cy": 'button-login' }, "Login"))),
+                React.createElement(Button, { type: 'submit', loading: loading, "data-testid": 'button-login' }, "Login"))),
         React.createElement(Spacer, { size: '6x' }),
         React.createElement(CreateAccountMessage, null,
             `Don't have an account?`,
             ' ',
-            React.createElement(CreateAccountButton, { onClick: onRegisterClicked, "data-cy": 'button-register' }, "sign up now"))));
+            React.createElement(CreateAccountButton, { onClick: onRegisterClicked, "data-testid": 'button-register' }, "sign up now"))));
 };
 export default LoginScreen;

package/build/screens/Register/Register.screen.js

@@ -24,9 +24,9 @@ const RegisterScreen = ({ loading, error, handleRegister }) => {
         React.createElement(Form, { value: value, onChange: setValue, onSubmit: () => handleRegister(value) },
             React.createElement(ControlGroup, null,
                 React.createElement(ErrorText, null, error),
-                React.createElement(Input, { name: 'email', placeholder: 'Email', type: 'text', "data-cy": 'input-email' }),
-                React.createElement(Input, { name: 'password', placeholder: 'Password', type: 'password', "data-cy": 'input-password' }),
+                React.createElement(Input, { name: 'email', placeholder: 'Email', type: 'text', "data-testid": 'input-email' }),
+                React.createElement(Input, { name: 'password', placeholder: 'Password', type: 'password', "data-testid": 'input-password' }),
                 React.createElement(ControlGroup.Spacer, null),
-                React.createElement(Button, { type: 'submit', loading: loading, "data-cy": 'button-register' }, "Create Account")))));
+                React.createElement(Button, { type: 'submit', loading: loading, "data-testid": 'button-register' }, "Create Account")))));
 };
 export default RegisterScreen;

package/build/screens/Verification/Verification.screen.js

@@ -32,8 +32,8 @@ const VerificationScreen = ({ message, loading, error, handleVerification }) =>
         React.createElement(Form, { value: value, onChange: setValue, onSubmit: () => handleVerification(value) },
             React.createElement(ControlGroup, null,
                 React.createElement(ErrorText, null, error),
-                React.createElement(Input, { name: 'code', placeholder: 'code', type: 'text', "data-cy": 'input-verification-code' }),
+                React.createElement(Input, { name: 'code', placeholder: 'code', type: 'text', "data-testid": 'input-verification-code' }),
                 React.createElement(ControlGroup.Spacer, null),
-                React.createElement(Button, { type: 'submit', loading: loading, "data-cy": 'button-verify' }, "Verify")))));
+                React.createElement(Button, { type: 'submit', loading: loading, "data-testid": 'button-verify' }, "Verify")))));
 };
 export default VerificationScreen;

package/build/shared/ControlStyles.js

@@ -16,7 +16,7 @@ export const ControlStyles = css `
   color: ${(props) => getThemeControlColours(props.theme).font};
   background-color: ${(props) => getThemeControlColours(props.theme).background};
 
-  border: 1px solid ${(props) => getThemeControlColours(props.theme).border};
+  border: 1px solid ${(props) => getThemeControlColours(props.theme).background};
   border-radius: 2px;
 
   &:hover {

package/build/theme/dark.theme.js

@@ -35,9 +35,11 @@ const darkTheme = {
         faintBorder: '#cccccc1f',
         controlBackground: '#5e6167',
         controlBackgroundDisabled: '#47494d',
-        controlBorder: '#565656',
+        controlBorder: '#595b5e',
+        // controlBorder: '#565656',
         controlBorderFocus: '#4289de',
-        controlBorderHover: '#4a4949',
+        controlBorderHover: '#686c74',
+        // controlBorderHover: '#4a4949',
         controlPlaceholder: '#949494',
         controlDescriptionColour: '#cbcbcb',
         uploadBackground: '#5e6167',

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dtdot/lego",
-  "version": "2.0.0-9",
+  "version": "2.1.0",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {
     "build": "tsc",
     "start": "start-storybook -p 6006 --no-open",
     "watch": "npm run build -- --watch",
-    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
+    "lint": "eslint src",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "pretty": "prettier --write \"./**/*.{js,jsx,ts,tsx,json}\""
@@ -15,14 +15,21 @@
   "author": "Simon Pratt <19920260+simonpratt@users.noreply.github.com>",
   "license": "ISC",
   "files": [
-    "build"
+    "build",
+    "README.md",
+    "LICENSE"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/simonpratt/lego.git"
+  },
+  "homepage": "https://dtdot-lego.pages.dev/",
   "devDependencies": {
     "@babel/cli": "^7.20.7",
     "@babel/core": "^7.20.7",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@dtdot/eslint-config": "^0.0.6",
+    "@dtdot/eslint-config": "^0.0.9-15",
     "@storybook/addon-actions": "^6.5.15",
     "@storybook/addon-essentials": "^6.5.15",
     "@storybook/addon-interactions": "^6.5.15",
@@ -31,7 +38,6 @@
     "@storybook/manager-webpack5": "^6.5.15",
     "@storybook/react": "^6.5.15",
     "@storybook/testing-library": "^0.0.13",
-    "@trivago/prettier-plugin-sort-imports": "^4.0.0",
     "@types/identicon.js": "^2.3.1",
     "@types/qrcode": "^1.5.0",
     "@types/react": "^18.0.26",
@@ -40,15 +46,9 @@
     "@types/styled-components": "^5.1.26",
     "@types/tinycolor2": "^1.4.3",
     "@types/uuid": "^9.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "@typescript-eslint/parser": "^5.47.0",
     "babel-loader": "^9.1.0",
-    "eslint": "^8.30.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.8.1",
+    "eslint": "^8.57.0",
+    "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": "^5.3.5",
@@ -57,7 +57,7 @@
   "peerDependencies": {
     "react": "16 - 18",
     "react-dom": "16 - 18",
-    "styled-components": "5.x"
+    "styled-components": ">= 5"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.2.1",

package/build/components/MinimalMenu/mobile/_MobileMenuBump.component.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const MobileMenuBump: () => JSX.Element;
-export default MobileMenuBump;

package/build/components/MinimalMenu/mobile/_MobileMenuBump.component.js

@@ -1,4 +0,0 @@
-import React from 'react';
-const MobileMenuBump = () => (React.createElement("svg", { width: '86', height: '24', viewBox: '0 0 86 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M86 19C86 26.6902 62.4543 22.5 41.5 22.5C22 22 0 25.1902 0 19C9 18.1902 9.91176 16.75 17.5 10.5C25.0882 4.25 31.6176 0.0597534 43 0.0597534C54.3824 0.0597534 61.4118 4.75 69 11C76.5882 17.25 79.5 18.1902 86 19Z' })));
-export default MobileMenuBump;

package/build/components/MinimalMenu/mobile/_MobileMenuBump.context.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface MobileMenuBumpContextProps {
-    setBumpX: (offset?: number) => void;
-}
-declare const MobileMenuBumpContext: import("react").Context<MobileMenuBumpContextProps>;
-export default MobileMenuBumpContext;

package/build/components/MinimalMenu/mobile/_MobileMenuBump.context.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-const MobileMenuBumpContext = createContext({
-    // eslint-disable-next-line
-    setBumpX: (offset) => { },
-});
-export default MobileMenuBumpContext;