carbon-react 108.0.0 → 109.0.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 (71) hide show
  1. package/esm/__internal__/input/input-presentation.style.d.ts +1 -1
  2. package/esm/__internal__/input/input.component.js +52 -2
  3. package/esm/__internal__/input-icon-toggle/index.d.ts +2 -1
  4. package/esm/__internal__/input-icon-toggle/input-icon-toggle.component.d.ts +20 -0
  5. package/esm/__internal__/input-icon-toggle/input-icon-toggle.component.js +16 -17
  6. package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.d.ts +12 -0
  7. package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +7 -17
  8. package/esm/__internal__/label/label.component.js +1 -1
  9. package/esm/__spec_helper__/index.js +1 -1
  10. package/esm/components/accordion/accordion.style.d.ts +2 -2
  11. package/esm/components/action-popover/action-popover-item/action-popover-item.component.js +1 -1
  12. package/esm/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js +1 -1
  13. package/esm/components/action-popover/action-popover.style.d.ts +4 -4
  14. package/esm/components/badge/badge.style.d.ts +1 -2
  15. package/esm/components/button/button.component.d.ts +2 -1
  16. package/esm/components/button/button.component.js +3 -3
  17. package/esm/components/confirm/confirm.d.ts +1 -1
  18. package/esm/components/help/help.d.ts +1 -1
  19. package/esm/components/icon/icon-config.d.ts +14 -11
  20. package/esm/components/icon/icon-config.js +1 -1
  21. package/esm/components/icon/icon-type.d.ts +1 -0
  22. package/esm/components/icon/icon-type.js +1 -0
  23. package/esm/components/icon/icon.component.d.ts +46 -0
  24. package/esm/components/icon/icon.component.js +212 -125
  25. package/esm/components/icon/icon.style.d.ts +37 -1
  26. package/esm/components/icon/icon.style.js +10 -35
  27. package/esm/components/icon/index.d.ts +3 -2
  28. package/esm/components/icon-button/icon-button.d.ts +1 -1
  29. package/esm/components/link/link.component.d.ts +2 -2
  30. package/esm/components/link/link.component.js +1 -1
  31. package/esm/components/menu/menu-item/menu-item.d.ts +1 -1
  32. package/esm/components/multi-action-button/multi-action-button.component.js +50 -1
  33. package/esm/hooks/__internal__/useModalManager/useModalManager.js +14 -11
  34. package/lib/__internal__/input/input-presentation.style.d.ts +1 -1
  35. package/lib/__internal__/input/input.component.js +52 -2
  36. package/lib/__internal__/input-icon-toggle/index.d.ts +2 -1
  37. package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.d.ts +20 -0
  38. package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.js +16 -17
  39. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.d.ts +12 -0
  40. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +7 -18
  41. package/lib/__internal__/label/label.component.js +1 -1
  42. package/lib/__spec_helper__/index.js +1 -1
  43. package/lib/components/accordion/accordion.style.d.ts +2 -2
  44. package/lib/components/action-popover/action-popover-item/action-popover-item.component.js +1 -1
  45. package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js +1 -1
  46. package/lib/components/action-popover/action-popover.style.d.ts +4 -4
  47. package/lib/components/badge/badge.style.d.ts +1 -2
  48. package/lib/components/button/button.component.d.ts +2 -1
  49. package/lib/components/button/button.component.js +3 -3
  50. package/lib/components/confirm/confirm.d.ts +1 -1
  51. package/lib/components/help/help.d.ts +1 -1
  52. package/lib/components/icon/icon-config.d.ts +14 -11
  53. package/lib/components/icon/icon-config.js +1 -1
  54. package/lib/components/icon/icon-type.d.ts +1 -0
  55. package/lib/components/icon/icon-type.js +5 -0
  56. package/lib/components/icon/icon.component.d.ts +46 -0
  57. package/lib/components/icon/icon.component.js +215 -130
  58. package/lib/components/icon/icon.style.d.ts +37 -1
  59. package/lib/components/icon/icon.style.js +10 -36
  60. package/lib/components/icon/index.d.ts +3 -2
  61. package/lib/components/icon-button/icon-button.d.ts +1 -1
  62. package/lib/components/link/link.component.d.ts +2 -2
  63. package/lib/components/link/link.component.js +1 -1
  64. package/lib/components/menu/menu-item/menu-item.d.ts +1 -1
  65. package/lib/components/multi-action-button/multi-action-button.component.js +50 -1
  66. package/lib/hooks/__internal__/useModalManager/useModalManager.js +14 -11
  67. package/package.json +10 -10
  68. package/esm/__internal__/input-icon-toggle/input-icon-toggle.d.ts +0 -24
  69. package/esm/components/icon/icon.d.ts +0 -252
  70. package/lib/__internal__/input-icon-toggle/input-icon-toggle.d.ts +0 -24
  71. package/lib/components/icon/icon.d.ts +0 -252
