@freightos/icons 1.0.12 → 1.0.15
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.
- package/README.md +29 -134
- package/dist/cjs/colors.js +17 -14
- package/dist/cjs/icons/IconArrowLeft.js +54 -0
- package/dist/cjs/icons/IconArrowRight.js +54 -0
- package/dist/cjs/icons/IconChooseList.js +2 -2
- package/dist/cjs/icons/IconCircleCheck.js +54 -0
- package/dist/cjs/icons/IconCloseCircle.js +1 -1
- package/dist/cjs/icons/IconCrate.js +2 -2
- package/dist/cjs/icons/IconDot.js +53 -0
- package/dist/cjs/icons/IconExchange.js +1 -1
- package/dist/cjs/icons/IconExternalLink.js +53 -0
- package/dist/cjs/icons/IconLink.js +2 -3
- package/dist/cjs/icons/IconListBullet.js +2 -7
- package/dist/cjs/icons/IconListNumbered.js +2 -8
- package/dist/cjs/icons/IconLoaderCircle.js +53 -0
- package/dist/cjs/icons/IconMonitor.js +53 -0
- package/dist/cjs/icons/IconOctagonX.js +55 -0
- package/dist/cjs/icons/IconSmartphone.js +53 -0
- package/dist/cjs/icons/IconTablet.js +53 -0
- package/dist/cjs/icons/IconTextBold.js +2 -3
- package/dist/cjs/icons/IconTextItalic.js +2 -4
- package/dist/cjs/icons/IconTextUnderline.js +2 -3
- package/dist/cjs/icons/IconTriangleAlert.js +55 -0
- package/dist/cjs/index.js +24 -17
- package/dist/esm/colors.js +17 -14
- package/dist/esm/icons/IconArrowLeft.js +18 -0
- package/dist/esm/icons/IconArrowRight.js +18 -0
- package/dist/esm/icons/IconChooseList.js +2 -2
- package/dist/esm/icons/IconCircleCheck.js +18 -0
- package/dist/esm/icons/IconCloseCircle.js +1 -1
- package/dist/esm/icons/IconCrate.js +2 -2
- package/dist/esm/icons/IconDot.js +17 -0
- package/dist/esm/icons/IconExchange.js +1 -1
- package/dist/esm/icons/IconExternalLink.js +17 -0
- package/dist/esm/icons/IconLink.js +2 -3
- package/dist/esm/icons/IconListBullet.js +2 -7
- package/dist/esm/icons/IconListNumbered.js +2 -8
- package/dist/esm/icons/IconLoaderCircle.js +17 -0
- package/dist/esm/icons/IconMonitor.js +17 -0
- package/dist/esm/icons/IconOctagonX.js +19 -0
- package/dist/esm/icons/IconSmartphone.js +17 -0
- package/dist/esm/icons/IconTablet.js +17 -0
- package/dist/esm/icons/IconTextBold.js +2 -3
- package/dist/esm/icons/IconTextItalic.js +2 -4
- package/dist/esm/icons/IconTextUnderline.js +2 -3
- package/dist/esm/icons/IconTriangleAlert.js +19 -0
- package/dist/esm/index.js +10 -7
- package/dist/types/colors.d.ts +7 -5
- package/dist/types/icons/IconArrowLeft.d.ts +3 -0
- package/dist/types/icons/IconArrowRight.d.ts +3 -0
- package/dist/types/icons/IconCircleCheck.d.ts +3 -0
- package/dist/types/icons/IconDot.d.ts +3 -0
- package/dist/types/icons/IconExternalLink.d.ts +3 -0
- package/dist/types/icons/IconLoaderCircle.d.ts +3 -0
- package/dist/types/icons/IconMonitor.d.ts +3 -0
- package/dist/types/icons/IconOctagonX.d.ts +3 -0
- package/dist/types/icons/IconSmartphone.d.ts +3 -0
- package/dist/types/icons/IconTablet.d.ts +3 -0
- package/dist/types/icons/IconTriangleAlert.d.ts +3 -0
- package/dist/types/index.d.ts +10 -6
- package/package.json +2 -1
|
@@ -38,7 +38,7 @@ const react_1 = __importStar(require("react"));
|
|
|
38
38
|
const colors_1 = require("../colors");
|
|
39
39
|
exports.IconListBullet = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
40
|
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
-
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
42
|
width: size,
|
|
43
43
|
height: size,
|
|
44
44
|
minWidth: size,
|
|
@@ -48,11 +48,6 @@ exports.IconListBullet = (0, react_1.forwardRef)(({ size = '1em', color = 'curre
|
|
|
48
48
|
verticalAlign: 'middle',
|
|
49
49
|
...style,
|
|
50
50
|
}, ...props },
|
|
51
|
-
react_1.default.createElement("
|
|
52
|
-
react_1.default.createElement("line", { x1: "8", y1: "12", x2: "21", y2: "12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
53
|
-
react_1.default.createElement("line", { x1: "8", y1: "18", x2: "21", y2: "18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
54
|
-
react_1.default.createElement("circle", { cx: "4", cy: "6", r: "1", fill: "currentColor" }),
|
|
55
|
-
react_1.default.createElement("circle", { cx: "4", cy: "12", r: "1", fill: "currentColor" }),
|
|
56
|
-
react_1.default.createElement("circle", { cx: "4", cy: "18", r: "1", fill: "currentColor" })));
|
|
51
|
+
react_1.default.createElement("path", { d: "M4.66797 3.33333H14.0013V4.66667H4.66797V3.33333ZM4.66797 8.66667V7.33333H14.0013V8.66667H4.66797ZM2.66797 3C2.93319 3 3.18754 3.10536 3.37508 3.29289C3.56261 3.48043 3.66797 3.73478 3.66797 4C3.66797 4.26522 3.56261 4.51957 3.37508 4.70711C3.18754 4.89464 2.93319 5 2.66797 5C2.40275 5 2.1484 4.89464 1.96086 4.70711C1.77333 4.51957 1.66797 4.26522 1.66797 4C1.66797 3.73478 1.77333 3.48043 1.96086 3.29289C2.1484 3.10536 2.40275 3 2.66797 3ZM2.66797 7C2.93319 7 3.18754 7.10536 3.37508 7.29289C3.56261 7.48043 3.66797 7.73478 3.66797 8C3.66797 8.26522 3.56261 8.51957 3.37508 8.70711C3.18754 8.89464 2.93319 9 2.66797 9C2.40275 9 2.1484 8.89464 1.96086 8.70711C1.77333 8.51957 1.66797 8.26522 1.66797 8C1.66797 7.73478 1.77333 7.48043 1.96086 7.29289C2.1484 7.10536 2.40275 7 2.66797 7ZM4.66797 12.6667V11.3333H14.0013V12.6667H4.66797ZM2.66797 11C2.93319 11 3.18754 11.1054 3.37508 11.2929C3.56261 11.4804 3.66797 11.7348 3.66797 12C3.66797 12.2652 3.56261 12.5196 3.37508 12.7071C3.18754 12.8946 2.93319 13 2.66797 13C2.40275 13 2.1484 12.8946 1.96086 12.7071C1.77333 12.5196 1.66797 12.2652 1.66797 12C1.66797 11.7348 1.77333 11.4804 1.96086 11.2929C2.1484 11.1054 2.40275 11 2.66797 11Z", fill: "currentColor" })));
|
|
57
52
|
});
|
|
58
53
|
exports.IconListBullet.displayName = 'IconListBullet';
|
|
@@ -38,7 +38,7 @@ const react_1 = __importStar(require("react"));
|
|
|
38
38
|
const colors_1 = require("../colors");
|
|
39
39
|
exports.IconListNumbered = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
40
|
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
-
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
42
|
width: size,
|
|
43
43
|
height: size,
|
|
44
44
|
minWidth: size,
|
|
@@ -48,12 +48,6 @@ exports.IconListNumbered = (0, react_1.forwardRef)(({ size = '1em', color = 'cur
|
|
|
48
48
|
verticalAlign: 'middle',
|
|
49
49
|
...style,
|
|
50
50
|
}, ...props },
|
|
51
|
-
react_1.default.createElement("
|
|
52
|
-
react_1.default.createElement("line", { x1: "10", y1: "12", x2: "21", y2: "12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
53
|
-
react_1.default.createElement("line", { x1: "10", y1: "18", x2: "21", y2: "18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
54
|
-
react_1.default.createElement("path", { d: "M4 6h1v4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
55
|
-
react_1.default.createElement("path", { d: "M3 10h3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
56
|
-
react_1.default.createElement("path", { d: "M4 16c.5-.5 1.5-.5 2 0s.5 1.5 0 2-1 .5-1.5.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
57
|
-
react_1.default.createElement("path", { d: "M3 14h2.5c.5 0 1 .5 1 1s-.5 1-1 1H4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
51
|
+
react_1.default.createElement("path", { d: "M4.66536 8.6665V7.33317H13.9987V8.6665H4.66536ZM4.66536 12.6665V11.3332H13.9987V12.6665H4.66536ZM4.66536 4.6665V3.33317H13.9987V4.6665H4.66536ZM1.9987 5.33317V3.33317H1.33203V2.6665H2.66536V5.33317H1.9987ZM1.33203 11.3332V10.6665H3.33203V13.3332H1.33203V12.6665H2.66536V12.3332H1.9987V11.6665H2.66536V11.3332H1.33203ZM2.83203 6.6665C2.96464 6.6665 3.09182 6.71918 3.18558 6.81295C3.27935 6.90672 3.33203 7.0339 3.33203 7.1665C3.33203 7.29984 3.2787 7.4265 3.19203 7.51317L2.0787 8.6665H3.33203V9.33317H1.33203V8.71984L2.66536 7.33317H1.33203V6.6665H2.83203Z", fill: "currentColor" })));
|
|
58
52
|
});
|
|
59
53
|
exports.IconListNumbered.displayName = 'IconListNumbered';
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IconLoaderCircle = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const colors_1 = require("../colors");
|
|
39
|
+
exports.IconLoaderCircle = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
|
+
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
44
|
+
minWidth: size,
|
|
45
|
+
minHeight: size,
|
|
46
|
+
flexShrink: 0,
|
|
47
|
+
display: 'inline-block',
|
|
48
|
+
verticalAlign: 'middle',
|
|
49
|
+
...style,
|
|
50
|
+
}, ...props },
|
|
51
|
+
react_1.default.createElement("path", { fill: "none", d: "M21 12a9 9 0 1 1-6.219-8.56", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })));
|
|
52
|
+
});
|
|
53
|
+
exports.IconLoaderCircle.displayName = 'IconLoaderCircle';
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IconMonitor = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const colors_1 = require("../colors");
|
|
39
|
+
exports.IconMonitor = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
|
+
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
44
|
+
minWidth: size,
|
|
45
|
+
minHeight: size,
|
|
46
|
+
flexShrink: 0,
|
|
47
|
+
display: 'inline-block',
|
|
48
|
+
verticalAlign: 'middle',
|
|
49
|
+
...style,
|
|
50
|
+
}, ...props },
|
|
51
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H8V22H16V20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2ZM21 16H3V4H21V16Z", fill: "currentColor" })));
|
|
52
|
+
});
|
|
53
|
+
exports.IconMonitor.displayName = 'IconMonitor';
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IconOctagonX = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const colors_1 = require("../colors");
|
|
39
|
+
exports.IconOctagonX = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
|
+
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
44
|
+
minWidth: size,
|
|
45
|
+
minHeight: size,
|
|
46
|
+
flexShrink: 0,
|
|
47
|
+
display: 'inline-block',
|
|
48
|
+
verticalAlign: 'middle',
|
|
49
|
+
...style,
|
|
50
|
+
}, ...props },
|
|
51
|
+
react_1.default.createElement("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
52
|
+
react_1.default.createElement("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
53
|
+
react_1.default.createElement("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
54
|
+
});
|
|
55
|
+
exports.IconOctagonX.displayName = 'IconOctagonX';
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IconSmartphone = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const colors_1 = require("../colors");
|
|
39
|
+
exports.IconSmartphone = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
|
+
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
44
|
+
minWidth: size,
|
|
45
|
+
minHeight: size,
|
|
46
|
+
flexShrink: 0,
|
|
47
|
+
display: 'inline-block',
|
|
48
|
+
verticalAlign: 'middle',
|
|
49
|
+
...style,
|
|
50
|
+
}, ...props },
|
|
51
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19ZM12 22C12.5523 22 13 21.5523 13 21C13 20.4477 12.5523 20 12 20C11.4477 20 11 20.4477 11 21C11 21.5523 11.4477 22 12 22Z", fill: "currentColor" })));
|
|
52
|
+
});
|
|
53
|
+
exports.IconSmartphone.displayName = 'IconSmartphone';
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IconTablet = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const colors_1 = require("../colors");
|
|
39
|
+
exports.IconTablet = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
|
+
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
44
|
+
minWidth: size,
|
|
45
|
+
minHeight: size,
|
|
46
|
+
flexShrink: 0,
|
|
47
|
+
display: 'inline-block',
|
|
48
|
+
verticalAlign: 'middle',
|
|
49
|
+
...style,
|
|
50
|
+
}, ...props },
|
|
51
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5 0H5.5C4.12 0 3 1.12 3 2.5V21.5C3 22.88 4.12 24 5.5 24H18.5C19.88 24 21 22.88 21 21.5V2.5C21 1.12 19.88 0 18.5 0ZM18.5 20H5.5V4H18.5V20ZM12 23C12.5523 23 13 22.5523 13 22C13 21.4477 12.5523 21 12 21C11.4477 21 11 21.4477 11 22C11 22.5523 11.4477 23 12 23Z", fill: "currentColor" })));
|
|
52
|
+
});
|
|
53
|
+
exports.IconTablet.displayName = 'IconTablet';
|
|
@@ -38,7 +38,7 @@ const react_1 = __importStar(require("react"));
|
|
|
38
38
|
const colors_1 = require("../colors");
|
|
39
39
|
exports.IconTextBold = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
40
|
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
-
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
42
|
width: size,
|
|
43
43
|
height: size,
|
|
44
44
|
minWidth: size,
|
|
@@ -48,7 +48,6 @@ exports.IconTextBold = (0, react_1.forwardRef)(({ size = '1em', color = 'current
|
|
|
48
48
|
verticalAlign: 'middle',
|
|
49
49
|
...style,
|
|
50
50
|
}, ...props },
|
|
51
|
-
react_1.default.createElement("path", { d: "
|
|
52
|
-
react_1.default.createElement("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6V12z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
51
|
+
react_1.default.createElement("path", { d: "M9.0013 10.3332H6.66797V8.33317H9.0013C9.26652 8.33317 9.52087 8.43853 9.70841 8.62606C9.89595 8.8136 10.0013 9.06795 10.0013 9.33317C10.0013 9.59839 9.89595 9.85274 9.70841 10.0403C9.52087 10.2278 9.26652 10.3332 9.0013 10.3332ZM6.66797 4.33317H8.66797C8.93319 4.33317 9.18754 4.43853 9.37508 4.62606C9.56261 4.8136 9.66797 5.06795 9.66797 5.33317C9.66797 5.59839 9.56261 5.85274 9.37508 6.04028C9.18754 6.22781 8.93319 6.33317 8.66797 6.33317H6.66797M10.4013 7.19317C11.048 6.73984 11.5013 5.99984 11.5013 5.33317C11.5013 3.8265 10.3346 2.6665 8.83464 2.6665H4.66797V11.9998H9.3613C10.7613 11.9998 11.8346 10.8665 11.8346 9.47317C11.8346 8.45984 11.2613 7.59317 10.4013 7.19317Z", fill: "currentColor" })));
|
|
53
52
|
});
|
|
54
53
|
exports.IconTextBold.displayName = 'IconTextBold';
|
|
@@ -38,7 +38,7 @@ const react_1 = __importStar(require("react"));
|
|
|
38
38
|
const colors_1 = require("../colors");
|
|
39
39
|
exports.IconTextItalic = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
40
|
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
-
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
42
|
width: size,
|
|
43
43
|
height: size,
|
|
44
44
|
minWidth: size,
|
|
@@ -48,8 +48,6 @@ exports.IconTextItalic = (0, react_1.forwardRef)(({ size = '1em', color = 'curre
|
|
|
48
48
|
verticalAlign: 'middle',
|
|
49
49
|
...style,
|
|
50
50
|
}, ...props },
|
|
51
|
-
react_1.default.createElement("
|
|
52
|
-
react_1.default.createElement("line", { x1: "14", y1: "20", x2: "5", y2: "20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
53
|
-
react_1.default.createElement("line", { x1: "15", y1: "4", x2: "9", y2: "20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
51
|
+
react_1.default.createElement("path", { d: "M6.66667 2.6665V4.6665H8.14L5.86 9.99984H4V11.9998H9.33333V9.99984H7.86L10.14 4.6665H12V2.6665H6.66667Z", fill: "currentColor" })));
|
|
54
52
|
});
|
|
55
53
|
exports.IconTextItalic.displayName = 'IconTextItalic';
|
|
@@ -38,7 +38,7 @@ const react_1 = __importStar(require("react"));
|
|
|
38
38
|
const colors_1 = require("../colors");
|
|
39
39
|
exports.IconTextUnderline = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
40
|
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
-
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
42
|
width: size,
|
|
43
43
|
height: size,
|
|
44
44
|
minWidth: size,
|
|
@@ -48,7 +48,6 @@ exports.IconTextUnderline = (0, react_1.forwardRef)(({ size = '1em', color = 'cu
|
|
|
48
48
|
verticalAlign: 'middle',
|
|
49
49
|
...style,
|
|
50
50
|
}, ...props },
|
|
51
|
-
react_1.default.createElement("path", { d: "
|
|
52
|
-
react_1.default.createElement("line", { x1: "4", y1: "20", x2: "20", y2: "20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
|
|
51
|
+
react_1.default.createElement("path", { d: "M3.33203 14H12.6654V12.6667H3.33203V14ZM7.9987 11.3333C9.05956 11.3333 10.077 10.9119 10.8271 10.1618C11.5773 9.41161 11.9987 8.3942 11.9987 7.33333V2H10.332V7.33333C10.332 7.95217 10.0862 8.54566 9.64861 8.98325C9.21103 9.42083 8.61754 9.66667 7.9987 9.66667C7.37986 9.66667 6.78637 9.42083 6.34878 8.98325C5.9112 8.54566 5.66536 7.95217 5.66536 7.33333V2H3.9987V7.33333C3.9987 8.3942 4.42013 9.41161 5.17027 10.1618C5.92042 10.9119 6.93783 11.3333 7.9987 11.3333Z", fill: "currentColor" })));
|
|
53
52
|
});
|
|
54
53
|
exports.IconTextUnderline.displayName = 'IconTextUnderline';
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.IconTriangleAlert = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const colors_1 = require("../colors");
|
|
39
|
+
exports.IconTriangleAlert = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
|
|
40
|
+
const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
|
|
41
|
+
return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
|
|
42
|
+
width: size,
|
|
43
|
+
height: size,
|
|
44
|
+
minWidth: size,
|
|
45
|
+
minHeight: size,
|
|
46
|
+
flexShrink: 0,
|
|
47
|
+
display: 'inline-block',
|
|
48
|
+
verticalAlign: 'middle',
|
|
49
|
+
...style,
|
|
50
|
+
}, ...props },
|
|
51
|
+
react_1.default.createElement("path", { fill: "none", d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
52
|
+
react_1.default.createElement("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
|
|
53
|
+
react_1.default.createElement("line", { x1: "12", y1: "17", x2: "12.01", y2: "17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })));
|
|
54
|
+
});
|
|
55
|
+
exports.IconTriangleAlert.displayName = 'IconTriangleAlert';
|
package/dist/cjs/index.js
CHANGED
|
@@ -18,10 +18,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
18
18
|
};
|
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
20
|
exports.IconCloseCircle = exports.IconClock = exports.IconClear = exports.IconClearCircled = exports.IconClearCircledSolid = exports.IconClassicView = exports.IconChooseList = exports.IconCheck = exports.IconCheckCircled = exports.IconCheckCircledSolid = exports.IconChatProgress = exports.IconChatProgressSolid = exports.IconCharges = exports.IconCaretUp = exports.IconCaretRight = exports.IconCaretLeft = exports.IconCaretDown = exports.IconCall = exports.IconCalendar = exports.IconBulb = exports.IconBuild = exports.IconBox = exports.IconBoxTotal = exports.IconBookmark = exports.IconBookmarkFilled = exports.IconBlock = exports.IconBlankCircled = exports.IconBilling = exports.IconBank = exports.IconAutomated = exports.IconAuto = exports.IconAttachment = exports.IconArrowSmallUp = exports.IconArrowSmallRight = exports.IconArrowSmallLeft = exports.IconArrowSmallDown = exports.IconArrowForward = exports.IconArrowBack = exports.IconArchive = exports.IconAmazon = exports.IconAlertCircled = exports.IconAlarm = exports.IconAirport = exports.IconAirportArrival = exports.IconAirplaneTakeoff = exports.IconAirplaneLanding = exports.IconAi = exports.IconAddressBook = exports.IconAddPerson = exports.IconTransactions = void 0;
|
|
21
|
-
exports.
|
|
22
|
-
exports.
|
|
23
|
-
exports.
|
|
24
|
-
exports.
|
|
21
|
+
exports.IconFulfillmentCenter = exports.IconFreightosCredit = exports.IconFolder = exports.IconFlag = exports.IconFilter = exports.IconFilledCircle = exports.IconFactory = exports.IconEye = exports.IconEyeInvisible = exports.IconExternalLink = exports.IconExpress = exports.IconExport = exports.IconExpandAll = exports.IconExit = exports.IconExchange = exports.IconEnvelope = exports.IconEntry = exports.IconEmission = exports.IconEllipsesV = exports.IconEllipsesH = exports.IconEdit = exports.IconEbooking = exports.IconEarn = exports.IconEarlyCancelation = exports.IconDrag = exports.IconDownload = exports.IconDownloadEntry = exports.IconDownloadDocs = exports.IconDownloadAlt = exports.IconDown = exports.IconDoubleRight = exports.IconDoubleLeft = exports.IconDocuments = exports.IconDocument = exports.IconDashboard = exports.IconCutoff = exports.IconCustoms = exports.IconCustomQuote = exports.IconCustomQuoteSolid = exports.IconCurrencyEuro = exports.IconCreditCard = exports.IconCrate = exports.IconCopy = exports.IconContentCopy = exports.IconContainer = exports.IconComparison = exports.IconCompany = exports.IconCommodity = exports.IconColumn = exports.IconClose = void 0;
|
|
22
|
+
exports.IconOffice = exports.IconNotificationBell = exports.IconNegativeCircled = exports.IconMultipleAddress = exports.IconMonitor = exports.IconMonitorWeight = exports.IconMoneyCase = exports.IconModeTruck = exports.IconModeTrain = exports.IconModeShip = exports.IconModeAir = exports.IconModeAirFreighter = exports.IconModeAirExpress = exports.IconMinus = exports.IconMinusCircled = exports.IconMessage = exports.IconMenuOpen = exports.IconMenuClose = exports.IconMatrixView = exports.IconMap = exports.IconManageSearch = exports.IconLogout = exports.IconLock = exports.IconLocation = exports.IconLocationCharges = exports.IconLoading = exports.IconList = exports.IconListNumbered = exports.IconListBullet = exports.IconLinkedin = exports.IconLink = exports.IconLike = exports.IconLeft = exports.IconLastMileDelivery = exports.IconInsurance = exports.IconInfoCircled = exports.IconImageSearch = exports.IconHotDeal = exports.IconHistory = exports.IconHelpCircled = exports.IconHamburger = exports.IconGridOn = exports.IconGraphicTrough = exports.IconGraphicPeak = exports.IconGraphicAverage = exports.IconGraph = exports.IconGpsFull = exports.IconGpsEmpty = exports.IconGoogle = exports.IconGanttChart = void 0;
|
|
23
|
+
exports.IconTextUnderline = exports.IconTextItalic = exports.IconTextBold = exports.IconTemperatureLow = exports.IconTag = exports.IconTablet = exports.IconTable = exports.IconTableSort = exports.IconSync = exports.IconSyncCircledSolid = exports.IconSubdirectory = exports.IconStatusUpdate = exports.IconStarHalf = exports.IconStarFull = exports.IconStarEmpty = exports.IconSphere = exports.IconSpend = exports.IconSmartphone = exports.IconShare = exports.IconSettings = exports.IconSend = 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 = exports.IconPercentage = exports.IconPeople = exports.IconPending = exports.IconPaypal = exports.IconPay = exports.IconPayLater = exports.IconPallet = void 0;
|
|
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 = 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 = void 0;
|
|
25
25
|
__exportStar(require("./types"), exports);
|
|
26
26
|
__exportStar(require("./colors"), exports);
|
|
27
27
|
var IconTransactions_1 = require("./icons/IconTransactions");
|
|
@@ -204,6 +204,8 @@ var IconExport_1 = require("./icons/IconExport");
|
|
|
204
204
|
Object.defineProperty(exports, "IconExport", { enumerable: true, get: function () { return IconExport_1.IconExport; } });
|
|
205
205
|
var IconExpress_1 = require("./icons/IconExpress");
|
|
206
206
|
Object.defineProperty(exports, "IconExpress", { enumerable: true, get: function () { return IconExpress_1.IconExpress; } });
|
|
207
|
+
var IconExternalLink_1 = require("./icons/IconExternalLink");
|
|
208
|
+
Object.defineProperty(exports, "IconExternalLink", { enumerable: true, get: function () { return IconExternalLink_1.IconExternalLink; } });
|
|
207
209
|
var IconEyeInvisible_1 = require("./icons/IconEyeInvisible");
|
|
208
210
|
Object.defineProperty(exports, "IconEyeInvisible", { enumerable: true, get: function () { return IconEyeInvisible_1.IconEyeInvisible; } });
|
|
209
211
|
var IconEye_1 = require("./icons/IconEye");
|
|
@@ -260,8 +262,14 @@ var IconLeft_1 = require("./icons/IconLeft");
|
|
|
260
262
|
Object.defineProperty(exports, "IconLeft", { enumerable: true, get: function () { return IconLeft_1.IconLeft; } });
|
|
261
263
|
var IconLike_1 = require("./icons/IconLike");
|
|
262
264
|
Object.defineProperty(exports, "IconLike", { enumerable: true, get: function () { return IconLike_1.IconLike; } });
|
|
265
|
+
var IconLink_1 = require("./icons/IconLink");
|
|
266
|
+
Object.defineProperty(exports, "IconLink", { enumerable: true, get: function () { return IconLink_1.IconLink; } });
|
|
263
267
|
var IconLinkedin_1 = require("./icons/IconLinkedin");
|
|
264
268
|
Object.defineProperty(exports, "IconLinkedin", { enumerable: true, get: function () { return IconLinkedin_1.IconLinkedin; } });
|
|
269
|
+
var IconListBullet_1 = require("./icons/IconListBullet");
|
|
270
|
+
Object.defineProperty(exports, "IconListBullet", { enumerable: true, get: function () { return IconListBullet_1.IconListBullet; } });
|
|
271
|
+
var IconListNumbered_1 = require("./icons/IconListNumbered");
|
|
272
|
+
Object.defineProperty(exports, "IconListNumbered", { enumerable: true, get: function () { return IconListNumbered_1.IconListNumbered; } });
|
|
265
273
|
var IconList_1 = require("./icons/IconList");
|
|
266
274
|
Object.defineProperty(exports, "IconList", { enumerable: true, get: function () { return IconList_1.IconList; } });
|
|
267
275
|
var IconLoading_1 = require("./icons/IconLoading");
|
|
@@ -306,6 +314,8 @@ var IconMoneyCase_1 = require("./icons/IconMoneyCase");
|
|
|
306
314
|
Object.defineProperty(exports, "IconMoneyCase", { enumerable: true, get: function () { return IconMoneyCase_1.IconMoneyCase; } });
|
|
307
315
|
var IconMonitorWeight_1 = require("./icons/IconMonitorWeight");
|
|
308
316
|
Object.defineProperty(exports, "IconMonitorWeight", { enumerable: true, get: function () { return IconMonitorWeight_1.IconMonitorWeight; } });
|
|
317
|
+
var IconMonitor_1 = require("./icons/IconMonitor");
|
|
318
|
+
Object.defineProperty(exports, "IconMonitor", { enumerable: true, get: function () { return IconMonitor_1.IconMonitor; } });
|
|
309
319
|
var IconMultipleAddress_1 = require("./icons/IconMultipleAddress");
|
|
310
320
|
Object.defineProperty(exports, "IconMultipleAddress", { enumerable: true, get: function () { return IconMultipleAddress_1.IconMultipleAddress; } });
|
|
311
321
|
var IconNegativeCircled_1 = require("./icons/IconNegativeCircled");
|
|
@@ -378,6 +388,8 @@ var IconSettings_1 = require("./icons/IconSettings");
|
|
|
378
388
|
Object.defineProperty(exports, "IconSettings", { enumerable: true, get: function () { return IconSettings_1.IconSettings; } });
|
|
379
389
|
var IconShare_1 = require("./icons/IconShare");
|
|
380
390
|
Object.defineProperty(exports, "IconShare", { enumerable: true, get: function () { return IconShare_1.IconShare; } });
|
|
391
|
+
var IconSmartphone_1 = require("./icons/IconSmartphone");
|
|
392
|
+
Object.defineProperty(exports, "IconSmartphone", { enumerable: true, get: function () { return IconSmartphone_1.IconSmartphone; } });
|
|
381
393
|
var IconSpend_1 = require("./icons/IconSpend");
|
|
382
394
|
Object.defineProperty(exports, "IconSpend", { enumerable: true, get: function () { return IconSpend_1.IconSpend; } });
|
|
383
395
|
var IconSphere_1 = require("./icons/IconSphere");
|
|
@@ -400,10 +412,18 @@ var IconTableSort_1 = require("./icons/IconTableSort");
|
|
|
400
412
|
Object.defineProperty(exports, "IconTableSort", { enumerable: true, get: function () { return IconTableSort_1.IconTableSort; } });
|
|
401
413
|
var IconTable_1 = require("./icons/IconTable");
|
|
402
414
|
Object.defineProperty(exports, "IconTable", { enumerable: true, get: function () { return IconTable_1.IconTable; } });
|
|
415
|
+
var IconTablet_1 = require("./icons/IconTablet");
|
|
416
|
+
Object.defineProperty(exports, "IconTablet", { enumerable: true, get: function () { return IconTablet_1.IconTablet; } });
|
|
403
417
|
var IconTag_1 = require("./icons/IconTag");
|
|
404
418
|
Object.defineProperty(exports, "IconTag", { enumerable: true, get: function () { return IconTag_1.IconTag; } });
|
|
405
419
|
var IconTemperatureLow_1 = require("./icons/IconTemperatureLow");
|
|
406
420
|
Object.defineProperty(exports, "IconTemperatureLow", { enumerable: true, get: function () { return IconTemperatureLow_1.IconTemperatureLow; } });
|
|
421
|
+
var IconTextBold_1 = require("./icons/IconTextBold");
|
|
422
|
+
Object.defineProperty(exports, "IconTextBold", { enumerable: true, get: function () { return IconTextBold_1.IconTextBold; } });
|
|
423
|
+
var IconTextItalic_1 = require("./icons/IconTextItalic");
|
|
424
|
+
Object.defineProperty(exports, "IconTextItalic", { enumerable: true, get: function () { return IconTextItalic_1.IconTextItalic; } });
|
|
425
|
+
var IconTextUnderline_1 = require("./icons/IconTextUnderline");
|
|
426
|
+
Object.defineProperty(exports, "IconTextUnderline", { enumerable: true, get: function () { return IconTextUnderline_1.IconTextUnderline; } });
|
|
407
427
|
var IconThumbUp_1 = require("./icons/IconThumbUp");
|
|
408
428
|
Object.defineProperty(exports, "IconThumbUp", { enumerable: true, get: function () { return IconThumbUp_1.IconThumbUp; } });
|
|
409
429
|
var IconTile_1 = require("./icons/IconTile");
|
|
@@ -458,16 +478,3 @@ var IconZoomIn_1 = require("./icons/IconZoomIn");
|
|
|
458
478
|
Object.defineProperty(exports, "IconZoomIn", { enumerable: true, get: function () { return IconZoomIn_1.IconZoomIn; } });
|
|
459
479
|
var IconZoomOut_1 = require("./icons/IconZoomOut");
|
|
460
480
|
Object.defineProperty(exports, "IconZoomOut", { enumerable: true, get: function () { return IconZoomOut_1.IconZoomOut; } });
|
|
461
|
-
// Rich text editor icons
|
|
462
|
-
var IconTextBold_1 = require("./icons/IconTextBold");
|
|
463
|
-
Object.defineProperty(exports, "IconTextBold", { enumerable: true, get: function () { return IconTextBold_1.IconTextBold; } });
|
|
464
|
-
var IconTextItalic_1 = require("./icons/IconTextItalic");
|
|
465
|
-
Object.defineProperty(exports, "IconTextItalic", { enumerable: true, get: function () { return IconTextItalic_1.IconTextItalic; } });
|
|
466
|
-
var IconTextUnderline_1 = require("./icons/IconTextUnderline");
|
|
467
|
-
Object.defineProperty(exports, "IconTextUnderline", { enumerable: true, get: function () { return IconTextUnderline_1.IconTextUnderline; } });
|
|
468
|
-
var IconLink_1 = require("./icons/IconLink");
|
|
469
|
-
Object.defineProperty(exports, "IconLink", { enumerable: true, get: function () { return IconLink_1.IconLink; } });
|
|
470
|
-
var IconListBullet_1 = require("./icons/IconListBullet");
|
|
471
|
-
Object.defineProperty(exports, "IconListBullet", { enumerable: true, get: function () { return IconListBullet_1.IconListBullet; } });
|
|
472
|
-
var IconListNumbered_1 = require("./icons/IconListNumbered");
|
|
473
|
-
Object.defineProperty(exports, "IconListNumbered", { enumerable: true, get: function () { return IconListNumbered_1.IconListNumbered; } });
|
package/dist/esm/colors.js
CHANGED
|
@@ -4,11 +4,13 @@
|
|
|
4
4
|
* These color tokens can be used with the `color` prop on any icon component
|
|
5
5
|
* to get autocomplete support for design system colors.
|
|
6
6
|
*
|
|
7
|
+
* Names match the FDS token convention (e.g. `blue-30` = primary blue).
|
|
8
|
+
*
|
|
7
9
|
* @example
|
|
8
|
-
* <IconSearch color="blue" />
|
|
9
|
-
* <IconError color="red" />
|
|
10
|
-
* <IconWarning color="yellow" />
|
|
11
|
-
* <IconSuccess color="green" />
|
|
10
|
+
* <IconSearch color="blue-30" />
|
|
11
|
+
* <IconError color="red-30" />
|
|
12
|
+
* <IconWarning color="yellow-30" />
|
|
13
|
+
* <IconSuccess color="green-30" />
|
|
12
14
|
*/
|
|
13
15
|
/**
|
|
14
16
|
* Maps Freightos design system color names to their hex values.
|
|
@@ -16,28 +18,29 @@
|
|
|
16
18
|
*/
|
|
17
19
|
export const FREIGHTOS_COLORS = {
|
|
18
20
|
// Blues
|
|
21
|
+
"blue-05": "#b0cee8",
|
|
19
22
|
"blue-10": "#e1f5f9",
|
|
20
23
|
"blue-20": "#ace8f0",
|
|
21
|
-
blue: "#2075bd",
|
|
24
|
+
"blue-30": "#2075bd",
|
|
22
25
|
"blue-40": "#125c9b",
|
|
23
26
|
"blue-50": "#05387d",
|
|
24
27
|
// Reds
|
|
25
28
|
"red-10": "#ffede1",
|
|
26
29
|
"red-20": "#fbbea4",
|
|
27
|
-
red: "#d8271e",
|
|
30
|
+
"red-30": "#d8271e",
|
|
28
31
|
"red-40": "#9b0f1f",
|
|
29
32
|
"red-50": "#670521",
|
|
30
33
|
// Yellows
|
|
31
34
|
"yellow-10": "#fef6cc",
|
|
32
35
|
"yellow-20": "#fdea9a",
|
|
33
|
-
yellow: "#edaf07",
|
|
34
|
-
"yellow-
|
|
35
|
-
"yellow-
|
|
36
|
-
"yellow-
|
|
36
|
+
"yellow-30": "#edaf07",
|
|
37
|
+
"yellow-40": "#dc9500",
|
|
38
|
+
"yellow-50": "#9c6b02",
|
|
39
|
+
"yellow-60": "#714601",
|
|
37
40
|
// Greens
|
|
38
41
|
"green-10": "#eafdea",
|
|
39
42
|
"green-20": "#bdf6c2",
|
|
40
|
-
green: "#47a96e",
|
|
43
|
+
"green-30": "#47a96e",
|
|
41
44
|
"green-40": "#237957",
|
|
42
45
|
"green-50": "#0d5143",
|
|
43
46
|
// Grays
|
|
@@ -52,10 +55,10 @@ export const FREIGHTOS_COLORS = {
|
|
|
52
55
|
"gray-70": "#6a6f73",
|
|
53
56
|
"gray-80": "#53575f",
|
|
54
57
|
"gray-90": "#3b3f4b",
|
|
55
|
-
gray: "#232537",
|
|
58
|
+
"gray-100": "#232537",
|
|
56
59
|
// Purples
|
|
57
|
-
"purple-
|
|
58
|
-
purple: "#
|
|
60
|
+
"purple-1": "#715397",
|
|
61
|
+
"purple-2": "#e7d8fc",
|
|
59
62
|
// Special
|
|
60
63
|
transparent: "transparent",
|
|
61
64
|
};
|