You're Invited:Meet the Socket Team at RSAC and BSidesSF 2026, March 23–26.RSVP →
@ltht-react/styles
Advanced tools
@ltht-react/styles - npm Package Compare versions
+2
-2
| { | ||
| "name": "@ltht-react/styles", | ||
| "version": "2.0.200", | ||
| "version": "2.0.201", | ||
| "description": "> TODO: description", | ||
@@ -32,3 +32,3 @@ "author": "Jonny Smith <jonny.asmith@gmail.com>", | ||
| }, | ||
| "gitHead": "9212c67eff361deff55fac5de3869501276fe5a8" | ||
| "gitHead": "79d7616f63287ef8e8dd9f302294a909dd2c69d0" | ||
| } |
| export declare const MOBILE_BREAKPOINT: DisplayBreakpoint; | ||
| export declare const TABLET_BREAKPOINT: DisplayBreakpoint; | ||
| export declare const DESKTOP_BREAKPOINT: DisplayBreakpoint; | ||
| export declare const WIDESCREEN_BREAKPOINT: DisplayBreakpoint; | ||
| type DisplayBreakpoint = { | ||
| min: number; | ||
| max: number; | ||
| }; | ||
| export {}; |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.WIDESCREEN_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.TABLET_BREAKPOINT = exports.MOBILE_BREAKPOINT = void 0; | ||
| exports.MOBILE_BREAKPOINT = { min: 0, max: 767 }; | ||
| exports.TABLET_BREAKPOINT = { min: 768, max: 1023 }; | ||
| exports.DESKTOP_BREAKPOINT = { min: 1024, max: 1199 }; | ||
| exports.WIDESCREEN_BREAKPOINT = { min: 1200, max: Number.MAX_SAFE_INTEGER }; | ||
| //# sourceMappingURL=breakpoints.js.map |
| {"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/atoms/breakpoints.ts"],"names":[],"mappings":";;;AAAa,QAAA,iBAAiB,GAAsB,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAC3D,QAAA,iBAAiB,GAAsB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA;AAC9D,QAAA,kBAAkB,GAAsB,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA;AAChE,QAAA,qBAAqB,GAAsB,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAA"} |
| export declare const INPUT_COLOURS: { | ||
| RADIO_SELECTED: string; | ||
| }; | ||
| export declare const SELECT_COLOURS: { | ||
| OPTION_SELECTED: string; | ||
| OPTION_HOVER: string; | ||
| }; | ||
| export declare const TEXT_COLOURS: { | ||
| PRIMARY: string; | ||
| SECONDARY: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| }; | ||
| DANGER: string; | ||
| INFO: string; | ||
| INDICATORS: { | ||
| WARN: string; | ||
| }; | ||
| }; | ||
| export declare const ICON_COLOURS: { | ||
| PRIMARY: string; | ||
| SECONDARY: string; | ||
| INFO: string; | ||
| SUCCESS: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| }; | ||
| WARNING: string; | ||
| DANGER: string; | ||
| GREY: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| }; | ||
| WHITE: string; | ||
| }; | ||
| export declare const LINK_COLOURS: { | ||
| BACKGROUND: { | ||
| DEFAULT: string; | ||
| HOVER: string; | ||
| }; | ||
| TEXT: { | ||
| DEFAULT: string; | ||
| HOVER: string; | ||
| }; | ||
| }; | ||
| export declare const BADGE_COLOURS: { | ||
| PRIMARY: string; | ||
| STANDARD: string; | ||
| WORKFLOW: string; | ||
| DANGER: string; | ||
| WARNING: string; | ||
| }; | ||
| export declare const TABLE_COLOURS: { | ||
| STRIPE_LIGHT: string; | ||
| STRIPE_DARK: string; | ||
| HEADER: string; | ||
| BORDER: string; | ||
| }; | ||
| export declare const EFORM_BACKGROUND_COLOUR = "#FFFFFF"; | ||
| export declare const CARD_BACKGROUND_COLOUR = "#FFFFFF"; | ||
| export declare const CARD_BACKGROUND_COLOUR_NO_DATA = "#F2F2F2"; | ||
| export declare const CARD_BORDER_COLOUR = "#b0b0b0"; | ||
| export declare const CARD_SHADOW_COLOUR = "#666666"; | ||
| export declare const CARD_LIST_ITEM_BACKGROUND_HOVER = "#E8EDEE"; | ||
| export declare const CARD_LIST_ITEM_BORDER_COLOUR = "#d8d8d8"; | ||
| 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"; | ||
| export declare const PATIENT_BANNER_BACKGROUND_COLOUR = "#56008c"; | ||
| export declare const PATIENT_BANNER_TEXT_COLOUR = "#FFF"; | ||
| 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 TRANSLUCENT_WARM_YELLOW = "rgba(255, 184, 28, 0.2)"; | ||
| export declare const TRANSLUCENT_BRIGHT_BLUE = "rgba(0, 114, 206, 0.2)"; | ||
| export declare const TRANSLUCENT_DARK_BLUE = "rgba(0, 48, 135, 0.1)"; | ||
| export declare const TRANSLUCENT_MID_GREY = "rgba(118, 134, 146, 0.1)"; | ||
| export declare const HIGHLIGHT_GREEN: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| DARKER50: string; | ||
| LIGHTER25: string; | ||
| LIGHTER75: string; | ||
| }; | ||
| export declare const TRANSLUCENT_BRIGHT_BLUE_TABLE = "rgba(0, 114, 206, 0.05)"; | ||
| export declare const TRANSLUCENT_GREY_TABLE = "rgba(118, 134, 146, 0.05)"; | ||
| export declare const SCROLLBAR = "#AEB7BD"; | ||
| export declare const BTN_COLOURS: { | ||
| PRIMARY: { | ||
| VALUE: string; | ||
| DISABLED: string; | ||
| HOVER: string; | ||
| TEXT: string; | ||
| }; | ||
| STANDARD: { | ||
| VALUE: string; | ||
| DISABLED: string; | ||
| HOVER: string; | ||
| TEXT: string; | ||
| }; | ||
| WORKFLOW: { | ||
| VALUE: string; | ||
| DISABLED: string; | ||
| HOVER: string; | ||
| TEXT: string; | ||
| }; | ||
| DANGER: { | ||
| VALUE: string; | ||
| DISABLED: string; | ||
| HOVER: string; | ||
| TEXT: string; | ||
| }; | ||
| CLEAR: { | ||
| VALUE: string; | ||
| DISABLED: string; | ||
| HOVER: string; | ||
| TEXT: string; | ||
| }; | ||
| }; | ||
| export declare const BANNER_COLOURS: { | ||
| DEFAULT: { | ||
| BACKGROUND: string; | ||
| TEXT: string; | ||
| BORDER: string; | ||
| ICON: string; | ||
| HOVER: string; | ||
| }; | ||
| INFO: { | ||
| BACKGROUND: string; | ||
| TEXT: string; | ||
| BORDER: string; | ||
| ICON: string; | ||
| HOVER: string; | ||
| }; | ||
| WARNING: { | ||
| BACKGROUND: string; | ||
| TEXT: string; | ||
| BORDER: string; | ||
| ICON: string; | ||
| HOVER: string; | ||
| }; | ||
| DANGER: { | ||
| BACKGROUND: string; | ||
| TEXT: string; | ||
| BORDER: string; | ||
| ICON: string; | ||
| HOVER: string; | ||
| }; | ||
| HIGHLIGHT: { | ||
| BACKGROUND: string; | ||
| TEXT: string; | ||
| BORDER: string; | ||
| ICON: string; | ||
| HOVER: string; | ||
| }; | ||
| }; |
| "use strict"; | ||
| var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| var desc = Object.getOwnPropertyDescriptor(m, k); | ||
| if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { | ||
| desc = { enumerable: true, get: function() { return m[k]; } }; | ||
| } | ||
| Object.defineProperty(o, k2, desc); | ||
| }) : (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| o[k2] = m[k]; | ||
| })); | ||
| var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { | ||
| Object.defineProperty(o, "default", { enumerable: true, value: v }); | ||
| }) : function(o, v) { | ||
| o["default"] = v; | ||
| }); | ||
| var __importStar = (this && this.__importStar) || function (mod) { | ||
| if (mod && mod.__esModule) return mod; | ||
| var result = {}; | ||
| if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); | ||
| __setModuleDefault(result, mod); | ||
| return result; | ||
| }; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.BANNER_COLOURS = exports.BTN_COLOURS = exports.SCROLLBAR = exports.TRANSLUCENT_GREY_TABLE = exports.TRANSLUCENT_BRIGHT_BLUE_TABLE = exports.HIGHLIGHT_GREEN = exports.TRANSLUCENT_MID_GREY = exports.TRANSLUCENT_DARK_BLUE = exports.TRANSLUCENT_BRIGHT_BLUE = exports.TRANSLUCENT_WARM_YELLOW = 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.TABLE_COLOURS = exports.BADGE_COLOURS = exports.LINK_COLOURS = exports.ICON_COLOURS = exports.TEXT_COLOURS = exports.SELECT_COLOURS = exports.INPUT_COLOURS = void 0; | ||
| var colours = __importStar(require("./nhs-colours")); | ||
| exports.INPUT_COLOURS = { | ||
| RADIO_SELECTED: colours.NHS_LIGHT_GREEN.LIGHTER75, | ||
| }; | ||
| exports.SELECT_COLOURS = { | ||
| OPTION_SELECTED: colours.NHS_LIGHT_GREEN.LIGHTER75, | ||
| OPTION_HOVER: colours.NHS_LIGHT_GREEN.LIGHTER75, | ||
| }; | ||
| exports.TEXT_COLOURS = { | ||
| PRIMARY: colours.NHS_BLACK, | ||
| SECONDARY: colours.NHS_MID_GREY, | ||
| DANGER: colours.NHS_DARK_RED, | ||
| INFO: colours.NHS_DARK_BLUE.VALUE, | ||
| INDICATORS: { | ||
| WARN: '#926100', | ||
| }, | ||
| }; | ||
| exports.ICON_COLOURS = { | ||
| PRIMARY: colours.NHS_BLACK, | ||
| SECONDARY: colours.NHS_DARK_BLUE.VALUE, | ||
| INFO: colours.NHS_BRIGHT_BLUE, | ||
| SUCCESS: colours.NHS_GREEN, | ||
| WARNING: colours.NHS_ORANGE, | ||
| DANGER: colours.NHS_EMERGENCY_SERVICES_RED.VALUE, | ||
| GREY: colours.NHS_MID_GREY, | ||
| WHITE: colours.NHS_WHITE, | ||
| }; | ||
| exports.LINK_COLOURS = { | ||
| BACKGROUND: { | ||
| DEFAULT: 'rgb(238, 248, 255)', | ||
| HOVER: 'rgba(238, 248, 255, 0.8)', | ||
| }, | ||
| TEXT: { | ||
| DEFAULT: 'rgb(0, 145, 255)', | ||
| HOVER: 'rgba(0, 145, 255, 0.8)', | ||
| }, | ||
| }; | ||
| exports.BADGE_COLOURS = { | ||
| PRIMARY: colours.NHS_DARK_BLUE.VALUE, | ||
| STANDARD: colours.NHS_LIGHT_BLUE.VALUE, | ||
| WORKFLOW: colours.NHS_GREEN.VALUE, | ||
| DANGER: colours.NHS_EMERGENCY_SERVICES_RED.VALUE, | ||
| WARNING: colours.NHS_ORANGE, | ||
| }; | ||
| exports.TABLE_COLOURS = { | ||
| STRIPE_LIGHT: '#FFFFFF', | ||
| STRIPE_DARK: '#F4FAFF', | ||
| HEADER: '#F3F6F6', | ||
| BORDER: '#EEEEEE', | ||
| }; | ||
| exports.EFORM_BACKGROUND_COLOUR = colours.NHS_WHITE; | ||
| exports.CARD_BACKGROUND_COLOUR = colours.NHS_WHITE; | ||
| exports.CARD_BACKGROUND_COLOUR_NO_DATA = '#F2F2F2'; | ||
| exports.CARD_BORDER_COLOUR = '#b0b0b0'; | ||
| exports.CARD_SHADOW_COLOUR = '#666666'; | ||
| exports.CARD_LIST_ITEM_BACKGROUND_HOVER = colours.NHS_PALE_GREY; | ||
| exports.CARD_LIST_ITEM_BORDER_COLOUR = '#d8d8d8'; | ||
| 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; | ||
| exports.PATIENT_BANNER_BACKGROUND_COLOUR = '#56008c'; | ||
| exports.PATIENT_BANNER_TEXT_COLOUR = '#FFF'; | ||
| exports.PATIENT_BANNER_LABEL_COLOUR = '#CCC'; | ||
| exports.PATIENT_NHS_NUMBER_STATUS_VERIFIED = '#4cc552'; | ||
| exports.PATIENT_NHS_NUMBER_STATUS_NOT_VERIFIED = '#f33'; | ||
| exports.TRANSLUCENT_WARM_YELLOW = colours.NHS_TRANSLUCENT_WARM_YELLOW; | ||
| exports.TRANSLUCENT_BRIGHT_BLUE = colours.NHS_TRANSLUCENT_BRIGHT_BLUE; | ||
| exports.TRANSLUCENT_DARK_BLUE = colours.NHS_TRANSLUCENT_DARK_BLUE; | ||
| exports.TRANSLUCENT_MID_GREY = colours.NHS_TRANSLUCENT_MID_GREY; | ||
| exports.HIGHLIGHT_GREEN = colours.NHS_HIGHLIGHT_GREEN; | ||
| exports.TRANSLUCENT_BRIGHT_BLUE_TABLE = colours.NHS_TRANSLUCENT_BRIGHT_BLUE_TABLE; | ||
| exports.TRANSLUCENT_GREY_TABLE = colours.NHS_TRANSLUCENT_MID_GREY_TABLE; | ||
| exports.SCROLLBAR = colours.NHS_GREY_3; | ||
| exports.BTN_COLOURS = { | ||
| PRIMARY: { | ||
| VALUE: colours.NHS_DARK_BLUE.VALUE, | ||
| DISABLED: colours.NHS_DARK_BLUE.LIGHTER25, | ||
| HOVER: colours.NHS_DARK_BLUE.DARKER25, | ||
| TEXT: colours.NHS_WHITE, | ||
| }, | ||
| STANDARD: { | ||
| VALUE: colours.NHS_LIGHT_BLUE.VALUE, | ||
| DISABLED: colours.NHS_LIGHT_BLUE.LIGHTER25, | ||
| HOVER: colours.NHS_LIGHT_BLUE.DARKER25, | ||
| TEXT: colours.NHS_WHITE, | ||
| }, | ||
| WORKFLOW: { | ||
| VALUE: colours.NHS_GREEN.VALUE, | ||
| DISABLED: colours.NHS_GREEN.LIGHTER25, | ||
| HOVER: colours.NHS_GREEN.DARKER25, | ||
| TEXT: colours.NHS_WHITE, | ||
| }, | ||
| DANGER: { | ||
| VALUE: colours.NHS_EMERGENCY_SERVICES_RED.VALUE, | ||
| DISABLED: colours.NHS_EMERGENCY_SERVICES_RED.LIGHTER25, | ||
| HOVER: colours.NHS_EMERGENCY_SERVICES_RED.DARKER25, | ||
| TEXT: colours.NHS_WHITE, | ||
| }, | ||
| CLEAR: { | ||
| VALUE: colours.NHS_WHITE, | ||
| DISABLED: colours.NHS_MID_GREY.LIGHTER25, | ||
| HOVER: colours.NHS_TRANSLUCENT_MID_GREY, | ||
| TEXT: colours.NHS_BLACK, | ||
| }, | ||
| }; | ||
| exports.BANNER_COLOURS = { | ||
| DEFAULT: { | ||
| BACKGROUND: '#edecec', | ||
| TEXT: '#626262', | ||
| BORDER: '#e4e4e4', | ||
| ICON: '#919090', | ||
| HOVER: '#c8c5c5', | ||
| }, | ||
| INFO: { | ||
| BACKGROUND: '#cbdbee', | ||
| TEXT: '#0053c3', | ||
| BORDER: '#bdd2ec', | ||
| ICON: '#107dbd', | ||
| HOVER: '#b2cae6', | ||
| }, | ||
| WARNING: { | ||
| BACKGROUND: '#fef3cd', | ||
| TEXT: '#926100', | ||
| BORDER: '#faeab4', | ||
| ICON: '#ffa500', | ||
| HOVER: '#faeab1', | ||
| }, | ||
| DANGER: { | ||
| BACKGROUND: '#eeacbd', | ||
| TEXT: '#a41e40', | ||
| BORDER: '#ec9bb0', | ||
| ICON: '#f50b47', | ||
| HOVER: '#ea94aa', | ||
| }, | ||
| HIGHLIGHT: { | ||
| BACKGROUND: colours.NHS_HIGHLIGHT_GREEN.DARKER25, | ||
| TEXT: '#0053c3', | ||
| BORDER: '#bdd2ec', | ||
| ICON: '#107dbd', | ||
| HOVER: colours.NHS_HIGHLIGHT_GREEN.DARKER50, | ||
| }, | ||
| }; | ||
| //# sourceMappingURL=colours.js.map |
| {"version":3,"file":"colours.js","sourceRoot":"","sources":["../../src/atoms/colours.ts"],"names":[],"mappings":"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"} |
| declare const CSS_RESET: import("@emotion/utils").SerializedStyles; | ||
| export default CSS_RESET; |
| "use strict"; | ||
| var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { | ||
| if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } | ||
| return cooked; | ||
| }; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| var react_1 = require("@emotion/react"); | ||
| var colours_1 = require("./colours"); | ||
| var media_queries_1 = require("./media-queries"); | ||
| var CSS_RESET = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n *,\n ::before,\n ::after {\n box-sizing: border-box;\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 }\n\n ", " {\n font-size: 0.9rem;\n & h3 {\n font-size: 1rem;\n }\n }\n\n ", " {\n font-size: 0.9rem;\n & h3 {\n font-size: 1.1rem;\n }\n }\n"], ["\n *,\n ::before,\n ::after {\n box-sizing: border-box;\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 }\n\n ", " {\n font-size: 0.9rem;\n & h3 {\n font-size: 1rem;\n }\n }\n\n ", " {\n font-size: 0.9rem;\n & h3 {\n font-size: 1.1rem;\n }\n }\n"])), colours_1.TEXT_COLOURS.PRIMARY, media_queries_1.TABLET_ONLY_MEDIA_QUERY, media_queries_1.DESKTOP_ONLY_MEDIA_QUERY, media_queries_1.WIDESCREEN_MINIMUM_MEDIA_QUERY); | ||
| exports.default = CSS_RESET; | ||
| var templateObject_1; | ||
| //# sourceMappingURL=css-reset.js.map |
| {"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../src/atoms/css-reset.ts"],"names":[],"mappings":";;;;;;AAAA,wCAAoC;AACpC,qCAAwC;AACxC,iDAAmH;AAEnH,IAAM,SAAS,OAAG,WAAG,2gBAAA,iFAOV,EAAoB,qKAQ3B,EAAuB,uCAIvB,EAAwB,kFAOxB,EAA8B,gFAMjC,KAzBU,sBAAY,CAAC,OAAO,EAQ3B,uCAAuB,EAIvB,wCAAwB,EAOxB,8CAA8B,CAMjC,CAAA;AAED,kBAAe,SAAS,CAAA"} |
| import { SerializedStyles } from '@emotion/react'; | ||
| export declare const ICON_SIZE_SMALL = "1rem"; | ||
| export declare const ICON_SIZE_MEDIUM = "1rem"; | ||
| export declare const ICON_SIZE_LARGE = "1rem"; | ||
| type FontAwesomeIconSize = 'xs' | 'lg' | 'sm' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x'; | ||
| export type IconSize = 'small' | 'medium' | 'large'; | ||
| export type IconColor = 'black' | 'dark-blue' | 'link-blue' | 'grey' | 'info-blue' | 'green' | 'amber' | 'red' | 'white'; | ||
| export type IconDirection = 'up' | 'down' | 'left' | 'right'; | ||
| export declare const iconTypes: readonly ["bullseye", "calendar", "caret-square-down", "check", "chevron-circle", "chevron", "circle", "clock-rotate-left", "column", "comment", "counter", "cross", "edit", "ellipsis-horizontal", "ellipsis-vertical", "exclamation", "external-link", "filter", "folder-plus", "grid-layout", "hamburger", "info-circle", "keyboard", "layer-group", "list-layout", "pause", "play", "plus", "spinner", "star", "stop", "table", "thumbs-down", "thumbs-up", "toggle-off", "toggle-on", "trash", "user", "users", "dot-circle", "search", "checkbox", "square", "paper-clip", "unlink", "link", "link-slash", "do-not-use!", "minus", "minus-square", "minus-circle", "cross-circle", "expand", "expand-alt", "expand-arrows-alt", "compress", "compress-alt", "compress-arrows-alt"]; | ||
| export type IconType = (typeof iconTypes)[number]; | ||
| export declare const calculateIconSize: (input: IconSize) => FontAwesomeIconSize; | ||
| export declare const calculateIconColor: (color: IconColor) => SerializedStyles; | ||
| export {}; |
| "use strict"; | ||
| var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { | ||
| if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } | ||
| return cooked; | ||
| }; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.calculateIconColor = exports.calculateIconSize = exports.iconTypes = exports.ICON_SIZE_LARGE = exports.ICON_SIZE_MEDIUM = exports.ICON_SIZE_SMALL = void 0; | ||
| var react_1 = require("@emotion/react"); | ||
| var colours_1 = require("./colours"); | ||
| exports.ICON_SIZE_SMALL = '1rem'; | ||
| exports.ICON_SIZE_MEDIUM = '1rem'; | ||
| exports.ICON_SIZE_LARGE = '1rem'; | ||
| exports.iconTypes = [ | ||
| 'bullseye', | ||
| 'calendar', | ||
| 'caret-square-down', | ||
| 'check', | ||
| 'chevron-circle', | ||
| 'chevron', | ||
| 'circle', | ||
| 'clock-rotate-left', | ||
| 'column', | ||
| 'comment', | ||
| 'counter', | ||
| 'cross', | ||
| 'edit', | ||
| 'ellipsis-horizontal', | ||
| 'ellipsis-vertical', | ||
| 'exclamation', | ||
| 'external-link', | ||
| 'filter', | ||
| 'folder-plus', | ||
| 'grid-layout', | ||
| 'hamburger', | ||
| 'info-circle', | ||
| 'keyboard', | ||
| 'layer-group', | ||
| 'list-layout', | ||
| 'pause', | ||
| 'play', | ||
| 'plus', | ||
| 'spinner', | ||
| 'star', | ||
| 'stop', | ||
| 'table', | ||
| 'thumbs-down', | ||
| 'thumbs-up', | ||
| 'toggle-off', | ||
| 'toggle-on', | ||
| 'trash', | ||
| 'user', | ||
| 'users', | ||
| 'dot-circle', | ||
| 'search', | ||
| 'checkbox', | ||
| 'square', | ||
| 'paper-clip', | ||
| 'unlink', | ||
| 'link', | ||
| 'link-slash', | ||
| 'do-not-use!', | ||
| 'minus', | ||
| 'minus-square', | ||
| 'minus-circle', | ||
| 'cross-circle', | ||
| 'expand', | ||
| 'expand-alt', | ||
| 'expand-arrows-alt', | ||
| 'compress', | ||
| 'compress-alt', | ||
| 'compress-arrows-alt', | ||
| ]; | ||
| var calculateIconSize = function (input) { | ||
| switch (input) { | ||
| case 'large': | ||
| return 'lg'; | ||
| case 'medium': | ||
| return 'sm'; | ||
| case 'small': | ||
| return 'xs'; | ||
| default: | ||
| return '1x'; | ||
| } | ||
| }; | ||
| exports.calculateIconSize = calculateIconSize; | ||
| var calculateIconColor = function (color) { return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), color === 'black' && "color: ".concat(colours_1.ICON_COLOURS.PRIMARY, ";"), color === 'dark-blue' && "color: ".concat(colours_1.ICON_COLOURS.SECONDARY, ";"), color === 'link-blue' && "color: ".concat(colours_1.LINK_COLOURS.TEXT.DEFAULT, ";"), color === 'grey' && "color: ".concat(colours_1.ICON_COLOURS.GREY.VALUE, ";"), color === 'info-blue' && "color: ".concat(colours_1.ICON_COLOURS.INFO, ";"), color === 'green' && "color: ".concat(colours_1.ICON_COLOURS.SUCCESS.VALUE, ";"), color === 'amber' && "color: ".concat(colours_1.ICON_COLOURS.WARNING, ";"), color === 'red' && "color: ".concat(colours_1.ICON_COLOURS.DANGER, ";"), color === 'white' && "color: ".concat(colours_1.ICON_COLOURS.WHITE, ";")); }; | ||
| exports.calculateIconColor = calculateIconColor; | ||
| var templateObject_1; | ||
| //# sourceMappingURL=icons.js.map |
| {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/atoms/icons.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAsD;AACtD,qCAAsD;AAEzC,QAAA,eAAe,GAAG,MAAM,CAAA;AACxB,QAAA,gBAAgB,GAAG,MAAM,CAAA;AACzB,QAAA,eAAe,GAAG,MAAM,CAAA;AAUxB,QAAA,SAAS,GAAG;IACvB,UAAU;IACV,UAAU;IACV,mBAAmB;IACnB,OAAO;IACP,gBAAgB;IAChB,SAAS;IACT,QAAQ;IACR,mBAAmB;IACnB,QAAQ;IACR,SAAS;IACT,SAAS;IACT,OAAO;IACP,MAAM;IACN,qBAAqB;IACrB,mBAAmB;IACnB,aAAa;IACb,eAAe;IACf,QAAQ;IACR,aAAa;IACb,aAAa;IACb,WAAW;IACX,aAAa;IACb,UAAU;IACV,aAAa;IACb,aAAa;IACb,OAAO;IACP,MAAM;IACN,MAAM;IACN,SAAS;IACT,MAAM;IACN,MAAM;IACN,OAAO;IACP,aAAa;IACb,WAAW;IACX,YAAY;IACZ,WAAW;IACX,OAAO;IACP,MAAM;IACN,OAAO;IACP,YAAY;IACZ,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,YAAY;IACZ,QAAQ;IACR,MAAM;IACN,YAAY;IACZ,aAAa;IACb,OAAO;IACP,cAAc;IACd,cAAc;IACd,cAAc;IACd,QAAQ;IACR,YAAY;IACZ,mBAAmB;IACnB,UAAU;IACV,cAAc;IACd,qBAAqB;CACb,CAAA;AAIH,IAAM,iBAAiB,GAAG,UAAC,KAAe;IAC/C,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO;YACV,OAAO,IAAI,CAAA;QACb,KAAK,QAAQ;YACX,OAAO,IAAI,CAAA;QACb,KAAK,OAAO;YACV,OAAO,IAAI,CAAA;QACb;YACE,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC,CAAA;AAXY,QAAA,iBAAiB,qBAW7B;AAEM,IAAM,kBAAkB,GAAG,UAAC,KAAgB,IAAuB,WAAA,WAAG,gJAAA,MACzE,EAAsD,MACtD,EAA4D,MAC5D,EAA+D,MAC/D,EAAwD,MACxD,EAAuD,MACvD,EAA4D,MAC5D,EAAsD,MACtD,EAAmD,MACnD,EAAoD,IACvD,KATG,KAAK,KAAK,OAAO,IAAI,iBAAU,sBAAY,CAAC,OAAO,MAAG,EACtD,KAAK,KAAK,WAAW,IAAI,iBAAU,sBAAY,CAAC,SAAS,MAAG,EAC5D,KAAK,KAAK,WAAW,IAAI,iBAAU,sBAAY,CAAC,IAAI,CAAC,OAAO,MAAG,EAC/D,KAAK,KAAK,MAAM,IAAI,iBAAU,sBAAY,CAAC,IAAI,CAAC,KAAK,MAAG,EACxD,KAAK,KAAK,WAAW,IAAI,iBAAU,sBAAY,CAAC,IAAI,MAAG,EACvD,KAAK,KAAK,OAAO,IAAI,iBAAU,sBAAY,CAAC,OAAO,CAAC,KAAK,MAAG,EAC5D,KAAK,KAAK,OAAO,IAAI,iBAAU,sBAAY,CAAC,OAAO,MAAG,EACtD,KAAK,KAAK,KAAK,IAAI,iBAAU,sBAAY,CAAC,MAAM,MAAG,EACnD,KAAK,KAAK,OAAO,IAAI,iBAAU,sBAAY,CAAC,KAAK,MAAG,GATkB,CAUzE,CAAA;AAVY,QAAA,kBAAkB,sBAU9B"} |
| export * from './breakpoints'; | ||
| export * from './colours'; | ||
| export { default as CSS_RESET } from './css-reset'; | ||
| export * from './icons'; | ||
| export * from './inputs'; | ||
| export * from './media-queries'; | ||
| export * from './z-indexes'; |
| "use strict"; | ||
| var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| var desc = Object.getOwnPropertyDescriptor(m, k); | ||
| if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { | ||
| desc = { enumerable: true, get: function() { return m[k]; } }; | ||
| } | ||
| Object.defineProperty(o, k2, desc); | ||
| }) : (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| o[k2] = m[k]; | ||
| })); | ||
| var __exportStar = (this && this.__exportStar) || function(m, exports) { | ||
| 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("./breakpoints"), exports); | ||
| __exportStar(require("./colours"), exports); | ||
| var css_reset_1 = require("./css-reset"); | ||
| Object.defineProperty(exports, "CSS_RESET", { enumerable: true, get: function () { return __importDefault(css_reset_1).default; } }); | ||
| __exportStar(require("./icons"), exports); | ||
| __exportStar(require("./inputs"), exports); | ||
| __exportStar(require("./media-queries"), exports); | ||
| __exportStar(require("./z-indexes"), exports); | ||
| //# sourceMappingURL=index.js.map |
| {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/atoms/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,4CAAyB;AACzB,yCAAkD;AAAzC,uHAAA,OAAO,OAAa;AAC7B,0CAAuB;AACvB,2CAAwB;AACxB,kDAA+B;AAC/B,8CAA2B"} |
| export declare const inputBaseStyles: import("@emotion/utils").SerializedStyles; |
| "use strict"; | ||
| var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { | ||
| if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } | ||
| return cooked; | ||
| }; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.inputBaseStyles = void 0; | ||
| var react_1 = require("@emotion/react"); | ||
| // eslint-disable-next-line import/prefer-default-export | ||
| exports.inputBaseStyles = (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-color: darkgrey;\n border-radius: 5px;\n border-width: 2px !important;\n border-style: solid;\n"], ["\n border-color: darkgrey;\n border-radius: 5px;\n border-width: 2px !important;\n border-style: solid;\n"]))); | ||
| var templateObject_1; | ||
| //# sourceMappingURL=inputs.js.map |
| {"version":3,"file":"inputs.js","sourceRoot":"","sources":["../../src/atoms/inputs.ts"],"names":[],"mappings":";;;;;;;AAAA,wCAAoC;AAEpC,wDAAwD;AAC3C,QAAA,eAAe,OAAG,WAAG,mLAAA,+GAKjC,KAAA"} |
| export declare const SMALL_SCREEN_MAXIMUM_MEDIA_QUERY = "@media only screen and (max-width: 400px)"; | ||
| export declare const MOBILE_MAXIMUM_MEDIA_QUERY: string; | ||
| export declare const TABLET_MINIMUM_MEDIA_QUERY: string; | ||
| export declare const TABLET_ONLY_MEDIA_QUERY: string; | ||
| export declare const DESKTOP_MINIMUM_MEDIA_QUERY: string; | ||
| export declare const DESKTOP_ONLY_MEDIA_QUERY: string; | ||
| export declare const WIDESCREEN_MINIMUM_MEDIA_QUERY: string; |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.WIDESCREEN_MINIMUM_MEDIA_QUERY = exports.DESKTOP_ONLY_MEDIA_QUERY = exports.DESKTOP_MINIMUM_MEDIA_QUERY = exports.TABLET_ONLY_MEDIA_QUERY = exports.TABLET_MINIMUM_MEDIA_QUERY = exports.MOBILE_MAXIMUM_MEDIA_QUERY = exports.SMALL_SCREEN_MAXIMUM_MEDIA_QUERY = void 0; | ||
| var breakpoints_1 = require("./breakpoints"); | ||
| exports.SMALL_SCREEN_MAXIMUM_MEDIA_QUERY = '@media only screen and (max-width: 400px)'; | ||
| exports.MOBILE_MAXIMUM_MEDIA_QUERY = "@media only screen and (max-width: ".concat(breakpoints_1.MOBILE_BREAKPOINT.max, "px)"); | ||
| exports.TABLET_MINIMUM_MEDIA_QUERY = "@media only screen and (min-width: ".concat(breakpoints_1.TABLET_BREAKPOINT.min, "px)"); | ||
| exports.TABLET_ONLY_MEDIA_QUERY = "@media only screen and (min-width: ".concat(breakpoints_1.TABLET_BREAKPOINT.min, "px) and (max-width: ").concat(breakpoints_1.TABLET_BREAKPOINT.max, "px)"); | ||
| exports.DESKTOP_MINIMUM_MEDIA_QUERY = "@media only screen and (min-width: ".concat(breakpoints_1.DESKTOP_BREAKPOINT.min, "px)"); | ||
| exports.DESKTOP_ONLY_MEDIA_QUERY = "@media only screen and (min-width: ".concat(breakpoints_1.DESKTOP_BREAKPOINT.min, "px) and (max-width: ").concat(breakpoints_1.DESKTOP_BREAKPOINT.max, "px)"); | ||
| exports.WIDESCREEN_MINIMUM_MEDIA_QUERY = "@media only screen and (min-width: ".concat(breakpoints_1.WIDESCREEN_BREAKPOINT.min, "px)"); | ||
| //# sourceMappingURL=media-queries.js.map |
| {"version":3,"file":"media-queries.js","sourceRoot":"","sources":["../../src/atoms/media-queries.ts"],"names":[],"mappings":";;;AAAA,6CAA+G;AAElG,QAAA,gCAAgC,GAAG,2CAA2C,CAAA;AAC9E,QAAA,0BAA0B,GAAG,6CAAsC,+BAAiB,CAAC,GAAG,QAAK,CAAA;AAC7F,QAAA,0BAA0B,GAAG,6CAAsC,+BAAiB,CAAC,GAAG,QAAK,CAAA;AAC7F,QAAA,uBAAuB,GAAG,6CAAsC,+BAAiB,CAAC,GAAG,iCAAuB,+BAAiB,CAAC,GAAG,QAAK,CAAA;AACtI,QAAA,2BAA2B,GAAG,6CAAsC,gCAAkB,CAAC,GAAG,QAAK,CAAA;AAC/F,QAAA,wBAAwB,GAAG,6CAAsC,gCAAkB,CAAC,GAAG,iCAAuB,gCAAkB,CAAC,GAAG,QAAK,CAAA;AACzI,QAAA,8BAA8B,GAAG,6CAAsC,mCAAqB,CAAC,GAAG,QAAK,CAAA"} |
| export declare const NHS_BLUE = "#005EB8"; | ||
| export declare const NHS_AQUA_BLUE = "#00A9CE"; | ||
| export declare const NHS_BRIGHT_BLUE = "#0072CE"; | ||
| export declare const NHS_LIGHT_BLUE: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| }; | ||
| export declare const NHS_DARK_BLUE: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| LIGHTER50: string; | ||
| }; | ||
| export declare const NHS_BLACK = "#231f20"; | ||
| export declare const NHS_DARK_GREY = "#425563"; | ||
| export declare const NHS_MID_GREY: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| }; | ||
| export declare const NHS_PALE_GREY = "#E8EDEE"; | ||
| export declare const NHS_WHITE = "#FFFFFF"; | ||
| export declare const NHS_DARK_GREEN = "#006747"; | ||
| export declare const NHS_GREEN: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| }; | ||
| export declare const NHS_HIGHLIGHT_GREEN: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| DARKER50: string; | ||
| LIGHTER25: string; | ||
| LIGHTER75: string; | ||
| }; | ||
| export declare const NHS_LIGHT_GREEN: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| LIGHTER75: string; | ||
| }; | ||
| export declare const NHS_EMERGENCY_SERVICES_RED: { | ||
| VALUE: string; | ||
| DARKER25: string; | ||
| LIGHTER25: string; | ||
| }; | ||
| export declare const NHS_AQUA_GREEN = "#00A499"; | ||
| export declare const NHS_PURPLE = "#330072"; | ||
| export declare const NHS_DARK_PINK = "#7C2855"; | ||
| export declare const NHS_PINK = "#AE2573"; | ||
| export declare const NHS_DARK_RED = "#8A1538"; | ||
| export declare const NHS_ORANGE = "#ED8B00"; | ||
| export declare const NHS_WARM_YELLOW = "#FFB81C"; | ||
| export declare const NHS_YELLOW = "#FAE100"; | ||
| export declare const NHS_GREY_3 = "#AEB7BD"; | ||
| export declare const NHS_TRANSLUCENT_WARM_YELLOW = "rgba(255, 184, 28, 0.2)"; | ||
| export declare const NHS_TRANSLUCENT_BRIGHT_BLUE = "rgba(0, 114, 206, 0.2)"; | ||
| export declare const NHS_TRANSLUCENT_DARK_BLUE = "rgba(0, 48, 135, 0.1)"; | ||
| export declare const NHS_TRANSLUCENT_MID_GREY = "rgba(118, 134, 146, 0.1)"; | ||
| export declare const NHS_TRANSLUCENT_BRIGHT_BLUE_TABLE = "rgba(0, 114, 206, 0.05)"; | ||
| export declare const NHS_TRANSLUCENT_MID_GREY_TABLE = "rgba(118, 134, 146, 0.05)"; |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.NHS_TRANSLUCENT_MID_GREY_TABLE = exports.NHS_TRANSLUCENT_BRIGHT_BLUE_TABLE = exports.NHS_TRANSLUCENT_MID_GREY = exports.NHS_TRANSLUCENT_DARK_BLUE = exports.NHS_TRANSLUCENT_BRIGHT_BLUE = exports.NHS_TRANSLUCENT_WARM_YELLOW = exports.NHS_GREY_3 = exports.NHS_YELLOW = exports.NHS_WARM_YELLOW = exports.NHS_ORANGE = exports.NHS_DARK_RED = exports.NHS_PINK = exports.NHS_DARK_PINK = exports.NHS_PURPLE = exports.NHS_AQUA_GREEN = exports.NHS_EMERGENCY_SERVICES_RED = exports.NHS_LIGHT_GREEN = exports.NHS_HIGHLIGHT_GREEN = exports.NHS_GREEN = exports.NHS_DARK_GREEN = exports.NHS_WHITE = exports.NHS_PALE_GREY = exports.NHS_MID_GREY = exports.NHS_DARK_GREY = exports.NHS_BLACK = exports.NHS_DARK_BLUE = exports.NHS_LIGHT_BLUE = exports.NHS_BRIGHT_BLUE = exports.NHS_AQUA_BLUE = exports.NHS_BLUE = void 0; | ||
| exports.NHS_BLUE = '#005EB8'; | ||
| exports.NHS_AQUA_BLUE = '#00A9CE'; | ||
| exports.NHS_BRIGHT_BLUE = '#0072CE'; | ||
| exports.NHS_LIGHT_BLUE = { | ||
| VALUE: '#41B6E6', | ||
| DARKER25: '#3189ad', | ||
| LIGHTER25: '#71c8ec', | ||
| }; | ||
| exports.NHS_DARK_BLUE = { | ||
| VALUE: '#003087', | ||
| DARKER25: '#002a6e', | ||
| LIGHTER25: '#406aae', | ||
| LIGHTER50: '#7FAFFF', | ||
| }; | ||
| exports.NHS_BLACK = '#231f20'; | ||
| exports.NHS_DARK_GREY = '#425563'; | ||
| exports.NHS_MID_GREY = { | ||
| VALUE: '#768692', | ||
| DARKER25: '#59656e', | ||
| LIGHTER25: '#98a4ad', | ||
| }; | ||
| exports.NHS_PALE_GREY = '#E8EDEE'; | ||
| exports.NHS_WHITE = '#FFFFFF'; | ||
| exports.NHS_DARK_GREEN = '#006747'; | ||
| exports.NHS_GREEN = { | ||
| VALUE: '#009639', | ||
| DARKER25: '#00712b', | ||
| LIGHTER25: '#40b06b', | ||
| }; | ||
| exports.NHS_HIGHLIGHT_GREEN = { | ||
| VALUE: '#E6FF99', | ||
| DARKER25: '#cfe589', | ||
| DARKER50: '#b8cc7a', | ||
| LIGHTER25: '#ebffad', | ||
| LIGHTER75: '#f5ffd6', | ||
| }; | ||
| exports.NHS_LIGHT_GREEN = { | ||
| VALUE: '#78BE20', | ||
| DARKER25: '#5a8f18', | ||
| LIGHTER25: '#9ace58', | ||
| LIGHTER75: '#ddefc7', | ||
| }; | ||
| exports.NHS_EMERGENCY_SERVICES_RED = { | ||
| VALUE: 'rgb(218, 41, 28)', | ||
| DARKER25: 'rgb(165, 37, 25)', | ||
| LIGHTER25: 'rgb(231,77,66)', | ||
| }; | ||
| exports.NHS_AQUA_GREEN = '#00A499'; | ||
| exports.NHS_PURPLE = '#330072'; | ||
| exports.NHS_DARK_PINK = '#7C2855'; | ||
| exports.NHS_PINK = '#AE2573'; | ||
| exports.NHS_DARK_RED = '#8A1538'; | ||
| exports.NHS_ORANGE = '#ED8B00'; | ||
| exports.NHS_WARM_YELLOW = '#FFB81C'; | ||
| exports.NHS_YELLOW = '#FAE100'; | ||
| exports.NHS_GREY_3 = '#AEB7BD'; | ||
| // nhs colours with low opacity | ||
| exports.NHS_TRANSLUCENT_WARM_YELLOW = 'rgba(255, 184, 28, 0.2)'; | ||
| exports.NHS_TRANSLUCENT_BRIGHT_BLUE = 'rgba(0, 114, 206, 0.2)'; | ||
| exports.NHS_TRANSLUCENT_DARK_BLUE = 'rgba(0, 48, 135, 0.1)'; | ||
| exports.NHS_TRANSLUCENT_MID_GREY = 'rgba(118, 134, 146, 0.1)'; | ||
| exports.NHS_TRANSLUCENT_BRIGHT_BLUE_TABLE = 'rgba(0, 114, 206, 0.05)'; | ||
| exports.NHS_TRANSLUCENT_MID_GREY_TABLE = 'rgba(118, 134, 146, 0.05)'; | ||
| //# sourceMappingURL=nhs-colours.js.map |
| {"version":3,"file":"nhs-colours.js","sourceRoot":"","sources":["../../src/atoms/nhs-colours.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,SAAS,CAAA;AACpB,QAAA,aAAa,GAAG,SAAS,CAAA;AACzB,QAAA,eAAe,GAAG,SAAS,CAAA;AAC3B,QAAA,cAAc,GAAG;IAC5B,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;CACrB,CAAA;AACY,QAAA,aAAa,GAAG;IAC3B,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAA;AACY,QAAA,SAAS,GAAG,SAAS,CAAA;AACrB,QAAA,aAAa,GAAG,SAAS,CAAA;AACzB,QAAA,YAAY,GAAG;IAC1B,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;CACrB,CAAA;AACY,QAAA,aAAa,GAAG,SAAS,CAAA;AACzB,QAAA,SAAS,GAAG,SAAS,CAAA;AACrB,QAAA,cAAc,GAAG,SAAS,CAAA;AAC1B,QAAA,SAAS,GAAG;IACvB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;CACrB,CAAA;AAEY,QAAA,mBAAmB,GAAG;IACjC,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAA;AAEY,QAAA,eAAe,GAAG;IAC7B,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAA;AACY,QAAA,0BAA0B,GAAG;IACxC,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,gBAAgB;CAC5B,CAAA;AACY,QAAA,cAAc,GAAG,SAAS,CAAA;AAC1B,QAAA,UAAU,GAAG,SAAS,CAAA;AACtB,QAAA,aAAa,GAAG,SAAS,CAAA;AACzB,QAAA,QAAQ,GAAG,SAAS,CAAA;AACpB,QAAA,YAAY,GAAG,SAAS,CAAA;AACxB,QAAA,UAAU,GAAG,SAAS,CAAA;AACtB,QAAA,eAAe,GAAG,SAAS,CAAA;AAC3B,QAAA,UAAU,GAAG,SAAS,CAAA;AACtB,QAAA,UAAU,GAAG,SAAS,CAAA;AAEnC,+BAA+B;AAClB,QAAA,2BAA2B,GAAG,yBAAyB,CAAA;AACvD,QAAA,2BAA2B,GAAG,wBAAwB,CAAA;AACtD,QAAA,yBAAyB,GAAG,uBAAuB,CAAA;AACnD,QAAA,wBAAwB,GAAG,0BAA0B,CAAA;AACrD,QAAA,iCAAiC,GAAG,yBAAyB,CAAA;AAC7D,QAAA,8BAA8B,GAAG,2BAA2B,CAAA"} |
| export declare const StickyTableData = "stickyTableData"; | ||
| export declare const StickyTableHead = "stickyTableHead"; | ||
| export declare const TableDataWithPopUp = "tableDataWithPopUp"; | ||
| export declare const TooltipElement = "tooltip"; | ||
| export declare const PopUp = "popup"; | ||
| export type ZIndexes = 'stickyTableData' | 'tableDataWithPopUp' | 'stickyTableHead' | 'tooltip' | 'popup'; | ||
| export declare const getZIndex: (zIndex: ZIndexes) => number; |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.getZIndex = exports.PopUp = exports.TooltipElement = exports.TableDataWithPopUp = exports.StickyTableHead = exports.StickyTableData = void 0; | ||
| var makeZIndexes = function (layers) { | ||
| return layers.reduce(function (agg, layerName, index) { | ||
| var _a; | ||
| return (__assign(__assign({}, agg), (_a = {}, _a[layerName] = (index + 1) * 100, _a))); | ||
| }, {}); | ||
| }; | ||
| exports.StickyTableData = 'stickyTableData'; | ||
| exports.StickyTableHead = 'stickyTableHead'; | ||
| exports.TableDataWithPopUp = 'tableDataWithPopUp'; | ||
| exports.TooltipElement = 'tooltip'; | ||
| exports.PopUp = 'popup'; | ||
| // the order of the array determines the zIndex value and thus visibility order in the dom | ||
| var zIndexes = [exports.StickyTableData, exports.TableDataWithPopUp, exports.StickyTableHead, exports.TooltipElement, exports.PopUp]; | ||
| var zIndexProps = makeZIndexes(zIndexes); | ||
| var getZIndex = function (zIndex) { return zIndexProps[zIndex]; }; | ||
| exports.getZIndex = getZIndex; | ||
| //# sourceMappingURL=z-indexes.js.map |
| {"version":3,"file":"z-indexes.js","sourceRoot":"","sources":["../../src/atoms/z-indexes.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,IAAM,YAAY,GAAG,UAAC,MAAgB;IACpC,OAAA,MAAM,CAAC,MAAM,CACX,UAAC,GAA2B,EAAE,SAAiB,EAAE,KAAa;;QAAK,OAAA,uBAAM,GAAG,gBAAG,SAAS,IAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,OAAG;IAA5C,CAA4C,EAC/G,EAAE,CACH;AAHD,CAGC,CAAA;AAEU,QAAA,eAAe,GAAG,iBAAiB,CAAA;AACnC,QAAA,eAAe,GAAG,iBAAiB,CAAA;AACnC,QAAA,kBAAkB,GAAG,oBAAoB,CAAA;AACzC,QAAA,cAAc,GAAG,SAAS,CAAA;AAC1B,QAAA,KAAK,GAAG,OAAO,CAAA;AAE5B,0FAA0F;AAC1F,IAAM,QAAQ,GAAG,CAAC,uBAAe,EAAE,0BAAkB,EAAE,uBAAe,EAAE,sBAAc,EAAE,aAAK,CAAC,CAAA;AAE9F,IAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;AAInC,IAAM,SAAS,GAAG,UAAC,MAAgB,IAAK,OAAA,WAAW,CAAC,MAAM,CAAC,EAAnB,CAAmB,CAAA;AAArD,QAAA,SAAS,aAA4C"} |
| export * from './atoms'; |
-18
| "use strict"; | ||
| var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| var desc = Object.getOwnPropertyDescriptor(m, k); | ||
| if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { | ||
| desc = { enumerable: true, get: function() { return m[k]; } }; | ||
| } | ||
| Object.defineProperty(o, k2, desc); | ||
| }) : (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| o[k2] = m[k]; | ||
| })); | ||
| var __exportStar = (this && this.__exportStar) || function(m, exports) { | ||
| for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); | ||
| }; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| __exportStar(require("./atoms"), exports); | ||
| //# sourceMappingURL=index.js.map |
| {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB"} |
No alert changes
Worsened metrics
- Total package byte prevSize
13485
-74.89%- Number of package files
12
-71.43%- Lines of code
377
-65.66%No dependency changes