@thecb/components 8.3.0-beta.0 → 8.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "8.3.0-beta.0",
+  "version": "8.3.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/badge/Badge.theme.js

@@ -4,7 +4,7 @@ import {
   HINT_GREEN,
   INFO_BLUE,
   MATISSE_BLUE,
-  ROYAL_BLUE,
+  ROYAL_BLUE_VIVID,
   SEA_GREEN,
   ZEST_ORANGE
 } from "../../../constants/colors";
@@ -19,7 +19,7 @@ const background = {
 const color = {
   info: `${MATISSE_BLUE}`,
   warn: `${ZEST_ORANGE}`,
-  primary: `${ROYAL_BLUE}`,
+  primary: `${ROYAL_BLUE_VIVID}`,
   success: `${SEA_GREEN}`
 };
 

package/src/components/atoms/form-layouts/index.d.ts

@@ -1,13 +1,17 @@
 import React from "react";
 import Expand from "../../../util/expand";
-import { ErrorMessage, Field, FieldActions } from "../../../types/common";
+import {
+  ErrorMessageDictionary,
+  Field,
+  FieldActions
+} from "../../../types/common";
 
 export interface FormInputProps {
   extraStyles?: string;
   field?: Field;
   fieldActions?: FieldActions;
   disabled?: boolean;
-  errorMessages?: ErrorMessage[];
+  errorMessages?: ErrorMessageDictionary;
   helperModal?: boolean;
   isEmail?: boolean;
   isNum?: boolean;

package/src/components/atoms/form-select/index.d.ts

@@ -1,20 +1,20 @@
 import React from "react";
 import Expand from "../../../util/expand";
-import { ErrorMessage, Field, FieldActions } from "../../../types/common";
-
-interface Option {
-  text?: string;
-  value?: string | number;
-}
+import {
+  ErrorMessageDictionary,
+  Field,
+  FieldActions,
+  FormSelectOption
+} from "../../../types/common";
 
 export interface FormSelectProps {
   disabled?: boolean;
   dropdownMaxHeight?: string;
   labelTextWhenNoError?: string;
-  options?: Option[];
+  options?: FormSelectOption[];
   fieldActions?: FieldActions;
   showErrors?: boolean;
-  errorMessages?: ErrorMessage[];
+  errorMessages?: ErrorMessageDictionary;
   field?: Field;
 }
 

package/src/constants/colors.js

@@ -40,7 +40,6 @@ const COOL_GREY_05 = "#fbfcfd"; // CBS-050
 const CLOUDBURST_BLUE = "#26395c";
 const ZODIAC_BLUE = "#14284b";
 const CONGRESS_BLUE = "#005095";
-const ROYAL_BLUE = "#3B5BDB";
 const SCIENCE_BLUE = "#0074D9";
 const MARINER_BLUE = "#2E75D2";
 const CURIOUS_BLUE = "#27A9E1";
@@ -55,7 +54,8 @@ const INFO_BLUE = "#E4F4FD";
 const CORNFLOWER_BLUE = "#EBEFFB";
 const HOVER_LIGHT_BLUE = "#EFFAFF";
 const MATISSE_BLUE = "#15749D";
-
+const ROYAL_BLUE = "#3181E3";
+const ROYAL_BLUE_VIVID = "#3B5BDB";
 const ASTRAL_BLUE = "#3176AA";
 const SAPPHIRE_BLUE = "#116285";
 const PEACOCK_BLUE = "#0E506D";
@@ -188,6 +188,7 @@ export {
   HOVER_LIGHT_BLUE,
   MATISSE_BLUE,
   ROYAL_BLUE,
+  ROYAL_BLUE_VIVID,
   ASTRAL_BLUE,
   SAPPHIRE_BLUE,
   PEACOCK_BLUE,

package/src/index.d.ts

@@ -1 +1,2 @@
 export * from "./components";
+export * from "./types/common";

package/src/types/common/ErrorMessageDictionary.ts

@@ -0,0 +1,3 @@
+export default interface ErrorMessageDictionary {
+  [fieldName: string]: string;
+}

package/src/types/common/FieldActions.ts

@@ -4,24 +4,24 @@ import ReduxAction from "./ReduxAction";
  * These types should be moved to and referenced from redux-freeform if it implements TypeScript
  */
 
-type ValidatorFn = (value: string) => boolean;
+export type ValidatorFn = (value: string) => boolean;
 
-interface FieldActionPayload {
+export interface FieldActionPayload {
   fieldName: string;
   value?: string;
   validator?: ValidatorFn;
 }
 
-type SetAction = ReduxAction<"field/SET", FieldActionPayload>;
-type AddValidatorAction = ReduxAction<
+export type SetAction = ReduxAction<"field/SET", FieldActionPayload>;
+export type AddValidatorAction = ReduxAction<
   "field/ADD_VALIDATOR",
   FieldActionPayload
 >;
-type RemoveValidatorAction = ReduxAction<
+export type RemoveValidatorAction = ReduxAction<
   "field/REMOVE_VALIDATOR",
   FieldActionPayload
 >;
-type ClearAction = ReduxAction<"field/CLEAR">;
+export type ClearAction = ReduxAction<"field/CLEAR">;
 
 export default interface FieldActions {
   set?: (fieldName: string) => (value: string) => SetAction;

package/src/types/common/FormSelectOption.ts

@@ -0,0 +1,4 @@
+export default interface FormSelectOption {
+  text?: string;
+  value?: string;
+}

package/src/types/common/index.ts

@@ -1,4 +1,6 @@
 export { default as Field } from "./Field";
 export { default as ReduxAction } from "./ReduxAction";
 export { default as FieldActions } from "./FieldActions";
-export { default as ErrorMessage } from "./ErrorMessage";
+export { default as FormSelectOption } from "./FormSelectOption";
+export { default as ErrorMessageDictionary } from "./ErrorMessageDictionary";
+export * from "./FieldActions";

package/src/types/common/ErrorMessage.ts

@@ -1,3 +0,0 @@
-export default interface ErrorMessage {
-  [fieldName: string]: string;
-}