@@ -2,5 +2,5 @@ import { CommonInputPresentationProps } from "./input-presentation.component";
2
2
  import { InputContextProps } from "../input-behaviour";
3
3
  import { CarbonProviderProps } from "../../components/carbon-provider";
4
4
  export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "inputWidth">, never>;
5
- declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "readOnly" | "size" | "align"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
5
+ declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "size" | "readOnly" | "align"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
6
6
  export default InputPresentationStyle;
@@ -213,7 +213,7 @@ Input.propTypes = {
213
213
  "autoCorrect": PropTypes.string,
214
214
  "autoFocus": PropTypes.bool,
215
215
  "autoSave": PropTypes.string,
216
- "capture": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
216
+ "capture": PropTypes.oneOfType([PropTypes.oneOf(["environment", "user"]), PropTypes.bool]),
217
217
  "checked": PropTypes.bool,
218
218
  "children": PropTypes.node,
219
219
  "className": PropTypes.string,
@@ -234,6 +234,7 @@ Input.propTypes = {
234
234
  "dir": PropTypes.string,
235
235
  "disabled": PropTypes.bool,
236
236
  "draggable": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
237
+ "enterKeyHint": PropTypes.oneOf(["done", "enter", "go", "next", "previous", "search", "send"]),
237
238
  "form": PropTypes.string,
238
239
  "formAction": PropTypes.string,
239
240
  "formEncType": PropTypes.string,
@@ -430,7 +431,56 @@ Input.propTypes = {
430
431
  "required": PropTypes.bool,
431
432
  "resource": PropTypes.string,
432
433
  "results": PropTypes.number,
433
- "role": PropTypes.string,
434
+ "role": PropTypes.oneOfType([PropTypes.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), PropTypes.shape({
435
+ "__@iterator": PropTypes.func.isRequired,
436
+ "anchor": PropTypes.func.isRequired,
437
+ "big": PropTypes.func.isRequired,
438
+ "blink": PropTypes.func.isRequired,
439
+ "bold": PropTypes.func.isRequired,
440
+ "charAt": PropTypes.func.isRequired,
441
+ "charCodeAt": PropTypes.func.isRequired,
442
+ "codePointAt": PropTypes.func.isRequired,
443
+ "concat": PropTypes.func.isRequired,
444
+ "endsWith": PropTypes.func.isRequired,
445
+ "fixed": PropTypes.func.isRequired,
446
+ "fontcolor": PropTypes.func.isRequired,
447
+ "fontsize": PropTypes.func.isRequired,
448
+ "includes": PropTypes.func.isRequired,
449
+ "indexOf": PropTypes.func.isRequired,
450
+ "italics": PropTypes.func.isRequired,
451
+ "lastIndexOf": PropTypes.func.isRequired,
452
+ "length": PropTypes.number.isRequired,
453
+ "link": PropTypes.func.isRequired,
454
+ "localeCompare": PropTypes.func.isRequired,
455
+ "match": PropTypes.func.isRequired,
456
+ "matchAll": PropTypes.func.isRequired,
457
+ "normalize": PropTypes.func.isRequired,
458
+ "padEnd": PropTypes.func.isRequired,
459
+ "padStart": PropTypes.func.isRequired,
460
+ "repeat": PropTypes.func.isRequired,
461
+ "replace": PropTypes.func.isRequired,
462
+ "search": PropTypes.func.isRequired,
463
+ "slice": PropTypes.func.isRequired,
464
+ "small": PropTypes.func.isRequired,
465
+ "split": PropTypes.func.isRequired,
466
+ "startsWith": PropTypes.func.isRequired,
467
+ "strike": PropTypes.func.isRequired,
468
+ "sub": PropTypes.func.isRequired,
469
+ "substr": PropTypes.func.isRequired,
470
+ "substring": PropTypes.func.isRequired,
471
+ "sup": PropTypes.func.isRequired,
472
+ "toLocaleLowerCase": PropTypes.func.isRequired,
473
+ "toLocaleUpperCase": PropTypes.func.isRequired,
474
+ "toLowerCase": PropTypes.func.isRequired,
475
+ "toString": PropTypes.func.isRequired,
476
+ "toUpperCase": PropTypes.func.isRequired,
477
+ "trim": PropTypes.func.isRequired,
478
+ "trimEnd": PropTypes.func.isRequired,
479
+ "trimLeft": PropTypes.func.isRequired,
480
+ "trimRight": PropTypes.func.isRequired,
481
+ "trimStart": PropTypes.func.isRequired,
482
+ "valueOf": PropTypes.func.isRequired
483
+ })]),
434
484
  "security": PropTypes.string,
435
485
  "size": PropTypes.number,
436
486
  "slot": PropTypes.string,
@@ -1 +1,2 @@
1
- export { default } from "./input-icon-toggle";
1
+ export { default } from "./input-icon-toggle.component";
2
+ export type { InputIconToggleProps } from "./input-icon-toggle.component";
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ import { IconType } from "../../components/icon";
3
+ import { InputIconToggleStyleProps } from "./input-icon-toggle.style";
4
+ import { ValidationProps } from "../validations/validation-icon.component";
5
+ export interface InputIconToggleProps extends InputIconToggleStyleProps, ValidationProps {
6
+ align?: "left" | "right";
7
+ disabled?: boolean;
8
+ iconTabIndex?: number;
9
+ inputIcon?: IconType;
10
+ onBlur?: (ev: React.FocusEvent<HTMLElement>) => void;
11
+ onFocus?: (ev: React.FocusEvent<HTMLElement>) => void;
12
+ onMouseDown?: (ev: React.MouseEvent<HTMLElement>) => void;
13
+ readOnly?: boolean;
14
+ tooltipId?: string;
15
+ useValidationIcon?: boolean;
16
+ /** Id of the validation icon */
17
+ validationIconId?: string;
18
+ }
19
+ declare const InputIconToggle: ({ disabled, readOnly, size, inputIcon: type, onClick, onFocus, onBlur, onMouseDown, error, warning, info, useValidationIcon, align, iconTabIndex, validationIconId, }: InputIconToggleProps) => JSX.Element | null;
20
+ export default InputIconToggle;
@@ -69,22 +69,21 @@ const InputIconToggle = ({
69
69
  };
70
70
 
71
71
  InputIconToggle.propTypes = {
72
- error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
73
- warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
74
- info: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
75
- disabled: PropTypes.bool,
76
- readOnly: PropTypes.bool,
77
- onClick: PropTypes.func,
78
- onFocus: PropTypes.func,
79
- onBlur: PropTypes.func,
80
- onMouseDown: PropTypes.func,
81
- inputIcon: PropTypes.string,
82
- size: PropTypes.oneOf(["small", "medium", "large"]),
83
- align: PropTypes.oneOf(["left", "right"]),
84
- useValidationIcon: PropTypes.bool,
85
- iconTabIndex: PropTypes.number,
86
-
87
- /** Id of the validation icon */
88
- validationIconId: PropTypes.string
72
+ "align": PropTypes.oneOf(["left", "right"]),
73
+ "disabled": PropTypes.bool,
74
+ "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
75
+ "iconTabIndex": PropTypes.number,
76
+ "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
77
+ "inputIcon": PropTypes.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
78
+ "onBlur": PropTypes.func,
79
+ "onClick": PropTypes.func,
80
+ "onFocus": PropTypes.func,
81
+ "onMouseDown": PropTypes.func,
82
+ "readOnly": PropTypes.bool,
83
+ "size": PropTypes.oneOf(["large", "medium", "small"]),
84
+ "tooltipId": PropTypes.string,
85
+ "useValidationIcon": PropTypes.bool,
86
+ "validationIconId": PropTypes.string,
87
+ "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
89
88
  };
90
89
  export default InputIconToggle;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { ValidationProps } from "../validations";
3
+ export interface InputIconToggleStyleProps extends ValidationProps {
4
+ size?: "small" | "medium" | "large";
5
+ onClick?: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement>) => void;
6
+ }
7
+ declare const InputIconToggleStyle: import("styled-components").StyledComponent<"span", any, {
8
+ onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => void | import("react").KeyboardEvent<HTMLSpanElement>;
9
+ } & InputIconToggleStyleProps & {
10
+ tabIndex?: number | undefined;
11
+ }, "onKeyDown">;
12
+ export default InputIconToggleStyle;
@@ -1,15 +1,15 @@
1
1
  import styled, { css } from "styled-components";
2
- import PropTypes from "prop-types";
3
2
  import sizes from "../input/input-sizes.style";
4
3
  const InputIconToggleStyle = styled.span.attrs(({
5
4
  onClick
6
5
  }) => ({
7
- // eslint-disable-next-line consistent-return
8
- onKeyDown: e => {
9
- if (onClick && (e.key === " " || e.key === "Enter")) {
10
- e.preventDefault();
11
- return onClick(e);
6
+ onKeyDown: event => {
7
+ if (onClick && (event.key === " " || event.key === "Enter")) {
8
+ event.preventDefault();
9
+ return onClick(event);
12
10
  }
11
+
12
+ return event;
13
13
  }
14
14
  }))`
15
15
  align-items: center;
@@ -18,7 +18,7 @@ const InputIconToggleStyle = styled.span.attrs(({
18
18
  justify-content: center;
19
19
 
20
20
  ${({
21
- size
21
+ size = "medium"
22
22
  }) => css`
23
23
  margin-right: calc(-1 * ${sizes[size].horizontalPadding});
24
24
  margin-left: calc(-1 * ${sizes[size].horizontalPadding});
@@ -29,14 +29,4 @@ const InputIconToggleStyle = styled.span.attrs(({
29
29
  outline: solid 3px var(--colorsSemanticFocus500);
30
30
  }
31
31
  `;
32
- InputIconToggleStyle.safeProps = ["size", "error", "warning", "info"];
33
- InputIconToggleStyle.defaultProps = {
34
- size: "medium"
35
- };
36
- InputIconToggleStyle.propTypes = {
37
- size: PropTypes.oneOf(["small", "medium", "large"]),
38
- error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
39
- warning: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
40
- info: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
41
- };
42
32
  export default InputIconToggleStyle;
@@ -128,7 +128,7 @@ Label.propTypes = {
128
128
  "disabled": PropTypes.bool,
129
129
  "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
130
130
  "help": PropTypes.node,
131
- "helpIcon": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
131
+ "helpIcon": PropTypes.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
132
132
  "helpTabIndex": PropTypes.string,
133
133
  "htmlFor": PropTypes.string,
134
134
  "info": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
@@ -1,5 +1,5 @@
1
1
  import Enzyme from "enzyme";
2
- import Adapter from "enzyme-adapter-react-16";
2
+ import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
3
3
  import { setup } from "./mock-match-media";
4
4
  import setupResizeObserverMock from "./mock-resize-observer";
5
5
 
@@ -1,4 +1,4 @@
1
- import Icon from "../icon";
1
+ /// <reference types="react" />
2
2
  declare const StyledAccordionGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
3
3
  export interface StyledAccordionContainerProps {
4
4
  /** Toggles left and right borders */
@@ -20,7 +20,7 @@ interface StyledAccordionIconProps {
20
20
  isExpanded?: boolean;
21
21
  iconAlign?: "left" | "right";
22
22
  }
23
- declare const StyledAccordionIcon: import("styled-components").StyledComponent<typeof Icon, any, StyledAccordionIconProps, never>;
23
+ declare const StyledAccordionIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, StyledAccordionIconProps, never>;
24
24
  interface StyledAccordionHeadingsContainerProps {
25
25
  buttonHeading?: boolean;
26
26
  hasValidationIcon?: boolean;
@@ -260,7 +260,7 @@ ActionPopoverItem.propTypes = {
260
260
  "focusItem": PropTypes.bool,
261
261
  "horizontalAlignment": PropTypes.oneOf(["left", "right"]),
262
262
  "href": PropTypes.string,
263
- "icon": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
263
+ "icon": PropTypes.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
264
264
  "onClick": PropTypes.func,
265
265
  "placement": PropTypes.oneOf(["bottom", "top"]),
266
266
  "submenu": PropTypes.node
@@ -30,7 +30,7 @@ ActionPopoverMenuButton.propTypes = {
30
30
  "children": PropTypes.string,
31
31
  "data-element": PropTypes.string.isRequired,
32
32
  "iconPosition": PropTypes.oneOf(["after", "before"]),
33
- "iconType": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
33
+ "iconType": PropTypes.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
34
34
  "size": PropTypes.oneOf(["large", "medium", "small"]),
35
35
  "tabIndex": PropTypes.number.isRequired
36
36
  };
@@ -1,4 +1,4 @@
1
- import Icon from "../icon";
1
+ /// <reference types="react" />
2
2
  declare const Menu: import("styled-components").StyledComponent<"div", any, {
3
3
  isOpen?: boolean | undefined;
4
4
  }, never>;
@@ -11,9 +11,9 @@ declare const MenuItemDivider: import("styled-components").StyledComponent<"div"
11
11
  "data-element": string;
12
12
  }, "data-element">;
13
13
  declare const MenuButton: import("styled-components").StyledComponent<"div", any, {}, never>;
14
- declare const ButtonIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
14
+ declare const ButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
15
15
  declare const StyledButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
16
- declare const MenuItemIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
17
- declare const SubMenuItemIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
16
+ declare const MenuItemIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
17
+ declare const SubMenuItemIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
18
18
  declare const MenuButtonOverrideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
19
19
  export { Menu, MenuButton, ButtonIcon, StyledButtonIcon, MenuItemIcon, MenuItemDivider, SubMenuItemIcon, MenuButtonOverrideWrapper, StyledMenuItem, };
@@ -1,10 +1,9 @@
1
1
  /// <reference types="react" />
2
- import Icon from "../icon";
3
2
  declare const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
3
  declare const StyledCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
5
4
  declare const StyledButton: import("styled-components").StyledComponent<{
6
5
  ({ size, subtext, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: import("../button").ButtonProps): JSX.Element;
7
6
  displayName: string;
8
7
  }, any, {}, never>;
9
- declare const StyledCrossIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
8
+ declare const StyledCrossIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
10
9
  export { StyledBadgeWrapper, StyledButton, StyledCrossIcon, StyledCounter };
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { SpaceProps } from "styled-system";
3
- import { IconType, TooltipPositions } from "../icon";
3
+ import { IconType } from "../icon";
4
+ import { TooltipPositions } from "../tooltip/tooltip.config";
4
5
  export declare type ButtonTypes = "primary" | "secondary" | "tertiary" | "dashed" | "darkBackground";
5
6
  export declare type SizeOptions = "small" | "medium" | "large";
6
7
  export declare type ButtonIconPosition = "before" | "after";
@@ -62,7 +62,7 @@ renderChildren.propTypes = {
62
62
  "iconPosition": PropTypes.oneOf(["after", "before"]),
63
63
  "iconTooltipMessage": PropTypes.string,
64
64
  "iconTooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
65
- "iconType": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
65
+ "iconType": PropTypes.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
66
66
  "size": PropTypes.oneOf(["large", "medium", "small"]),
67
67
  "subtext": PropTypes.string,
68
68
  "tooltipTarget": function (props, propName) {
@@ -185,7 +185,7 @@ Button.propTypes = {
185
185
  "iconPosition": PropTypes.oneOf(["after", "before"]),
186
186
  "iconTooltipMessage": PropTypes.string,
187
187
  "iconTooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
188
- "iconType": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
188
+ "iconType": PropTypes.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
189
189
  "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
190
190
  "__@toStringTag": PropTypes.string.isRequired,
191
191
  "description": PropTypes.string,
@@ -524,7 +524,7 @@ ButtonWithForwardRef.propTypes = {
524
524
  "iconPosition": PropTypes.oneOf(["after", "before"]),
525
525
  "iconTooltipMessage": PropTypes.string,
526
526
  "iconTooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
527
- "iconType": PropTypes.oneOf(["add", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "copy", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "messages", "minus_large", "minus", "mobile", "money_bag", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick_circle", "tick", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
527
+ "iconType": PropTypes.oneOf(["add", "admin", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
528
528
  "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
529
529
  "__@toStringTag": PropTypes.string.isRequired,
530
530
  "description": PropTypes.string,
@@ -1,4 +1,4 @@
1
- import { IconType } from "components/icon/icon";
1
+ import { IconType } from "components/icon/icon-type";
2
2
  import * as React from "react";
3
3
  import { DialogProps } from "../dialog/dialog";
4
4
 
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { IconType } from "components/icon/icon";
2
+ import { IconType } from "components/icon/icon-type";
3
3
  import { MarginProps } from "styled-system";
4
4
 
5
5
  export interface HelpProps extends MarginProps {
@@ -1,26 +1,29 @@
1
- export const ICON_TOOLTIP_POSITIONS: string[];
2
- export const ICON_SHAPES: string[];
3
- export const ICON_SIZES: string[];
4
- export const ICON_FONT_SIZES: string[];
5
- export const ICONS: string[];
6
- export default dlsConfig;
7
- declare namespace dlsConfig {
8
- const backgroundSize: {
1
+ import { TooltipPositions } from "../tooltip/tooltip.config";
2
+ import { IconType } from "./icon-type";
3
+ import { BackgroundShape, BgSize, FontSize } from "./icon.style";
4
+ declare const dlsConfig: {
5
+ backgroundSize: {
9
6
  "extra-small": string;
10
7
  small: string;
11
8
  medium: string;
12
9
  large: string;
13
10
  "extra-large": string;
14
11
  };
15
- const backgroundShape: {
12
+ backgroundShape: {
16
13
  square: string;
17
14
  "rounded-rect": string;
18
15
  circle: string;
19
16
  };
20
- const iconSize: {
17
+ iconSize: {
21
18
  small: string;
22
19
  medium: string;
23
20
  large: string;
24
21
  "extra-large": string;
25
22
  };
26
- }
23
+ };
24
+ export declare const ICON_TOOLTIP_POSITIONS: TooltipPositions[];
25
+ export declare const ICON_SHAPES: BackgroundShape[];
26
+ export declare const ICON_SIZES: BgSize[];
27
+ export declare const ICON_FONT_SIZES: FontSize[];
28
+ export declare const ICONS: IconType[];
29
+ export default dlsConfig;
@@ -22,5 +22,5 @@ export const ICON_TOOLTIP_POSITIONS = ["bottom", "left", "right", "top"];
22
22
  export const ICON_SHAPES = ["circle", "rounded-rect", "square"];
23
23
  export const ICON_SIZES = ["extra-small", "small", "medium", "large", "extra-large"];
24
24
  export const ICON_FONT_SIZES = ["small", "medium", "large", "extra-large"];
25
- export const ICONS = ["add", "alert", "analysis", "arrow_down", "arrow_left", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_right", "arrow_right_small", "arrow_up", "attach", "bank", "basket", "basket_with_squares", "bin", "blocked", "blocked_square", "block_arrow_right", "bold", "boxed_shapes", "bulk_destroy", "bullet_list", "bullet_list_dotted", "bullet_list_numbers", "business", "calendar", "calendar_today", "call", "camera", "card_view", "caret_down", "caret_left", "caret_right", "caret_up", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "cart", "chat", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chevron_down", "chevron_left", "chevron_right", "chevron_up", "chevron_down_thick", "chevron_left_thick", "chevron_right_thick", "chevron_up_thick", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "copy", "credit_card", "credit_card_slash", "cross", "cross_circle", "csv", "delete", "delivery", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "drag", "drag_vertical", "draft", "dropdown", "duplicate", "edit", "edited", "email", "email_switch", "ellipsis_horizontal", "ellipsis_vertical", "envelope_dollar", "envelope_euro", "error", "error_square", "euro", "expand", "factory", "favourite", "favourite_lined", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter", "filter_new", "fit_height", "fit_width", "flag", "folder", "gift", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger", "ledger_arrow_left", "ledger_arrow_right", "link", "list_view", "locked", "location", "logout", "lookup", "marker", "message", "messages", "minus", "minus_large", "mobile", "money_bag", "pause", "pause_circle", "pdf", "people", "people_switch", "person", "person_info", "person_tick", "phone", "play", "play_circle", "plus", "plus_large", "pound", "print", "progress", "progressed", "question", "refresh", "refresh_clock", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split", "split_container", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "three_boxes", "tick", "tick_circle", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning", "admin", "arrow", "contacts", "create", "disconnect", "entry", "go", "lightbulb_off", "lightbulb_on", "none", "old_warning", "piggy_bank", "question_hollow", "question_mark", "settings_old", "talk", "true_tick"];
25
+ export const ICONS = ["add", "admin", "alert", "analysis", "arrow", "arrow_down", "arrow_left", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_right", "arrow_right_small", "arrow_up", "attach", "bank", "basket", "basket_with_squares", "bin", "blocked", "blocked_square", "block_arrow_right", "bold", "boxed_shapes", "bulk_destroy", "bullet_list", "bullet_list_dotted", "bullet_list_numbers", "business", "calendar", "calendar_today", "call", "camera", "card_view", "caret_down", "caret_left", "caret_right", "caret_up", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "cart", "chat", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chevron_down", "chevron_left", "chevron_right", "chevron_up", "chevron_down_thick", "chevron_left_thick", "chevron_right_thick", "chevron_up_thick", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card", "credit_card_slash", "cross", "cross_circle", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "drag", "drag_vertical", "draft", "dropdown", "duplicate", "edit", "edited", "email", "email_switch", "entry", "ellipsis_horizontal", "ellipsis_vertical", "envelope_dollar", "envelope_euro", "error", "error_square", "euro", "expand", "factory", "favourite", "favourite_lined", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter", "filter_new", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger", "ledger_arrow_left", "ledger_arrow_right", "lightbulb_off", "lightbulb_on", "link", "list_view", "locked", "location", "logout", "lookup", "marker", "message", "minus", "minus_large", "mobile", "money_bag", "none", "old_warning", "pause", "pause_circle", "pdf", "people", "people_switch", "person", "person_info", "person_tick", "phone", "piggy_bank", "play", "play_circle", "plus", "plus_large", "pound", "print", "progress", "progressed", "question", "question_hollow", "question_mark", "refresh", "refresh_clock", "remove", "sage_coin", "save", "scan", "search", "services", "settings", "settings_old", "share", "shop", "sort_down", "sort_up", "spanner", "split", "split_container", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick", "tick_circle", "true_tick", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"];
26
26
  export default dlsConfig;
@@ -0,0 +1 @@
1
+ export declare type IconType = "add" | "admin" | "alert" | "analysis" | "arrow" | "arrow_down" | "arrow_left" | "arrow_left_boxed" | "arrow_left_right_small" | "arrow_left_small" | "arrow_right" | "arrow_right_small" | "arrow_up" | "attach" | "bank" | "basket" | "basket_with_squares" | "bin" | "blocked" | "blocked_square" | "block_arrow_right" | "bold" | "boxed_shapes" | "bulk_destroy" | "bullet_list" | "bullet_list_dotted" | "bullet_list_numbers" | "business" | "calendar" | "calendar_today" | "call" | "camera" | "card_view" | "caret_down" | "caret_left" | "caret_right" | "caret_up" | "caret_large_down" | "caret_large_left" | "caret_large_right" | "caret_large_up" | "cart" | "chat" | "chart_bar" | "chart_line" | "chart_pie" | "chat_notes" | "chevron_down" | "chevron_left" | "chevron_right" | "chevron_up" | "chevron_down_thick" | "chevron_left_thick" | "chevron_right_thick" | "chevron_up_thick" | "circle_with_dots" | "circles_connection" | "clock" | "close" | "coins" | "collaborate" | "computer_clock" | "connect" | "contacts" | "copy" | "create" | "credit_card" | "credit_card_slash" | "cross" | "cross_circle" | "csv" | "delete" | "delivery" | "disputed" | "disconnect" | "document_right_align" | "document_tick" | "document_vertical_lines" | "download" | "drag" | "drag_vertical" | "draft" | "dropdown" | "duplicate" | "edit" | "edited" | "email" | "email_switch" | "entry" | "envelope_dollar" | "envelope_euro" | "ellipsis_horizontal" | "ellipsis_vertical" | "error" | "error_square" | "euro" | "expand" | "factory" | "favourite" | "favourite_lined" | "fax" | "feedback" | "file_excel" | "file_generic" | "file_image" | "file_pdf" | "file_word" | "files_leaning" | "filter" | "filter_new" | "fit_height" | "fit_width" | "flag" | "folder" | "gift" | "go" | "graph" | "grid" | "help" | "hide" | "home" | "image" | "in_progress" | "in_transit" | "individual" | "info" | "italic" | "key" | "ledger" | "ledger_arrow_left" | "ledger_arrow_right" | "link" | "lightbulb_off" | "lightbulb_on" | "list_view" | "locked" | "location" | "logout" | "lookup" | "marker" | "message" | "minus" | "minus_large" | "mobile" | "money_bag" | "none" | "old_warning" | "pause" | "pause_circle" | "pdf" | "people" | "people_switch" | "person" | "person_info" | "person_tick" | "phone" | "piggy_bank" | "play" | "play_circle" | "plus" | "plus_large" | "pound" | "print" | "progress" | "progressed" | "question" | "question_hollow" | "question_mark" | "refresh" | "refresh_clock" | "remove" | "sage_coin" | "save" | "scan" | "search" | "services" | "settings" | "settings_old" | "share" | "shop" | "sort_down" | "sort_up" | "spanner" | "split" | "split_container" | "square_dot" | "squares_nine" | "stacked_boxes" | "stacked_squares" | "submitted" | "sync" | "tag" | "talk" | "three_boxes" | "tick" | "tick_circle" | "true_tick" | "undo" | "unlocked" | "upload" | "uploaded" | "video" | "view" | "warning";
@@ -0,0 +1 @@
1
+ export {};