carbon-react 108.0.0 → 109.0.2

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 (75) 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/flat-table/flat-table.style.js +1 -1
  19. package/esm/components/form/form.style.js +1 -1
  20. package/esm/components/help/help.d.ts +1 -1
  21. package/esm/components/icon/icon-config.d.ts +14 -11
  22. package/esm/components/icon/icon-config.js +1 -1
  23. package/esm/components/icon/icon-type.d.ts +1 -0
  24. package/esm/components/icon/icon-type.js +1 -0
  25. package/esm/components/icon/icon.component.d.ts +46 -0
  26. package/esm/components/icon/icon.component.js +212 -125
  27. package/esm/components/icon/icon.style.d.ts +37 -1
  28. package/esm/components/icon/icon.style.js +10 -35
  29. package/esm/components/icon/index.d.ts +3 -2
  30. package/esm/components/icon-button/icon-button.d.ts +1 -1
  31. package/esm/components/link/link.component.d.ts +2 -2
  32. package/esm/components/link/link.component.js +1 -1
  33. package/esm/components/menu/menu-item/menu-item.d.ts +1 -1
  34. package/esm/components/multi-action-button/multi-action-button.component.js +50 -1
  35. package/esm/hooks/__internal__/useModalManager/useModalManager.js +14 -11
  36. package/lib/__internal__/input/input-presentation.style.d.ts +1 -1
  37. package/lib/__internal__/input/input.component.js +52 -2
  38. package/lib/__internal__/input-icon-toggle/index.d.ts +2 -1
  39. package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.d.ts +20 -0
  40. package/lib/__internal__/input-icon-toggle/input-icon-toggle.component.js +16 -17
  41. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.d.ts +12 -0
  42. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +7 -18
  43. package/lib/__internal__/label/label.component.js +1 -1
  44. package/lib/__spec_helper__/index.js +1 -1
  45. package/lib/components/accordion/accordion.style.d.ts +2 -2
  46. package/lib/components/action-popover/action-popover-item/action-popover-item.component.js +1 -1
  47. package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js +1 -1
  48. package/lib/components/action-popover/action-popover.style.d.ts +4 -4
  49. package/lib/components/badge/badge.style.d.ts +1 -2
  50. package/lib/components/button/button.component.d.ts +2 -1
  51. package/lib/components/button/button.component.js +3 -3
  52. package/lib/components/confirm/confirm.d.ts +1 -1
  53. package/lib/components/flat-table/flat-table.style.js +1 -1
  54. package/lib/components/form/form.style.js +1 -1
  55. package/lib/components/help/help.d.ts +1 -1
  56. package/lib/components/icon/icon-config.d.ts +14 -11
  57. package/lib/components/icon/icon-config.js +1 -1
  58. package/lib/components/icon/icon-type.d.ts +1 -0
  59. package/lib/components/icon/icon-type.js +5 -0
  60. package/lib/components/icon/icon.component.d.ts +46 -0
  61. package/lib/components/icon/icon.component.js +215 -130
  62. package/lib/components/icon/icon.style.d.ts +37 -1
  63. package/lib/components/icon/icon.style.js +10 -36
  64. package/lib/components/icon/index.d.ts +3 -2
  65. package/lib/components/icon-button/icon-button.d.ts +1 -1
  66. package/lib/components/link/link.component.d.ts +2 -2
  67. package/lib/components/link/link.component.js +1 -1
  68. package/lib/components/menu/menu-item/menu-item.d.ts +1 -1
  69. package/lib/components/multi-action-button/multi-action-button.component.js +50 -1
  70. package/lib/hooks/__internal__/useModalManager/useModalManager.js +14 -11
  71. package/package.json +10 -10
  72. package/esm/__internal__/input-icon-toggle/input-icon-toggle.d.ts +0 -24
  73. package/esm/components/icon/icon.d.ts +0 -252
  74. package/lib/__internal__/input-icon-toggle/input-icon-toggle.d.ts +0 -24
  75. package/lib/components/icon/icon.d.ts +0 -252
