@ltht-react/styles - npm Package Compare versions

Comparing version 0.2.1 to 1.0.0

CHANGELOG.md

@@ -6,14 +6,18 @@ # Change Log
 
-## [0.2.1](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/styles@0.1.20...@ltht-react/styles@0.2.1) (2021-01-22)
+## [0.1.20](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/styles@0.1.18...@ltht-react/styles@0.1.20) (2020-11-19)
 
+**Note:** Version bump only for package @ltht-react/styles
 
-### Reverts
 
-* Revert "refactor components and fix styles" ([b0c5fd8](https://github.com/ltht-epr/ltht-react/commit/b0c5fd89836aa7c47afe96aeccefd955a06dd50b))
-* Revert "Publish" ([833cdd7](https://github.com/ltht-epr/ltht-react/commit/833cdd729f74c9fee22fa55530a6ec5552f438ea))
 
 
 
+## [0.1.19](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/styles@0.1.18...@ltht-react/styles@0.1.19) (2020-10-29)
 
+**Note:** Version bump only for package @ltht-react/styles
 
+
+
+
+
 ## [0.1.18](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/styles@0.1.17...@ltht-react/styles@0.1.18) (2020-09-10)
@@ -20,0 +24,0 @@

lib/atoms/colours.d.ts

@@ -39,2 +39,3 @@ export declare const INPUT_COLOURS: {
 export declare const CARD_LIST_ITEM_BORDER_HOVER = "#b0b0b0";
+export declare const CARD_LIST_ITEM_SELECTED_BACKGROUND: string;
 export declare const PATIENT_BANNER_DECEASED_BACKGROUND_COLOUR = "#231f20";
@@ -44,2 +45,4 @@ export declare const PATIENT_BANNER_BACKGROUND_COLOUR = "#56008c";
 export declare const PATIENT_BANNER_LABEL_COLOUR = "#CCC";
+export declare const PATIENT_NHS_NUMBER_STATUS_VERIFIED = "#4cc552";
+export declare const PATIENT_NHS_NUMBER_STATUS_NOT_VERIFIED = "#f33";
 export declare const BTN_COLOURS: {
@@ -73,21 +76,29 @@ DEFAULT: {
     DEFAULT: {
-        VALUE: string;
+        BACKGROUND: string;
         TEXT: string;
+        BORDER: string;
+        ICON: string;
+        HOVER: string;
     };
-    PRIMARY: {
-        VALUE: string;
-        TEXT: string;
-    };
     INFO: {
-        VALUE: string;
+        BACKGROUND: string;
         TEXT: string;
+        BORDER: string;
+        ICON: string;
+        HOVER: string;
     };
     WARNING: {
-        VALUE: string;
+        BACKGROUND: string;
         TEXT: string;
+        BORDER: string;
+        ICON: string;
+        HOVER: string;
     };
-    ERROR: {
-        VALUE: string;
+    DANGER: {
+        BACKGROUND: string;
         TEXT: string;
+        BORDER: string;
+        ICON: string;
+        HOVER: string;
     };
 };

lib/atoms/colours.js

@@ -17,3 +17,3 @@ "use strict";
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
@@ -23,3 +23,3 @@ return result;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BANNER_COLOURS = exports.BTN_COLOURS = exports.PATIENT_BANNER_LABEL_COLOUR = exports.PATIENT_BANNER_TEXT_COLOUR = exports.PATIENT_BANNER_BACKGROUND_COLOUR = exports.PATIENT_BANNER_DECEASED_BACKGROUND_COLOUR = exports.CARD_LIST_ITEM_BORDER_HOVER = exports.CARD_LIST_ITEM_BORDER_COLOUR = exports.CARD_LIST_ITEM_BACKGROUND_HOVER = exports.CARD_SHADOW_COLOUR = exports.CARD_BORDER_COLOUR = exports.CARD_BACKGROUND_COLOUR_NO_DATA = exports.CARD_BACKGROUND_COLOUR = exports.EFORM_BACKGROUND_COLOUR = exports.ICON_COLOURS = exports.TEXT_COLOURS = exports.INPUT_COLOURS = void 0;
+exports.BANNER_COLOURS = exports.BTN_COLOURS = exports.PATIENT_NHS_NUMBER_STATUS_NOT_VERIFIED = exports.PATIENT_NHS_NUMBER_STATUS_VERIFIED = exports.PATIENT_BANNER_LABEL_COLOUR = exports.PATIENT_BANNER_TEXT_COLOUR = exports.PATIENT_BANNER_BACKGROUND_COLOUR = exports.PATIENT_BANNER_DECEASED_BACKGROUND_COLOUR = exports.CARD_LIST_ITEM_SELECTED_BACKGROUND = exports.CARD_LIST_ITEM_BORDER_HOVER = exports.CARD_LIST_ITEM_BORDER_COLOUR = exports.CARD_LIST_ITEM_BACKGROUND_HOVER = exports.CARD_SHADOW_COLOUR = exports.CARD_BORDER_COLOUR = exports.CARD_BACKGROUND_COLOUR_NO_DATA = exports.CARD_BACKGROUND_COLOUR = exports.EFORM_BACKGROUND_COLOUR = exports.ICON_COLOURS = exports.TEXT_COLOURS = exports.INPUT_COLOURS = void 0;
 var colours = __importStar(require("./nhs-colours"));
@@ -52,2 +52,3 @@ exports.INPUT_COLOURS = {
 exports.CARD_LIST_ITEM_BORDER_HOVER = '#b0b0b0';
+exports.CARD_LIST_ITEM_SELECTED_BACKGROUND = colours.NHS_LIGHT_GREEN.LIGHTER75;
 exports.PATIENT_BANNER_DECEASED_BACKGROUND_COLOUR = colours.NHS_BLACK;
@@ -57,2 +58,4 @@ exports.PATIENT_BANNER_BACKGROUND_COLOUR = '#56008c';
 exports.PATIENT_BANNER_LABEL_COLOUR = '#CCC';
+exports.PATIENT_NHS_NUMBER_STATUS_VERIFIED = '#4cc552';
+exports.PATIENT_NHS_NUMBER_STATUS_NOT_VERIFIED = '#f33';
 exports.BTN_COLOURS = {
@@ -86,22 +89,30 @@ DEFAULT: {
     DEFAULT: {
-        VALUE: colours.NHS_DARK_BLUE.VALUE,
-        TEXT: colours.NHS_BLACK,
+        BACKGROUND: '#edecec',
+        TEXT: '#626262',
+        BORDER: '#e4e4e4',
+        ICON: '#919090',
+        HOVER: '#c8c5c5',
     },
-    PRIMARY: {
-        VALUE: colours.NHS_DARK_BLUE.VALUE,
-        TEXT: colours.NHS_WHITE,
-    },
     INFO: {
-        VALUE: colours.NHS_TRANSLUCENT_BRIGHT_BLUE,
-        TEXT: colours.NHS_DARK_BLUE.VALUE,
+        BACKGROUND: '#cbdbee',
+        TEXT: '#0053c3',
+        BORDER: '#bdd2ec',
+        ICON: '#107dbd',
+        HOVER: '#b2cae6',
     },
     WARNING: {
-        VALUE: colours.NHS_TRANSLUCENT_WARM_YELLOW,
-        TEXT: colours.NHS_ORANGE,
+        BACKGROUND: '#fef3cd',
+        TEXT: '#926100',
+        BORDER: '#faeab4',
+        ICON: '#ffa500',
+        HOVER: '#faeab1',
     },
-    ERROR: {
-        VALUE: colours.NHS_DARK_RED,
-        TEXT: colours.NHS_WHITE,
+    DANGER: {
+        BACKGROUND: '#eeacbd',
+        TEXT: '#a41e40',
+        BORDER: '#ec9bb0',
+        ICON: '#f50b47',
+        HOVER: '#ea94aa',
     },
 };
 //# sourceMappingURL=colours.js.map

lib/atoms/css-reset.js

@@ -10,5 +10,5 @@ "use strict";
 var media_queries_1 = require("./media-queries");
-var CSS_RESET = core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & *,\n  & ::before,\n  & ::after {\n    box-sizing: border-box;\n    padding: 0;\n    margin: 0;\n  }\n  & * {\n    margin: 0;\n    padding: 0;\n  }\n  color: ", ";\n  font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 0.8rem;\n\n  & h3 {\n    font-size: 1rem;\n  }\n\n  ", " {\n    font-size: 0.9rem;\n    & h3 {\n      font-size: 1.1rem;\n    }\n  }\n  ", " {\n    font-size: 1rem;\n    & h3 {\n      font-size: 1.2rem;\n    }\n  }\n  ", " {\n    font-size: 1.1rem;\n    & h3 {\n      font-size: 1.3rem;\n    }\n  }\n"], ["\n  & *,\n  & ::before,\n  & ::after {\n    box-sizing: border-box;\n    padding: 0;\n    margin: 0;\n  }\n  & * {\n    margin: 0;\n    padding: 0;\n  }\n  color: ", ";\n  font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 0.8rem;\n\n  & h3 {\n    font-size: 1rem;\n  }\n\n  ", " {\n    font-size: 0.9rem;\n    & h3 {\n      font-size: 1.1rem;\n    }\n  }\n  ", " {\n    font-size: 1rem;\n    & h3 {\n      font-size: 1.2rem;\n    }\n  }\n  ", " {\n    font-size: 1.1rem;\n    & h3 {\n      font-size: 1.3rem;\n    }\n  }\n"])), colours_1.TEXT_COLOURS.PRIMARY, media_queries_1.TABLET_MEDIA_QUERY, media_queries_1.DESKTOP_MEDIA_QUERY, media_queries_1.WIDESCREEN_MEDIA_QUERY);
+var CSS_RESET = core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 0.8rem;\n\n  & h3 {\n    font-size: 1rem;\n  }\n\n  ", " {\n    font-size: 0.9rem;\n    & h3 {\n      font-size: 1.1rem;\n    }\n  }\n  ", " {\n    font-size: 1rem;\n    & h3 {\n      font-size: 1.2rem;\n    }\n  }\n  ", " {\n    font-size: 1.1rem;\n    & h3 {\n      font-size: 1.3rem;\n    }\n  }\n"], ["\n  color: ", ";\n  font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 0.8rem;\n\n  & h3 {\n    font-size: 1rem;\n  }\n\n  ", " {\n    font-size: 0.9rem;\n    & h3 {\n      font-size: 1.1rem;\n    }\n  }\n  ", " {\n    font-size: 1rem;\n    & h3 {\n      font-size: 1.2rem;\n    }\n  }\n  ", " {\n    font-size: 1.1rem;\n    & h3 {\n      font-size: 1.3rem;\n    }\n  }\n"])), colours_1.TEXT_COLOURS.PRIMARY, media_queries_1.TABLET_MEDIA_QUERY, media_queries_1.DESKTOP_MEDIA_QUERY, media_queries_1.WIDESCREEN_MEDIA_QUERY);
 exports.default = CSS_RESET;
 var templateObject_1;
 //# sourceMappingURL=css-reset.js.map

lib/atoms/index.js

@@ -10,10 +10,14 @@ "use strict";
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CSS_RESET = void 0;
 __exportStar(require("./colours"), exports);
 var css_reset_1 = require("./css-reset");
-Object.defineProperty(exports, "CSS_RESET", { enumerable: true, get: function () { return css_reset_1.default; } });
+Object.defineProperty(exports, "CSS_RESET", { enumerable: true, get: function () { return __importDefault(css_reset_1).default; } });
 __exportStar(require("./icons"), exports);
 __exportStar(require("./media-queries"), exports);
 //# sourceMappingURL=index.js.map

lib/atoms/nhs-colours.d.ts

@@ -13,2 +13,3 @@ export declare const NHS_BLUE = "#005EB8";
     LIGHTER25: string;
+    LIGHTER50: string;
 };
@@ -15,0 +16,0 @@ export declare const NHS_BLACK = "#231f20";

lib/atoms/nhs-colours.js

@@ -16,2 +16,3 @@ "use strict";
     LIGHTER25: '#406aae',
+    LIGHTER50: '#7FAFFF',
 };
@@ -18,0 +19,0 @@ exports.NHS_BLACK = '#231f20';

lib/index.js

@@ -10,3 +10,3 @@ "use strict";
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -13,0 +13,0 @@ Object.defineProperty(exports, "__esModule", { value: true });

package.json

 {
   "name": "@ltht-react/styles",
-  "version": "0.2.1",
+  "version": "1.0.0",
   "description": "> TODO: description",
@@ -25,3 +25,3 @@ "author": "Jonny Smith <[e-mail]>",
   "dependencies": {
-    "@emotion/core": "^10.0.27",
+    "@emotion/core": "10.0.35",
     "@emotion/styled": "^10.0.27",
@@ -31,5 +31,5 @@ "emotion": "^10.0.27"
   "devDependencies": {
-    "typescript": "^3.7.4"
+    "typescript": "4.0.5"
   },
-  "gitHead": "8ed606fa5eb29a987434481dce1c2fed87966fc7"
+  "gitHead": "ce395cbe99477a620c639ce01b401654510f7f81"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

27035

increased by3.93%

Lines of code

405

increased by7.14%

Number of low quality alerts

1

decreased by-50%

Dependency changes

• + Added@emotion/core@10.0.35(transitive)

• - Removed@emotion/core@10.3.1(transitive)

• Updated@emotion/core@10.0.35