@freightos/icons 1.0.1 → 1.0.3

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 (9) hide show
  1. package/README.md +27 -4
  2. package/dist/cjs/colors.js +64 -0
  3. package/dist/cjs/index.js +1 -0
  4. package/dist/esm/colors.js +61 -0
  5. package/dist/esm/index.js +215 -214
  6. package/dist/types/colors.d.ts +18 -0
  7. package/dist/types/index.d.ts +215 -214
  8. package/dist/types/types.d.ts +4 -4
  9. package/package.json +1 -1
package/README.md CHANGED
@@ -51,8 +51,7 @@ All icons accept the following props:
51
51
  | Prop | Type | Default | Description |
52
52
  |------|------|---------|-------------|
53
53
  | `size` | `number \| string` | `'1em'` | Width and height of the icon |
54
- | `color` | `string` | `'currentColor'` | Color of the icon (CSS color value) |
55
- | `strokeWidth` | `number \| string` | - | Stroke width for stroke-based icons |
54
+ | `color` | `FreightosColor \| string` | `'currentColor'` | Color of the icon - supports design system colors with autocomplete or any CSS color value |
56
55
  | `className` | `string` | - | Additional CSS classes |
57
56
  | `...props` | `SVGProps<SVGSVGElement>` | - | Any valid SVG attributes |
58
57
 
@@ -83,15 +82,21 @@ Icons are responsive by default and scale with the parent font size. You can cus
83
82
 
84
83
  ### Coloring
85
84
 
86
- Icons use `currentColor` by default, making them easy to theme:
85
+ Icons use `currentColor` by default, making them easy to theme. The `color` prop supports Freightos design system colors with autocomplete, plus any CSS color value:
87
86
 
88
87
  ```tsx
88
+ // Freightos design system colors (with autocomplete!)
89
+ <IconSearch color="blue" />
90
+ <IconError color="red" />
91
+ <IconWarning color="yellow" />
92
+ <IconSuccess color="green" />
93
+
89
94
  // Inherits parent text color
90
95
  <div className="text-blue-500">
91
96
  <IconSearch />
92
97
  </div>
93
98
 
94
- // Explicit color prop
99
+ // Any CSS color value
95
100
  <IconSearch color="#1890ff" />
96
101
  <IconSearch color="var(--primary-color)" />
97
102
 
@@ -100,6 +105,24 @@ Icons use `currentColor` by default, making them easy to theme:
100
105
  <IconSearch className="text-gray-900 dark:text-white" />
101
106
  ```
102
107
 
108
+ #### Available Design System Colors
109
+
110
+ The following Freightos design system colors are available with autocomplete support:
111
+
112
+ **Blues:** `blue-10`, `blue-20`, `blue`, `blue-40`, `blue-50`
113
+
114
+ **Reds:** `red-10`, `red-20`, `red`, `red-40`, `red-50`
115
+
116
+ **Yellows:** `yellow-10`, `yellow-20`, `yellow`, `yellow-30`, `yellow-40`, `yellow-50`
117
+
118
+ **Greens:** `green-10`, `green-20`, `green`, `green-40`, `green-50`
119
+
120
+ **Grays:** `white`, `gray-05`, `gray-10`, `gray-20`, `gray-30`, `gray-40`, `gray-50`, `gray-60`, `gray-70`, `gray-80`, `gray-90`, `gray`
121
+
122
+ **Purples:** `purple-10`, `purple`
123
+
124
+ **Special:** `transparent`
125
+
103
126
  ### Interactive Icons
104
127
 
