@synerise/ds-icon 1.11.1 → 1.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/README.md +11 -10
- package/dist/DynamicIcon/DynamicIcon.d.ts +15 -5
- package/dist/DynamicIcon/DynamicIcon.js +14 -11
- package/dist/Icon.js +7 -3
- package/dist/Icon.types.d.ts +24 -0
- package/dist/MimeTypeIcon/MimeTypeIcon.js +4 -4
- package/dist/MimeTypeIcon/MimeTypeIcon.utils.d.ts +2 -2
- package/dist/MimeTypeIcon/MimeTypeIcon.utils.js +13 -15
- package/dist/icons/L/index.d.ts +29 -29
- package/dist/icons/L/index.js +29 -29
- package/dist/icons/M/AiColorHubM.d.ts +3 -0
- package/dist/icons/M/AiColorHubM.js +21 -0
- package/dist/icons/M/AiGreyHubM.d.ts +3 -0
- package/dist/icons/M/AiGreyHubM.js +21 -0
- package/dist/icons/M/AutomationColorHubM.d.ts +3 -0
- package/dist/icons/M/AutomationColorHubM.js +18 -0
- package/dist/icons/M/AutomationGreyHubM.d.ts +3 -0
- package/dist/icons/M/AutomationGreyHubM.js +18 -0
- package/dist/icons/M/BehavioralColorHubM.d.ts +3 -0
- package/dist/icons/M/BehavioralColorHubM.js +18 -0
- package/dist/icons/M/BehavioralGreyHubM.d.ts +3 -0
- package/dist/icons/M/BehavioralGreyHubM.js +18 -0
- package/dist/icons/M/DashboardColorHubM.d.ts +3 -0
- package/dist/icons/M/DashboardColorHubM.js +21 -0
- package/dist/icons/M/DashboardGreyHubM.d.ts +3 -0
- package/dist/icons/M/DashboardGreyHubM.js +21 -0
- package/dist/icons/M/DataColorHubM.d.ts +3 -0
- package/dist/icons/M/DataColorHubM.js +30 -0
- package/dist/icons/M/DataGreyHubM.d.ts +3 -0
- package/dist/icons/M/DataGreyHubM.js +30 -0
- package/dist/icons/M/DecisionsColorHubM.d.ts +3 -0
- package/dist/icons/M/DecisionsColorHubM.js +21 -0
- package/dist/icons/M/DecisionsGreyHubM.d.ts +3 -0
- package/dist/icons/M/DecisionsGreyHubM.js +21 -0
- package/dist/icons/M/ExperienceColorHubM.d.ts +3 -0
- package/dist/icons/M/ExperienceColorHubM.js +18 -0
- package/dist/icons/M/ExperienceGreyHubM.d.ts +3 -0
- package/dist/icons/M/ExperienceGreyHubM.js +18 -0
- package/dist/icons/M/index.d.ts +474 -460
- package/dist/icons/M/index.js +475 -461
- package/dist/icons/XL/index.d.ts +49 -49
- package/dist/icons/XL/index.js +50 -50
- package/dist/icons/additional/index.d.ts +51 -51
- package/dist/icons/additional/index.js +51 -51
- package/dist/icons/colorIcons/index.d.ts +6 -6
- package/dist/icons/colorIcons/index.js +6 -6
- package/dist/index.d.ts +3 -2
- package/dist/index.js +2 -1
- package/dist/useIconComponent.d.ts +7 -0
- package/dist/useIconComponent.js +18 -0
- package/package.json +2 -2
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var DashboardColorHubM = function DashboardColorHubM(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
"data-testid": "ds-icon-dashboard-color-hub-m",
|
|
9
|
+
className: "dashboard-color-hub-m ds-icon-set-medium"
|
|
10
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M22 22H15V2H22V22Z",
|
|
12
|
+
fill: "#0B68FF"
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M2 2H15V22H2V2Z",
|
|
15
|
+
fill: "#4DA7FE"
|
|
16
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
17
|
+
d: "M22 2H2V9H22V2Z",
|
|
18
|
+
fill: "#8BCAFF"
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
21
|
+
export default DashboardColorHubM;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var DashboardGreyHubM = function DashboardGreyHubM(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
"data-testid": "ds-icon-dashboard-grey-hub-m",
|
|
9
|
+
className: "dashboard-grey-hub-m ds-icon-set-medium"
|
|
10
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M22.0001 22H15.0001V9H22.0001V22Z",
|
|
12
|
+
fill: "#6A7580"
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M2.00012 9H15.0001V22H2.00012V9Z",
|
|
15
|
+
fill: "#B5BDC3"
|
|
16
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
17
|
+
d: "M22.0004 2H2.00037V9H22.0004V2Z",
|
|
18
|
+
fill: "#DBE0E3"
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
21
|
+
export default DashboardGreyHubM;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var DataColorHubM = function DataColorHubM(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
"data-testid": "ds-icon-data-color-hub-m",
|
|
9
|
+
className: "data-color-hub-m ds-icon-set-medium"
|
|
10
|
+
}, props), /*#__PURE__*/React.createElement("rect", {
|
|
11
|
+
x: 1.99994,
|
|
12
|
+
y: 8,
|
|
13
|
+
width: 14,
|
|
14
|
+
height: 14,
|
|
15
|
+
fill: "#FFE3A6"
|
|
16
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
17
|
+
x: 8.00018,
|
|
18
|
+
y: 2,
|
|
19
|
+
width: 14,
|
|
20
|
+
height: 14,
|
|
21
|
+
fill: "#FD9F05"
|
|
22
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
23
|
+
x: 7.99994,
|
|
24
|
+
y: 8,
|
|
25
|
+
width: 8,
|
|
26
|
+
height: 8,
|
|
27
|
+
fill: "#ED5603"
|
|
28
|
+
}));
|
|
29
|
+
};
|
|
30
|
+
export default DataColorHubM;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var DataGreyHubM = function DataGreyHubM(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
"data-testid": "ds-icon-data-grey-hub-m",
|
|
9
|
+
className: "data-grey-hub-m ds-icon-set-medium"
|
|
10
|
+
}, props), /*#__PURE__*/React.createElement("rect", {
|
|
11
|
+
x: 1.99988,
|
|
12
|
+
y: 8,
|
|
13
|
+
width: 14,
|
|
14
|
+
height: 14,
|
|
15
|
+
fill: "#D9D9D9"
|
|
16
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
17
|
+
x: 8.00012,
|
|
18
|
+
y: 2,
|
|
19
|
+
width: 14,
|
|
20
|
+
height: 14,
|
|
21
|
+
fill: "#B5BDC3"
|
|
22
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
23
|
+
x: 7.99988,
|
|
24
|
+
y: 8,
|
|
25
|
+
width: 8,
|
|
26
|
+
height: 8,
|
|
27
|
+
fill: "#6A7580"
|
|
28
|
+
}));
|
|
29
|
+
};
|
|
30
|
+
export default DataGreyHubM;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var DecisionsColorHubM = function DecisionsColorHubM(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
"data-testid": "ds-icon-decisions-color-hub-m",
|
|
9
|
+
className: "decisions-color-hub-m ds-icon-set-medium"
|
|
10
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
|
|
12
|
+
fill: "#FF8475"
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M12 2V12H22C22 10.6868 21.7413 9.38649 21.2388 8.17323C20.7362 6.95997 19.9997 5.8575 19.0711 4.92891C18.1425 4.00032 17.0402 3.26376 15.8269 2.76122C14.6137 2.25867 13.3132 2 12 2Z",
|
|
15
|
+
fill: "#F52922"
|
|
16
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
17
|
+
d: "M21.9999 12L11.9999 12L11.9999 22C13.3132 22 14.6135 21.7413 15.8267 21.2388C17.04 20.7362 18.1424 19.9997 19.071 19.0711C19.9996 18.1425 20.7362 17.0402 21.2387 15.8269C21.7413 14.6137 21.9999 13.3132 21.9999 12Z",
|
|
18
|
+
fill: "#FFD1C7"
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
21
|
+
export default DecisionsColorHubM;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var DecisionsGreyHubM = function DecisionsGreyHubM(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
"data-testid": "ds-icon-decisions-grey-hub-m",
|
|
9
|
+
className: "decisions-grey-hub-m ds-icon-set-medium"
|
|
10
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
|
|
12
|
+
fill: "#B5BDC3"
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M12 2V12H22C22 10.6868 21.7413 9.38649 21.2388 8.17323C20.7362 6.95997 19.9997 5.8575 19.0711 4.92891C18.1425 4.00032 17.0402 3.26376 15.8269 2.76122C14.6137 2.25867 13.3132 2 12 2Z",
|
|
15
|
+
fill: "#6A7580"
|
|
16
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
17
|
+
d: "M22 12L12 12L12 22C13.3132 22 14.6135 21.7413 15.8268 21.2388C17.04 20.7362 18.1425 19.9997 19.0711 19.0711C19.9997 18.1425 20.7362 17.0402 21.2388 15.8269C21.7413 14.6137 22 13.3132 22 12Z",
|
|
18
|
+
fill: "#DBE0E3"
|
|
19
|
+
}));
|
|
20
|
+
};
|
|
21
|
+
export default DecisionsGreyHubM;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var ExperienceColorHubM = function ExperienceColorHubM(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
"data-testid": "ds-icon-experience-color-hub-m",
|
|
9
|
+
className: "experience-color-hub-m ds-icon-set-medium"
|
|
10
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M5.52551 6.47461L0.00012147 12L5.52551 17.5254C7.24269 19.2426 9.57167 20.2073 12.0001 20.2073C14.4286 20.2073 16.7576 19.2426 18.4747 17.5254L24.0001 12L18.4747 6.47461C16.7576 4.75744 14.4286 3.79274 12.0001 3.79274C9.57167 3.79274 7.24269 4.75744 5.52551 6.47461Z",
|
|
12
|
+
fill: "#9AED45"
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M14.6666 14.6667C16.1394 13.1939 16.1394 10.8061 14.6666 9.33333C13.1939 7.86057 10.8061 7.86057 9.33329 9.33333C7.86053 10.8061 7.86053 13.1939 9.33329 14.6667C10.8061 16.1394 13.1939 16.1394 14.6666 14.6667Z",
|
|
15
|
+
fill: "#2A7003"
|
|
16
|
+
}));
|
|
17
|
+
};
|
|
18
|
+
export default ExperienceColorHubM;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var ExperienceGreyHubM = function ExperienceGreyHubM(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
viewBox: "0 0 24 24",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
"data-testid": "ds-icon-experience-grey-hub-m",
|
|
9
|
+
className: "experience-grey-hub-m ds-icon-set-medium"
|
|
10
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
11
|
+
d: "M5.52551 6.47461L0.00012147 12L5.52551 17.5254C7.24269 19.2426 9.57167 20.2073 12.0001 20.2073C14.4286 20.2073 16.7576 19.2426 18.4747 17.5254L24.0001 12L18.4747 6.47461C16.7576 4.75744 14.4286 3.79274 12.0001 3.79274C9.57167 3.79274 7.24269 4.75744 5.52551 6.47461Z",
|
|
12
|
+
fill: "#CBD2D8"
|
|
13
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M14.6666 14.6667C16.1394 13.1939 16.1394 10.8061 14.6666 9.33333C13.1939 7.86057 10.8061 7.86057 9.33329 9.33333C7.86053 10.8061 7.86053 13.1939 9.33329 14.6667C10.8061 16.1394 13.1939 16.1394 14.6666 14.6667Z",
|
|
15
|
+
fill: "#6A7580"
|
|
16
|
+
}));
|
|
17
|
+
};
|
|
18
|
+
export default ExperienceGreyHubM;
|