@ltht-react/styles - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [0.0.6](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/styles@0.0.5...@ltht-react/styles@0.0.6) (2020-01-23)
+
+**Note:** Version bump only for package @ltht-react/styles
+
+
+
+
+
 ## [0.0.5](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/styles@0.0.4...@ltht-react/styles@0.0.5) (2020-01-21)
@@ -8,0 +16,0 @@

lib/atoms/colours.d.ts

@@ -1,10 +0,13 @@
-export declare const PRIMARY_TEXT_COLOUR = "#231f20";
-export declare const SECONDARY_TEXT_COLOUR = "#768692";
-export declare const DANGER_TEXT_COLOUR = "#8A1538";
-export declare const INFO_TEXT_COLOUR = "#003087";
-export declare const PRIMARY_ICON_COLOUR = "#231f20";
-export declare const RED_ICON_COLOUR = "#DA291C";
-export declare const AMBER_ICON_COLOUR = "#ED8B00";
-export declare const GREEN_ICON_COLOUR = "#009639";
-export declare const DEFAULT_ICON_COLOUR = "#768692";
+export declare const TEXT_PRIMARY_COLOUR = "#231f20";
+export declare const TEXT_SECONDARY_COLOUR = "#768692";
+export declare const TEXT_DANGER_COLOUR = "#8A1538";
+export declare const TEXT_INFO_COLOUR = "#003087";
+export declare const ICON_PRIMARY_COLOUR = "#231f20";
+export declare const ICON_DANGER_COLOUR = "#DA291C";
+export declare const ICON_WARNING_COLOUR = "#ED8B00";
+export declare const ICON_SUCCESS_COLOUR = "#009639";
+export declare const ICON_DEFAULT_COLOUR = "#768692";
+export declare const WIDGET_BACKGROUND_COLOUR = "#FFFFFF";
+export declare const WIDGET_SHADOW_COLOUR = "#666666";
 export declare const WIDGET_LIST_ITEM_BACKGROUND_HOVER = "#E8EDEE";
+export declare const WIDGET_LIST_ITEM_BORDER_HOVER = "#b0b0b0";

lib/atoms/colours.js

@@ -11,12 +11,15 @@ "use strict";
 var colours = __importStar(require("./nhs-colours"));
-exports.PRIMARY_TEXT_COLOUR = colours.NHS_BLACK;
-exports.SECONDARY_TEXT_COLOUR = colours.NHS_MID_GREY;
-exports.DANGER_TEXT_COLOUR = colours.NHS_DARK_RED;
-exports.INFO_TEXT_COLOUR = colours.NHS_DARK_BLUE;
-exports.PRIMARY_ICON_COLOUR = colours.NHS_BLACK;
-exports.RED_ICON_COLOUR = colours.NHS_EMERGENCY_SERVICES_RED;
-exports.AMBER_ICON_COLOUR = colours.NHS_ORANGE;
-exports.GREEN_ICON_COLOUR = colours.NHS_GREEN;
-exports.DEFAULT_ICON_COLOUR = colours.NHS_MID_GREY;
+exports.TEXT_PRIMARY_COLOUR = colours.NHS_BLACK;
+exports.TEXT_SECONDARY_COLOUR = colours.NHS_MID_GREY;
+exports.TEXT_DANGER_COLOUR = colours.NHS_DARK_RED;
+exports.TEXT_INFO_COLOUR = colours.NHS_DARK_BLUE;
+exports.ICON_PRIMARY_COLOUR = colours.NHS_BLACK;
+exports.ICON_DANGER_COLOUR = colours.NHS_EMERGENCY_SERVICES_RED;
+exports.ICON_WARNING_COLOUR = colours.NHS_ORANGE;
+exports.ICON_SUCCESS_COLOUR = colours.NHS_GREEN;
+exports.ICON_DEFAULT_COLOUR = colours.NHS_MID_GREY;
+exports.WIDGET_BACKGROUND_COLOUR = colours.NHS_WHITE;
+exports.WIDGET_SHADOW_COLOUR = '#666666';
 exports.WIDGET_LIST_ITEM_BACKGROUND_HOVER = colours.NHS_PALE_GREY;
+exports.WIDGET_LIST_ITEM_BORDER_HOVER = '#b0b0b0';
 //# 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.PRIMARY_TEXT_COLOUR, 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  & *,\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_PRIMARY_COLOUR, media_queries_1.TABLET_MEDIA_QUERY, media_queries_1.DESKTOP_MEDIA_QUERY, media_queries_1.WIDESCREEN_MEDIA_QUERY);
 exports.CSS_RESET = CSS_RESET;
 var templateObject_1;
 //# sourceMappingURL=css-reset.js.map

lib/atoms/icons.d.ts

@@ -5,4 +5,4 @@ export declare const ICON_SIZE_SMALL = "1rem";
 declare type FontAwesomeIconSize = 'xs' | 'lg' | 'sm' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
-export declare type IconSize = 'small' | 'medium' | 'large';
-export declare const calculateIconSize: (input: IconSize) => FontAwesomeIconSize;
+export declare type IconSizes = 'small' | 'medium' | 'large';
+export declare const calculateIconSize: (input: IconSizes) => FontAwesomeIconSize;
 export {};

lib/atoms/index.d.ts

@@ -5,2 +5,1 @@ export * from './colours';
 export * from './media-queries';
-export * from './widget';

lib/atoms/index.js

@@ -10,3 +10,2 @@ "use strict";
 __export(require("./media-queries"));
-__export(require("./widget"));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@ltht-react/styles",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "> TODO: description",
@@ -31,3 +31,3 @@ "author": "Jonny Smith <[e-mail]>",
   },
-  "gitHead": "3bf0417168b8ef06ab75cd394fefea498b0694a5"
+  "gitHead": "c3679fdff0c81b46706afbf8b707e56d2c9b1ef8"
 }

No alert changes

Improved metrics

Total package byte prevSize

14162

increased by4.21%

Lines of code

168

increased by2.44%

No dependency changes