@@ -1,252 +0,0 @@
1
- import * as React from "react";
2
- import { MarginProps } from "styled-system";
3
-
4
- export type BgSize =
5
- | "extra-small"
6
- | "small"
7
- | "medium"
8
- | "large"
9
- | "extra-large";
10
- export type TooltipPositions = "top" | "bottom" | "left" | "right";
11
- export type FontSize =
12
- | "extra-small"
13
- | "small"
14
- | "medium"
15
- | "large"
16
- | "extra-large";
17
- export type BackgroundShape = "circle" | "rounded-rect" | "square";
18
-
19
- export type IconType =
20
- | "add"
21
- | "alert"
22
- | "analysis"
23
- | "arrow_down"
24
- | "arrow_left"
25
- | "arrow_left_boxed"
26
- | "arrow_left_right_small"
27
- | "arrow_left_small"
28
- | "arrow_right"
29
- | "arrow_right_small"
30
- | "arrow_up"
31
- | "attach"
32
- | "bank"
33
- | "basket"
34
- | "basket_with_squares"
35
- | "bin"
36
- | "blocked"
37
- | "blocked_square"
38
- | "block_arrow_right"
39
- | "bold"
40
- | "boxed_shapes"
41
- | "bulk_destroy"
42
- | "bullet_list"
43
- | "bullet_list_dotted"
44
- | "bullet_list_numbers"
45
- | "business"
46
- | "calendar"
47
- | "calendar_today"
48
- | "call"
49
- | "camera"
50
- | "card_view"
51
- | "caret_down"
52
- | "caret_left"
53
- | "caret_right"
54
- | "caret_up"
55
- | "caret_large_down"
56
- | "caret_large_left"
57
- | "caret_large_right"
58
- | "caret_large_up"
59
- | "cart"
60
- | "chat"
61
- | "chart_bar"
62
- | "chart_line"
63
- | "chart_pie"
64
- | "chat_notes"
65
- | "chevron_down"
66
- | "chevron_left"
67
- | "chevron_right"
68
- | "chevron_up"
69
- | "chevron_down_thick"
70
- | "chevron_left_thick"
71
- | "chevron_right_thick"
72
- | "chevron_up_thick"
73
- | "circle_with_dots"
74
- | "circles_connection"
75
- | "clock"
76
- | "close"
77
- | "coins"
78
- | "collaborate"
79
- | "computer_clock"
80
- | "connect"
81
- | "copy"
82
- | "credit_card"
83
- | "credit_card_slash"
84
- | "cross"
85
- | "cross_circle"
86
- | "csv"
87
- | "delete"
88
- | "delivery"
89
- | "disputed"
90
- | "disconnect"
91
- | "document_right_align"
92
- | "document_tick"
93
- | "document_vertical_lines"
94
- | "download"
95
- | "drag"
96
- | "drag_vertical"
97
- | "draft"
98
- | "dropdown"
99
- | "duplicate"
100
- | "edit"
101
- | "edited"
102
- | "email"
103
- | "email_switch"
104
- | "ellipsis_horizontal"
105
- | "ellipsis_vertical"
106
- | "error"
107
- | "error_square"
108
- | "euro"
109
- | "expand"
110
- | "factory"
111
- | "favourite"
112
- | "favourite_lined"
113
- | "fax"
114
- | "feedback"
115
- | "file_excel"
116
- | "file_generic"
117
- | "file_image"
118
- | "file_pdf"
119
- | "file_word"
120
- | "files_leaning"
121
- | "filter"
122
- | "filter_new"
123
- | "fit_height"
124
- | "fit_width"
125
- | "flag"
126
- | "folder"
127
- | "gift"
128
- | "graph"
129
- | "grid"
130
- | "help"
131
- | "hide"
132
- | "home"
133
- | "image"
134
- | "in_progress"
135
- | "in_transit"
136
- | "individual"
137
- | "info"
138
- | "italic"
139
- | "key"
140
- | "ledger"
141
- | "ledger_arrow_left"
142
- | "ledger_arrow_right"
143
- | "link"
144
- | "list_view"
145
- | "locked"
146
- | "location"
147
- | "logout"
148
- | "lookup"
149
- | "marker"
150
- | "message"
151
- | "messages"
152
- | "minus"
153
- | "minus_large"
154
- | "mobile"
155
- | "money_bag"
156
- | "pause"
157
- | "pause_circle"
158
- | "pdf"
159
- | "people"
160
- | "people_switch"
161
- | "person"
162
- | "person_info"
163
- | "person_tick"
164
- | "phone"
165
- | "play"
166
- | "play_circle"
167
- | "plus"
168
- | "plus_large"
169
- | "pound"
170
- | "print"
171
- | "progress"
172
- | "progressed"
173
- | "question"
174
- | "refresh"
175
- | "refresh_clock"
176
- | "remove"
177
- | "sage_coin"
178
- | "save"
179
- | "scan"
180
- | "search"
181
- | "services"
182
- | "settings"
183
- | "share"
184
- | "shop"
185
- | "sort_down"
186
- | "sort_up"
187
- | "spanner"
188
- | "split"
189
- | "split_container"
190
- | "square_dot"
191
- | "squares_nine"
192
- | "stacked_boxes"
193
- | "stacked_squares"
194
- | "submitted"
195
- | "sync"
196
- | "tag"
197
- | "three_boxes"
198
- | "tick"
199
- | "tick_circle"
200
- | "unlocked"
201
- | "upload"
202
- | "uploaded"
203
- | "video"
204
- | "view"
205
- | "warning";
206
-
207
- export interface IconProps extends MarginProps {
208
- /** Icon type */
209
- type: IconType;
210
- /** Background size */
211
- bgSize?: BgSize;
212
- /** Background shape */
213
- bgShape?: BackgroundShape;
214
- /** Icon font size */
215
- fontSize?: FontSize;
216
- /** Icon colour, provide any color from palette or any valid css color value. */
217
- color?: string;
218
- /** Background colour, provide any color from palette or any valid css color value. */
219
- bg?: string;
220
- /** Sets the icon in the disabled state */
221
- disabled?: boolean;
222
- /** Aria label for accessibility purposes */
223
- ariaLabel?: string;
224
- /** Set whether icon should be recognised by assistive technologies */
225
- "aria-hidden"?: boolean;
226
- /** The message to be displayed within the tooltip */
227
- tooltipMessage?: React.ReactNode;
228
- /** The position to display the tooltip */
229
- tooltipPosition?: TooltipPositions;
230
- /** Control whether the tooltip is visible */
231
- tooltipVisible?: boolean;
232
- /** Override background color of the Tooltip, provide any color from palette or any valid css color value. */
233
- tooltipBgColor?: string;
234
- /** Override font color of the Tooltip, provide any color from palette or any valid css color value. */
235
- tooltipFontColor?: string;
236
- /** Overrides the default flip behaviour of the Tooltip */
237
- tooltipFlipOverrides?: TooltipPositions[];
238
- /** Id passed to the tooltip container, used for accessibility purposes */
239
- tooltipId?: string;
240
- /** Id passed to the icon. */
241
- id?: string;
242
- tabIndex?: number;
243
- isPartOfInput?: boolean;
244
- inputSize?: "small" | "medium" | "large";
245
- focusable?: boolean;
246
- }
247
-
248
- declare function Icon(
249
- props: IconProps & React.RefAttributes<HTMLSpanElement>
250
- ): JSX.Element;
251
-
252
- export default Icon;