@thecb/components 8.3.0-beta.0 → 8.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/index.cjs.js +4 -2
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +10 -10
  4. package/dist/index.esm.js +4 -2
  5. package/dist/index.esm.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/atoms/badge/Badge.theme.js +2 -2
  8. package/src/components/atoms/form-layouts/index.d.ts +6 -2
  9. package/src/components/atoms/form-select/index.d.ts +8 -8
  10. package/src/constants/colors.js +3 -2
  11. package/src/index.d.ts +1 -0
  12. package/src/types/common/ErrorMessageDictionary.ts +3 -0
  13. package/src/types/common/FieldActions.ts +6 -6
  14. package/src/types/common/FormSelectOption.ts +4 -0
  15. package/src/types/common/index.ts +3 -1
  16. package/src/types/common/ErrorMessage.ts +0 -3
package/dist/index.d.ts CHANGED
@@ -106,7 +106,12 @@ interface FieldActions {
106
106
  clear?: () => ClearAction;
107
107
  }
108
108
 
109
- interface ErrorMessage {
109
+ interface FormSelectOption {
110
+ text?: string;
111
+ value?: string;
112
+ }
113
+
114
+ interface ErrorMessageDictionary {
110
115
  [fieldName: string]: string;
111
116
  }
112
117
 
@@ -115,7 +120,7 @@ interface FormInputProps {
115
120
  field?: Field;
116
121
  fieldActions?: FieldActions;
117
122
  disabled?: boolean;
118
- errorMessages?: ErrorMessage[];
123
+ errorMessages?: ErrorMessageDictionary;
119
124
  helperModal?: boolean;
120
125
  isEmail?: boolean;
121
126
  isNum?: boolean;
@@ -127,19 +132,14 @@ interface FormInputProps {
127
132
  declare const FormInput: React.FC<Expand<FormInputProps> &
128
133
  React.HTMLAttributes<HTMLElement>>;
129
134
 
130
- interface Option {
131
- text?: string;
132
- value?: string | number;
133
- }
134
-
135
135
  interface FormSelectProps {
136
136
  disabled?: boolean;
137
137
  dropdownMaxHeight?: string;
138
138
  labelTextWhenNoError?: string;
139
- options?: Option[];
139
+ options?: FormSelectOption[];
140
140
  fieldActions?: FieldActions;
141
141
  showErrors?: boolean;
142
- errorMessages?: ErrorMessage[];
142
+ errorMessages?: ErrorMessageDictionary;
143
143
  field?: Field;
144
144
  }
145
145
 
@@ -698,5 +698,5 @@ interface DefaultPageTemplateProps {
698
698
  declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
699
699
  React.HTMLAttributes<HTMLElement>>;
700
700
 
701
- export { ArrowDownCircleIconSmall, ArrowDownCircleIconSmallProps, ArrowLeftCircleIconMedium, ArrowLeftCircleIconMediumProps, ArrowLeftCircleIconSmall, ArrowLeftCircleIconSmallProps, ArrowRightCircleIconSmall, ArrowRightCircleIconSmallProps, ArrowUpCircleIconSmall, ArrowUpCircleIconSmallProps, BankIconLarge, BankIconLargeProps, Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, ChargebackIconMedium, ChargebackIconMediumProps, ChargebackIconSmall, ChargebackIconSmallProps, ChargebackReversalIconMedium, ChargebackReversalIconMediumProps, ChargebackReversalIconSmall, ChargebackReversalIconSmallProps, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KioskImage, Loading, LoadingProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RevenueManagementImage, Spinner, SpinnerProps, Stack, StackProps, StandardCheckoutImage, SuccessfulIconMedium, SuccessfulIconMediumProps, SuccessfulIconSmall, SuccessfulIconSmallProps, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps };
701
+ export { AddValidatorAction, ArrowDownCircleIconSmall, ArrowDownCircleIconSmallProps, ArrowLeftCircleIconMedium, ArrowLeftCircleIconMediumProps, ArrowLeftCircleIconSmall, ArrowLeftCircleIconSmallProps, ArrowRightCircleIconSmall, ArrowRightCircleIconSmallProps, ArrowUpCircleIconSmall, ArrowUpCircleIconSmallProps, BankIconLarge, BankIconLargeProps, Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, ChargebackIconMedium, ChargebackIconMediumProps, ChargebackIconSmall, ChargebackIconSmallProps, ChargebackReversalIconMedium, ChargebackReversalIconMediumProps, ChargebackReversalIconSmall, ChargebackReversalIconSmallProps, ClearAction, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ErrorMessageDictionary, ExternalLink, ExternalLinkProps, Field, FieldActionPayload, FieldActions, FooterWithSubfooter, FooterWithSubfooterProps, FormInput, FormInputProps, FormSelect, FormSelectOption, FormSelectProps, GuidedCheckoutImage, HistoryIconSmall, InternalLink, InternalLinkProps, KioskImage, Loading, LoadingProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, PointOfSaleImage, Popover, PopoverProps, ProfileImage, ReduxAction, RefundIconMedium, RefundIconMediumProps, RefundIconSmall, RefundIconSmallProps, RemoveValidatorAction, RevenueManagementImage, SetAction, Spinner, SpinnerProps, Stack, StackProps, StandardCheckoutImage, SuccessfulIconMedium, SuccessfulIconMediumProps, SuccessfulIconSmall, SuccessfulIconSmallProps, Switcher, SwitcherProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeading, TableHeadingProps, TableListItem, TableListItemProps, TableProps, TableRow, TableRowProps, Text, TextProps, Title, TitleProps, ValidatorFn, XCircleIconMedium, XCircleIconMediumProps, XCircleIconSmall, XCircleIconSmallProps };
702
702
  //# sourceMappingURL=index.d.ts.map
package/dist/index.esm.js CHANGED
@@ -4994,7 +4994,6 @@ var COOL_GREY_05 = "#fbfcfd"; // CBS-050
4994
4994
  var CLOUDBURST_BLUE = "#26395c";
4995
4995
  var ZODIAC_BLUE = "#14284b";
4996
4996
  var CONGRESS_BLUE = "#005095";
4997
- var ROYAL_BLUE = "#3B5BDB";
4998
4997
  var SCIENCE_BLUE = "#0074D9";
4999
4998
  var MARINER_BLUE = "#2E75D2";
5000
4999
  var CURIOUS_BLUE = "#27A9E1";
@@ -5009,6 +5008,8 @@ var INFO_BLUE = "#E4F4FD";
5009
5008
  var CORNFLOWER_BLUE = "#EBEFFB";
5010
5009
  var HOVER_LIGHT_BLUE = "#EFFAFF";
5011
5010
  var MATISSE_BLUE = "#15749D";
5011
+ var ROYAL_BLUE = "#3181E3";
5012
+ var ROYAL_BLUE_VIVID = "#3B5BDB";
5012
5013
  var ASTRAL_BLUE = "#3176AA";
5013
5014
  var SAPPHIRE_BLUE = "#116285";
5014
5015
  var PEACOCK_BLUE = "#0E506D"; // GREEN
@@ -5139,6 +5140,7 @@ var colors = /*#__PURE__*/Object.freeze({
5139
5140
  HOVER_LIGHT_BLUE: HOVER_LIGHT_BLUE,
5140
5141
  MATISSE_BLUE: MATISSE_BLUE,
5141
5142
  ROYAL_BLUE: ROYAL_BLUE,
5143
+ ROYAL_BLUE_VIVID: ROYAL_BLUE_VIVID,
5142
5144
  ASTRAL_BLUE: ASTRAL_BLUE,
5143
5145
  SAPPHIRE_BLUE: SAPPHIRE_BLUE,
5144
5146
  PEACOCK_BLUE: PEACOCK_BLUE,
@@ -18791,7 +18793,7 @@ var background$1 = {
18791
18793
  var color$4 = {
18792
18794
  info: "".concat(MATISSE_BLUE),
18793
18795
  warn: "".concat(ZEST_ORANGE),
18794
- primary: "".concat(ROYAL_BLUE),
18796
+ primary: "".concat(ROYAL_BLUE_VIVID),
18795
18797
  success: "".concat(SEA_GREEN)
18796
18798
  };
18797
18799
  var fallbackValues$7 = {