105
128
  ```tsx
package/dist/cjs/colors.js ADDED
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ /**
3
+ * Freightos Design System Colors
4
+ *
5
+ * These color tokens can be used with the `color` prop on any icon component
6
+ * to get autocomplete support for design system colors.
7
+ *
8
+ * @example
9
+ * <IconSearch color="blue" />
10
+ * <IconError color="red" />
11
+ * <IconWarning color="yellow" />
12
+ * <IconSuccess color="green" />
13
+ */
14
+ Object.defineProperty(exports, "__esModule", { value: true });
15
+ exports.FREIGHTOS_COLORS = void 0;
16
+ /**
17
+ * Maps Freightos design system color names to their hex values.
18
+ * This can be used if you need the actual color values in your application.
19
+ */
20
+ exports.FREIGHTOS_COLORS = {
21
+ // Blues
22
+ "blue-10": "#e1f5f9",
23
+ "blue-20": "#ace8f0",
24
+ blue: "#2075bd",
25
+ "blue-40": "#125c9b",
26
+ "blue-50": "#05387d",
27
+ // Reds
28
+ "red-10": "#ffede1",
29
+ "red-20": "#fbbea4",
30
+ red: "#d8271e",
31
+ "red-40": "#9b0f1f",
32
+ "red-50": "#670521",
33
+ // Yellows
34
+ "yellow-10": "#fef6cc",
35
+ "yellow-20": "#fdea9a",
36
+ yellow: "#edaf07",
37
+ "yellow-30": "#dc9500",
38
+ "yellow-40": "#9c6b02",
39
+ "yellow-50": "#714601",
40
+ // Greens
41
+ "green-10": "#eafdea",
42
+ "green-20": "#bdf6c2",
43
+ green: "#47a96e",
44
+ "green-40": "#237957",
45
+ "green-50": "#0d5143",
46
+ // Grays
47
+ white: "#ffffff",
48
+ "gray-05": "#fbfbfb",
49
+ "gray-10": "#f6f6f6",
50
+ "gray-20": "#e5e6e6",
51
+ "gray-30": "#c6c7c7",
52
+ "gray-40": "#afb2b2",
53
+ "gray-50": "#999c9d",
54
+ "gray-60": "#8a8d8f",
55
+ "gray-70": "#6a6f73",
56
+ "gray-80": "#53575f",
57
+ "gray-90": "#3b3f4b",
58
+ gray: "#232537",
59
+ // Purples
60
+ "purple-10": "#e7d8fc",
61
+ purple: "#715397",
62
+ // Special
63
+ transparent: "transparent",
64
+ };
package/dist/cjs/index.js CHANGED
@@ -23,6 +23,7 @@ exports.IconPercentage = exports.IconPeople = exports.IconPending = exports.Icon
23
23
  exports.IconUpload = exports.IconUp = exports.IconUnlock = exports.IconUld = exports.IconTrophy = exports.IconTrendingUp = exports.IconTrendingFlat = exports.IconTrendingDown = exports.IconTrash = exports.IconTotal = exports.IconTotalUnits = exports.IconTimer = exports.IconTile = exports.IconThumbUp = exports.IconTemperatureLow = exports.IconTag = exports.IconTable = exports.IconTableSort = exports.IconSync = exports.IconSyncCircledSolid = exports.IconSubdirectory = exports.IconStatusUpdate = exports.IconStarHalf = exports.IconStarFull = exports.IconStarEmpty = exports.IconSphere = exports.IconShare = exports.IconSettings = exports.IconSecurePayment = exports.IconSectionExpand = exports.IconSectionCollapse = exports.IconSearch = exports.IconSearchManager = exports.IconSave = exports.IconRisk = exports.IconRight = exports.IconReview = exports.IconResidential = exports.IconRefund = exports.IconRefresh = exports.IconReceipt = exports.IconRates = exports.IconRateReview = exports.IconPrint = exports.IconPort = exports.IconPlus = exports.IconPlusCircled = exports.IconPlusCircledSolid = exports.IconPlayCircled = exports.IconPin = void 0;
24
24
  exports.IconZoomOut = exports.IconZoomIn = exports.IconWeightLbs = exports.IconWeightKg = exports.IconWarehouse = exports.IconWallet = exports.IconVisibility = exports.IconVisibilityNegative = exports.IconVerified = exports.IconVerifiedCircled = exports.IconUser = exports.IconUserCircled = exports.IconUpload2 = void 0;
25
25
  __exportStar(require("./types"), exports);
26
+ __exportStar(require("./colors"), exports);
26
27
  var IconTransactions_1 = require("./icons/IconTransactions");
27
28
  Object.defineProperty(exports, "IconTransactions", { enumerable: true, get: function () { return IconTransactions_1.IconTransactions; } });
28
29
  var IconAddPerson_1 = require("./icons/IconAddPerson");
package/dist/esm/colors.js ADDED
@@ -0,0 +1,61 @@
1
+ /**
2
+ * Freightos Design System Colors
3
+ *
4
+ * These color tokens can be used with the `color` prop on any icon component
5
+ * to get autocomplete support for design system colors.
6
+ *
7
+ * @example
8
+ * <IconSearch color="blue" />
9
+ * <IconError color="red" />
10
+ * <IconWarning color="yellow" />
11
+ * <IconSuccess color="green" />
12
+ */
13
+ /**
14
+ * Maps Freightos design system color names to their hex values.
15
+ * This can be used if you need the actual color values in your application.
16
+ */
17
+ export const FREIGHTOS_COLORS = {
18
+ // Blues
19
+ "blue-10": "#e1f5f9",
20
+ "blue-20": "#ace8f0",
21
+ blue: "#2075bd",
22
+ "blue-40": "#125c9b",
23
+ "blue-50": "#05387d",
24
+ // Reds
25
+ "red-10": "#ffede1",
26
+ "red-20": "#fbbea4",
27
+ red: "#d8271e",
28
+ "red-40": "#9b0f1f",
29
+ "red-50": "#670521",
30
+ // Yellows
31
+ "yellow-10": "#fef6cc",
32
+ "yellow-20": "#fdea9a",
33
+ yellow: "#edaf07",
34
+ "yellow-30": "#dc9500",
35
+ "yellow-40": "#9c6b02",
36
+ "yellow-50": "#714601",
37
+ // Greens
38
+ "green-10": "#eafdea",
39
+ "green-20": "#bdf6c2",
40
+ green: "#47a96e",
41
+ "green-40": "#237957",
42
+ "green-50": "#0d5143",
43
+ // Grays
44
+ white: "#ffffff",
45
+ "gray-05": "#fbfbfb",
46
+ "gray-10": "#f6f6f6",
47
+ "gray-20": "#e5e6e6",
48
+ "gray-30": "#c6c7c7",
49
+ "gray-40": "#afb2b2",
50
+ "gray-50": "#999c9d",
51
+ "gray-60": "#8a8d8f",
52
+ "gray-70": "#6a6f73",
53
+ "gray-80": "#53575f",
54
+ "gray-90": "#3b3f4b",
55
+ gray: "#232537",
56
+ // Purples
57
+ "purple-10": "#e7d8fc",
58
+ purple: "#715397",
59
+ // Special
60
+ transparent: "transparent",
61
+ };
package/dist/esm/index.js CHANGED
@@ -1,217 +1,218 @@
1
1
  // Auto-generated icon exports
2
2
  // This file is generated by scripts/generate-icons.js
3
3
  // Do not edit manually
4
- export * from './types';
5
- export { IconTransactions } from './icons/IconTransactions';
6
- export { IconAddPerson } from './icons/IconAddPerson';
7
- export { IconAddressBook } from './icons/IconAddressBook';
8
- export { IconAi } from './icons/IconAi';
9
- export { IconAirplaneLanding } from './icons/IconAirplaneLanding';
10
- export { IconAirplaneTakeoff } from './icons/IconAirplaneTakeoff';
11
- export { IconAirportArrival } from './icons/IconAirportArrival';
12
- export { IconAirport } from './icons/IconAirport';
13
- export { IconAlarm } from './icons/IconAlarm';
14
- export { IconAlertCircled } from './icons/IconAlertCircled';
15
- export { IconAmazon } from './icons/IconAmazon';
16
- export { IconArchive } from './icons/IconArchive';
17
- export { IconArrowBack } from './icons/IconArrowBack';
18
- export { IconArrowForward } from './icons/IconArrowForward';
19
- export { IconArrowSmallDown } from './icons/IconArrowSmallDown';
20
- export { IconArrowSmallLeft } from './icons/IconArrowSmallLeft';
21
- export { IconArrowSmallRight } from './icons/IconArrowSmallRight';
22
- export { IconArrowSmallUp } from './icons/IconArrowSmallUp';
23
- export { IconAttachment } from './icons/IconAttachment';
24
- export { IconAuto } from './icons/IconAuto';
25
- export { IconAutomated } from './icons/IconAutomated';
26
- export { IconBank } from './icons/IconBank';
27
- export { IconBilling } from './icons/IconBilling';
28
- export { IconBlankCircled } from './icons/IconBlankCircled';
29
- export { IconBlock } from './icons/IconBlock';
30
- export { IconBookmarkFilled } from './icons/IconBookmarkFilled';
31
- export { IconBookmark } from './icons/IconBookmark';
32
- export { IconBoxTotal } from './icons/IconBoxTotal';
33
- export { IconBox } from './icons/IconBox';
34
- export { IconBuild } from './icons/IconBuild';
35
- export { IconBulb } from './icons/IconBulb';
36
- export { IconCalendar } from './icons/IconCalendar';
37
- export { IconCall } from './icons/IconCall';
38
- export { IconCaretDown } from './icons/IconCaretDown';
39
- export { IconCaretLeft } from './icons/IconCaretLeft';
40
- export { IconCaretRight } from './icons/IconCaretRight';
41
- export { IconCaretUp } from './icons/IconCaretUp';
42
- export { IconCharges } from './icons/IconCharges';
43
- export { IconChatProgressSolid } from './icons/IconChatProgressSolid';
44
- export { IconChatProgress } from './icons/IconChatProgress';
45
- export { IconCheckCircledSolid } from './icons/IconCheckCircledSolid';
46
- export { IconCheckCircled } from './icons/IconCheckCircled';
47
- export { IconCheck } from './icons/IconCheck';
48
- export { IconChooseList } from './icons/IconChooseList';
49
- export { IconClassicView } from './icons/IconClassicView';
50
- export { IconClearCircledSolid } from './icons/IconClearCircledSolid';
51
- export { IconClearCircled } from './icons/IconClearCircled';
52
- export { IconClear } from './icons/IconClear';
53
- export { IconClock } from './icons/IconClock';
54
- export { IconCloseCircle } from './icons/IconCloseCircle';
55
- export { IconClose } from './icons/IconClose';
56
- export { IconColumn } from './icons/IconColumn';
57
- export { IconCommodity } from './icons/IconCommodity';
58
- export { IconCompany } from './icons/IconCompany';
59
- export { IconComparison } from './icons/IconComparison';
60
- export { IconContainer } from './icons/IconContainer';
61
- export { IconContentCopy } from './icons/IconContentCopy';
62
- export { IconCopy } from './icons/IconCopy';
63
- export { IconCrate } from './icons/IconCrate';
64
- export { IconCreditCard } from './icons/IconCreditCard';
65
- export { IconCurrencyEuro } from './icons/IconCurrencyEuro';
66
- export { IconCustomQuoteSolid } from './icons/IconCustomQuoteSolid';
67
- export { IconCustomQuote } from './icons/IconCustomQuote';
68
- export { IconCustoms } from './icons/IconCustoms';
69
- export { IconCutoff } from './icons/IconCutoff';
70
- export { IconDashboard } from './icons/IconDashboard';
71
- export { IconDocument } from './icons/IconDocument';
72
- export { IconDocuments } from './icons/IconDocuments';
73
- export { IconDoubleLeft } from './icons/IconDoubleLeft';
74
- export { IconDoubleRight } from './icons/IconDoubleRight';
75
- export { IconDown } from './icons/IconDown';
76
- export { IconDownloadAlt } from './icons/IconDownloadAlt';
77
- export { IconDownloadDocs } from './icons/IconDownloadDocs';
78
- export { IconDownloadEntry } from './icons/IconDownloadEntry';
79
- export { IconDownload } from './icons/IconDownload';
80
- export { IconDrag } from './icons/IconDrag';
81
- export { IconEarlyCancelation } from './icons/IconEarlyCancelation';
82
- export { IconEbooking } from './icons/IconEbooking';
83
- export { IconEdit } from './icons/IconEdit';
84
- export { IconEllipsesH } from './icons/IconEllipsesH';
85
- export { IconEllipsesV } from './icons/IconEllipsesV';
86
- export { IconEmission } from './icons/IconEmission';
87
- export { IconEntry } from './icons/IconEntry';
88
- export { IconEnvelope } from './icons/IconEnvelope';
89
- export { IconExchange } from './icons/IconExchange';
90
- export { IconExit } from './icons/IconExit';
91
- export { IconExpandAll } from './icons/IconExpandAll';
92
- export { IconExport } from './icons/IconExport';
93
- export { IconExpress } from './icons/IconExpress';
94
- export { IconEyeInvisible } from './icons/IconEyeInvisible';
95
- export { IconEye } from './icons/IconEye';
96
- export { IconFactory } from './icons/IconFactory';
97
- export { IconFilledCircle } from './icons/IconFilledCircle';
98
- export { IconFilter } from './icons/IconFilter';
99
- export { IconFlag } from './icons/IconFlag';
100
- export { IconFreightosCredit } from './icons/IconFreightosCredit';
101
- export { IconFulfillmentCenter } from './icons/IconFulfillmentCenter';
102
- export { IconGanttChart } from './icons/IconGanttChart';
103
- export { IconGoogle } from './icons/IconGoogle';
104
- export { IconGpsEmpty } from './icons/IconGpsEmpty';
105
- export { IconGpsFull } from './icons/IconGpsFull';
106
- export { IconGraph } from './icons/IconGraph';
107
- export { IconGraphicAverage } from './icons/IconGraphicAverage';
108
- export { IconGraphicPeak } from './icons/IconGraphicPeak';
109
- export { IconGraphicTrough } from './icons/IconGraphicTrough';
110
- export { IconGridOn } from './icons/IconGridOn';
111
- export { IconHamburger } from './icons/IconHamburger';
112
- export { IconHelpCircled } from './icons/IconHelpCircled';
113
- export { IconHistory } from './icons/IconHistory';
114
- export { IconHotDeal } from './icons/IconHotDeal';
115
- export { IconImageSearch } from './icons/IconImageSearch';
116
- export { IconInfoCircled } from './icons/IconInfoCircled';
117
- export { IconInsurance } from './icons/IconInsurance';
118
- export { IconLastMileDelivery } from './icons/IconLastMileDelivery';
119
- export { IconLeft } from './icons/IconLeft';
120
- export { IconLike } from './icons/IconLike';
121
- export { IconLinkedin } from './icons/IconLinkedin';
122
- export { IconList } from './icons/IconList';
123
- export { IconLoading } from './icons/IconLoading';
124
- export { IconLocationCharges } from './icons/IconLocationCharges';
125
- export { IconLocation } from './icons/IconLocation';
126
- export { IconLock } from './icons/IconLock';
127
- export { IconLogout } from './icons/IconLogout';
128
- export { IconManageSearch } from './icons/IconManageSearch';
129
- export { IconMap } from './icons/IconMap';
130
- export { IconMatrixView } from './icons/IconMatrixView';
131
- export { IconMenuClose } from './icons/IconMenuClose';
132
- export { IconMenuOpen } from './icons/IconMenuOpen';
133
- export { IconMessage } from './icons/IconMessage';
134
- export { IconMinusCircled } from './icons/IconMinusCircled';
135
- export { IconMinus } from './icons/IconMinus';
136
- export { IconModeAirExpress } from './icons/IconModeAirExpress';
137
- export { IconModeAirFreighter } from './icons/IconModeAirFreighter';
138
- export { IconModeAir } from './icons/IconModeAir';
139
- export { IconModeShip } from './icons/IconModeShip';
140
- export { IconModeTrain } from './icons/IconModeTrain';
141
- export { IconModeTruck } from './icons/IconModeTruck';
142
- export { IconMoneyCase } from './icons/IconMoneyCase';
143
- export { IconMonitorWeight } from './icons/IconMonitorWeight';
144
- export { IconMultipleAddress } from './icons/IconMultipleAddress';
145
- export { IconNegativeCircled } from './icons/IconNegativeCircled';
146
- export { IconNotificationBell } from './icons/IconNotificationBell';
147
- export { IconOffice } from './icons/IconOffice';
148
- export { IconPallet } from './icons/IconPallet';
149
- export { IconPayLater } from './icons/IconPayLater';
150
- export { IconPay } from './icons/IconPay';
151
- export { IconPaypal } from './icons/IconPaypal';
152
- export { IconPending } from './icons/IconPending';
153
- export { IconPeople } from './icons/IconPeople';
154
- export { IconPercentage } from './icons/IconPercentage';
155
- export { IconPin } from './icons/IconPin';
156
- export { IconPlayCircled } from './icons/IconPlayCircled';
157
- export { IconPlusCircledSolid } from './icons/IconPlusCircledSolid';
158
- export { IconPlusCircled } from './icons/IconPlusCircled';
159
- export { IconPlus } from './icons/IconPlus';
160
- export { IconPort } from './icons/IconPort';
161
- export { IconPrint } from './icons/IconPrint';
162
- export { IconRateReview } from './icons/IconRateReview';
163
- export { IconRates } from './icons/IconRates';
164
- export { IconReceipt } from './icons/IconReceipt';
165
- export { IconRefresh } from './icons/IconRefresh';
166
- export { IconRefund } from './icons/IconRefund';
167
- export { IconResidential } from './icons/IconResidential';
168
- export { IconReview } from './icons/IconReview';
169
- export { IconRight } from './icons/IconRight';
170
- export { IconRisk } from './icons/IconRisk';
171
- export { IconSave } from './icons/IconSave';
172
- export { IconSearchManager } from './icons/IconSearchManager';
173
- export { IconSearch } from './icons/IconSearch';
174
- export { IconSectionCollapse } from './icons/IconSectionCollapse';
175
- export { IconSectionExpand } from './icons/IconSectionExpand';
176
- export { IconSecurePayment } from './icons/IconSecurePayment';
177
- export { IconSettings } from './icons/IconSettings';
178
- export { IconShare } from './icons/IconShare';
179
- export { IconSphere } from './icons/IconSphere';
180
- export { IconStarEmpty } from './icons/IconStarEmpty';
181
- export { IconStarFull } from './icons/IconStarFull';
182
- export { IconStarHalf } from './icons/IconStarHalf';
183
- export { IconStatusUpdate } from './icons/IconStatusUpdate';
184
- export { IconSubdirectory } from './icons/IconSubdirectory';
185
- export { IconSyncCircledSolid } from './icons/IconSyncCircledSolid';
186
- export { IconSync } from './icons/IconSync';
187
- export { IconTableSort } from './icons/IconTableSort';
188
- export { IconTable } from './icons/IconTable';
189
- export { IconTag } from './icons/IconTag';
190
- export { IconTemperatureLow } from './icons/IconTemperatureLow';
191
- export { IconThumbUp } from './icons/IconThumbUp';
192
- export { IconTile } from './icons/IconTile';
193
- export { IconTimer } from './icons/IconTimer';
194
- export { IconTotalUnits } from './icons/IconTotalUnits';
195
- export { IconTotal } from './icons/IconTotal';
196
- export { IconTrash } from './icons/IconTrash';
197
- export { IconTrendingDown } from './icons/IconTrendingDown';
198
- export { IconTrendingFlat } from './icons/IconTrendingFlat';
199
- export { IconTrendingUp } from './icons/IconTrendingUp';
200
- export { IconTrophy } from './icons/IconTrophy';
201
- export { IconUld } from './icons/IconUld';
202
- export { IconUnlock } from './icons/IconUnlock';
203
- export { IconUp } from './icons/IconUp';
204
- export { IconUpload } from './icons/IconUpload';
205
- export { IconUpload2 } from './icons/IconUpload2';
206
- export { IconUserCircled } from './icons/IconUserCircled';
207
- export { IconUser } from './icons/IconUser';
208
- export { IconVerifiedCircled } from './icons/IconVerifiedCircled';
209
- export { IconVerified } from './icons/IconVerified';
210
- export { IconVisibilityNegative } from './icons/IconVisibilityNegative';
211
- export { IconVisibility } from './icons/IconVisibility';
212
- export { IconWallet } from './icons/IconWallet';
213
- export { IconWarehouse } from './icons/IconWarehouse';
214
- export { IconWeightKg } from './icons/IconWeightKg';
215
- export { IconWeightLbs } from './icons/IconWeightLbs';
216
- export { IconZoomIn } from './icons/IconZoomIn';
217
- export { IconZoomOut } from './icons/IconZoomOut';
4
+ export * from "./types";
5
+ export * from "./colors";
6
+ export { IconTransactions } from "./icons/IconTransactions";
7
+ export { IconAddPerson } from "./icons/IconAddPerson";
8
+ export { IconAddressBook } from "./icons/IconAddressBook";
9
+ export { IconAi } from "./icons/IconAi";
10
+ export { IconAirplaneLanding } from "./icons/IconAirplaneLanding";
11
+ export { IconAirplaneTakeoff } from "./icons/IconAirplaneTakeoff";
12
+ export { IconAirportArrival } from "./icons/IconAirportArrival";
13
+ export { IconAirport } from "./icons/IconAirport";
14
+ export { IconAlarm } from "./icons/IconAlarm";
15
+ export { IconAlertCircled } from "./icons/IconAlertCircled";
16
+ export { IconAmazon } from "./icons/IconAmazon";
17
+ export { IconArchive } from "./icons/IconArchive";
18
+ export { IconArrowBack } from "./icons/IconArrowBack";
19
+ export { IconArrowForward } from "./icons/IconArrowForward";
20
+ export { IconArrowSmallDown } from "./icons/IconArrowSmallDown";
21
+ export { IconArrowSmallLeft } from "./icons/IconArrowSmallLeft";
22
+ export { IconArrowSmallRight } from "./icons/IconArrowSmallRight";
23
+ export { IconArrowSmallUp } from "./icons/IconArrowSmallUp";
24
+ export { IconAttachment } from "./icons/IconAttachment";
25
+ export { IconAuto } from "./icons/IconAuto";
26
+ export { IconAutomated } from "./icons/IconAutomated";
27
+ export { IconBank } from "./icons/IconBank";
28
+ export { IconBilling } from "./icons/IconBilling";
29
+ export { IconBlankCircled } from "./icons/IconBlankCircled";
30
+ export { IconBlock } from "./icons/IconBlock";
31
+ export { IconBookmarkFilled } from "./icons/IconBookmarkFilled";
32
+ export { IconBookmark } from "./icons/IconBookmark";
33
+ export { IconBoxTotal } from "./icons/IconBoxTotal";
34
+ export { IconBox } from "./icons/IconBox";
35
+ export { IconBuild } from "./icons/IconBuild";
36
+ export { IconBulb } from "./icons/IconBulb";
37
+ export { IconCalendar } from "./icons/IconCalendar";
38
+ export { IconCall } from "./icons/IconCall";
39
+ export { IconCaretDown } from "./icons/IconCaretDown";
40
+ export { IconCaretLeft } from "./icons/IconCaretLeft";
41
+ export { IconCaretRight } from "./icons/IconCaretRight";
42
+ export { IconCaretUp } from "./icons/IconCaretUp";
43
+ export { IconCharges } from "./icons/IconCharges";
44
+ export { IconChatProgressSolid } from "./icons/IconChatProgressSolid";
45
+ export { IconChatProgress } from "./icons/IconChatProgress";
46
+ export { IconCheckCircledSolid } from "./icons/IconCheckCircledSolid";
47
+ export { IconCheckCircled } from "./icons/IconCheckCircled";
48
+ export { IconCheck } from "./icons/IconCheck";
49
+ export { IconChooseList } from "./icons/IconChooseList";
50
+ export { IconClassicView } from "./icons/IconClassicView";
51
+ export { IconClearCircledSolid } from "./icons/IconClearCircledSolid";
52
+ export { IconClearCircled } from "./icons/IconClearCircled";
53
+ export { IconClear } from "./icons/IconClear";
54
+ export { IconClock } from "./icons/IconClock";
55
+ export { IconCloseCircle } from "./icons/IconCloseCircle";
56
+ export { IconClose } from "./icons/IconClose";
57
+ export { IconColumn } from "./icons/IconColumn";
58
+ export { IconCommodity } from "./icons/IconCommodity";
59
+ export { IconCompany } from "./icons/IconCompany";
60
+ export { IconComparison } from "./icons/IconComparison";
61
+ export { IconContainer } from "./icons/IconContainer";
62
+ export { IconContentCopy } from "./icons/IconContentCopy";
63
+ export { IconCopy } from "./icons/IconCopy";
64
+ export { IconCrate } from "./icons/IconCrate";
65
+ export { IconCreditCard } from "./icons/IconCreditCard";
66
+ export { IconCurrencyEuro } from "./icons/IconCurrencyEuro";
67
+ export { IconCustomQuoteSolid } from "./icons/IconCustomQuoteSolid";
68
+ export { IconCustomQuote } from "./icons/IconCustomQuote";
69
+ export { IconCustoms } from "./icons/IconCustoms";
70
+ export { IconCutoff } from "./icons/IconCutoff";
71
+ export { IconDashboard } from "./icons/IconDashboard";
72
+ export { IconDocument } from "./icons/IconDocument";
73
+ export { IconDocuments } from "./icons/IconDocuments";
74
+ export { IconDoubleLeft } from "./icons/IconDoubleLeft";
75
+ export { IconDoubleRight } from "./icons/IconDoubleRight";
76
+ export { IconDown } from "./icons/IconDown";
77
+ export { IconDownloadAlt } from "./icons/IconDownloadAlt";
78
+ export { IconDownloadDocs } from "./icons/IconDownloadDocs";
79
+ export { IconDownloadEntry } from "./icons/IconDownloadEntry";
80
+ export { IconDownload } from "./icons/IconDownload";
81
+ export { IconDrag } from "./icons/IconDrag";
82
+ export { IconEarlyCancelation } from "./icons/IconEarlyCancelation";
83
+ export { IconEbooking } from "./icons/IconEbooking";
84
+ export { IconEdit } from "./icons/IconEdit";
85
+ export { IconEllipsesH } from "./icons/IconEllipsesH";
86
+ export { IconEllipsesV } from "./icons/IconEllipsesV";
87
+ export { IconEmission } from "./icons/IconEmission";
88
+ export { IconEntry } from "./icons/IconEntry";
89
+ export { IconEnvelope } from "./icons/IconEnvelope";
90
+ export { IconExchange } from "./icons/IconExchange";
91
+ export { IconExit } from "./icons/IconExit";
92
+ export { IconExpandAll } from "./icons/IconExpandAll";
93
+ export { IconExport } from "./icons/IconExport";
94
+ export { IconExpress } from "./icons/IconExpress";
95
+ export { IconEyeInvisible } from "./icons/IconEyeInvisible";
96
+ export { IconEye } from "./icons/IconEye";
97
+ export { IconFactory } from "./icons/IconFactory";
98
+ export { IconFilledCircle } from "./icons/IconFilledCircle";
99
+ export { IconFilter } from "./icons/IconFilter";
100
+ export { IconFlag } from "./icons/IconFlag";
101
+ export { IconFreightosCredit } from "./icons/IconFreightosCredit";
102
+ export { IconFulfillmentCenter } from "./icons/IconFulfillmentCenter";
103
+ export { IconGanttChart } from "./icons/IconGanttChart";
104
+ export { IconGoogle } from "./icons/IconGoogle";
105
+ export { IconGpsEmpty } from "./icons/IconGpsEmpty";
106
+ export { IconGpsFull } from "./icons/IconGpsFull";
107
+ export { IconGraph } from "./icons/IconGraph";
108
+ export { IconGraphicAverage } from "./icons/IconGraphicAverage";
109
+ export { IconGraphicPeak } from "./icons/IconGraphicPeak";
110
+ export { IconGraphicTrough } from "./icons/IconGraphicTrough";
111
+ export { IconGridOn } from "./icons/IconGridOn";
112
+ export { IconHamburger } from "./icons/IconHamburger";
113
+ export { IconHelpCircled } from "./icons/IconHelpCircled";
114
+ export { IconHistory } from "./icons/IconHistory";
115
+ export { IconHotDeal } from "./icons/IconHotDeal";
116
+ export { IconImageSearch } from "./icons/IconImageSearch";
117
+ export { IconInfoCircled } from "./icons/IconInfoCircled";
118
+ export { IconInsurance } from "./icons/IconInsurance";
119
+ export { IconLastMileDelivery } from "./icons/IconLastMileDelivery";
120
+ export { IconLeft } from "./icons/IconLeft";
121
+ export { IconLike } from "./icons/IconLike";
122
+ export { IconLinkedin } from "./icons/IconLinkedin";
123
+ export { IconList } from "./icons/IconList";
124
+ export { IconLoading } from "./icons/IconLoading";
125
+ export { IconLocationCharges } from "./icons/IconLocationCharges";
126
+ export { IconLocation } from "./icons/IconLocation";
127
+ export { IconLock } from "./icons/IconLock";
128
+ export { IconLogout } from "./icons/IconLogout";
129
+ export { IconManageSearch } from "./icons/IconManageSearch";
130
+ export { IconMap } from "./icons/IconMap";
131
+ export { IconMatrixView } from "./icons/IconMatrixView";
132
+ export { IconMenuClose } from "./icons/IconMenuClose";
133
+ export { IconMenuOpen } from "./icons/IconMenuOpen";
134
+ export { IconMessage } from "./icons/IconMessage";
135
+ export { IconMinusCircled } from "./icons/IconMinusCircled";
136
+ export { IconMinus } from "./icons/IconMinus";
137
+ export { IconModeAirExpress } from "./icons/IconModeAirExpress";
138
+ export { IconModeAirFreighter } from "./icons/IconModeAirFreighter";
139
+ export { IconModeAir } from "./icons/IconModeAir";
140
+ export { IconModeShip } from "./icons/IconModeShip";
141
+ export { IconModeTrain } from "./icons/IconModeTrain";
142
+ export { IconModeTruck } from "./icons/IconModeTruck";
143
+ export { IconMoneyCase } from "./icons/IconMoneyCase";
144
+ export { IconMonitorWeight } from "./icons/IconMonitorWeight";
145
+ export { IconMultipleAddress } from "./icons/IconMultipleAddress";
146
+ export { IconNegativeCircled } from "./icons/IconNegativeCircled";
147
+ export { IconNotificationBell } from "./icons/IconNotificationBell";
148
+ export { IconOffice } from "./icons/IconOffice";
149
+ export { IconPallet } from "./icons/IconPallet";
150
+ export { IconPayLater } from "./icons/IconPayLater";
151
+ export { IconPay } from "./icons/IconPay";
152
+ export { IconPaypal } from "./icons/IconPaypal";
153
+ export { IconPending } from "./icons/IconPending";
154
+ export { IconPeople } from "./icons/IconPeople";
155
+ export { IconPercentage } from "./icons/IconPercentage";
156
+ export { IconPin } from "./icons/IconPin";
157
+ export { IconPlayCircled } from "./icons/IconPlayCircled";
158
+ export { IconPlusCircledSolid } from "./icons/IconPlusCircledSolid";
159
+ export { IconPlusCircled } from "./icons/IconPlusCircled";
160
+ export { IconPlus } from "./icons/IconPlus";
161
+ export { IconPort } from "./icons/IconPort";
162
+ export { IconPrint } from "./icons/IconPrint";
163
+ export { IconRateReview } from "./icons/IconRateReview";
164
+ export { IconRates } from "./icons/IconRates";
165
+ export { IconReceipt } from "./icons/IconReceipt";
166
+ export { IconRefresh } from "./icons/IconRefresh";
167
+ export { IconRefund } from "./icons/IconRefund";
168
+ export { IconResidential } from "./icons/IconResidential";
169
+ export { IconReview } from "./icons/IconReview";
170
+ export { IconRight } from "./icons/IconRight";
171
+ export { IconRisk } from "./icons/IconRisk";
172
+ export { IconSave } from "./icons/IconSave";
173
+ export { IconSearchManager } from "./icons/IconSearchManager";
174
+ export { IconSearch } from "./icons/IconSearch";
175
+ export { IconSectionCollapse } from "./icons/IconSectionCollapse";
176
+ export { IconSectionExpand } from "./icons/IconSectionExpand";
177
+ export { IconSecurePayment } from "./icons/IconSecurePayment";
178
+ export { IconSettings } from "./icons/IconSettings";
179
+ export { IconShare } from "./icons/IconShare";
180
+ export { IconSphere } from "./icons/IconSphere";
181
+ export { IconStarEmpty } from "./icons/IconStarEmpty";
182
+ export { IconStarFull } from "./icons/IconStarFull";
183
+ export { IconStarHalf } from "./icons/IconStarHalf";
184
+ export { IconStatusUpdate } from "./icons/IconStatusUpdate";
185
+ export { IconSubdirectory } from "./icons/IconSubdirectory";
186
+ export { IconSyncCircledSolid } from "./icons/IconSyncCircledSolid";
187
+ export { IconSync } from "./icons/IconSync";
188
+ export { IconTableSort } from "./icons/IconTableSort";
189
+ export { IconTable } from "./icons/IconTable";
190
+ export { IconTag } from "./icons/IconTag";
191
+ export { IconTemperatureLow } from "./icons/IconTemperatureLow";
192
+ export { IconThumbUp } from "./icons/IconThumbUp";
193
+ export { IconTile } from "./icons/IconTile";
194
+ export { IconTimer } from "./icons/IconTimer";
195
+ export { IconTotalUnits } from "./icons/IconTotalUnits";
196
+ export { IconTotal } from "./icons/IconTotal";
197
+ export { IconTrash } from "./icons/IconTrash";
198
+ export { IconTrendingDown } from "./icons/IconTrendingDown";
199
+ export { IconTrendingFlat } from "./icons/IconTrendingFlat";
200
+ export { IconTrendingUp } from "./icons/IconTrendingUp";
201
+ export { IconTrophy } from "./icons/IconTrophy";
202
+ export { IconUld } from "./icons/IconUld";
203
+ export { IconUnlock } from "./icons/IconUnlock";
204
+ export { IconUp } from "./icons/IconUp";
205
+ export { IconUpload } from "./icons/IconUpload";
206
+ export { IconUpload2 } from "./icons/IconUpload2";
207
+ export { IconUserCircled } from "./icons/IconUserCircled";
208
+ export { IconUser } from "./icons/IconUser";
209
+ export { IconVerifiedCircled } from "./icons/IconVerifiedCircled";
210
+ export { IconVerified } from "./icons/IconVerified";
211
+ export { IconVisibilityNegative } from "./icons/IconVisibilityNegative";
212
+ export { IconVisibility } from "./icons/IconVisibility";
213
+ export { IconWallet } from "./icons/IconWallet";
214
+ export { IconWarehouse } from "./icons/IconWarehouse";
215
+ export { IconWeightKg } from "./icons/IconWeightKg";
216
+ export { IconWeightLbs } from "./icons/IconWeightLbs";
217
+ export { IconZoomIn } from "./icons/IconZoomIn";
218
+ export { IconZoomOut } from "./icons/IconZoomOut";
package/dist/types/colors.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Freightos Design System Colors
3
+ *
4
+ * These color tokens can be used with the `color` prop on any icon component
5
+ * to get autocomplete support for design system colors.
6
+ *
7
+ * @example
8
+ * <IconSearch color="blue" />
9
+ * <IconError color="red" />
10
+ * <IconWarning color="yellow" />
11
+ * <IconSuccess color="green" />
12
+ */
13
+ export type FreightosColor = "blue-10" | "blue-20" | "blue" | "blue-40" | "blue-50" | "red-10" | "red-20" | "red" | "red-40" | "red-50" | "yellow-10" | "yellow-20" | "yellow" | "yellow-30" | "yellow-40" | "yellow-50" | "green-10" | "green-20" | "green" | "green-40" | "green-50" | "white" | "gray-05" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray" | "purple-10" | "purple" | "transparent";
14
+ /**
15
+ * Maps Freightos design system color names to their hex values.
16
+ * This can be used if you need the actual color values in your application.
17
+ */
18
+ export declare const FREIGHTOS_COLORS: Record<FreightosColor, string>;
package/dist/types/index.d.ts CHANGED
@@ -1,214 +1,215 @@
1
- export * from './types';
2
- export { IconTransactions } from './icons/IconTransactions';
3
- export { IconAddPerson } from './icons/IconAddPerson';
4
- export { IconAddressBook } from './icons/IconAddressBook';
5
- export { IconAi } from './icons/IconAi';
6
- export { IconAirplaneLanding } from './icons/IconAirplaneLanding';
7
- export { IconAirplaneTakeoff } from './icons/IconAirplaneTakeoff';
8
- export { IconAirportArrival } from './icons/IconAirportArrival';
9
- export { IconAirport } from './icons/IconAirport';
10
- export { IconAlarm } from './icons/IconAlarm';
11
- export { IconAlertCircled } from './icons/IconAlertCircled';
12
- export { IconAmazon } from './icons/IconAmazon';
13
- export { IconArchive } from './icons/IconArchive';
14
- export { IconArrowBack } from './icons/IconArrowBack';
15
- export { IconArrowForward } from './icons/IconArrowForward';
16
- export { IconArrowSmallDown } from './icons/IconArrowSmallDown';
17
- export { IconArrowSmallLeft } from './icons/IconArrowSmallLeft';
18
- export { IconArrowSmallRight } from './icons/IconArrowSmallRight';
19
- export { IconArrowSmallUp } from './icons/IconArrowSmallUp';
20
- export { IconAttachment } from './icons/IconAttachment';
21
- export { IconAuto } from './icons/IconAuto';
22
- export { IconAutomated } from './icons/IconAutomated';
23
- export { IconBank } from './icons/IconBank';
24
- export { IconBilling } from './icons/IconBilling';
25
- export { IconBlankCircled } from './icons/IconBlankCircled';
26
- export { IconBlock } from './icons/IconBlock';
27
- export { IconBookmarkFilled } from './icons/IconBookmarkFilled';
28
- export { IconBookmark } from './icons/IconBookmark';
29
- export { IconBoxTotal } from './icons/IconBoxTotal';
30
- export { IconBox } from './icons/IconBox';
31
- export { IconBuild } from './icons/IconBuild';
32
- export { IconBulb } from './icons/IconBulb';
33
- export { IconCalendar } from './icons/IconCalendar';
34
- export { IconCall } from './icons/IconCall';
35
- export { IconCaretDown } from './icons/IconCaretDown';
36
- export { IconCaretLeft } from './icons/IconCaretLeft';
37
- export { IconCaretRight } from './icons/IconCaretRight';
38
- export { IconCaretUp } from './icons/IconCaretUp';
39
- export { IconCharges } from './icons/IconCharges';
40
- export { IconChatProgressSolid } from './icons/IconChatProgressSolid';
41
- export { IconChatProgress } from './icons/IconChatProgress';
42
- export { IconCheckCircledSolid } from './icons/IconCheckCircledSolid';
43
- export { IconCheckCircled } from './icons/IconCheckCircled';
44
- export { IconCheck } from './icons/IconCheck';
45
- export { IconChooseList } from './icons/IconChooseList';
46
- export { IconClassicView } from './icons/IconClassicView';
47
- export { IconClearCircledSolid } from './icons/IconClearCircledSolid';
48
- export { IconClearCircled } from './icons/IconClearCircled';
49
- export { IconClear } from './icons/IconClear';
50
- export { IconClock } from './icons/IconClock';
51
- export { IconCloseCircle } from './icons/IconCloseCircle';
52
- export { IconClose } from './icons/IconClose';
53
- export { IconColumn } from './icons/IconColumn';
54
- export { IconCommodity } from './icons/IconCommodity';
55
- export { IconCompany } from './icons/IconCompany';
56
- export { IconComparison } from './icons/IconComparison';
57
- export { IconContainer } from './icons/IconContainer';
58
- export { IconContentCopy } from './icons/IconContentCopy';
59
- export { IconCopy } from './icons/IconCopy';
60
- export { IconCrate } from './icons/IconCrate';
61
- export { IconCreditCard } from './icons/IconCreditCard';
62
- export { IconCurrencyEuro } from './icons/IconCurrencyEuro';
63
- export { IconCustomQuoteSolid } from './icons/IconCustomQuoteSolid';
64
- export { IconCustomQuote } from './icons/IconCustomQuote';
65
- export { IconCustoms } from './icons/IconCustoms';
66
- export { IconCutoff } from './icons/IconCutoff';
67
- export { IconDashboard } from './icons/IconDashboard';
68
- export { IconDocument } from './icons/IconDocument';
69
- export { IconDocuments } from './icons/IconDocuments';
70
- export { IconDoubleLeft } from './icons/IconDoubleLeft';
71
- export { IconDoubleRight } from './icons/IconDoubleRight';
72
- export { IconDown } from './icons/IconDown';
73
- export { IconDownloadAlt } from './icons/IconDownloadAlt';
74
- export { IconDownloadDocs } from './icons/IconDownloadDocs';
75
- export { IconDownloadEntry } from './icons/IconDownloadEntry';
76
- export { IconDownload } from './icons/IconDownload';
77
- export { IconDrag } from './icons/IconDrag';
78
- export { IconEarlyCancelation } from './icons/IconEarlyCancelation';
79
- export { IconEbooking } from './icons/IconEbooking';
80
- export { IconEdit } from './icons/IconEdit';
81
- export { IconEllipsesH } from './icons/IconEllipsesH';
82
- export { IconEllipsesV } from './icons/IconEllipsesV';
83
- export { IconEmission } from './icons/IconEmission';
84
- export { IconEntry } from './icons/IconEntry';
85
- export { IconEnvelope } from './icons/IconEnvelope';
86
- export { IconExchange } from './icons/IconExchange';
87
- export { IconExit } from './icons/IconExit';
88
- export { IconExpandAll } from './icons/IconExpandAll';
89
- export { IconExport } from './icons/IconExport';
90
- export { IconExpress } from './icons/IconExpress';
91
- export { IconEyeInvisible } from './icons/IconEyeInvisible';
92
- export { IconEye } from './icons/IconEye';
93
- export { IconFactory } from './icons/IconFactory';
94
- export { IconFilledCircle } from './icons/IconFilledCircle';
95
- export { IconFilter } from './icons/IconFilter';
96
- export { IconFlag } from './icons/IconFlag';
97
- export { IconFreightosCredit } from './icons/IconFreightosCredit';
98
- export { IconFulfillmentCenter } from './icons/IconFulfillmentCenter';
99
- export { IconGanttChart } from './icons/IconGanttChart';
100
- export { IconGoogle } from './icons/IconGoogle';
101
- export { IconGpsEmpty } from './icons/IconGpsEmpty';
102
- export { IconGpsFull } from './icons/IconGpsFull';
103
- export { IconGraph } from './icons/IconGraph';
104
- export { IconGraphicAverage } from './icons/IconGraphicAverage';
105
- export { IconGraphicPeak } from './icons/IconGraphicPeak';
106
- export { IconGraphicTrough } from './icons/IconGraphicTrough';
107
- export { IconGridOn } from './icons/IconGridOn';
108
- export { IconHamburger } from './icons/IconHamburger';
109
- export { IconHelpCircled } from './icons/IconHelpCircled';
110
- export { IconHistory } from './icons/IconHistory';
111
- export { IconHotDeal } from './icons/IconHotDeal';
112
- export { IconImageSearch } from './icons/IconImageSearch';
113
- export { IconInfoCircled } from './icons/IconInfoCircled';
114
- export { IconInsurance } from './icons/IconInsurance';
115
- export { IconLastMileDelivery } from './icons/IconLastMileDelivery';
116
- export { IconLeft } from './icons/IconLeft';
117
- export { IconLike } from './icons/IconLike';
118
- export { IconLinkedin } from './icons/IconLinkedin';
119
- export { IconList } from './icons/IconList';
120
- export { IconLoading } from './icons/IconLoading';
121
- export { IconLocationCharges } from './icons/IconLocationCharges';
122
- export { IconLocation } from './icons/IconLocation';
123
- export { IconLock } from './icons/IconLock';
124
- export { IconLogout } from './icons/IconLogout';
125
- export { IconManageSearch } from './icons/IconManageSearch';
126
- export { IconMap } from './icons/IconMap';
127
- export { IconMatrixView } from './icons/IconMatrixView';
128
- export { IconMenuClose } from './icons/IconMenuClose';
129
- export { IconMenuOpen } from './icons/IconMenuOpen';
130
- export { IconMessage } from './icons/IconMessage';
131
- export { IconMinusCircled } from './icons/IconMinusCircled';
132
- export { IconMinus } from './icons/IconMinus';
133
- export { IconModeAirExpress } from './icons/IconModeAirExpress';
134
- export { IconModeAirFreighter } from './icons/IconModeAirFreighter';
135
- export { IconModeAir } from './icons/IconModeAir';
136
- export { IconModeShip } from './icons/IconModeShip';
137
- export { IconModeTrain } from './icons/IconModeTrain';
138
- export { IconModeTruck } from './icons/IconModeTruck';
139
- export { IconMoneyCase } from './icons/IconMoneyCase';
140
- export { IconMonitorWeight } from './icons/IconMonitorWeight';
141
- export { IconMultipleAddress } from './icons/IconMultipleAddress';
142
- export { IconNegativeCircled } from './icons/IconNegativeCircled';
143
- export { IconNotificationBell } from './icons/IconNotificationBell';
144
- export { IconOffice } from './icons/IconOffice';
145
- export { IconPallet } from './icons/IconPallet';
146
- export { IconPayLater } from './icons/IconPayLater';
147
- export { IconPay } from './icons/IconPay';
148
- export { IconPaypal } from './icons/IconPaypal';
149
- export { IconPending } from './icons/IconPending';
150
- export { IconPeople } from './icons/IconPeople';
151
- export { IconPercentage } from './icons/IconPercentage';
152
- export { IconPin } from './icons/IconPin';
153
- export { IconPlayCircled } from './icons/IconPlayCircled';
154
- export { IconPlusCircledSolid } from './icons/IconPlusCircledSolid';
155
- export { IconPlusCircled } from './icons/IconPlusCircled';
156
- export { IconPlus } from './icons/IconPlus';
157
- export { IconPort } from './icons/IconPort';
158
- export { IconPrint } from './icons/IconPrint';
159
- export { IconRateReview } from './icons/IconRateReview';
160
- export { IconRates } from './icons/IconRates';
161
- export { IconReceipt } from './icons/IconReceipt';
162
- export { IconRefresh } from './icons/IconRefresh';
163
- export { IconRefund } from './icons/IconRefund';
164
- export { IconResidential } from './icons/IconResidential';
165
- export { IconReview } from './icons/IconReview';
166
- export { IconRight } from './icons/IconRight';
167
- export { IconRisk } from './icons/IconRisk';
168
- export { IconSave } from './icons/IconSave';
169
- export { IconSearchManager } from './icons/IconSearchManager';
170
- export { IconSearch } from './icons/IconSearch';
171
- export { IconSectionCollapse } from './icons/IconSectionCollapse';
172
- export { IconSectionExpand } from './icons/IconSectionExpand';
173
- export { IconSecurePayment } from './icons/IconSecurePayment';
174
- export { IconSettings } from './icons/IconSettings';
175
- export { IconShare } from './icons/IconShare';
176
- export { IconSphere } from './icons/IconSphere';
177
- export { IconStarEmpty } from './icons/IconStarEmpty';
178
- export { IconStarFull } from './icons/IconStarFull';
179
- export { IconStarHalf } from './icons/IconStarHalf';
180
- export { IconStatusUpdate } from './icons/IconStatusUpdate';
181
- export { IconSubdirectory } from './icons/IconSubdirectory';
182
- export { IconSyncCircledSolid } from './icons/IconSyncCircledSolid';
183
- export { IconSync } from './icons/IconSync';
184
- export { IconTableSort } from './icons/IconTableSort';
185
- export { IconTable } from './icons/IconTable';
186
- export { IconTag } from './icons/IconTag';
187
- export { IconTemperatureLow } from './icons/IconTemperatureLow';
188
- export { IconThumbUp } from './icons/IconThumbUp';
189
- export { IconTile } from './icons/IconTile';
190
- export { IconTimer } from './icons/IconTimer';
191
- export { IconTotalUnits } from './icons/IconTotalUnits';
192
- export { IconTotal } from './icons/IconTotal';
193
- export { IconTrash } from './icons/IconTrash';
194
- export { IconTrendingDown } from './icons/IconTrendingDown';
195
- export { IconTrendingFlat } from './icons/IconTrendingFlat';
196
- export { IconTrendingUp } from './icons/IconTrendingUp';
197
- export { IconTrophy } from './icons/IconTrophy';
198
- export { IconUld } from './icons/IconUld';
199
- export { IconUnlock } from './icons/IconUnlock';
200
- export { IconUp } from './icons/IconUp';
201
- export { IconUpload } from './icons/IconUpload';
202
- export { IconUpload2 } from './icons/IconUpload2';
203
- export { IconUserCircled } from './icons/IconUserCircled';
204
- export { IconUser } from './icons/IconUser';
205
- export { IconVerifiedCircled } from './icons/IconVerifiedCircled';
206
- export { IconVerified } from './icons/IconVerified';
207
- export { IconVisibilityNegative } from './icons/IconVisibilityNegative';
208
- export { IconVisibility } from './icons/IconVisibility';
209
- export { IconWallet } from './icons/IconWallet';
210
- export { IconWarehouse } from './icons/IconWarehouse';
211
- export { IconWeightKg } from './icons/IconWeightKg';
212
- export { IconWeightLbs } from './icons/IconWeightLbs';
213
- export { IconZoomIn } from './icons/IconZoomIn';
214
- export { IconZoomOut } from './icons/IconZoomOut';
1
+ export * from "./types";
2
+ export * from "./colors";
3
+ export { IconTransactions } from "./icons/IconTransactions";
4
+ export { IconAddPerson } from "./icons/IconAddPerson";
5
+ export { IconAddressBook } from "./icons/IconAddressBook";
6
+ export { IconAi } from "./icons/IconAi";
7
+ export { IconAirplaneLanding } from "./icons/IconAirplaneLanding";
8
+ export { IconAirplaneTakeoff } from "./icons/IconAirplaneTakeoff";
9
+ export { IconAirportArrival } from "./icons/IconAirportArrival";
10
+ export { IconAirport } from "./icons/IconAirport";
11
+ export { IconAlarm } from "./icons/IconAlarm";
12
+ export { IconAlertCircled } from "./icons/IconAlertCircled";
13
+ export { IconAmazon } from "./icons/IconAmazon";
14
+ export { IconArchive } from "./icons/IconArchive";
15
+ export { IconArrowBack } from "./icons/IconArrowBack";
16
+ export { IconArrowForward } from "./icons/IconArrowForward";
17
+ export { IconArrowSmallDown } from "./icons/IconArrowSmallDown";
18
+ export { IconArrowSmallLeft } from "./icons/IconArrowSmallLeft";
19
+ export { IconArrowSmallRight } from "./icons/IconArrowSmallRight";
20
+ export { IconArrowSmallUp } from "./icons/IconArrowSmallUp";
21
+ export { IconAttachment } from "./icons/IconAttachment";
22
+ export { IconAuto } from "./icons/IconAuto";
23
+ export { IconAutomated } from "./icons/IconAutomated";
24
+ export { IconBank } from "./icons/IconBank";
25
+ export { IconBilling } from "./icons/IconBilling";
26
+ export { IconBlankCircled } from "./icons/IconBlankCircled";
27
+ export { IconBlock } from "./icons/IconBlock";
28
+ export { IconBookmarkFilled } from "./icons/IconBookmarkFilled";
29
+ export { IconBookmark } from "./icons/IconBookmark";
30
+ export { IconBoxTotal } from "./icons/IconBoxTotal";
31
+ export { IconBox } from "./icons/IconBox";
32
+ export { IconBuild } from "./icons/IconBuild";
33
+ export { IconBulb } from "./icons/IconBulb";
34
+ export { IconCalendar } from "./icons/IconCalendar";
35
+ export { IconCall } from "./icons/IconCall";
36
+ export { IconCaretDown } from "./icons/IconCaretDown";
37
+ export { IconCaretLeft } from "./icons/IconCaretLeft";
38
+ export { IconCaretRight } from "./icons/IconCaretRight";
39
+ export { IconCaretUp } from "./icons/IconCaretUp";
40
+ export { IconCharges } from "./icons/IconCharges";
41
+ export { IconChatProgressSolid } from "./icons/IconChatProgressSolid";
42
+ export { IconChatProgress } from "./icons/IconChatProgress";
43
+ export { IconCheckCircledSolid } from "./icons/IconCheckCircledSolid";
44
+ export { IconCheckCircled } from "./icons/IconCheckCircled";
45
+ export { IconCheck } from "./icons/IconCheck";
46
+ export { IconChooseList } from "./icons/IconChooseList";
47
+ export { IconClassicView } from "./icons/IconClassicView";
48
+ export { IconClearCircledSolid } from "./icons/IconClearCircledSolid";
49
+ export { IconClearCircled } from "./icons/IconClearCircled";
50
+ export { IconClear } from "./icons/IconClear";
51
+ export { IconClock } from "./icons/IconClock";
52
+ export { IconCloseCircle } from "./icons/IconCloseCircle";
53
+ export { IconClose } from "./icons/IconClose";
54
+ export { IconColumn } from "./icons/IconColumn";
55
+ export { IconCommodity } from "./icons/IconCommodity";
56
+ export { IconCompany } from "./icons/IconCompany";
57
+ export { IconComparison } from "./icons/IconComparison";
58
+ export { IconContainer } from "./icons/IconContainer";
59
+ export { IconContentCopy } from "./icons/IconContentCopy";
60
+ export { IconCopy } from "./icons/IconCopy";
61
+ export { IconCrate } from "./icons/IconCrate";
62
+ export { IconCreditCard } from "./icons/IconCreditCard";
63
+ export { IconCurrencyEuro } from "./icons/IconCurrencyEuro";
64
+ export { IconCustomQuoteSolid } from "./icons/IconCustomQuoteSolid";
65
+ export { IconCustomQuote } from "./icons/IconCustomQuote";
66
+ export { IconCustoms } from "./icons/IconCustoms";
67
+ export { IconCutoff } from "./icons/IconCutoff";
68
+ export { IconDashboard } from "./icons/IconDashboard";
69
+ export { IconDocument } from "./icons/IconDocument";
70
+ export { IconDocuments } from "./icons/IconDocuments";
71
+ export { IconDoubleLeft } from "./icons/IconDoubleLeft";
72
+ export { IconDoubleRight } from "./icons/IconDoubleRight";
73
+ export { IconDown } from "./icons/IconDown";
74
+ export { IconDownloadAlt } from "./icons/IconDownloadAlt";
75
+ export { IconDownloadDocs } from "./icons/IconDownloadDocs";
76
+ export { IconDownloadEntry } from "./icons/IconDownloadEntry";
77
+ export { IconDownload } from "./icons/IconDownload";
78
+ export { IconDrag } from "./icons/IconDrag";
79
+ export { IconEarlyCancelation } from "./icons/IconEarlyCancelation";
80
+ export { IconEbooking } from "./icons/IconEbooking";
81
+ export { IconEdit } from "./icons/IconEdit";
82
+ export { IconEllipsesH } from "./icons/IconEllipsesH";
83
+ export { IconEllipsesV } from "./icons/IconEllipsesV";
84
+ export { IconEmission } from "./icons/IconEmission";
85
+ export { IconEntry } from "./icons/IconEntry";
86
+ export { IconEnvelope } from "./icons/IconEnvelope";
87
+ export { IconExchange } from "./icons/IconExchange";
88
+ export { IconExit } from "./icons/IconExit";
89
+ export { IconExpandAll } from "./icons/IconExpandAll";
90
+ export { IconExport } from "./icons/IconExport";
91
+ export { IconExpress } from "./icons/IconExpress";
92
+ export { IconEyeInvisible } from "./icons/IconEyeInvisible";
93
+ export { IconEye } from "./icons/IconEye";
94
+ export { IconFactory } from "./icons/IconFactory";
95
+ export { IconFilledCircle } from "./icons/IconFilledCircle";
96
+ export { IconFilter } from "./icons/IconFilter";
97
+ export { IconFlag } from "./icons/IconFlag";
98
+ export { IconFreightosCredit } from "./icons/IconFreightosCredit";
99
+ export { IconFulfillmentCenter } from "./icons/IconFulfillmentCenter";
100
+ export { IconGanttChart } from "./icons/IconGanttChart";
101
+ export { IconGoogle } from "./icons/IconGoogle";
102
+ export { IconGpsEmpty } from "./icons/IconGpsEmpty";
103
+ export { IconGpsFull } from "./icons/IconGpsFull";
104
+ export { IconGraph } from "./icons/IconGraph";
105
+ export { IconGraphicAverage } from "./icons/IconGraphicAverage";
106
+ export { IconGraphicPeak } from "./icons/IconGraphicPeak";
107
+ export { IconGraphicTrough } from "./icons/IconGraphicTrough";
108
+ export { IconGridOn } from "./icons/IconGridOn";
109
+ export { IconHamburger } from "./icons/IconHamburger";
110
+ export { IconHelpCircled } from "./icons/IconHelpCircled";
111
+ export { IconHistory } from "./icons/IconHistory";
112
+ export { IconHotDeal } from "./icons/IconHotDeal";
113
+ export { IconImageSearch } from "./icons/IconImageSearch";
114
+ export { IconInfoCircled } from "./icons/IconInfoCircled";
115
+ export { IconInsurance } from "./icons/IconInsurance";
116
+ export { IconLastMileDelivery } from "./icons/IconLastMileDelivery";
117
+ export { IconLeft } from "./icons/IconLeft";
118
+ export { IconLike } from "./icons/IconLike";
119
+ export { IconLinkedin } from "./icons/IconLinkedin";
120
+ export { IconList } from "./icons/IconList";
121
+ export { IconLoading } from "./icons/IconLoading";
122
+ export { IconLocationCharges } from "./icons/IconLocationCharges";
123
+ export { IconLocation } from "./icons/IconLocation";
124
+ export { IconLock } from "./icons/IconLock";
125
+ export { IconLogout } from "./icons/IconLogout";
126
+ export { IconManageSearch } from "./icons/IconManageSearch";
127
+ export { IconMap } from "./icons/IconMap";
128
+ export { IconMatrixView } from "./icons/IconMatrixView";
129
+ export { IconMenuClose } from "./icons/IconMenuClose";
130
+ export { IconMenuOpen } from "./icons/IconMenuOpen";
131
+ export { IconMessage } from "./icons/IconMessage";
132
+ export { IconMinusCircled } from "./icons/IconMinusCircled";
133
+ export { IconMinus } from "./icons/IconMinus";
134
+ export { IconModeAirExpress } from "./icons/IconModeAirExpress";
135
+ export { IconModeAirFreighter } from "./icons/IconModeAirFreighter";
136
+ export { IconModeAir } from "./icons/IconModeAir";
137
+ export { IconModeShip } from "./icons/IconModeShip";
138
+ export { IconModeTrain } from "./icons/IconModeTrain";
139
+ export { IconModeTruck } from "./icons/IconModeTruck";
140
+ export { IconMoneyCase } from "./icons/IconMoneyCase";
141
+ export { IconMonitorWeight } from "./icons/IconMonitorWeight";
142
+ export { IconMultipleAddress } from "./icons/IconMultipleAddress";
143
+ export { IconNegativeCircled } from "./icons/IconNegativeCircled";
144
+ export { IconNotificationBell } from "./icons/IconNotificationBell";
145
+ export { IconOffice } from "./icons/IconOffice";
146
+ export { IconPallet } from "./icons/IconPallet";
147
+ export { IconPayLater } from "./icons/IconPayLater";
148
+ export { IconPay } from "./icons/IconPay";
149
+ export { IconPaypal } from "./icons/IconPaypal";
150
+ export { IconPending } from "./icons/IconPending";
151
+ export { IconPeople } from "./icons/IconPeople";
152
+ export { IconPercentage } from "./icons/IconPercentage";
153
+ export { IconPin } from "./icons/IconPin";
154
+ export { IconPlayCircled } from "./icons/IconPlayCircled";
155
+ export { IconPlusCircledSolid } from "./icons/IconPlusCircledSolid";
156
+ export { IconPlusCircled } from "./icons/IconPlusCircled";
157
+ export { IconPlus } from "./icons/IconPlus";
158
+ export { IconPort } from "./icons/IconPort";
159
+ export { IconPrint } from "./icons/IconPrint";
160
+ export { IconRateReview } from "./icons/IconRateReview";
161
+ export { IconRates } from "./icons/IconRates";
162
+ export { IconReceipt } from "./icons/IconReceipt";
163
+ export { IconRefresh } from "./icons/IconRefresh";
164
+ export { IconRefund } from "./icons/IconRefund";
165
+ export { IconResidential } from "./icons/IconResidential";
166
+ export { IconReview } from "./icons/IconReview";
167
+ export { IconRight } from "./icons/IconRight";
168
+ export { IconRisk } from "./icons/IconRisk";
169
+ export { IconSave } from "./icons/IconSave";
170
+ export { IconSearchManager } from "./icons/IconSearchManager";
171
+ export { IconSearch } from "./icons/IconSearch";
172
+ export { IconSectionCollapse } from "./icons/IconSectionCollapse";
173
+ export { IconSectionExpand } from "./icons/IconSectionExpand";
174
+ export { IconSecurePayment } from "./icons/IconSecurePayment";
175
+ export { IconSettings } from "./icons/IconSettings";
176
+ export { IconShare } from "./icons/IconShare";
177
+ export { IconSphere } from "./icons/IconSphere";
178
+ export { IconStarEmpty } from "./icons/IconStarEmpty";
179
+ export { IconStarFull } from "./icons/IconStarFull";
180
+ export { IconStarHalf } from "./icons/IconStarHalf";
181
+ export { IconStatusUpdate } from "./icons/IconStatusUpdate";
182
+ export { IconSubdirectory } from "./icons/IconSubdirectory";
183
+ export { IconSyncCircledSolid } from "./icons/IconSyncCircledSolid";
184
+ export { IconSync } from "./icons/IconSync";
185
+ export { IconTableSort } from "./icons/IconTableSort";
186
+ export { IconTable } from "./icons/IconTable";
187
+ export { IconTag } from "./icons/IconTag";
188
+ export { IconTemperatureLow } from "./icons/IconTemperatureLow";
189
+ export { IconThumbUp } from "./icons/IconThumbUp";
190
+ export { IconTile } from "./icons/IconTile";
191
+ export { IconTimer } from "./icons/IconTimer";
192
+ export { IconTotalUnits } from "./icons/IconTotalUnits";
193
+ export { IconTotal } from "./icons/IconTotal";
194
+ export { IconTrash } from "./icons/IconTrash";
195
+ export { IconTrendingDown } from "./icons/IconTrendingDown";
196
+ export { IconTrendingFlat } from "./icons/IconTrendingFlat";
197
+ export { IconTrendingUp } from "./icons/IconTrendingUp";
198
+ export { IconTrophy } from "./icons/IconTrophy";
199
+ export { IconUld } from "./icons/IconUld";
200
+ export { IconUnlock } from "./icons/IconUnlock";
201
+ export { IconUp } from "./icons/IconUp";
202
+ export { IconUpload } from "./icons/IconUpload";
203
+ export { IconUpload2 } from "./icons/IconUpload2";
204
+ export { IconUserCircled } from "./icons/IconUserCircled";
205
+ export { IconUser } from "./icons/IconUser";
206
+ export { IconVerifiedCircled } from "./icons/IconVerifiedCircled";
207
+ export { IconVerified } from "./icons/IconVerified";
208
+ export { IconVisibilityNegative } from "./icons/IconVisibilityNegative";
209
+ export { IconVisibility } from "./icons/IconVisibility";
210
+ export { IconWallet } from "./icons/IconWallet";
211
+ export { IconWarehouse } from "./icons/IconWarehouse";
212
+ export { IconWeightKg } from "./icons/IconWeightKg";
213
+ export { IconWeightLbs } from "./icons/IconWeightLbs";
214
+ export { IconZoomIn } from "./icons/IconZoomIn";
215
+ export { IconZoomOut } from "./icons/IconZoomOut";
package/dist/types/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { SVGProps } from 'react';
1
+ import { SVGProps } from "react";
2
+ import { FreightosColor } from "./colors";
2
3
  export interface IconProps extends SVGProps<SVGSVGElement> {
3
4
  size?: number | string;
4
- color?: string;
5
- strokeWidth?: number | string;
5
+ color?: FreightosColor | (string & {});
6
6
  }
7
- export type Icon = React.ForwardRefExoticComponent<Omit<IconProps, 'ref'> & React.RefAttributes<SVGSVGElement>>;
7
+ export type Icon = React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@freightos/icons",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "A comprehensive icon library for Freightos applications with full TypeScript support",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",