@czi-sds/components 20.4.0 → 20.6.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/dist/index.cjs.d.ts +15 -2
- package/dist/index.cjs.js +662 -483
- package/dist/index.esm.d.ts +15 -2
- package/dist/index.esm.js +664 -485
- package/dist/tailwind.json +3 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/variables.css +3 -0
- package/dist/variables.scss +3 -0
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -602,6 +602,7 @@ function makeThemeOptions(appTheme) {
|
|
|
602
602
|
borderFocus: appTheme.colors.blue[400],
|
|
603
603
|
borderHover: appTheme.colors.blue[500],
|
|
604
604
|
borderOpen: appTheme.colors.blue[400],
|
|
605
|
+
borderPressed: appTheme.colors.blue[600],
|
|
605
606
|
borderSelected: appTheme.colors.blue[400],
|
|
606
607
|
fill: appTheme.colors.blue[400],
|
|
607
608
|
fillDisabled: appTheme.colors.blue[300],
|
|
@@ -615,6 +616,8 @@ function makeThemeOptions(appTheme) {
|
|
|
615
616
|
border: appTheme.colors.gray[400],
|
|
616
617
|
borderDisabled: appTheme.colors.gray[300],
|
|
617
618
|
borderHover: appTheme.colors.common.black,
|
|
619
|
+
borderPressed: appTheme.colors.common.black,
|
|
620
|
+
borderTable: appTheme.colors.gray[300],
|
|
618
621
|
divider: appTheme.colors.gray[200],
|
|
619
622
|
fill: appTheme.colors.common.white,
|
|
620
623
|
fillDisabled: appTheme.colors.gray[300],
|
|
@@ -832,7 +835,7 @@ var defaultThemeOptions = makeThemeOptions(SDSAppTheme);
|
|
|
832
835
|
var defaultTheme = styles.createTheme(defaultThemeOptions);
|
|
833
836
|
|
|
834
837
|
function focusVisibleA11yStyle() {
|
|
835
|
-
return "\n &.Mui-focusVisible, &:focus-visible {\n outline:
|
|
838
|
+
return "\n &.Mui-focusVisible, &:focus-visible {\n outline: 2px solid black;\n outline-offset: 1px;\n }\n ";
|
|
836
839
|
}
|
|
837
840
|
|
|
838
841
|
var getSpaces = function (_a) {
|
|
@@ -840,6 +843,9 @@ var getSpaces = function (_a) {
|
|
|
840
843
|
var theme = _a.theme;
|
|
841
844
|
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.spacing) || null;
|
|
842
845
|
};
|
|
846
|
+
/**
|
|
847
|
+
* @deprecated getSpacings() is deprecated and may be removed in a future release. Please use getSpaces()
|
|
848
|
+
*/
|
|
843
849
|
var getSpacings = function (_a) {
|
|
844
850
|
var _b;
|
|
845
851
|
var theme = _a.theme;
|
|
@@ -1005,14 +1011,14 @@ var StyledSubtitle = styles.styled("p")(templateObject_4$n || (templateObject_4$
|
|
|
1005
1011
|
});
|
|
1006
1012
|
var templateObject_1$S, templateObject_2$z, templateObject_3$r, templateObject_4$n;
|
|
1007
1013
|
|
|
1008
|
-
var _path$
|
|
1009
|
-
function _extends$
|
|
1014
|
+
var _path$27, _path2$C, _path3$6;
|
|
1015
|
+
function _extends$29() { _extends$29 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$29.apply(this, arguments); }
|
|
1010
1016
|
var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
|
|
1011
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1017
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$29({
|
|
1012
1018
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1013
1019
|
width: 24,
|
|
1014
1020
|
height: 24
|
|
1015
|
-
}, props), _path$
|
|
1021
|
+
}, props), _path$27 || (_path$27 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1016
1022
|
fillRule: "evenodd",
|
|
1017
1023
|
d: "M12.205 14.698a1.956 1.956 0 1 1-3.911 0 1.956 1.956 0 0 1 3.911 0m-1.955.756a.756.756 0 1 0 0-1.512.756.756 0 0 0 0 1.512"
|
|
1018
1024
|
})), _path2$C || (_path2$C = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -1023,14 +1029,14 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
|
|
|
1023
1029
|
})));
|
|
1024
1030
|
};
|
|
1025
1031
|
|
|
1026
|
-
var _path$
|
|
1027
|
-
function _extends$
|
|
1032
|
+
var _path$26, _path2$B;
|
|
1033
|
+
function _extends$28() { _extends$28 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$28.apply(this, arguments); }
|
|
1028
1034
|
var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
|
|
1029
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1035
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$28({
|
|
1030
1036
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1031
1037
|
width: 16,
|
|
1032
1038
|
height: 16
|
|
1033
|
-
}, props), _path$
|
|
1039
|
+
}, props), _path$26 || (_path$26 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1034
1040
|
d: "M7.766 7.265a1.484 1.484 0 1 0-.001-2.968 1.484 1.484 0 0 0 .001 2.968m-1.725 4.287a1.478 1.478 0 1 0-.001-2.955 1.478 1.478 0 0 0 .001 2.955"
|
|
1035
1041
|
})), _path2$B || (_path2$B = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1036
1042
|
fillRule: "evenodd",
|
|
@@ -1038,65 +1044,65 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
|
|
|
1038
1044
|
})));
|
|
1039
1045
|
};
|
|
1040
1046
|
|
|
1041
|
-
var _path$
|
|
1042
|
-
function _extends$
|
|
1047
|
+
var _path$25;
|
|
1048
|
+
function _extends$27() { _extends$27 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$27.apply(this, arguments); }
|
|
1043
1049
|
var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
|
|
1044
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1050
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
|
|
1045
1051
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1046
1052
|
width: 16,
|
|
1047
1053
|
height: 16
|
|
1048
|
-
}, props), _path$
|
|
1054
|
+
}, props), _path$25 || (_path$25 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1049
1055
|
fillRule: "evenodd",
|
|
1050
1056
|
d: "M1.143 2.434c0-.63.512-1.143 1.143-1.143H9.6c.631 0 1.143.512 1.143 1.143v.857c0 .632-.512 1.143-1.143 1.143H2.286a1.143 1.143 0 0 1-1.143-1.143zm0 5.143c0-.63.512-1.143 1.143-1.143h11.428c.631 0 1.143.512 1.143 1.143v.857c0 .632-.511 1.143-1.143 1.143H2.286a1.143 1.143 0 0 1-1.143-1.143zm0 5.143c0-.63.512-1.143 1.143-1.143h3.2c.63 0 1.142.512 1.142 1.143v.857c0 .632-.511 1.143-1.143 1.143h-3.2a1.143 1.143 0 0 1-1.142-1.143z"
|
|
1051
1057
|
})));
|
|
1052
1058
|
};
|
|
1053
1059
|
|
|
1054
|
-
var _path$
|
|
1055
|
-
function _extends$
|
|
1060
|
+
var _path$24;
|
|
1061
|
+
function _extends$26() { _extends$26 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$26.apply(this, arguments); }
|
|
1056
1062
|
var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
|
|
1057
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1063
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$26({
|
|
1058
1064
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1059
1065
|
width: 16,
|
|
1060
1066
|
height: 16
|
|
1061
|
-
}, props), _path$
|
|
1067
|
+
}, props), _path$24 || (_path$24 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1062
1068
|
fillRule: "evenodd",
|
|
1063
1069
|
d: "M1.291 13.714V6.4c0-.631.512-1.143 1.143-1.143h.857c.632 0 1.143.512 1.143 1.143v7.314c0 .631-.511 1.143-1.143 1.143h-.857a1.143 1.143 0 0 1-1.143-1.143m5.143 0V2.286c0-.631.512-1.143 1.143-1.143h.857c.632 0 1.143.512 1.143 1.143v11.428c0 .631-.511 1.143-1.143 1.143h-.857a1.143 1.143 0 0 1-1.143-1.143m5.143 0v-3.2c0-.63.512-1.142 1.143-1.142h.857c.632 0 1.143.511 1.143 1.143v3.2c0 .63-.511 1.142-1.143 1.142h-.857a1.143 1.143 0 0 1-1.143-1.143"
|
|
1064
1070
|
})));
|
|
1065
1071
|
};
|
|
1066
1072
|
|
|
1067
|
-
var _path$
|
|
1068
|
-
function _extends$
|
|
1073
|
+
var _path$23;
|
|
1074
|
+
function _extends$25() { _extends$25 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$25.apply(this, arguments); }
|
|
1069
1075
|
var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
|
|
1070
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1076
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$25({
|
|
1071
1077
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1072
1078
|
width: 16,
|
|
1073
1079
|
height: 16
|
|
1074
|
-
}, props), _path$
|
|
1080
|
+
}, props), _path$23 || (_path$23 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1075
1081
|
fillRule: "evenodd",
|
|
1076
1082
|
d: "M6.412 3.094c.545 0 .987.442.987.987v9.96a.987.987 0 1 1-1.974 0v-9.96c0-.545.442-.987.987-.987m-3.14 2.549c.546 0 .988.442.988.987v7.399a.987.987 0 0 1-1.974 0v-7.4c0-.544.442-.986.987-.986Zm6.28-4.614c.545 0 .986.441.986.986V14.03a.987.987 0 1 1-1.973 0V2.015c0-.545.441-.986.987-.986m3.139 4.823c.545 0 .987.442.987.987v7.19a.987.987 0 0 1-1.974 0v-7.19c0-.545.442-.987.987-.987"
|
|
1077
1083
|
})));
|
|
1078
1084
|
};
|
|
1079
1085
|
|
|
1080
|
-
var _path$
|
|
1081
|
-
function _extends$
|
|
1086
|
+
var _path$22;
|
|
1087
|
+
function _extends$24() { _extends$24 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$24.apply(this, arguments); }
|
|
1082
1088
|
var SvgIconBookLarge = function SvgIconBookLarge(props) {
|
|
1083
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1089
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
|
|
1084
1090
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1085
1091
|
width: 24,
|
|
1086
1092
|
height: 24
|
|
1087
|
-
}, props), _path$
|
|
1093
|
+
}, props), _path$22 || (_path$22 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1088
1094
|
d: "M18.897 1.55H5.867a3.04 3.04 0 0 0-3.042 3.04v14.948a1 1 0 0 0 .025.122 3.04 3.04 0 0 0 3.016 2.798h13.03a2.28 2.28 0 0 0 2.281-2.28V3.83a2.28 2.28 0 0 0-2.28-2.28m.76 2.28v12.668H8.238V3.07h10.659a.76.76 0 0 1 .76.76m-13.79-.76h.85v13.428h-.85a3 3 0 0 0-1.521.423V4.591a1.52 1.52 0 0 1 1.52-1.521Zm13.03 17.868H5.867a1.462 1.462 0 1 1 0-2.92h13.79v2.16c0 .42-.34.76-.76.76M10.896 6.226c0-.42.34-.76.76-.76h4.583a.76.76 0 1 1 0 1.52h-4.583a.76.76 0 0 1-.76-.76"
|
|
1089
1095
|
})));
|
|
1090
1096
|
};
|
|
1091
1097
|
|
|
1092
|
-
var _path$
|
|
1093
|
-
function _extends$
|
|
1098
|
+
var _path$21, _path2$A;
|
|
1099
|
+
function _extends$23() { _extends$23 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$23.apply(this, arguments); }
|
|
1094
1100
|
var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
|
|
1095
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1101
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$23({
|
|
1096
1102
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1097
1103
|
width: 24,
|
|
1098
1104
|
height: 24
|
|
1099
|
-
}, props), _path$
|
|
1105
|
+
}, props), _path$21 || (_path$21 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1100
1106
|
d: "M17.367 8.708a.9.9 0 1 0-1.461-1.052l-5.239 7.276-3.18-3.534a.9.9 0 1 0-1.338 1.204l3.995 4.44a.818.818 0 0 0 1.273-.07z"
|
|
1101
1107
|
})), _path2$A || (_path2$A = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1102
1108
|
fillRule: "evenodd",
|
|
@@ -1104,213 +1110,213 @@ var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
|
|
|
1104
1110
|
})));
|
|
1105
1111
|
};
|
|
1106
1112
|
|
|
1107
|
-
var _path$
|
|
1108
|
-
function _extends$
|
|
1113
|
+
var _path$20;
|
|
1114
|
+
function _extends$22() { _extends$22 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$22.apply(this, arguments); }
|
|
1109
1115
|
var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
|
|
1110
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1116
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$22({
|
|
1111
1117
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1112
1118
|
width: 16,
|
|
1113
1119
|
height: 16
|
|
1114
|
-
}, props), _path$
|
|
1120
|
+
}, props), _path$20 || (_path$20 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1115
1121
|
fillRule: "evenodd",
|
|
1116
1122
|
d: "M14.4 8A6.4 6.4 0 1 1 1.6 8a6.4 6.4 0 0 1 12.8 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.185-2.087a.829.829 0 1 0-1.345-.969l-3.513 4.88-2.055-2.283A.829.829 0 0 0 3.67 8.65l2.956 3.284a.572.572 0 0 0 .889-.048z"
|
|
1117
1123
|
})));
|
|
1118
1124
|
};
|
|
1119
1125
|
|
|
1120
|
-
var _path$
|
|
1121
|
-
function _extends$
|
|
1126
|
+
var _path$1$;
|
|
1127
|
+
function _extends$21() { _extends$21 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$21.apply(this, arguments); }
|
|
1122
1128
|
var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
|
|
1123
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1129
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$21({
|
|
1124
1130
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1125
1131
|
width: 16,
|
|
1126
1132
|
height: 16
|
|
1127
|
-
}, props), _path$
|
|
1133
|
+
}, props), _path$1$ || (_path$1$ = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1128
1134
|
fillRule: "evenodd",
|
|
1129
1135
|
d: "M14.19 1.156a.9.9 0 0 0-.555.381l-7.178 9.734-3.711-4.194c-.237-.328-.629-.456-.984-.296-.336.151-.567.529-.611.97-.044.435.1.87.38 1.125l4.373 4.943c.376.423.952.386 1.293-.075l7.8-10.579c.266-.351.335-.885.174-1.333-.169-.47-.562-.755-.982-.676Z"
|
|
1130
1136
|
})));
|
|
1131
1137
|
};
|
|
1132
1138
|
|
|
1133
|
-
var _path$
|
|
1134
|
-
function _extends$
|
|
1139
|
+
var _path$1_;
|
|
1140
|
+
function _extends$20() { _extends$20 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$20.apply(this, arguments); }
|
|
1135
1141
|
var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
|
|
1136
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1142
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$20({
|
|
1137
1143
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1138
1144
|
width: 24,
|
|
1139
1145
|
height: 24
|
|
1140
|
-
}, props), _path$
|
|
1146
|
+
}, props), _path$1_ || (_path$1_ = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1141
1147
|
fillRule: "evenodd",
|
|
1142
1148
|
d: "M12.613 17.57a.82.82 0 0 1-1.163.002L2.15 8.2a.82.82 0 0 1 .005-1.157l.62-.615a.82.82 0 0 1 1.157.005l7.51 7.57a.82.82 0 0 0 1.164-.001l7.455-7.564a.82.82 0 0 1 1.157-.009l.622.613a.82.82 0 0 1 .008 1.157l-9.236 9.371Z"
|
|
1143
1149
|
})));
|
|
1144
1150
|
};
|
|
1145
1151
|
|
|
1146
|
-
var _path$
|
|
1147
|
-
function _extends$
|
|
1152
|
+
var _path$1Z;
|
|
1153
|
+
function _extends$1$() { _extends$1$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1$.apply(this, arguments); }
|
|
1148
1154
|
var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
|
|
1149
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1155
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1$({
|
|
1150
1156
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1151
1157
|
width: 16,
|
|
1152
1158
|
height: 16
|
|
1153
|
-
}, props), _path$
|
|
1159
|
+
}, props), _path$1Z || (_path$1Z = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1154
1160
|
fillRule: "evenodd",
|
|
1155
1161
|
d: "M8.497 12.605a.663.663 0 0 1-.944.001l-7.36-7.42a.663.663 0 0 1 .003-.937l.848-.842a.663.663 0 0 1 .938.004l5.565 5.61c.26.262.685.261.944-.002l5.522-5.603a.663.663 0 0 1 .939-.007l.85.838a.663.663 0 0 1 .007.938z"
|
|
1156
1162
|
})));
|
|
1157
1163
|
};
|
|
1158
1164
|
|
|
1159
|
-
var _path$
|
|
1160
|
-
function _extends$
|
|
1165
|
+
var _path$1Y, _path2$z;
|
|
1166
|
+
function _extends$1_() { _extends$1_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1_.apply(this, arguments); }
|
|
1161
1167
|
var SvgIconChevronDown2Small = function SvgIconChevronDown2Small(props) {
|
|
1162
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1168
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1_({
|
|
1163
1169
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1164
1170
|
width: 16,
|
|
1165
1171
|
height: 16
|
|
1166
|
-
}, props), _path$
|
|
1172
|
+
}, props), _path$1Y || (_path$1Y = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1167
1173
|
d: "M8.377 15.53a.57.57 0 0 1-.813 0L1.267 9.14a.57.57 0 0 1 .006-.809l.732-.722a.57.57 0 0 1 .808.006l4.757 4.826a.57.57 0 0 0 .812.001l4.793-4.83a.57.57 0 0 1 .808-.004l.73.724a.57.57 0 0 1 .004.809l-6.34 6.39Z"
|
|
1168
1174
|
})), _path2$z || (_path2$z = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1169
1175
|
d: "M8.377 8.405a.57.57 0 0 1-.813 0l-6.297-6.39a.57.57 0 0 1 .006-.809l.732-.722a.57.57 0 0 1 .808.006L7.57 5.316a.57.57 0 0 0 .812.001l4.793-4.83a.57.57 0 0 1 .808-.004l.73.724a.57.57 0 0 1 .004.809z"
|
|
1170
1176
|
})));
|
|
1171
1177
|
};
|
|
1172
1178
|
|
|
1173
|
-
var _path$
|
|
1174
|
-
function _extends$
|
|
1179
|
+
var _path$1X, _path2$y;
|
|
1180
|
+
function _extends$1Z() { _extends$1Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Z.apply(this, arguments); }
|
|
1175
1181
|
var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
|
|
1176
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1182
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Z({
|
|
1177
1183
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1178
1184
|
width: 16,
|
|
1179
1185
|
height: 16
|
|
1180
|
-
}, props), _path$
|
|
1186
|
+
}, props), _path$1X || (_path$1X = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1181
1187
|
d: "M.47 8.393a.57.57 0 0 1 .002-.813l6.39-6.297a.57.57 0 0 1 .808.006l.722.732a.57.57 0 0 1-.006.808L3.56 7.585a.57.57 0 0 0-.001.813l4.83 4.793a.57.57 0 0 1 .004.808l-.725.73a.57.57 0 0 1-.808.004z"
|
|
1182
1188
|
})), _path2$y || (_path2$y = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1183
1189
|
d: "M7.595 8.393a.57.57 0 0 1 .002-.813l6.39-6.297a.57.57 0 0 1 .808.006l.722.732a.57.57 0 0 1-.006.808l-4.826 4.756a.57.57 0 0 0-.002.813l4.832 4.793a.57.57 0 0 1 .003.808l-.725.73a.57.57 0 0 1-.808.004z"
|
|
1184
1190
|
})));
|
|
1185
1191
|
};
|
|
1186
1192
|
|
|
1187
|
-
var _path$
|
|
1188
|
-
function _extends$
|
|
1193
|
+
var _path$1W;
|
|
1194
|
+
function _extends$1Y() { _extends$1Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Y.apply(this, arguments); }
|
|
1189
1195
|
var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
|
|
1190
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1196
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Y({
|
|
1191
1197
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1192
1198
|
width: 24,
|
|
1193
1199
|
height: 24
|
|
1194
|
-
}, props), _path$
|
|
1200
|
+
}, props), _path$1W || (_path$1W = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1195
1201
|
fillRule: "evenodd",
|
|
1196
1202
|
d: "M6.123 12.356a.823.823 0 0 1-.003-1.166l9.33-9.31a.81.81 0 0 1 1.152.004l.613.62a.823.823 0 0 1-.004 1.16l-7.537 7.521a.823.823 0 0 0 .003 1.165l7.538 7.47c.32.317.324.836.009 1.158l-.61.622a.81.81 0 0 1-1.153.009z"
|
|
1197
1203
|
})));
|
|
1198
1204
|
};
|
|
1199
1205
|
|
|
1200
|
-
var _path$
|
|
1201
|
-
function _extends$
|
|
1206
|
+
var _path$1V;
|
|
1207
|
+
function _extends$1X() { _extends$1X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1X.apply(this, arguments); }
|
|
1202
1208
|
var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
|
|
1203
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1209
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
|
|
1204
1210
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1205
1211
|
width: 16,
|
|
1206
1212
|
height: 16
|
|
1207
|
-
}, props), _path$
|
|
1213
|
+
}, props), _path$1V || (_path$1V = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1208
1214
|
fillRule: "evenodd",
|
|
1209
1215
|
d: "M3.403 8.497a.663.663 0 0 1-.002-.944l7.42-7.36a.663.663 0 0 1 .938.003l.841.848c.258.26.256.68-.004.938L6.987 7.547a.663.663 0 0 0 .002.944l5.603 5.522a.663.663 0 0 1 .007.939l-.839.85a.664.664 0 0 1-.938.007l-7.42-7.312Z"
|
|
1210
1216
|
})));
|
|
1211
1217
|
};
|
|
1212
1218
|
|
|
1213
|
-
var _path$
|
|
1214
|
-
function _extends$
|
|
1219
|
+
var _path$1U, _path2$x;
|
|
1220
|
+
function _extends$1W() { _extends$1W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1W.apply(this, arguments); }
|
|
1215
1221
|
var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
|
|
1216
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1222
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
|
|
1217
1223
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1218
1224
|
width: 16,
|
|
1219
1225
|
height: 16
|
|
1220
|
-
}, props), _path$
|
|
1226
|
+
}, props), _path$1U || (_path$1U = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1221
1227
|
d: "M8.406 8.384a.57.57 0 0 0-.002-.813l-6.39-6.297a.57.57 0 0 0-.807.006l-.722.732a.57.57 0 0 0 .005.808l4.826 4.757a.57.57 0 0 1 .002.812L.486 13.182a.57.57 0 0 0-.003.808l.725.73a.57.57 0 0 0 .808.004z"
|
|
1222
1228
|
})), _path2$x || (_path2$x = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1223
1229
|
d: "M15.53 7.571a.57.57 0 0 1 0 .813l-6.39 6.34a.57.57 0 0 1-.807-.004l-.725-.73a.57.57 0 0 1 .003-.808l4.832-4.793a.57.57 0 0 0-.002-.812L7.615 2.82a.57.57 0 0 1-.005-.808l.722-.732a.57.57 0 0 1 .808-.006z"
|
|
1224
1230
|
})));
|
|
1225
1231
|
};
|
|
1226
1232
|
|
|
1227
|
-
var _path$
|
|
1228
|
-
function _extends$
|
|
1233
|
+
var _path$1T;
|
|
1234
|
+
function _extends$1V() { _extends$1V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
|
|
1229
1235
|
var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
|
|
1230
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1236
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
|
|
1231
1237
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1232
1238
|
width: 24,
|
|
1233
1239
|
height: 24
|
|
1234
|
-
}, props), _path$
|
|
1240
|
+
}, props), _path$1T || (_path$1T = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1235
1241
|
fillRule: "evenodd",
|
|
1236
1242
|
d: "M17.886 11.667a.82.82 0 0 1 0 1.163l-9.388 9.283a.82.82 0 0 1-1.157-.007l-.613-.62a.82.82 0 0 1 .006-1.157l7.584-7.499a.82.82 0 0 0 0-1.163L6.766 4.199a.82.82 0 0 1-.006-1.157l.613-.62a.82.82 0 0 1 1.157-.007z"
|
|
1237
1243
|
})));
|
|
1238
1244
|
};
|
|
1239
1245
|
|
|
1240
|
-
var _path$
|
|
1241
|
-
function _extends$
|
|
1246
|
+
var _path$1S;
|
|
1247
|
+
function _extends$1U() { _extends$1U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1U.apply(this, arguments); }
|
|
1242
1248
|
var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
|
|
1243
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1249
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
|
|
1244
1250
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1245
1251
|
width: 16,
|
|
1246
1252
|
height: 16
|
|
1247
|
-
}, props), _path$
|
|
1253
|
+
}, props), _path$1S || (_path$1S = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1248
1254
|
fillRule: "evenodd",
|
|
1249
1255
|
d: "M12.595 7.503c.263.26.263.683.001.944l-7.42 7.36a.663.663 0 0 1-.937-.003l-.842-.848a.663.663 0 0 1 .004-.938l5.61-5.565a.663.663 0 0 0-.002-.944L3.406 1.987a.663.663 0 0 1-.007-.939l.838-.85A.663.663 0 0 1 5.175.19z"
|
|
1250
1256
|
})));
|
|
1251
1257
|
};
|
|
1252
1258
|
|
|
1253
|
-
var _path$
|
|
1254
|
-
function _extends$
|
|
1259
|
+
var _path$1R;
|
|
1260
|
+
function _extends$1T() { _extends$1T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1T.apply(this, arguments); }
|
|
1255
1261
|
var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
|
|
1256
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1262
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
|
|
1257
1263
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1258
1264
|
width: 24,
|
|
1259
1265
|
height: 24
|
|
1260
|
-
}, props), _path$
|
|
1266
|
+
}, props), _path$1R || (_path$1R = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1261
1267
|
fillRule: "evenodd",
|
|
1262
1268
|
d: "M11.38 6.43a.82.82 0 0 1 1.164-.003l9.298 9.372a.82.82 0 0 1-.004 1.157l-.62.615a.82.82 0 0 1-1.157-.004L12.55 9.996a.82.82 0 0 0-1.164.002l-7.454 7.564a.82.82 0 0 1-1.157.008l-.622-.612a.82.82 0 0 1-.008-1.157z"
|
|
1263
1269
|
})));
|
|
1264
1270
|
};
|
|
1265
1271
|
|
|
1266
|
-
var _path$
|
|
1267
|
-
function _extends$
|
|
1272
|
+
var _path$1Q;
|
|
1273
|
+
function _extends$1S() { _extends$1S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1S.apply(this, arguments); }
|
|
1268
1274
|
var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
|
|
1269
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1275
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
|
|
1270
1276
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1271
1277
|
width: 16,
|
|
1272
1278
|
height: 16
|
|
1273
|
-
}, props), _path$
|
|
1279
|
+
}, props), _path$1Q || (_path$1Q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1274
1280
|
fillRule: "evenodd",
|
|
1275
1281
|
d: "M7.503 3.403a.663.663 0 0 1 .944-.002l7.36 7.42c.259.26.257.68-.003.938l-.848.841a.663.663 0 0 1-.938-.004l-5.565-5.61a.663.663 0 0 0-.944.003l-5.522 5.603a.664.664 0 0 1-.939.007l-.85-.839a.664.664 0 0 1-.007-.938l7.312-7.42Z"
|
|
1276
1282
|
})));
|
|
1277
1283
|
};
|
|
1278
1284
|
|
|
1279
|
-
var _path$
|
|
1280
|
-
function _extends$
|
|
1285
|
+
var _path$1P, _path2$w;
|
|
1286
|
+
function _extends$1R() { _extends$1R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1R.apply(this, arguments); }
|
|
1281
1287
|
var SvgIconChevronUp2Small = function SvgIconChevronUp2Small(props) {
|
|
1282
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1288
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
|
|
1283
1289
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1284
1290
|
width: 16,
|
|
1285
1291
|
height: 16
|
|
1286
|
-
}, props), _path$
|
|
1292
|
+
}, props), _path$1P || (_path$1P = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1287
1293
|
d: "M8.393 7.602a.57.57 0 0 0-.812.002l-6.298 6.39a.57.57 0 0 0 .006.808l.733.722a.57.57 0 0 0 .808-.006l4.756-4.826a.57.57 0 0 1 .812-.002l4.793 4.832a.57.57 0 0 0 .808.003l.73-.725a.57.57 0 0 0 .004-.808z"
|
|
1288
1294
|
})), _path2$w || (_path2$w = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1289
1295
|
d: "M7.58.479a.57.57 0 0 1 .813-.002l6.34 6.39a.57.57 0 0 1-.003.808L14 8.4a.57.57 0 0 1-.809-.003L8.398 3.565a.57.57 0 0 0-.812.002L2.83 8.393a.57.57 0 0 1-.808.006l-.733-.722a.57.57 0 0 1-.006-.809L7.581.478Z"
|
|
1290
1296
|
})));
|
|
1291
1297
|
};
|
|
1292
1298
|
|
|
1293
|
-
var _path$
|
|
1294
|
-
function _extends$
|
|
1299
|
+
var _path$1O;
|
|
1300
|
+
function _extends$1Q() { _extends$1Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Q.apply(this, arguments); }
|
|
1295
1301
|
var SvgIconCirclesOverlap2Large = function SvgIconCirclesOverlap2Large(props) {
|
|
1296
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1302
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
|
|
1297
1303
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1298
1304
|
width: 24,
|
|
1299
1305
|
height: 24
|
|
1300
|
-
}, props), _path$
|
|
1306
|
+
}, props), _path$1O || (_path$1O = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1301
1307
|
fillRule: "evenodd",
|
|
1302
1308
|
d: "M7.875 19.875A7.84 7.84 0 0 0 12 18.709 7.875 7.875 0 1 0 12 5.29a7.875 7.875 0 1 0-4.125 14.585m0-1.582c.993 0 1.933-.23 2.768-.64A7.85 7.85 0 0 1 8.25 12a7.85 7.85 0 0 1 2.393-5.653 6.293 6.293 0 1 0-2.768 11.947Zm8.25-12.586c-.993 0-1.932.23-2.768.64A7.85 7.85 0 0 1 15.75 12a7.85 7.85 0 0 1-2.393 5.653 6.293 6.293 0 1 0 2.768-11.947Zm-3.722 1.922-1.298.575q-.386.51-.666 1.095L12.9 8.21a6 6 0 0 0-.496-.58ZM13.69 9.59l-3.81 1.686-.005-.013a6 6 0 0 0-.042.833l4.098-1.814a6 6 0 0 0-.24-.692Zm.478 2.317-4.098 1.814q.103.359.243.698l3.813-1.688a6 6 0 0 0 .042-.824m-.614 2.807-2.447 1.084q.233.307.502.585l1.265-.56a6.3 6.3 0 0 0 .68-1.109"
|
|
1303
1309
|
})));
|
|
1304
1310
|
};
|
|
1305
1311
|
|
|
1306
|
-
var _path$
|
|
1307
|
-
function _extends$
|
|
1312
|
+
var _path$1N, _path2$v;
|
|
1313
|
+
function _extends$1P() { _extends$1P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1P.apply(this, arguments); }
|
|
1308
1314
|
var SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
|
|
1309
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1315
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
|
|
1310
1316
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1311
1317
|
width: 16,
|
|
1312
1318
|
height: 16
|
|
1313
|
-
}, props), _path$
|
|
1319
|
+
}, props), _path$1N || (_path$1N = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1314
1320
|
fillRule: "evenodd",
|
|
1315
1321
|
d: "M8 12.473a5.25 5.25 0 1 1 0-8.946 5.25 5.25 0 1 1 0 8.946m-1.256-1.08a3.707 3.707 0 1 1 0-6.787A5.23 5.23 0 0 0 5.5 8a5.23 5.23 0 0 0 1.244 3.394Zm2.512-6.787a3.707 3.707 0 1 1 0 6.787A5.23 5.23 0 0 0 10.5 8a5.23 5.23 0 0 0-1.244-3.394M8 5.514c.595.658.957 1.53.957 2.486S8.595 9.828 8 10.486A3.7 3.7 0 0 1 7.043 8c0-.957.362-1.828.957-2.486"
|
|
1316
1322
|
})), _path2$v || (_path2$v = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -1318,14 +1324,14 @@ var SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
|
|
|
1318
1324
|
})));
|
|
1319
1325
|
};
|
|
1320
1326
|
|
|
1321
|
-
var _path$
|
|
1322
|
-
function _extends$
|
|
1327
|
+
var _path$1M, _path2$u;
|
|
1328
|
+
function _extends$1O() { _extends$1O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1O.apply(this, arguments); }
|
|
1323
1329
|
var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
|
|
1324
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1330
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
|
|
1325
1331
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1326
1332
|
width: 24,
|
|
1327
1333
|
height: 24
|
|
1328
|
-
}, props), _path$
|
|
1334
|
+
}, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1329
1335
|
d: "M13.283 3.635a.487.487 0 0 1 .597-.345l.856.23c.26.07.414.337.345.597l-4.354 16.25a.487.487 0 0 1-.597.345l-.857-.23a.487.487 0 0 1-.345-.596z"
|
|
1330
1336
|
})), _path2$u || (_path2$u = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1331
1337
|
fillRule: "evenodd",
|
|
@@ -1333,14 +1339,14 @@ var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
|
|
|
1333
1339
|
})));
|
|
1334
1340
|
};
|
|
1335
1341
|
|
|
1336
|
-
var _path$
|
|
1337
|
-
function _extends$
|
|
1342
|
+
var _path$1L, _path2$t;
|
|
1343
|
+
function _extends$1N() { _extends$1N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1N.apply(this, arguments); }
|
|
1338
1344
|
var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
|
|
1339
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1345
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
|
|
1340
1346
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1341
1347
|
width: 24,
|
|
1342
1348
|
height: 24
|
|
1343
|
-
}, props), _path$
|
|
1349
|
+
}, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1344
1350
|
fillRule: "evenodd",
|
|
1345
1351
|
d: "M15.926 8.494a.49.49 0 0 1 .71.609l-.034.066-2.773 5.505a.46.46 0 0 1-.148.176l-.067.04-5.544 2.772a.5.5 0 0 1-.216.054.5.5 0 0 1-.348-.147.49.49 0 0 1-.121-.491l.028-.072 2.772-5.525a.46.46 0 0 1 .149-.176l.067-.04zm-1.254 1.929-2.826 1.415 1.411 1.412z"
|
|
1346
1352
|
})), _path2$t || (_path2$t = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -1349,14 +1355,14 @@ var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
|
|
|
1349
1355
|
})));
|
|
1350
1356
|
};
|
|
1351
1357
|
|
|
1352
|
-
var _path$
|
|
1353
|
-
function _extends$
|
|
1358
|
+
var _path$1K, _path2$s;
|
|
1359
|
+
function _extends$1M() { _extends$1M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1M.apply(this, arguments); }
|
|
1354
1360
|
var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
|
|
1355
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1361
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
|
|
1356
1362
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1357
1363
|
width: 24,
|
|
1358
1364
|
height: 24
|
|
1359
|
-
}, props), _path$
|
|
1365
|
+
}, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1360
1366
|
d: "M6.028 18.418h7.164c.485 0 .866-.296.866-.674 0-.377-.381-.673-.866-.673H6.028c-.485 0-.866.296-.866.673s.381.674.866.674m7.164-2.833H6.028c-.477 0-.866-.305-.866-.682 0-.372.381-.664.866-.664h7.164c.477 0 .866.307.866.683 0 .372-.381.663-.866.663"
|
|
1361
1367
|
})), _path2$s || (_path2$s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1362
1368
|
fillRule: "evenodd",
|
|
@@ -1364,27 +1370,27 @@ var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
|
|
|
1364
1370
|
})));
|
|
1365
1371
|
};
|
|
1366
1372
|
|
|
1367
|
-
var _path$
|
|
1368
|
-
function _extends$
|
|
1373
|
+
var _path$1J;
|
|
1374
|
+
function _extends$1L() { _extends$1L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }
|
|
1369
1375
|
var SvgIconCopySmall = function SvgIconCopySmall(props) {
|
|
1370
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1376
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
|
|
1371
1377
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1372
1378
|
width: 16,
|
|
1373
1379
|
height: 16
|
|
1374
|
-
}, props), _path$
|
|
1380
|
+
}, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1375
1381
|
fillRule: "evenodd",
|
|
1376
1382
|
d: "M11.28.857a.9.9 0 0 1 .443.116l.113.069.11.093 2.508 2.53a.94.94 0 0 1 .267.517l.012.147.015 6.557a1.5 1.5 0 0 1-1.176 1.446l-.149.026-.156.01-2.273-.001v1.299a1.48 1.48 0 0 1-1.019 1.404l-.154.043-.15.026-.157.009H2.736a1.48 1.48 0 0 1-1.444-1.175l-.026-.15-.009-.157V5.118c0-.698.486-1.293 1.172-1.446l.15-.026.157-.009H5.01V2.338c0-.636.42-1.196 1.021-1.401l.154-.044.149-.027.156-.009zM7.03 5.236H2.858v8.311h6.535l-.001-5.99-1.327.001a1.03 1.03 0 0 1-.98-.71l-.041-.15-.014-.155zm3.744-2.778H6.612v1.4h1.102q.241-.002.486.125l.123.074.121.1 2.245 2.261a1 1 0 0 1 .258.426l.035.139.013.152v3.634h2.136l.004-5.99-1.326.001a1.03 1.03 0 0 1-.98-.71l-.04-.15-.014-.154V2.458Z"
|
|
1377
1383
|
})));
|
|
1378
1384
|
};
|
|
1379
1385
|
|
|
1380
|
-
var _path$
|
|
1381
|
-
function _extends$
|
|
1386
|
+
var _path$1I, _path2$r, _path3$5;
|
|
1387
|
+
function _extends$1K() { _extends$1K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1K.apply(this, arguments); }
|
|
1382
1388
|
var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
|
|
1383
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1389
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
|
|
1384
1390
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1385
1391
|
width: 24,
|
|
1386
1392
|
height: 24
|
|
1387
|
-
}, props), _path$
|
|
1393
|
+
}, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1388
1394
|
fillRule: "evenodd",
|
|
1389
1395
|
d: "M11.603.376a.82.82 0 0 1 .794 0l9.818 5.454a.818.818 0 0 1 0 1.43l-9.818 5.455a.82.82 0 0 1-.794 0L1.784 7.261a.818.818 0 0 1 0-1.43L11.603.375Zm-7.736 6.17L12 11.063l8.134-4.519L12 2.027 3.867 6.545Z"
|
|
1390
1396
|
})), _path2$r || (_path2$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -1396,143 +1402,143 @@ var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
|
|
|
1396
1402
|
})));
|
|
1397
1403
|
};
|
|
1398
1404
|
|
|
1399
|
-
var _path$
|
|
1400
|
-
function _extends$
|
|
1405
|
+
var _path$1H;
|
|
1406
|
+
function _extends$1J() { _extends$1J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1J.apply(this, arguments); }
|
|
1401
1407
|
var SvgIconCubeSmall = function SvgIconCubeSmall(props) {
|
|
1402
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1408
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
|
|
1403
1409
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1404
1410
|
width: 16,
|
|
1405
1411
|
height: 16
|
|
1406
|
-
}, props), _path$
|
|
1412
|
+
}, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1407
1413
|
fillRule: "evenodd",
|
|
1408
1414
|
d: "M8.361.278a.75.75 0 0 0-.73 0L1.273 3.81l-.01.006a.75.75 0 0 0-.378.652v7.065c0 .273.149.525.387.658l6.359 3.532a.75.75 0 0 0 .73 0l6.359-3.532a.75.75 0 0 0 .387-.658V4.468a.75.75 0 0 0-.37-.648l-.016-.008zM2.39 11.091V5.746l4.855 2.697v5.345zm6.36 2.697V8.443l4.854-2.697v5.345zm4.057-9.32-4.81 2.673-4.81-2.673 4.81-2.672z",
|
|
1409
1415
|
clipRule: "evenodd"
|
|
1410
1416
|
})));
|
|
1411
1417
|
};
|
|
1412
1418
|
|
|
1413
|
-
var _path$
|
|
1414
|
-
function _extends$
|
|
1419
|
+
var _path$1G;
|
|
1420
|
+
function _extends$1I() { _extends$1I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1I.apply(this, arguments); }
|
|
1415
1421
|
var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
|
|
1416
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1422
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
|
|
1417
1423
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1418
1424
|
width: 24,
|
|
1419
1425
|
height: 24
|
|
1420
|
-
}, props), _path$
|
|
1426
|
+
}, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1421
1427
|
d: "M16.925 1.639a.746.746 0 0 1 .8.687c.172 2.302.008 3.88-.252 4.966-.245 1.02-.57 1.583-.727 1.855l-.035.061c-.185.327-.695.971-1.428 1.634-.428.386-.95.795-1.551 1.16.602.366 1.123.774 1.55 1.161.734.662 1.244 1.307 1.43 1.634l.034.06c.157.272.482.836.727 1.856.26 1.086.424 2.663.251 4.965h.002a.746.746 0 0 1-.801.688l-.035-.002a.746.746 0 0 1-.688-.797h-.001c.069-.917.08-1.698.055-2.363h-5.717a.764.764 0 0 1 0-1.527h5.57a9 9 0 0 0-.122-.608 5.2 5.2 0 0 0-.443-1.23h-3.146a.764.764 0 0 1 0-1.528h1.877l-.016-.014c-.59-.534-1.361-1.092-2.26-1.473-.897.38-1.668.938-2.258 1.472-.66.597-1.046 1.116-1.124 1.253q-.015.03-.035.062c-.135.233-.376.649-.57 1.457-.216.901-.377 2.317-.213 4.499a.747.747 0 0 1-.688.795l-.034.003a.746.746 0 0 1-.802-.686c-.173-2.303-.008-3.88.252-4.967.245-1.02.57-1.583.727-1.855l.035-.06c.185-.328.695-.972 1.428-1.634a10.3 10.3 0 0 1 1.55-1.16 10.3 10.3 0 0 1-1.55-1.16c-.733-.663-1.243-1.307-1.428-1.634l-.035-.061c-.157-.272-.482-.835-.727-1.855-.26-1.087-.424-2.664-.251-4.967a.746.746 0 0 1 .8-.686l.035.002a.746.746 0 0 1 .687.796c-.068.901-.08 1.672-.055 2.33h5.718a.764.764 0 0 1 0 1.527H7.885q.059.356.127.642c.137.57.297.944.426 1.197h3.164a.764.764 0 0 1 0 1.527H9.688l.053.048c.59.533 1.36 1.09 2.258 1.472.899-.381 1.67-.939 2.26-1.473.66-.596 1.046-1.116 1.124-1.253l.035-.061c.135-.234.376-.65.57-1.458.215-.901.377-2.316.213-4.499h.001a.746.746 0 0 1 .688-.796z"
|
|
1422
1428
|
})));
|
|
1423
1429
|
};
|
|
1424
1430
|
|
|
1425
|
-
var _path$
|
|
1426
|
-
function _extends$
|
|
1431
|
+
var _path$1F;
|
|
1432
|
+
function _extends$1H() { _extends$1H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
|
|
1427
1433
|
var SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
|
|
1428
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1434
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
|
|
1429
1435
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1430
1436
|
width: 16,
|
|
1431
1437
|
height: 16
|
|
1432
|
-
}, props), _path$
|
|
1438
|
+
}, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1433
1439
|
fillRule: "evenodd",
|
|
1434
1440
|
d: "M14.286 6.286v8c0 .63-.512 1.143-1.143 1.143H2.857a1.143 1.143 0 0 1-1.143-1.143V1.714c0-.63.512-1.143 1.143-1.143h5.714zm-4.572.828h2.915v6.657H3.37V2.23h4.372v2.914c0 1.089.883 1.971 1.971 1.971Z"
|
|
1435
1441
|
})));
|
|
1436
1442
|
};
|
|
1437
1443
|
|
|
1438
|
-
var _path$
|
|
1439
|
-
function _extends$
|
|
1444
|
+
var _path$1E;
|
|
1445
|
+
function _extends$1G() { _extends$1G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
|
|
1440
1446
|
var SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
|
|
1441
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1447
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
|
|
1442
1448
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1443
1449
|
width: 24,
|
|
1444
1450
|
height: 24
|
|
1445
|
-
}, props), _path$
|
|
1451
|
+
}, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1446
1452
|
d: "M10.071 11.965a1.929 1.929 0 1 1 3.858 0 1.929 1.929 0 0 1-3.858 0m-7.071 0a1.929 1.929 0 1 1 3.857 0 1.929 1.929 0 0 1-3.857 0m16.071-1.929a1.928 1.928 0 1 0 0 3.857 1.928 1.928 0 0 0 0-3.857"
|
|
1447
1453
|
})));
|
|
1448
1454
|
};
|
|
1449
1455
|
|
|
1450
|
-
var _path$
|
|
1451
|
-
function _extends$
|
|
1456
|
+
var _path$1D;
|
|
1457
|
+
function _extends$1F() { _extends$1F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1F.apply(this, arguments); }
|
|
1452
1458
|
var SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
|
|
1453
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1459
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
|
|
1454
1460
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1455
1461
|
width: 16,
|
|
1456
1462
|
height: 16
|
|
1457
|
-
}, props), _path$
|
|
1463
|
+
}, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1458
1464
|
d: "M4.508 8a1.746 1.746 0 1 1-3.492 0 1.746 1.746 0 0 1 3.492 0m5.238 0a1.746 1.746 0 1 1-3.492 0 1.746 1.746 0 0 1 3.492 0m3.492 1.746a1.746 1.746 0 1 0 0-3.492 1.746 1.746 0 0 0 0 3.492"
|
|
1459
1465
|
})));
|
|
1460
1466
|
};
|
|
1461
1467
|
|
|
1462
|
-
var _path$
|
|
1463
|
-
function _extends$
|
|
1468
|
+
var _path$1C;
|
|
1469
|
+
function _extends$1E() { _extends$1E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }
|
|
1464
1470
|
var SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
|
|
1465
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1471
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
|
|
1466
1472
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1467
1473
|
width: 24,
|
|
1468
1474
|
height: 24
|
|
1469
|
-
}, props), _path$
|
|
1475
|
+
}, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1470
1476
|
fillRule: "evenodd",
|
|
1471
1477
|
d: "M10.667 3.75c-2.942 0-5.408 2.128-6 4.956C2.042 9.044 0 11.306 0 14.069 0 17.064 2.393 19.5 5.333 19.5h.8a.8.8 0 0 0 .703-.404.83.83 0 0 0 0-.821.8.8 0 0 0-.703-.404h-.8c-2.082 0-3.733-1.682-3.733-3.802s1.651-3.802 3.733-3.802a.806.806 0 0 0 .8-.738c.229-2.328 2.176-4.15 4.534-4.15 1.286 0 2.319.496 3.158 1.375a.79.79 0 0 0 .858.195c.343-.132.872-.212 1.317-.212a3.503 3.503 0 0 1 3.475 3.08.81.81 0 0 0 .517.67c1.42.531 2.408 1.92 2.408 3.582 0 2.12-1.651 3.802-3.733 3.802h-.8a.8.8 0 0 0-.703.404.83.83 0 0 0 0 .821.8.8 0 0 0 .703.404h.8c2.94 0 5.333-2.436 5.333-5.431a5.41 5.41 0 0 0-3.033-4.88c-.488-2.342-2.54-4.081-4.967-4.081-.46 0-.936.074-1.4.195-1.057-.95-2.397-1.553-3.933-1.553m1.325 4.87a.8.8 0 0 0-.567.249.82.82 0 0 0-.225.584v4.344l-.467-.543a.793.793 0 0 0-1.362.25.83.83 0 0 0 .162.828l1.867 2.172a.794.794 0 0 0 1.2 0l1.867-2.172a.83.83 0 0 0 .166-.803.8.8 0 0 0-.604-.543.79.79 0 0 0-.762.268l-.467.543V9.453a.82.82 0 0 0-.231-.59.8.8 0 0 0-.577-.242Zm-3.2 7.604a.8.8 0 0 0-.567.248.82.82 0 0 0-.225.584v1.63c0 .45.358.814.8.814h6.4c.442 0 .8-.365.8-.815v-1.629a.82.82 0 0 0-.397-.715.79.79 0 0 0-.806 0 .82.82 0 0 0-.397.715v.815H9.6v-.815a.82.82 0 0 0-.231-.59.8.8 0 0 0-.577-.242"
|
|
1472
1478
|
})));
|
|
1473
1479
|
};
|
|
1474
1480
|
|
|
1475
|
-
var _path$
|
|
1476
|
-
function _extends$
|
|
1481
|
+
var _path$1B;
|
|
1482
|
+
function _extends$1D() { _extends$1D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
|
|
1477
1483
|
var SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
|
|
1478
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1484
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
|
|
1479
1485
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1480
1486
|
width: 16,
|
|
1481
1487
|
height: 16
|
|
1482
|
-
}, props), _path$
|
|
1488
|
+
}, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1483
1489
|
fillRule: "evenodd",
|
|
1484
1490
|
d: "M8.011.914a.98.98 0 0 1 .713.3c.19.194.294.46.288.734v6.1l1.113-1.296a.98.98 0 0 1 .943-.334c.35.07.636.328.749.674a1.03 1.03 0 0 1-.207 1.002l-2.847 3.313a.98.98 0 0 1-.741.34.98.98 0 0 1-.742-.34l-2.844-3.31a1.03 1.03 0 0 1-.205-1.036.98.98 0 0 1 1.685-.31L7.03 8.047V1.953a1.03 1.03 0 0 1 .28-.732 1 1 0 0 1 .57-.296l.13-.01Zm5.47 9.265c-.538.062-.955.52-.955 1.074l-.001 1.453H3.477l.001-1.453a1.082 1.082 0 1 0-2.164 0v2.529c0 .604.485 1.089 1.082 1.089h11.208c.555 0 1.012-.418 1.074-.956l.01-.178.002-2.484c0-.597-.485-1.082-1.082-1.082z"
|
|
1485
1491
|
})));
|
|
1486
1492
|
};
|
|
1487
1493
|
|
|
1488
|
-
var _path$
|
|
1489
|
-
function _extends$
|
|
1494
|
+
var _path$1A;
|
|
1495
|
+
function _extends$1C() { _extends$1C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }
|
|
1490
1496
|
var SvgIconEditLarge = function SvgIconEditLarge(props) {
|
|
1491
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1497
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
|
|
1492
1498
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1493
1499
|
width: 24,
|
|
1494
1500
|
height: 24
|
|
1495
|
-
}, props), _path$
|
|
1501
|
+
}, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1496
1502
|
fillRule: "evenodd",
|
|
1497
1503
|
d: "M7.218 12.483a.8.8 0 0 0-.232.485l-.394 3.55a.81.81 0 0 0 .893.893l3.55-.394a.8.8 0 0 0 .485-.232l9.085-9.09a1.93 1.93 0 0 0 .101-2.61l.004-.006-1.684-1.684a1.93 1.93 0 0 0-2.722 0zm12.24-5.932-.002.003-1.624 1.624-2.01-2.01 1.627-1.626c.12-.12.313-.12.433 0l1.576 1.577c.12.12.12.313 0 .432m-4.78.761 2.01 2.01-6.114 6.115-2.261.25.25-2.26zM3.447 4.09a2.1 2.1 0 0 0-.614 1.482v13.5a2.096 2.096 0 0 0 2.096 2.096h13.5a2.096 2.096 0 0 0 2.096-2.096v-5.786a.81.81 0 0 0-1.62 0v5.786a.476.476 0 0 1-.476.477H4.93a.476.476 0 0 1-.477-.477v-13.5a.476.476 0 0 1 .477-.476h5.786a.81.81 0 1 0 0-1.62H4.929c-.556 0-1.089.221-1.482.614"
|
|
1498
1504
|
})));
|
|
1499
1505
|
};
|
|
1500
1506
|
|
|
1501
|
-
var _path$
|
|
1502
|
-
function _extends$
|
|
1507
|
+
var _path$1z;
|
|
1508
|
+
function _extends$1B() { _extends$1B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1B.apply(this, arguments); }
|
|
1503
1509
|
var SvgIconEditSmall = function SvgIconEditSmall(props) {
|
|
1504
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1510
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
|
|
1505
1511
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1506
1512
|
width: 16,
|
|
1507
1513
|
height: 16
|
|
1508
|
-
}, props), _path$
|
|
1514
|
+
}, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1509
1515
|
fillRule: "evenodd",
|
|
1510
1516
|
d: "m9.414 4.41 2.7 2.795-8.004 8.004-2.922.504a.286.286 0 0 1-.33-.33l.506-2.926 8.05-8.048Zm3.786-3.2.081.054.096.085 1.879 1.88a.59.59 0 0 1 0 .833l-1.875 1.874-2.7-2.795 1.827-1.827a.59.59 0 0 1 .692-.104"
|
|
1511
1517
|
})));
|
|
1512
1518
|
};
|
|
1513
1519
|
|
|
1514
|
-
var _path$
|
|
1515
|
-
function _extends$
|
|
1520
|
+
var _path$1y, _path2$q;
|
|
1521
|
+
function _extends$1A() { _extends$1A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1A.apply(this, arguments); }
|
|
1516
1522
|
var SvgIconEnvelopeSmall = function SvgIconEnvelopeSmall(props) {
|
|
1517
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1523
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
|
|
1518
1524
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1519
1525
|
width: 16,
|
|
1520
1526
|
height: 16
|
|
1521
|
-
}, props), _path$
|
|
1527
|
+
}, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1522
1528
|
d: "M0 3.482V13.2a.8.8 0 0 0 .8.8h14.4a.8.8 0 0 0 .8-.8V3.482l-6.258 6.605a2.4 2.4 0 0 1-3.484 0z"
|
|
1523
1529
|
})), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1524
1530
|
d: "M8.58 8.987 15.2 2H.8l6.62 6.987a.8.8 0 0 0 1.16 0"
|
|
1525
1531
|
})));
|
|
1526
1532
|
};
|
|
1527
1533
|
|
|
1528
|
-
var _path$
|
|
1529
|
-
function _extends$
|
|
1534
|
+
var _path$1x, _path2$p;
|
|
1535
|
+
function _extends$1z() { _extends$1z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
|
|
1530
1536
|
var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
|
|
1531
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1537
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
|
|
1532
1538
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1533
1539
|
width: 24,
|
|
1534
1540
|
height: 24
|
|
1535
|
-
}, props), _path$
|
|
1541
|
+
}, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1536
1542
|
fillRule: "evenodd",
|
|
1537
1543
|
d: "M12 14.53c-.662 0-1.354-.425-1.404-1.375l-.28-6.545v-.025c0-.93.755-1.687 1.685-1.687s1.686.757 1.686 1.687v.024l-.28 6.54A1.41 1.41 0 0 1 12 14.531Zm.453-7.603a.45.45 0 0 0-.9 0l.249 5.791c.01.19.07.223.2.223.058 0 .192-.022.202-.225l.248-5.789Zm-1.816 8.892c.36-.36.857-.566 1.364-.566a1.935 1.935 0 0 1 1.927 1.927c0 .51-.208 1.008-.569 1.365a1.92 1.92 0 0 1-1.358.56 1.94 1.94 0 0 1-1.364-.563 1.94 1.94 0 0 1-.563-1.363c0-.506.206-1.002.563-1.36m.852 1.88c.267.27.757.27 1.019.003A.727.727 0 0 0 12 16.457a.727.727 0 0 0-.512 1.243Z"
|
|
1538
1544
|
})), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -1541,27 +1547,27 @@ var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLar
|
|
|
1541
1547
|
})));
|
|
1542
1548
|
};
|
|
1543
1549
|
|
|
1544
|
-
var _path$
|
|
1545
|
-
function _extends$
|
|
1550
|
+
var _path$1w;
|
|
1551
|
+
function _extends$1y() { _extends$1y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
|
|
1546
1552
|
var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSmall(props) {
|
|
1547
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1553
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
|
|
1548
1554
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1549
1555
|
width: 16,
|
|
1550
1556
|
height: 16
|
|
1551
|
-
}, props), _path$
|
|
1557
|
+
}, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1552
1558
|
fillRule: "evenodd",
|
|
1553
1559
|
d: "M8 14.4A6.4 6.4 0 1 0 8 1.6a6.4 6.4 0 0 0 0 12.8M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M7.086 4.743a.914.914 0 1 1 1.828 0v3.314a.914.914 0 0 1-1.828 0zM8 12.17a1.029 1.029 0 1 0 0-2.057 1.029 1.029 0 0 0 0 2.057"
|
|
1554
1560
|
})));
|
|
1555
1561
|
};
|
|
1556
1562
|
|
|
1557
|
-
var _path$
|
|
1558
|
-
function _extends$
|
|
1563
|
+
var _path$1v, _path2$o, _path3$4;
|
|
1564
|
+
function _extends$1x() { _extends$1x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }
|
|
1559
1565
|
var SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpeechBubbleLarge(props) {
|
|
1560
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1566
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1x({
|
|
1561
1567
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1562
1568
|
width: 24,
|
|
1563
1569
|
height: 24
|
|
1564
|
-
}, props), _path$
|
|
1570
|
+
}, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1565
1571
|
d: "M10.931 9.436a1.036 1.036 0 0 0 2.073 0V2.782a1.036 1.036 0 0 0-2.073 0z"
|
|
1566
1572
|
})), _path2$o || (_path2$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1567
1573
|
d: "m10.68 18.4-3.477 3.166V18.4H4.027V5.545h3.5a.807.807 0 0 0 .808-.809.807.807 0 0 0-.808-.809h-3.96c-.632 0-1.145.513-1.145 1.146v13.772c0 .633.513 1.146 1.145 1.146h2.03v2.623c0 .997 1.187 1.518 1.921.843l3.774-3.466 9.136.002c.633 0 1.146-.513 1.146-1.146l-.002-13.774c0-.633-.513-1.146-1.146-1.146h-3.723a.809.809 0 0 0 0 1.618h3.263v12.854H10.68Z"
|
|
@@ -1570,27 +1576,27 @@ var SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpe
|
|
|
1570
1576
|
})));
|
|
1571
1577
|
};
|
|
1572
1578
|
|
|
1573
|
-
var _path$
|
|
1574
|
-
function _extends$
|
|
1579
|
+
var _path$1u;
|
|
1580
|
+
function _extends$1w() { _extends$1w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1w.apply(this, arguments); }
|
|
1575
1581
|
var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
|
|
1576
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1582
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
|
|
1577
1583
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1578
1584
|
width: 16,
|
|
1579
1585
|
height: 16
|
|
1580
|
-
}, props), _path$
|
|
1586
|
+
}, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1581
1587
|
fillRule: "evenodd",
|
|
1582
1588
|
d: "M1.377 13.492a.8.8 0 1 0 1.132 1.13l2.02-2.02c1.042.603 2.218 1.024 3.471 1.024 4.32 0 7.725-5.004 7.868-5.216a.84.84 0 0 0 0-.908 16 16 0 0 0-3.006-3.233l1.763-1.762a.8.8 0 0 0-1.132-1.132l-1.967 1.967C10.471 2.722 9.276 2.286 8 2.286 3.68 2.286.275 7.29.132 7.502a.84.84 0 0 0 0 .908 16 16 0 0 0 3.055 3.271l-1.81 1.81Zm4.735-2.473a3.598 3.598 0 0 0 4.951-4.951L9.788 7.343a1.89 1.89 0 0 1-2.4 2.4L6.111 11.02Zm.123-2.386L4.971 9.898a3.598 3.598 0 0 1 4.971-4.971L8.677 6.19a1.89 1.89 0 0 0-2.442 2.442Z"
|
|
1583
1589
|
})));
|
|
1584
1590
|
};
|
|
1585
1591
|
|
|
1586
|
-
var _path$
|
|
1587
|
-
function _extends$
|
|
1592
|
+
var _path$1t, _path2$n;
|
|
1593
|
+
function _extends$1v() { _extends$1v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1v.apply(this, arguments); }
|
|
1588
1594
|
var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
|
|
1589
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1595
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1v({
|
|
1590
1596
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1591
1597
|
width: 16,
|
|
1592
1598
|
height: 16
|
|
1593
|
-
}, props), _path$
|
|
1599
|
+
}, props), _path$1t || (_path$1t = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1594
1600
|
d: "M9.89 8a1.89 1.89 0 1 0-3.78 0 1.89 1.89 0 0 0 3.78 0"
|
|
1595
1601
|
})), _path2$n || (_path2$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1596
1602
|
fillRule: "evenodd",
|
|
@@ -1598,91 +1604,91 @@ var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
|
|
|
1598
1604
|
})));
|
|
1599
1605
|
};
|
|
1600
1606
|
|
|
1601
|
-
var _path$
|
|
1602
|
-
function _extends$
|
|
1607
|
+
var _path$1s;
|
|
1608
|
+
function _extends$1u() { _extends$1u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
|
|
1603
1609
|
var SvgIconFilterSmall = function SvgIconFilterSmall(props) {
|
|
1604
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1610
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
|
|
1605
1611
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1606
1612
|
width: 16,
|
|
1607
1613
|
height: 16
|
|
1608
|
-
}, props), _path$
|
|
1614
|
+
}, props), _path$1s || (_path$1s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1609
1615
|
d: "M1.143 3.429c0-.632.512-1.143 1.143-1.143h11.428a1.143 1.143 0 1 1 0 2.285H2.286A1.143 1.143 0 0 1 1.143 3.43ZM3.429 8c0-.631.511-1.143 1.142-1.143h6.858a1.143 1.143 0 1 1 0 2.286H4.57A1.143 1.143 0 0 1 3.43 8Zm3.428 3.429a1.143 1.143 0 1 0 0 2.285h2.286a1.143 1.143 0 0 0 0-2.285z"
|
|
1610
1616
|
})));
|
|
1611
1617
|
};
|
|
1612
1618
|
|
|
1613
|
-
var _path$
|
|
1614
|
-
function _extends$
|
|
1619
|
+
var _path$1r;
|
|
1620
|
+
function _extends$1t() { _extends$1t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1t.apply(this, arguments); }
|
|
1615
1621
|
var SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
|
|
1616
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1622
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1t({
|
|
1617
1623
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1618
1624
|
width: 16,
|
|
1619
1625
|
height: 16
|
|
1620
|
-
}, props), _path$
|
|
1626
|
+
}, props), _path$1r || (_path$1r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1621
1627
|
fillRule: "evenodd",
|
|
1622
1628
|
d: "M.893 2.286h9.487a.86.86 0 0 1 .58.229l4.417 4.039c.195.179.352.4.46.65a2.01 2.01 0 0 1 0 1.592c-.108.25-.265.471-.46.65l-4.416 4.039a.86.86 0 0 1-.58.23H.892a.87.87 0 0 1-.632-.28.99.99 0 0 1-.261-.673V3.238c0-.252.094-.495.261-.673a.87.87 0 0 1 .632-.28Zm7.594 3.458A.866.866 0 0 1 9.674 5.6a.8.8 0 0 1 .212 1.053l-.064.092-3.288 4.082a.866.866 0 0 1-1.243.096l-.084-.088L3.328 8.57a.797.797 0 0 1 .132-1.147.87.87 0 0 1 1.11.045l.078.082 1.209 1.46z"
|
|
1623
1629
|
})));
|
|
1624
1630
|
};
|
|
1625
1631
|
|
|
1626
|
-
var _path$
|
|
1627
|
-
function _extends$
|
|
1632
|
+
var _path$1q;
|
|
1633
|
+
function _extends$1s() { _extends$1s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
|
|
1628
1634
|
var SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
|
|
1629
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1635
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s({
|
|
1630
1636
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1631
1637
|
width: 16,
|
|
1632
1638
|
height: 16
|
|
1633
|
-
}, props), _path$
|
|
1639
|
+
}, props), _path$1q || (_path$1q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1634
1640
|
fillRule: "evenodd",
|
|
1635
1641
|
d: "M15.377 6.554 10.96 2.515a.86.86 0 0 0-.58-.23H.892a.87.87 0 0 0-.632.28.99.99 0 0 0-.26.673v9.524c0 .252.094.495.261.673a.87.87 0 0 0 .632.28h9.487a.86.86 0 0 0 .58-.23l4.417-4.039c.195-.179.352-.4.46-.65a2.01 2.01 0 0 0 0-1.592 1.9 1.9 0 0 0-.46-.65m-.772 2.049a.8.8 0 0 0 .182-.26.87.87 0 0 0 0-.687.8.8 0 0 0-.182-.259L10.266 3.43H1.143v9.142h9.123z"
|
|
1636
1642
|
})));
|
|
1637
1643
|
};
|
|
1638
1644
|
|
|
1639
|
-
var _path$
|
|
1640
|
-
function _extends$
|
|
1645
|
+
var _path$1p;
|
|
1646
|
+
function _extends$1r() { _extends$1r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
|
|
1641
1647
|
var SvgIconFlagQuestionMarkSmall = function SvgIconFlagQuestionMarkSmall(props) {
|
|
1642
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1648
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
|
|
1643
1649
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1644
1650
|
width: 16,
|
|
1645
1651
|
height: 16
|
|
1646
|
-
}, props), _path$
|
|
1652
|
+
}, props), _path$1p || (_path$1p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1647
1653
|
fillRule: "evenodd",
|
|
1648
1654
|
d: "M10.38 2.286H.893c-.237 0-.464.1-.632.279A.99.99 0 0 0 0 3.238v9.524c0 .252.094.495.261.673a.87.87 0 0 0 .632.28h9.487a.86.86 0 0 0 .58-.23l4.417-4.039c.195-.179.352-.4.46-.65a2.01 2.01 0 0 0 0-1.592 1.9 1.9 0 0 0-.46-.65L10.96 2.515a.86.86 0 0 0-.58-.23ZM9.278 6.184c-.054-.975-1.012-2.078-2.366-2.118S4.646 5.079 4.489 5.97c0 0-.014.076-.02.15a.9.9 0 0 0 .02.267c.019.056.198.487.7.487.271 0 .448-.075.52-.219.052-.092.094-.241.125-.35l.014-.05.002-.004c.031-.11.083-.289.298-.496.184-.177.384-.283.633-.31l.087-.007.084-.002c.684 0 .823.49.823.83 0 .316-.335.642-.639.937a8 8 0 0 0-.184.183l-.05.051c-.316.323-.635.649-.794 1.038-.168.41-.028.67.052.75l.022.023c.086.09.247.258.58.258.365 0 .578-.1.71-.23.058-.059.11-.158.18-.294.089-.17.208-.398.408-.676a9 9 0 0 1 .358-.451c.37-.448.805-.974.85-1.382l.009-.1.003-.105zM6.8 10.086a.844.844 0 0 1 .84.84.842.842 0 0 1-1.435.594.845.845 0 0 1 0-1.188.85.85 0 0 1 .595-.246"
|
|
1649
1655
|
})));
|
|
1650
1656
|
};
|
|
1651
1657
|
|
|
1652
|
-
var _path$
|
|
1653
|
-
function _extends$
|
|
1658
|
+
var _path$1o;
|
|
1659
|
+
function _extends$1q() { _extends$1q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
|
|
1654
1660
|
var SvgIconFlagXMarkSmall = function SvgIconFlagXMarkSmall(props) {
|
|
1655
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1661
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
|
|
1656
1662
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1657
1663
|
width: 16,
|
|
1658
1664
|
height: 16
|
|
1659
|
-
}, props), _path$
|
|
1665
|
+
}, props), _path$1o || (_path$1o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1660
1666
|
fillRule: "evenodd",
|
|
1661
1667
|
d: "M.893 2.286h9.487a.86.86 0 0 1 .58.229l4.417 4.039c.195.179.352.4.46.65a2.01 2.01 0 0 1 0 1.592c-.108.25-.265.471-.46.65l-4.416 4.039a.86.86 0 0 1-.58.23H.892a.87.87 0 0 1-.632-.28.99.99 0 0 1-.261-.673V3.238c0-.252.094-.495.261-.673a.87.87 0 0 1 .632-.28Zm3.74 3.063a.705.705 0 1 0-.998.998l1.796 1.796-1.796 1.796a.705.705 0 1 0 .998.997L6.429 9.14l1.795 1.796a.705.705 0 1 0 .998-.997L7.426 8.143l1.796-1.796a.705.705 0 1 0-.998-.998L6.43 7.145z"
|
|
1662
1668
|
})));
|
|
1663
1669
|
};
|
|
1664
1670
|
|
|
1665
|
-
var _path$
|
|
1666
|
-
function _extends$
|
|
1671
|
+
var _path$1n;
|
|
1672
|
+
function _extends$1p() { _extends$1p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
|
|
1667
1673
|
var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
|
|
1668
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1674
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
|
|
1669
1675
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1670
1676
|
width: 24,
|
|
1671
1677
|
height: 24
|
|
1672
|
-
}, props), _path$
|
|
1678
|
+
}, props), _path$1n || (_path$1n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1673
1679
|
fillRule: "evenodd",
|
|
1674
1680
|
d: "M6.231 21.75a2.2 2.2 0 0 1-1.122-.327c-.977-.641-1.276-1.97-.672-2.988l1.196-2.022a.7.7 0 0 1 .244-.395l3.204-5.42V6.15c-.852-.198-1.45-.986-1.433-1.885v-.1c0-1.057.833-1.915 1.861-1.915h4.958c1.027 0 1.86.858 1.86 1.916v.099c.018.899-.58 1.687-1.432 1.885v4.447l3.204 5.42c.123.1.21.24.244.396l1.196 2.022c.604 1.018.305 2.347-.672 2.988-.34.208-.727.32-1.122.327zm11.514-1.665a.47.47 0 0 0 .344-.142.5.5 0 0 0 .143-.352.5.5 0 0 0-.088-.274l-1.086-1.81H6.918l-1.086 1.81a.5.5 0 0 0-.088.274c0 .132.051.26.143.352a.47.47 0 0 0 .344.142zM14.3 3.93H9.675a.23.23 0 0 0-.228.236v.099c0 .13.102.235.228.235h.392a.83.83 0 0 1 .812.837v5.504a.8.8 0 0 1-.118.425L8.066 15.79h7.844l-2.695-4.524a.8.8 0 0 1-.118-.425V5.337a.83.83 0 0 1 .812-.837h.391a.23.23 0 0 0 .23-.235v-.1a.23.23 0 0 0-.23-.235"
|
|
1675
1681
|
})));
|
|
1676
1682
|
};
|
|
1677
1683
|
|
|
1678
|
-
var _path$
|
|
1679
|
-
function _extends$
|
|
1684
|
+
var _path$1m, _path2$m;
|
|
1685
|
+
function _extends$1o() { _extends$1o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
|
|
1680
1686
|
var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
|
|
1681
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1687
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1o({
|
|
1682
1688
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1683
1689
|
width: 24,
|
|
1684
1690
|
height: 24
|
|
1685
|
-
}, props), _path$
|
|
1691
|
+
}, props), _path$1m || (_path$1m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1686
1692
|
fill: "#CCC",
|
|
1687
1693
|
fillRule: "evenodd",
|
|
1688
1694
|
d: "M12.946 18.82v-.235H5.152a.489.489 0 0 1-.407-.768l1.109-1.81h7.84a5.62 5.62 0 0 1 2.806-2.47L13.837 9.12V4.673c.879-.2 1.493-1 1.463-1.908v-.1A1.91 1.91 0 0 0 13.4.75H8.502c-1.05 0-1.901.858-1.901 1.916v.099A1.89 1.89 0 0 0 8.065 4.65v4.447l-3.275 5.42a.7.7 0 0 0-.249.396L3.32 16.935a2.2 2.2 0 0 0 .686 2.988c.348.208.743.32 1.147.327h7.983a5.7 5.7 0 0 1-.189-1.43M9.611 9.805a.8.8 0 0 0 .129-.433V3.867a.84.84 0 0 0-.838-.836h-.4a.225.225 0 0 1-.226-.236v-.13c0-.126.1-.23.226-.235H13.4c.13 0 .234.106.234.236v.099c0 .13-.105.235-.234.235h-.4a.84.84 0 0 0-.83.837V9.34c-.002.15.04.299.12.425l2.755 4.524H6.857z",
|
|
@@ -1694,14 +1700,14 @@ var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
|
|
|
1694
1700
|
})));
|
|
1695
1701
|
};
|
|
1696
1702
|
|
|
1697
|
-
var _path$
|
|
1698
|
-
function _extends$
|
|
1703
|
+
var _path$1l, _path2$l;
|
|
1704
|
+
function _extends$1n() { _extends$1n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }
|
|
1699
1705
|
var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
|
|
1700
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1706
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1n({
|
|
1701
1707
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1702
1708
|
width: 24,
|
|
1703
1709
|
height: 24
|
|
1704
|
-
}, props), _path$
|
|
1710
|
+
}, props), _path$1l || (_path$1l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1705
1711
|
fill: "#CCC",
|
|
1706
1712
|
fillRule: "evenodd",
|
|
1707
1713
|
d: "M12.946 18.82v-.235H5.152a.489.489 0 0 1-.407-.768l1.109-1.81h7.84a5.62 5.62 0 0 1 2.806-2.47L13.837 9.12V4.673c.879-.2 1.493-1 1.463-1.908v-.1A1.91 1.91 0 0 0 13.4.75H8.502c-1.05 0-1.901.858-1.901 1.916v.099A1.89 1.89 0 0 0 8.065 4.65v4.447l-3.275 5.42a.7.7 0 0 0-.249.396L3.32 16.935a2.2 2.2 0 0 0 .686 2.988c.348.208.743.32 1.147.327h7.983a5.7 5.7 0 0 1-.189-1.43ZM9.611 9.805a.8.8 0 0 0 .129-.433V3.867a.84.84 0 0 0-.838-.836h-.4a.225.225 0 0 1-.226-.236v-.13c0-.126.1-.23.226-.235H13.4c.13 0 .234.106.234.236v.099c0 .13-.105.235-.234.235H13a.84.84 0 0 0-.83.837V9.34c-.002.15.04.299.12.425l2.755 4.524H6.857l2.754-4.486Z"
|
|
@@ -1711,66 +1717,66 @@ var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
|
|
|
1711
1717
|
})));
|
|
1712
1718
|
};
|
|
1713
1719
|
|
|
1714
|
-
var _path$
|
|
1715
|
-
function _extends$
|
|
1720
|
+
var _path$1k;
|
|
1721
|
+
function _extends$1m() { _extends$1m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1m.apply(this, arguments); }
|
|
1716
1722
|
var SvgIconGearSmall = function SvgIconGearSmall(props) {
|
|
1717
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1723
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1m({
|
|
1718
1724
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1719
1725
|
width: 16,
|
|
1720
1726
|
height: 16
|
|
1721
|
-
}, props), _path$
|
|
1727
|
+
}, props), _path$1k || (_path$1k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1722
1728
|
fillRule: "evenodd",
|
|
1723
1729
|
d: "M15.19 6.4h-1.848c-.11-.37-.27-.71-.45-1.04L14.252 4a.805.805 0 0 0 0-1.13l-1.13-1.13a.8.8 0 0 0-1.13 0L10.633 3.1c-.33-.17-.67-.33-1.039-.44V.8c0-.44-.36-.8-.8-.8H7.195c-.44 0-.799.36-.799.8v1.86c-.39.12-.75.28-1.1.47l-1.299-1.3c-.3-.3-.789-.3-1.089 0l-1.08 1.09a.774.774 0 0 0 0 1.09l1.3 1.3c-.2.34-.36.7-.48 1.09H.8c-.44 0-.8.36-.8.8v1.6c0 .44.36.8.8.8h1.848c.11.37.27.71.45 1.04L1.738 12a.805.805 0 0 0 0 1.13l1.13 1.13c.31.31.82.31 1.13 0l1.359-1.36c.33.18.67.33 1.039.44v1.86c0 .44.36.8.8.8h1.598c.44 0 .8-.36.8-.8v-1.86c.39-.12.75-.28 1.1-.47l1.298 1.3c.3.3.79.3 1.09 0l1.09-1.09a.774.774 0 0 0 0-1.09l-1.3-1.3c.19-.35.36-.71.48-1.1H15.2c.44 0 .8-.36.8-.8v-1.6a.816.816 0 0 0-.81-.79M7.995 11a2.995 2.995 0 0 1-2.998-3c0-1.66 1.339-3 2.998-3a2.995 2.995 0 0 1 2.998 3c0 1.66-1.339 3-2.998 3"
|
|
1724
1730
|
})));
|
|
1725
1731
|
};
|
|
1726
1732
|
|
|
1727
|
-
var _path$
|
|
1728
|
-
function _extends$
|
|
1733
|
+
var _path$1j;
|
|
1734
|
+
function _extends$1l() { _extends$1l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1l.apply(this, arguments); }
|
|
1729
1735
|
var SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
|
|
1730
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1736
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1l({
|
|
1731
1737
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1732
1738
|
width: 24,
|
|
1733
1739
|
height: 24
|
|
1734
|
-
}, props), _path$
|
|
1740
|
+
}, props), _path$1j || (_path$1j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1735
1741
|
fillRule: "evenodd",
|
|
1736
1742
|
d: "M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0m-.818 13.32v9.211c-.886-.319-1.826-1.164-2.652-2.678-.908-1.665-1.55-3.941-1.714-6.533zm1.32 0v9.303c.974-.217 2.042-1.074 2.967-2.77.909-1.665 1.55-3.941 1.715-6.533zM17.225 12h-4.723V1.377c.974.217 2.042 1.074 2.967 2.77C16.53 6.09 17.227 8.864 17.227 12Zm1.281 1.32c-.219 3.668-1.34 6.84-2.947 8.753a10.69 10.69 0 0 0 7.04-8.753zM22.68 12c0-4.65-2.972-8.607-7.12-10.073C17.356 4.067 18.545 7.78 18.545 12zm-11.498 0H6.775c0-3.136.696-5.91 1.755-7.853.826-1.514 1.766-2.36 2.652-2.678zm-5.727 0c0-4.221 1.188-7.934 2.986-10.073C4.292 3.393 1.32 7.35 1.32 12zM1.4 13.32a10.69 10.69 0 0 0 7.04 8.753c-1.608-1.913-2.728-5.085-2.947-8.753z"
|
|
1737
1743
|
})));
|
|
1738
1744
|
};
|
|
1739
1745
|
|
|
1740
|
-
var _path$
|
|
1741
|
-
function _extends$
|
|
1746
|
+
var _path$1i;
|
|
1747
|
+
function _extends$1k() { _extends$1k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1k.apply(this, arguments); }
|
|
1742
1748
|
var SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
|
|
1743
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1749
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1k({
|
|
1744
1750
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1745
1751
|
width: 16,
|
|
1746
1752
|
height: 16
|
|
1747
|
-
}, props), _path$
|
|
1753
|
+
}, props), _path$1i || (_path$1i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1748
1754
|
fillRule: "evenodd",
|
|
1749
1755
|
d: "M8.633.2C3.833-.2-.2 3.833.2 8.633c.3 3.8 3.367 6.867 7.167 7.167 4.833.4 8.833-3.633 8.433-8.433C15.5 3.567 12.433.5 8.633.2m.9 1.133c.3.067.6.167.9.267.167.1.334.2.534.233.833.4 1.6.967 2.2 1.667.033.033.066.1.066.167.034.133 0 .3-.033.433-.033.1-.067.167-.067.267 0 .166.167.3.3.333.1.033.267.033.4.033.1 0 .2.067.234.167.066.167.166.433.233.5q.45 1.1.5 2.3c0 .1-.033.233-.1.3a2.8 2.8 0 0 0-.367.5c-.233.467-.433 1-.766 1.4-.167.2-.367.367-.434.633-.066.167-.033.367-.066.534 0 .066-.134.066-.2.033a3.8 3.8 0 0 1-.567-1.3c-.067-.333-.133-.667-.233-1s-.3-.633-.6-.8c-.334-.167-.7-.133-1.067-.167-.367 0-.767-.066-1-.366A.8.8 0 0 1 9.233 7c-.166-.867.3-1.8 1.067-2.2.1-.067.2-.1.3-.167a.69.69 0 0 0 .233-.7c0-.066-.1-.1-.133-.066-.2.066-.4.133-.567.233-.1.033-.2-.033-.166-.1 0-.3.033-.667.133-1 .1-.367.2-.767.033-1.067-.033-.066-.133-.133-.2-.133H9c-.033 0-.033-.033-.033-.033.166-.1.3-.234.433-.367a.25.25 0 0 1 .133-.067m-3.366.1c.066-.033.133 0 .166.067.1.167.167.333.267.533.167.434.267.9.067 1.3-.234.467-.767.667-1.2.9a6.14 6.14 0 0 0-2.234 2c-.033.034-.066.1-.1.1-.066.034-.133 0-.166-.066a.9.9 0 0 1-.267-.234c-.033-.033-.133.034-.133.1-.134.467.1.967.5 1.2.066.034.133.067.2.134.133.166 0 .4.033.6.033.266.367.433.667.4.3-.034.533-.167.8-.267.6-.2 1.3-.133 1.8.233.266.167.5.434.766.6.234.167.534.3.8.267.067 0 .134.033.167.067.1.266 0 .6-.167.833-.2.267-.5.467-.733.7-.567.633-.7 1.6-1.167 2.3-.1.133-.2.267-.266.433-.1.234-.067.467-.067.7 0 .034-.033.1-.067.067-.1-.033-.233-.067-.333-.133-.067-.034-.133-.1-.133-.167-.167-.967-.5-1.9-.967-2.767-.2-.333-.4-.7-.733-.9-.1-.066-.2-.133-.234-.233-.033-.067 0-.167 0-.233.134-.9-.3-1.834-1.033-2.367-.133-.1-.267-.167-.333-.3C2 7.167 2 6.967 1.933 6.833c-.066-.133-.333-.3-.466-.4-.067-.033-.067-.1-.067-.166.567-2.3 2.433-4.2 4.767-4.834"
|
|
1750
1756
|
})));
|
|
1751
1757
|
};
|
|
1752
1758
|
|
|
1753
|
-
var _path$
|
|
1754
|
-
function _extends$
|
|
1759
|
+
var _path$1h;
|
|
1760
|
+
function _extends$1j() { _extends$1j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1j.apply(this, arguments); }
|
|
1755
1761
|
var SvgIconGridLarge = function SvgIconGridLarge(props) {
|
|
1756
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1762
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1j({
|
|
1757
1763
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1758
1764
|
width: 24,
|
|
1759
1765
|
height: 24
|
|
1760
|
-
}, props), _path$
|
|
1766
|
+
}, props), _path$1h || (_path$1h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1761
1767
|
fillRule: "evenodd",
|
|
1762
1768
|
d: "M2.855 2.25a.66.66 0 0 0-.605.65v18.2c0 .359.302.65.675.65h18.9a.663.663 0 0 0 .675-.65V2.9a.663.663 0 0 0-.675-.65H2.855m.745 1.3h3.6v3.467H3.6V3.551Zm4.95 0h3.15v3.467H8.55V3.551Zm4.5 0h3.15v3.467h-3.15V3.551Zm4.5 0h3.6v3.467h-3.6V3.551ZM3.6 8.318h3.6v3.034H3.6zm4.95 0h3.15v3.034H8.55zm4.5 0h3.15v3.034h-3.15zm4.5 0h3.6v3.034h-3.6zM3.6 12.65h3.6v3.034H3.6zm4.95 0h3.15v3.034H8.55zm4.5 0h3.15v3.034h-3.15zm4.5 0h3.6v3.034h-3.6zM3.6 16.984h3.6v3.466H3.6zm4.95 0h3.15v3.466H8.55zm4.5 0h3.15v3.466h-3.15zm4.5 0h3.6v3.466h-3.6z"
|
|
1763
1769
|
})));
|
|
1764
1770
|
};
|
|
1765
1771
|
|
|
1766
|
-
var _path$
|
|
1767
|
-
function _extends$
|
|
1772
|
+
var _path$1g, _path2$k;
|
|
1773
|
+
function _extends$1i() { _extends$1i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1i.apply(this, arguments); }
|
|
1768
1774
|
var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
|
|
1769
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1775
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1i({
|
|
1770
1776
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1771
1777
|
width: 24,
|
|
1772
1778
|
height: 24
|
|
1773
|
-
}, props), _path$
|
|
1779
|
+
}, props), _path$1g || (_path$1g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1774
1780
|
fill: "#CCC",
|
|
1775
1781
|
fillRule: "evenodd",
|
|
1776
1782
|
d: "M12.852 18.98H10.76v-3.212h2.764a5 5 0 0 1 1.42-1.644v-2.54h3.211v1.27h.3c.373 0 .746.075 1.045.075V2.172a.67.67 0 0 0-.672-.672H1.348c-.374 0-.598.299-.598.672v17.406a.67.67 0 0 0 .672.672h11.654a3.5 3.5 0 0 1-.224-1.27m2.091-16.135h3.212v3.212h-3.212zm0 4.631h3.212v2.764h-3.212zM10.76 2.845h2.764v3.212H10.76zm0 4.631h2.764v2.764H10.76zm0 4.109h2.764v2.764H10.76zM5.232 18.98H2.02v-3.212h3.212zm0-4.631H2.02v-2.764h3.212zm0-4.109H2.02V7.476h3.212zm0-4.183H2.02V2.845h3.212zM9.415 18.98H6.651v-3.212h2.764zm0-4.631H6.651v-2.764h2.764zm0-4.109H6.651V7.476h2.764zm0-4.183H6.651V2.845h2.764z"
|
|
@@ -1780,14 +1786,14 @@ var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
|
|
|
1780
1786
|
})));
|
|
1781
1787
|
};
|
|
1782
1788
|
|
|
1783
|
-
var _path$
|
|
1784
|
-
function _extends$
|
|
1789
|
+
var _path$1f, _path2$j;
|
|
1790
|
+
function _extends$1h() { _extends$1h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1h.apply(this, arguments); }
|
|
1785
1791
|
var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
|
|
1786
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1792
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1h({
|
|
1787
1793
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1788
1794
|
width: 24,
|
|
1789
1795
|
height: 24
|
|
1790
|
-
}, props), _path$
|
|
1796
|
+
}, props), _path$1f || (_path$1f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1791
1797
|
fill: "#CCC",
|
|
1792
1798
|
fillRule: "evenodd",
|
|
1793
1799
|
d: "M12.852 18.98H10.76v-3.212h2.764a5 5 0 0 1 1.42-1.644v-2.54h3.211v1.27h.3c.373 0 .746.075 1.045.075V2.172a.67.67 0 0 0-.672-.672H1.348c-.374 0-.598.299-.598.672v17.406a.67.67 0 0 0 .672.672h11.654a3.5 3.5 0 0 1-.224-1.27m2.091-16.135h3.212v3.212h-3.212zm0 4.631h3.212v2.764h-3.212zM10.76 2.845h2.764v3.212H10.76zm0 4.631h2.764v2.764H10.76zm0 4.109h2.764v2.764H10.76zM5.232 18.98H2.02v-3.212h3.212zm0-4.631H2.02v-2.764h3.212zm0-4.109H2.02V7.476h3.212zm0-4.183H2.02V2.845h3.212zM9.415 18.98H6.651v-3.212h2.764zm0-4.631H6.651v-2.764h2.764zm0-4.109H6.651V7.476h2.764zm0-4.183H6.651V2.845h2.764z"
|
|
@@ -1797,39 +1803,39 @@ var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
|
|
|
1797
1803
|
})));
|
|
1798
1804
|
};
|
|
1799
1805
|
|
|
1800
|
-
var _path$
|
|
1801
|
-
function _extends$
|
|
1806
|
+
var _path$1e;
|
|
1807
|
+
function _extends$1g() { _extends$1g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1g.apply(this, arguments); }
|
|
1802
1808
|
var SvgIconGridDots3Large = function SvgIconGridDots3Large(props) {
|
|
1803
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1809
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1g({
|
|
1804
1810
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1805
1811
|
width: 24,
|
|
1806
1812
|
height: 24
|
|
1807
|
-
}, props), _path$
|
|
1813
|
+
}, props), _path$1e || (_path$1e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1808
1814
|
fillRule: "evenodd",
|
|
1809
1815
|
d: "M2.318 12.818c0-.452.366-.818.818-.818H4.5c.452 0 .818.366.818.818v1.364A.82.82 0 0 1 4.5 15H3.136a.82.82 0 0 1-.818-.818zm6.546 6.546c0-.452.366-.819.818-.819h1.363a.82.82 0 0 1 .819.819v1.363a.82.82 0 0 1-.819.819H9.682a.82.82 0 0 1-.818-.819zm-5.728-.819a.82.82 0 0 0-.818.819v1.363c0 .452.366.819.818.819H4.5a.82.82 0 0 0 .818-.819v-1.363a.82.82 0 0 0-.818-.819zM2.59 3.273c0-.452.367-.818.819-.818h17.455c.451 0 .818.366.818.818v17.454a.82.82 0 0 1-.818.819h-5.819a.82.82 0 0 1-.818-.819v-5h-5a.82.82 0 0 1-.818-.818v-5h-5a.82.82 0 0 1-.818-.818zM20.047 14.09h-4.182V9.909h4.181v4.182Zm-4.182 1.636v4.182h4.181v-4.182zM4.227 4.091H8.41v4.182H4.227V4.09Zm5.818 0v4.182h4.182V4.09h-4.182Zm5.819 4.182V4.09h4.181v4.182zm-5.819 1.636v4.182h4.182V9.909z"
|
|
1810
1816
|
})));
|
|
1811
1817
|
};
|
|
1812
1818
|
|
|
1813
|
-
var _path$
|
|
1814
|
-
function _extends$
|
|
1819
|
+
var _path$1d;
|
|
1820
|
+
function _extends$1f() { _extends$1f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1f.apply(this, arguments); }
|
|
1815
1821
|
var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
|
|
1816
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1822
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1f({
|
|
1817
1823
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1818
1824
|
width: 16,
|
|
1819
1825
|
height: 16
|
|
1820
|
-
}, props), _path$
|
|
1826
|
+
}, props), _path$1d || (_path$1d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1821
1827
|
d: "M7.641 1.493a.514.514 0 0 1 .718 0l6.653 6.481a.514.514 0 0 1-.359.883h-1.51v5.486c0 .284-.23.514-.514.514h-2.115a.514.514 0 0 1-.514-.514V11.37a.514.514 0 0 0-.514-.514H6.514A.514.514 0 0 0 6 11.37v2.972c0 .284-.23.514-.514.514H3.37a.514.514 0 0 1-.514-.514V8.857h-1.51a.514.514 0 0 1-.359-.883L7.64 1.493Z"
|
|
1822
1828
|
})));
|
|
1823
1829
|
};
|
|
1824
1830
|
|
|
1825
|
-
var _path$
|
|
1826
|
-
function _extends$
|
|
1831
|
+
var _path$1c, _path2$i;
|
|
1832
|
+
function _extends$1e() { _extends$1e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }
|
|
1827
1833
|
var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
|
|
1828
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1834
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1e({
|
|
1829
1835
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1830
1836
|
width: 24,
|
|
1831
1837
|
height: 24
|
|
1832
|
-
}, props), _path$
|
|
1838
|
+
}, props), _path$1c || (_path$1c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1833
1839
|
fillRule: "evenodd",
|
|
1834
1840
|
d: "M13.365 8.185c-.36.36-.857.566-1.364.566a1.935 1.935 0 0 1-1.926-1.926A1.923 1.923 0 0 1 12 4.899c.51 0 1.006.205 1.364.563.357.357.563.854.563 1.363 0 .507-.206 1.003-.563 1.36Zm-.852-1.88c-.267-.27-.757-.27-1.019-.003a.726.726 0 0 0 .507 1.245.728.728 0 0 0 .512-1.243Zm-.512 3.169c.663 0 1.635.425 1.685 1.375v6.571a1.687 1.687 0 0 1-3.371-.001v-6.564c.043-.898 1.036-1.381 1.686-1.381m-.452 7.603a.45.45 0 0 0 .9 0v-5.565c-.01-.19-.201-.45-.45-.45-.248 0-.44.248-.45.452z"
|
|
1835
1841
|
})), _path2$i || (_path2$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -1838,53 +1844,53 @@ var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
|
|
|
1838
1844
|
})));
|
|
1839
1845
|
};
|
|
1840
1846
|
|
|
1841
|
-
var _path$
|
|
1842
|
-
function _extends$
|
|
1847
|
+
var _path$1b;
|
|
1848
|
+
function _extends$1d() { _extends$1d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
|
|
1843
1849
|
var SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
|
|
1844
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1850
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1d({
|
|
1845
1851
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1846
1852
|
width: 16,
|
|
1847
1853
|
height: 16
|
|
1848
|
-
}, props), _path$
|
|
1854
|
+
}, props), _path$1b || (_path$1b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1849
1855
|
fillRule: "evenodd",
|
|
1850
1856
|
d: "M14.4 8A6.4 6.4 0 1 1 1.6 8a6.4 6.4 0 0 1 12.8 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.971 4.857a1.029 1.029 0 1 1 2.058 0 1.029 1.029 0 0 1-2.058 0m1.943 6.4a.914.914 0 1 1-1.828 0V7.943a.914.914 0 1 1 1.828 0z"
|
|
1851
1857
|
})));
|
|
1852
1858
|
};
|
|
1853
1859
|
|
|
1854
|
-
var _path$
|
|
1855
|
-
function _extends$
|
|
1860
|
+
var _path$1a;
|
|
1861
|
+
function _extends$1c() { _extends$1c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
|
|
1856
1862
|
var SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props) {
|
|
1857
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1863
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1c({
|
|
1858
1864
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1859
1865
|
width: 24,
|
|
1860
1866
|
height: 24
|
|
1861
|
-
}, props), _path$
|
|
1867
|
+
}, props), _path$1a || (_path$1a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1862
1868
|
fillRule: "evenodd",
|
|
1863
1869
|
d: "M19.649 4.803a10.48 10.48 0 0 1-.03 14.404l-.185.19a10.5 10.5 0 0 1-7.408 3.103 10.5 10.5 0 0 1-4.917-1.223 6.16 6.16 0 0 1-4.345.984 1.12 1.12 0 0 1-.92-.969 1.06 1.06 0 0 1 .616-1.121 3.5 3.5 0 0 0 1.448-1.498 10.48 10.48 0 0 1 1.146-14.55C9.305.377 15.765.678 19.65 4.803Zm-13.691.534a9.036 9.036 0 0 0-.724 12.62l.5.376-.247.528a6.1 6.1 0 0 1-1.448 2.019 5.07 5.07 0 0 0 2.607-1.028l.5-.376.412.384a9.07 9.07 0 0 0 10.723-1.277l.175-.17a9.036 9.036 0 0 0 .149-12.64 9.06 9.06 0 0 0-12.647-.436m4.64 5.05.153.01h2.014a1.63 1.63 0 0 1 1.643 1.607v.021q-.008.47-.072.934l-.058.369c-.116.766-.232 1.57-.355 2.293.34.055.648.236.862.506.282.352.383.814.275 1.252v.057a1.9 1.9 0 0 1-.391.767 3.06 3.06 0 0 1-2.317 1.215h-.044c-.354.01-.709-.02-1.057-.086a2.61 2.61 0 0 1-1.86-2.742c.05-.5.108-.991.187-1.447.08-.622.174-1.244.268-1.873a1.52 1.52 0 0 1-.803-1.527 1.484 1.484 0 0 1 1.245-1.345q.232-.022.463 0l-.154-.01Zm.074 1.24a1 1 0 0 0-.246 0 .246.246 0 0 0-.24.254.305.305 0 0 0 .182.333q.171.048.347.072c.275.036.362.16.362.492v.144q-.185 1.214-.347 2.417a23 23 0 0 0-.181 1.388c-.042.634.334 1.22.927 1.447q.38.064.767.05a1.85 1.85 0 0 0 1.448-.766.8.8 0 0 0 .152-.311c.037-.16-.043-.275-.159-.275h-.08c-.108.05-.202.123-.304.181a2 2 0 0 1-.398.13h-.036c-.13 0-.239-.094-.282-.275a1.5 1.5 0 0 1 0-.441c.029-.311.08-.608.123-.919.152-.911.29-1.844.427-2.756q.05-.36.058-.723c-.015-.297-.167-.441-.413-.441zm1.81-6.698a2.338 2.338 0 1 1-2.133 3.539 2.334 2.334 0 0 1 2.133-3.539m0 1.23a1.108 1.108 0 0 0-.82 1.881 1.109 1.109 0 0 0 1.9-.782 1.093 1.093 0 0 0-1.08-1.1Z"
|
|
1864
1870
|
})));
|
|
1865
1871
|
};
|
|
1866
1872
|
|
|
1867
|
-
var _path$
|
|
1868
|
-
function _extends$
|
|
1873
|
+
var _path$19;
|
|
1874
|
+
function _extends$1b() { _extends$1b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
|
|
1869
1875
|
var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
|
|
1870
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1876
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1b({
|
|
1871
1877
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1872
1878
|
width: 16,
|
|
1873
1879
|
height: 16
|
|
1874
|
-
}, props), _path$
|
|
1880
|
+
}, props), _path$19 || (_path$19 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1875
1881
|
fillRule: "evenodd",
|
|
1876
1882
|
d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m3.158-2.498c-.93.535-2.008.84-3.158.84a6.3 6.3 0 0 1-3.158-.84l1.8-1.8c.423.156.88.24 1.358.24.477 0 .935-.084 1.359-.24l1.8 1.8Zm2.344-2.344c.535-.93.84-2.008.84-3.158s-.305-2.228-.84-3.158l-1.8 1.8c.156.423.24.88.24 1.358s-.084.935-.24 1.36zm-2.344-8.66-1.799 1.8A3.9 3.9 0 0 0 8 4.058c-.478 0-.935.084-1.36.24l-1.798-1.8A6.3 6.3 0 0 1 8 1.658c1.15 0 2.229.305 3.159.84Zm-8.66 2.344A6.3 6.3 0 0 0 1.658 8c0 1.15.305 2.229.84 3.159l1.8-1.8A3.9 3.9 0 0 1 4.058 8c0-.477.084-.935.24-1.359zM8 10.286a2.286 2.286 0 1 0 0-4.572 2.286 2.286 0 0 0 0 4.572"
|
|
1877
1883
|
})));
|
|
1878
1884
|
};
|
|
1879
1885
|
|
|
1880
|
-
var _path$
|
|
1881
|
-
function _extends$
|
|
1886
|
+
var _path$18, _path2$h;
|
|
1887
|
+
function _extends$1a() { _extends$1a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
|
|
1882
1888
|
var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
|
|
1883
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1889
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1a({
|
|
1884
1890
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1885
1891
|
width: 24,
|
|
1886
1892
|
height: 24
|
|
1887
|
-
}, props), _path$
|
|
1893
|
+
}, props), _path$18 || (_path$18 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1888
1894
|
fillRule: "evenodd",
|
|
1889
1895
|
d: "M12.296 2.194c3.341.144 6.067 2.783 6.242 6.037a6.1 6.1 0 0 1-1.402 4.172c-.748.9-1.257 1.77-1.58 2.678l-.008.024v3.132c0 .39-.24.703-.57.835-.08.655-.676 2.695-1.294 2.695-.073.046-3.28.046-3.375 0-.672 0-1.213-2.028-1.293-2.673a.92.92 0 0 1-.571-.834v-3.155l-.008-.023c-.323-.908-.831-1.78-1.581-2.704a6.1 6.1 0 0 1-1.401-3.902c0-1.737.728-3.351 2.025-4.552 1.3-1.203 3.025-1.802 4.816-1.73m3.365 9.053a4.5 4.5 0 0 0 1.037-2.992c-.114-2.266-2.05-4.161-4.45-4.27a4.74 4.74 0 0 0-3.462 1.24c-.928.87-1.443 2.02-1.443 3.25 0 1.02.337 1.97.99 2.774.689.839 1.207 1.68 1.593 2.523h4.14c.387-.863.907-1.686 1.595-2.524Zm-1.977 6.094v-1.754H10.31v1.754h3.375Zm-2.489 2.748c.047.081 1.524.067 1.609 0 .11-.188.229-.717.275-.956h-2.164c.047.233.17.767.28.957Z"
|
|
1890
1896
|
})), _path2$h || (_path2$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -1892,87 +1898,87 @@ var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
|
|
|
1892
1898
|
})));
|
|
1893
1899
|
};
|
|
1894
1900
|
|
|
1895
|
-
var _path$
|
|
1896
|
-
function _extends$
|
|
1901
|
+
var _path$17;
|
|
1902
|
+
function _extends$19() { _extends$19 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
|
|
1897
1903
|
var SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
|
|
1898
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1904
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
|
|
1899
1905
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1900
1906
|
width: 16,
|
|
1901
1907
|
height: 16
|
|
1902
|
-
}, props), _path$
|
|
1908
|
+
}, props), _path$17 || (_path$17 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1903
1909
|
fillRule: "evenodd",
|
|
1904
1910
|
d: "M8.001 0a5.544 5.544 0 0 1 4.172 9.192l-.17.202c-.569.712-1.177 1.769-1.404 2.534l-.002.001-.002 2.31a.6.6 0 0 1-.06.268l-.045.08-.753 1.131a.63.63 0 0 1-.526.282h-2.42a.63.63 0 0 1-.526-.282l-.753-1.13a.63.63 0 0 1-.106-.35v-2.282c-.26-.881-.966-2.068-1.577-2.765l-.182-.219a5.5 5.5 0 0 1-1.19-3.428A5.524 5.524 0 0 1 8.001 0m0 1.754a3.773 3.773 0 0 0-3.788 3.79c.003.923.331 1.801.936 2.49l.259.309a9.5 9.5 0 0 1 1.678 3.11l-.076-.226 1.98.002c.32-.93.837-1.935 1.606-2.888l.258-.306a3.78 3.78 0 0 0 .937-2.491c0-2.09-1.7-3.79-3.79-3.79m.283 1.586a.882.882 0 1 1 0 1.765l-.107.008a.724.724 0 0 0-.615.714l-.008.12a.882.882 0 0 1-1.756-.12A2.49 2.49 0 0 1 8.284 3.34"
|
|
1905
1911
|
})));
|
|
1906
1912
|
};
|
|
1907
1913
|
|
|
1908
|
-
var _path$
|
|
1909
|
-
function _extends$
|
|
1914
|
+
var _path$16;
|
|
1915
|
+
function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
|
|
1910
1916
|
var SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(props) {
|
|
1911
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1917
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
|
|
1912
1918
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1913
1919
|
width: 16,
|
|
1914
1920
|
height: 16
|
|
1915
|
-
}, props), _path$
|
|
1921
|
+
}, props), _path$16 || (_path$16 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1916
1922
|
d: "M8.23 10.418a.987.987 0 1 0 0-1.973H4.26a.987.987 0 1 0 0 1.973zm4.118 0a.987.987 0 1 0 0-1.973h-1.685a.987.987 0 1 0 0 1.973h1.684ZM4.115 7.575a.987.987 0 0 0 0-1.974H2.43a.987.987 0 1 0 0 1.974zm6.403-.007a.987.987 0 0 0 0-1.974h-3.97a.987.987 0 0 0 0 1.974zm-4.72-2.836a.987.987 0 0 0 0-1.974H4.113a.987.987 0 0 0 0 1.974zm6.399 0a.987.987 0 0 0 0-1.974h-3.97a.987.987 0 1 0 0 1.974zm1.927 8.544a.987.987 0 0 0 0-1.974H2.111a.987.987 0 0 0 0 1.974z"
|
|
1917
1923
|
})));
|
|
1918
1924
|
};
|
|
1919
1925
|
|
|
1920
|
-
var _path$
|
|
1921
|
-
function _extends$
|
|
1926
|
+
var _path$15;
|
|
1927
|
+
function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
|
|
1922
1928
|
var SvgIconLinesHorizontal3Large = function SvgIconLinesHorizontal3Large(props) {
|
|
1923
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1929
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
|
|
1924
1930
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1925
1931
|
width: 24,
|
|
1926
1932
|
height: 24
|
|
1927
|
-
}, props), _path$
|
|
1933
|
+
}, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1928
1934
|
fillRule: "evenodd",
|
|
1929
1935
|
d: "M23.006 12.206c0 .802-.65 1.452-1.451 1.452H2.172a1.452 1.452 0 0 1 0-2.904h19.383c.801 0 1.451.65 1.451 1.452m0-6.983a1.45 1.45 0 0 1-1.451 1.451H2.172a1.452 1.452 0 0 1 0-2.903h19.383c.801 0 1.451.65 1.451 1.452m0 13.966c0 .802-.65 1.452-1.451 1.452H2.172a1.452 1.452 0 0 1 0-2.903h19.383c.801 0 1.451.65 1.451 1.451"
|
|
1930
1936
|
})));
|
|
1931
1937
|
};
|
|
1932
1938
|
|
|
1933
|
-
var _path$
|
|
1934
|
-
function _extends$
|
|
1939
|
+
var _path$14;
|
|
1940
|
+
function _extends$16() { _extends$16 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
|
|
1935
1941
|
var SvgIconLinesHorizontal3Small = function SvgIconLinesHorizontal3Small(props) {
|
|
1936
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1942
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
|
|
1937
1943
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1938
1944
|
width: 16,
|
|
1939
1945
|
height: 16
|
|
1940
|
-
}, props), _path$
|
|
1946
|
+
}, props), _path$14 || (_path$14 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1941
1947
|
fillRule: "evenodd",
|
|
1942
1948
|
d: "M15.337 8.137a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.935H14.37c.534 0 .967.433.967.967m0-4.655a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.936H14.37c.534 0 .967.434.967.968m0 9.31a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.935H14.37c.534 0 .967.433.967.968Z"
|
|
1943
1949
|
})));
|
|
1944
1950
|
};
|
|
1945
1951
|
|
|
1946
|
-
var _path$
|
|
1947
|
-
function _extends$
|
|
1952
|
+
var _path$13;
|
|
1953
|
+
function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
|
|
1948
1954
|
var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
|
|
1949
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1955
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
|
|
1950
1956
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1951
1957
|
width: 16,
|
|
1952
1958
|
height: 16
|
|
1953
|
-
}, props), _path$
|
|
1959
|
+
}, props), _path$13 || (_path$13 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1954
1960
|
fillRule: "evenodd",
|
|
1955
1961
|
d: "M9.813 6.188a3.9 3.9 0 0 1 0 5.517L8.088 13.43a3.906 3.906 0 0 1-5.518 0 3.906 3.906 0 0 1 0-5.518l.952-.952a.41.41 0 0 1 .7.272c.017.455.099.912.25 1.354a.41.41 0 0 1-.098.426l-.336.336c-.719.72-.742 1.89-.03 2.617a1.85 1.85 0 0 0 2.627.013l1.725-1.724a1.848 1.848 0 0 0-.265-2.834.41.41 0 0 1-.178-.324c-.01-.271.086-.55.3-.765l.54-.54a.41.41 0 0 1 .529-.045q.282.198.527.441ZM13.43 2.57a3.906 3.906 0 0 0-5.518 0L6.187 4.295a3.9 3.9 0 0 0 .527 5.96.41.41 0 0 0 .529-.045l.54-.541c.214-.214.31-.494.3-.765a.41.41 0 0 0-.178-.324 1.848 1.848 0 0 1-.265-2.834l1.724-1.724a1.85 1.85 0 0 1 2.627.013c.713.726.69 1.898-.03 2.617l-.335.336a.41.41 0 0 0-.098.426c.151.442.232.899.25 1.354a.41.41 0 0 0 .7.272l.952-.953a3.906 3.906 0 0 0 0-5.517"
|
|
1956
1962
|
})));
|
|
1957
1963
|
};
|
|
1958
1964
|
|
|
1959
|
-
var _path$
|
|
1960
|
-
function _extends$
|
|
1965
|
+
var _path$12;
|
|
1966
|
+
function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
|
|
1961
1967
|
var SvgIconListSmall = function SvgIconListSmall(props) {
|
|
1962
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1968
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
|
|
1963
1969
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1964
1970
|
width: 16,
|
|
1965
1971
|
height: 16
|
|
1966
|
-
}, props), _path$
|
|
1972
|
+
}, props), _path$12 || (_path$12 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1967
1973
|
fillRule: "evenodd",
|
|
1968
1974
|
d: "M2.2 11.229a1.486 1.486 0 1 1 0 2.971 1.486 1.486 0 0 1 0-2.971m12.242.428c.262 0 .49.169.579.423l.027.1.01.106v.857c0 .261-.158.49-.402.586l-.11.033-.104.01H6.13a.615.615 0 0 1-.58-.424l-.026-.1-.01-.105v-.857c0-.261.158-.49.402-.586l.11-.033.104-.01zm-12.242-5a1.486 1.486 0 1 1 0 2.972 1.486 1.486 0 0 1 0-2.972m12.242.429c.262 0 .49.168.579.423l.027.1.01.105v.857a.63.63 0 0 1-.402.587l-.11.032-.104.01H6.13a.615.615 0 0 1-.58-.423l-.026-.1-.01-.106v-.857c0-.26.158-.49.402-.586l.11-.032.104-.01zm-12.242-5a1.486 1.486 0 1 1 0 2.971 1.486 1.486 0 0 1 0-2.971m12.242.428c.262 0 .49.169.579.424l.027.099.01.106V4c0 .261-.158.49-.402.586l-.11.033-.104.01H6.13a.615.615 0 0 1-.58-.424l-.026-.1L5.514 4v-.857c0-.261.158-.49.402-.586l.11-.033.104-.01z"
|
|
1969
1975
|
})));
|
|
1970
1976
|
};
|
|
1971
1977
|
|
|
1972
1978
|
var _animateTransform$1, _animate$1, _animateTransform2$1, _animate2$1, _animateTransform3$1, _animate3$1, _animateTransform4$1, _animate4$1, _animateTransform5$1, _animate5$1, _animateTransform6$1, _animate6$1, _animateTransform7$1, _animate7$1, _animateTransform8$1, _animate8$1, _animateTransform9$1, _animate9$1;
|
|
1973
|
-
function _extends$
|
|
1979
|
+
function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
|
|
1974
1980
|
var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
|
|
1975
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1981
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
|
|
1976
1982
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1977
1983
|
width: 24,
|
|
1978
1984
|
height: 24
|
|
@@ -2142,9 +2148,9 @@ var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
|
|
|
2142
2148
|
};
|
|
2143
2149
|
|
|
2144
2150
|
var _animateTransform, _animate, _animateTransform2, _animate2, _animateTransform3, _animate3, _animateTransform4, _animate4, _animateTransform5, _animate5, _animateTransform6, _animate6, _animateTransform7, _animate7, _animateTransform8, _animate8, _animateTransform9, _animate9;
|
|
2145
|
-
function _extends$
|
|
2151
|
+
function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
|
|
2146
2152
|
var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
|
|
2147
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2153
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
|
|
2148
2154
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2149
2155
|
width: 16,
|
|
2150
2156
|
height: 16
|
|
@@ -2313,14 +2319,14 @@ var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
|
|
|
2313
2319
|
}))));
|
|
2314
2320
|
};
|
|
2315
2321
|
|
|
2316
|
-
var _path
|
|
2317
|
-
function _extends
|
|
2322
|
+
var _path$11, _path2$g;
|
|
2323
|
+
function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
|
|
2318
2324
|
var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
|
|
2319
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends
|
|
2325
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
|
|
2320
2326
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2321
2327
|
width: 16,
|
|
2322
2328
|
height: 16
|
|
2323
|
-
}, props), _path
|
|
2329
|
+
}, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2324
2330
|
d: "M8 3.733c-1.067 0-1.92.854-1.92 1.92v.96h3.733v-.96C9.92 4.587 9.067 3.733 8 3.733m0 4.374c-.427 0-.64.32-.64.64q0 .32.32.64v.96q0 .32.32.32t.32-.32v-.96q.32-.16.32-.64c.107-.32-.213-.64-.64-.64"
|
|
2325
2331
|
})), _path2$g || (_path2$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2326
2332
|
fillRule: "evenodd",
|
|
@@ -2328,325 +2334,351 @@ var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
|
|
|
2328
2334
|
})));
|
|
2329
2335
|
};
|
|
2330
2336
|
|
|
2331
|
-
var _path$
|
|
2332
|
-
function _extends$
|
|
2337
|
+
var _path$10;
|
|
2338
|
+
function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
|
|
2333
2339
|
var SvgIconLockLarge = function SvgIconLockLarge(props) {
|
|
2334
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2340
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
|
|
2335
2341
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2336
2342
|
width: 24,
|
|
2337
2343
|
height: 24
|
|
2338
|
-
}, props), _path$
|
|
2344
|
+
}, props), _path$10 || (_path$10 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2339
2345
|
fillRule: "evenodd",
|
|
2340
2346
|
d: "M15.624 8.43V6.643a3.624 3.624 0 0 0-7.248 0v1.785H6.643V6.644a5.357 5.357 0 1 1 10.714 0v1.785zm2.188 1.733H6.188a.79.79 0 0 0-.788.787v9.244c0 .435.353.788.788.788h11.624a.79.79 0 0 0 .788-.788v-9.243a.79.79 0 0 0-.788-.788M6.188 8.429a2.52 2.52 0 0 0-2.521 2.521v9.244a2.52 2.52 0 0 0 2.52 2.521h11.625a2.52 2.52 0 0 0 2.521-2.52V10.95a2.52 2.52 0 0 0-2.52-2.52zm6.685 7.04c.432-.304.742-.806.742-1.32 0-.821-.793-1.614-1.615-1.614s-1.615.793-1.615 1.615c0 .513.31 1.015.742 1.32v2.4c0 .41.462.74.873.74.41 0 .873-.33.873-.74v-2.4Z"
|
|
2341
2347
|
})));
|
|
2342
2348
|
};
|
|
2343
2349
|
|
|
2350
|
+
var _path$$;
|
|
2351
|
+
function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
|
|
2352
|
+
var SvgIconLockSmall = function SvgIconLockSmall(props) {
|
|
2353
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
|
|
2354
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2355
|
+
width: 16,
|
|
2356
|
+
height: 16
|
|
2357
|
+
}, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2358
|
+
fillRule: "evenodd",
|
|
2359
|
+
d: "M7.826 1.143a4.237 4.237 0 0 1 4.219 4.007l.005.217v1.066l.027.005a1.6 1.6 0 0 1 1.261 1.26l.022.15.007.152v5.266c0 .824-.634 1.506-1.438 1.584l-.153.007h-7.9a1.595 1.595 0 0 1-1.583-1.438l-.007-.153V8c0-.721.485-1.333 1.145-1.527l.144-.035.027-.005V5.367a4.24 4.24 0 0 1 3.794-4.202l.214-.017zm0 7.255c-.844 0-1.547.642-1.547 1.448l.01.16.028.154c.06.251.183.472.36.653l.104.094.001.907c0 .56.47.995 1.044.995l.13-.008.13-.025c.46-.115.784-.498.784-.962V10.9l.101-.095a1.37 1.37 0 0 0 .403-.96c0-.806-.703-1.448-1.548-1.448Zm0-5.39c-1.24 0-2.266.972-2.353 2.191l-.006.168v1.042h4.718V5.367c0-1.24-.972-2.266-2.19-2.353z"
|
|
2360
|
+
})));
|
|
2361
|
+
};
|
|
2362
|
+
|
|
2363
|
+
var _path$_;
|
|
2364
|
+
function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
|
|
2365
|
+
var SvgIconMinusSmall = function SvgIconMinusSmall(props) {
|
|
2366
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
|
|
2367
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2368
|
+
width: 16,
|
|
2369
|
+
height: 16
|
|
2370
|
+
}, props), _path$_ || (_path$_ = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2371
|
+
d: "M14.857 8.006a1 1 0 0 0-1-1H2.143a1 1 0 1 0 0 2h11.714a1 1 0 0 0 1-1"
|
|
2372
|
+
})));
|
|
2373
|
+
};
|
|
2374
|
+
|
|
2344
2375
|
var _path$Z;
|
|
2345
2376
|
function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
|
|
2346
|
-
var
|
|
2377
|
+
var SvgIconOpenSmall = function SvgIconOpenSmall(props) {
|
|
2347
2378
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
|
|
2348
2379
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2349
2380
|
width: 16,
|
|
2350
2381
|
height: 16
|
|
2351
2382
|
}, props), _path$Z || (_path$Z = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2352
2383
|
fillRule: "evenodd",
|
|
2353
|
-
d: "
|
|
2384
|
+
d: "M9.968 1.977c0-.58.47-1.051 1.052-1.051h3.014c.582 0 1.052.471 1.052 1.051v3.014a1.051 1.051 0 1 1-2.103 0V4.39L7.717 9.28a1.051 1.051 0 0 1-1.433-1.54l5.072-4.71h-.336a1.05 1.05 0 0 1-1.052-1.052Zm-8.308.41a2.17 2.17 0 0 1 1.322-.457h3.466a1.051 1.051 0 1 1 0 2.103h-3.42v8.95h8.95V9.062a1.051 1.051 0 1 1 2.104 0v3.967c0 .723-.304 1.258-.735 1.6a2.17 2.17 0 0 1-1.322.457H2.982c-.723 0-1.257-.304-1.599-.735a2.17 2.17 0 0 1-.457-1.322V3.986c0-.722.303-1.257.734-1.598Z"
|
|
2354
2385
|
})));
|
|
2355
2386
|
};
|
|
2356
2387
|
|
|
2357
2388
|
var _path$Y;
|
|
2358
2389
|
function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
|
|
2359
|
-
var
|
|
2390
|
+
var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
|
|
2360
2391
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
|
|
2361
2392
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2362
|
-
width:
|
|
2363
|
-
height:
|
|
2393
|
+
width: 24,
|
|
2394
|
+
height: 24
|
|
2364
2395
|
}, props), _path$Y || (_path$Y = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2365
|
-
|
|
2396
|
+
fillRule: "evenodd",
|
|
2397
|
+
d: "M11.393 12.325a.8.8 0 0 1 .739-.264 5.06 5.06 0 0 1 3.349 2.163c.479.38 1.168.64 1.821.69.154.023.207.034.368.034.162-.008.132-.006.362-.033.835-.066 1.735-.469 2.17-1.034a.81.81 0 0 1 .844-.29C22.76 14.039 24 15.7 24 17.547v1.582a2.364 2.364 0 0 1-2.374 2.374H2.374A2.364 2.364 0 0 1 0 19.129V17.1a5.07 5.07 0 0 1 4.22-5.012.78.78 0 0 1 .738.264 4.2 4.2 0 0 0 3.218 1.503c1.24 0 2.426-.553 3.217-1.53m9.653 2.98c-.863.79-2.16 1.249-3.379 1.209a4.9 4.9 0 0 1-1.37-.16c.033.236.055.474.055.718v2.057c0 .279-.05.544-.136.791h5.41a.777.777 0 0 0 .792-.79v-1.583c0-.95-.58-1.847-1.372-2.242M4.088 13.723a3.48 3.48 0 0 0-2.506 3.349v2.057c0 .448.343.791.792.791h11.604a.777.777 0 0 0 .791-.79v-2.032a3.48 3.48 0 0 0-2.505-3.35 5.74 5.74 0 0 1-4.088 1.689 5.66 5.66 0 0 1-4.088-1.714M17.67 6.654a3.42 3.42 0 0 1 3.429 3.429v.185a3.42 3.42 0 0 1-3.429 3.428 3.44 3.44 0 0 1-3.428-3.428v-.185a3.42 3.42 0 0 1 3.428-3.429m0 1.556a1.835 1.835 0 0 0-1.846 1.847v.184c0 1.029.818 1.846 1.846 1.846a1.835 1.835 0 0 0 1.846-1.846v-.184A1.835 1.835 0 0 0 17.67 8.21M8.176 2.25a4.76 4.76 0 0 1 4.747 4.747 4.76 4.76 0 0 1-4.747 4.748 4.76 4.76 0 0 1-4.747-4.748A4.76 4.76 0 0 1 8.176 2.25m0 1.582A3.174 3.174 0 0 0 5.01 6.997a3.174 3.174 0 0 0 3.165 3.165 3.174 3.174 0 0 0 3.165-3.165 3.174 3.174 0 0 0-3.165-3.165Z"
|
|
2366
2398
|
})));
|
|
2367
2399
|
};
|
|
2368
2400
|
|
|
2369
2401
|
var _path$X;
|
|
2370
2402
|
function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
|
|
2371
|
-
var
|
|
2403
|
+
var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
|
|
2372
2404
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
|
|
2373
2405
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2374
2406
|
width: 16,
|
|
2375
2407
|
height: 16
|
|
2376
2408
|
}, props), _path$X || (_path$X = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2377
2409
|
fillRule: "evenodd",
|
|
2378
|
-
d: "
|
|
2410
|
+
d: "m7.999 8.817.089.01.03.005.026.01-.096-.02a3.4 3.4 0 0 1 2.813 3.363v1.353c0 .816-.604 1.48-1.393 1.572l-.15.01H1.583a1.574 1.574 0 0 1-1.575-1.428L0 13.538v-1.353a3.38 3.38 0 0 1 2.813-3.341l.095-.009a.52.52 0 0 1 .397.185l.079.09-.079-.09a2.75 2.75 0 0 0 1.114.804 3 3 0 0 0 .511.149l.091.016.02.003a2.76 2.76 0 0 0 2.554-.99.53.53 0 0 1 .493-.176zm5.927 1.013.105.016c1.143.299 1.969 1.407 1.969 2.637v1.055c0 .88-.703 1.583-1.582 1.583H12.17c.26-.47.405-1.01.405-1.583v-1.353l-.006-.248a5.1 5.1 0 0 0-.22-1.26c.45-.101.885-.334 1.118-.637a.54.54 0 0 1 .563-.194l-.105-.016ZM5.45 7.758a3.174 3.174 0 0 0 3.164-3.165A3.174 3.174 0 0 0 5.451 1.43a3.174 3.174 0 0 0-3.165 3.164A3.174 3.174 0 0 0 5.45 7.758m6.33 1.016a2.28 2.28 0 0 0 2.285-2.286v-.123a2.28 2.28 0 0 0-2.286-2.286 2.28 2.28 0 0 0-2.285 2.286v.123a2.29 2.29 0 0 0 2.285 2.286Z"
|
|
2379
2411
|
})));
|
|
2380
2412
|
};
|
|
2381
2413
|
|
|
2382
2414
|
var _path$W;
|
|
2383
2415
|
function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
|
|
2384
|
-
var
|
|
2416
|
+
var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
|
|
2385
2417
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
|
|
2386
2418
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2387
|
-
width:
|
|
2388
|
-
height:
|
|
2419
|
+
width: 16,
|
|
2420
|
+
height: 16
|
|
2389
2421
|
}, props), _path$W || (_path$W = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2390
|
-
|
|
2391
|
-
d: "M11.393 12.325a.8.8 0 0 1 .739-.264 5.06 5.06 0 0 1 3.349 2.163c.479.38 1.168.64 1.821.69.154.023.207.034.368.034.162-.008.132-.006.362-.033.835-.066 1.735-.469 2.17-1.034a.81.81 0 0 1 .844-.29C22.76 14.039 24 15.7 24 17.547v1.582a2.364 2.364 0 0 1-2.374 2.374H2.374A2.364 2.364 0 0 1 0 19.129V17.1a5.07 5.07 0 0 1 4.22-5.012.78.78 0 0 1 .738.264 4.2 4.2 0 0 0 3.218 1.503c1.24 0 2.426-.553 3.217-1.53m9.653 2.98c-.863.79-2.16 1.249-3.379 1.209a4.9 4.9 0 0 1-1.37-.16c.033.236.055.474.055.718v2.057c0 .279-.05.544-.136.791h5.41a.777.777 0 0 0 .792-.79v-1.583c0-.95-.58-1.847-1.372-2.242M4.088 13.723a3.48 3.48 0 0 0-2.506 3.349v2.057c0 .448.343.791.792.791h11.604a.777.777 0 0 0 .791-.79v-2.032a3.48 3.48 0 0 0-2.505-3.35 5.74 5.74 0 0 1-4.088 1.689 5.66 5.66 0 0 1-4.088-1.714M17.67 6.654a3.42 3.42 0 0 1 3.429 3.429v.185a3.42 3.42 0 0 1-3.429 3.428 3.44 3.44 0 0 1-3.428-3.428v-.185a3.42 3.42 0 0 1 3.428-3.429m0 1.556a1.835 1.835 0 0 0-1.846 1.847v.184c0 1.029.818 1.846 1.846 1.846a1.835 1.835 0 0 0 1.846-1.846v-.184A1.835 1.835 0 0 0 17.67 8.21M8.176 2.25a4.76 4.76 0 0 1 4.747 4.747 4.76 4.76 0 0 1-4.747 4.748 4.76 4.76 0 0 1-4.747-4.748A4.76 4.76 0 0 1 8.176 2.25m0 1.582A3.174 3.174 0 0 0 5.01 6.997a3.174 3.174 0 0 0 3.165 3.165 3.174 3.174 0 0 0 3.165-3.165 3.174 3.174 0 0 0-3.165-3.165Z"
|
|
2422
|
+
d: "m14.021 2.383-.404-.404a1.143 1.143 0 0 0-1.616 0L1.979 12a1.143 1.143 0 0 0 0 1.616l.404.404c.446.447 1.17.447 1.616 0L14.021 4a1.143 1.143 0 0 0 0-1.616Zm-1.477 11.876a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0 0 0 0 3.428m-7.371-10.8a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.43 0Z"
|
|
2392
2423
|
})));
|
|
2393
2424
|
};
|
|
2394
2425
|
|
|
2395
2426
|
var _path$V;
|
|
2396
2427
|
function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
|
|
2397
|
-
var
|
|
2428
|
+
var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
|
|
2398
2429
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
|
|
2399
2430
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2400
|
-
width:
|
|
2401
|
-
height:
|
|
2431
|
+
width: 24,
|
|
2432
|
+
height: 24
|
|
2402
2433
|
}, props), _path$V || (_path$V = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2403
|
-
|
|
2404
|
-
d: "m7.999 8.817.089.01.03.005.026.01-.096-.02a3.4 3.4 0 0 1 2.813 3.363v1.353c0 .816-.604 1.48-1.393 1.572l-.15.01H1.583a1.574 1.574 0 0 1-1.575-1.428L0 13.538v-1.353a3.38 3.38 0 0 1 2.813-3.341l.095-.009a.52.52 0 0 1 .397.185l.079.09-.079-.09a2.75 2.75 0 0 0 1.114.804 3 3 0 0 0 .511.149l.091.016.02.003a2.76 2.76 0 0 0 2.554-.99.53.53 0 0 1 .493-.176zm5.927 1.013.105.016c1.143.299 1.969 1.407 1.969 2.637v1.055c0 .88-.703 1.583-1.582 1.583H12.17c.26-.47.405-1.01.405-1.583v-1.353l-.006-.248a5.1 5.1 0 0 0-.22-1.26c.45-.101.885-.334 1.118-.637a.54.54 0 0 1 .563-.194l-.105-.016ZM5.45 7.758a3.174 3.174 0 0 0 3.164-3.165A3.174 3.174 0 0 0 5.451 1.43a3.174 3.174 0 0 0-3.165 3.164A3.174 3.174 0 0 0 5.45 7.758m6.33 1.016a2.28 2.28 0 0 0 2.285-2.286v-.123a2.28 2.28 0 0 0-2.286-2.286 2.28 2.28 0 0 0-2.285 2.286v.123a2.29 2.29 0 0 0 2.285 2.286Z"
|
|
2434
|
+
d: "M20.175 17.1c0-2.475-1.8-4.575-4.2-5.025-.3-.075-.525.075-.75.3a4.13 4.13 0 0 1-3.225 1.5c-1.275 0-2.4-.525-3.225-1.5-.15-.225-.45-.3-.75-.3a5.07 5.07 0 0 0-4.2 5.025v2.175c0 .182.035.396.075.525.3.975 1.2 1.725 2.25 1.725h11.625c1.05 0 2.1-.525 2.325-1.725.056-.3.075-.345.075-.525 0-.826-.03-1.35 0-2.175M18.6 19.125c0 .45-.375.825-.825.825H6.225a.83.83 0 0 1-.825-.825V17.1a3.56 3.56 0 0 1 2.475-3.375c.9.9 2.025 1.425 3.225 1.65.3.075.6.075.9.075s.6 0 .9-.075c1.2-.15 2.325-.75 3.225-1.65 1.5.45 2.475 1.8 2.475 3.375zm-6.6-7.35c2.625 0 4.725-2.1 4.725-4.725s-2.1-4.8-4.725-4.8a4.705 4.705 0 0 0-4.725 4.725c0 2.625 2.1 4.8 4.725 4.8m0-7.95a3.17 3.17 0 0 1 3.15 3.15 3.17 3.17 0 0 1-3.15 3.15 3.17 3.17 0 0 1-3.15-3.15A3.17 3.17 0 0 1 12 3.825"
|
|
2405
2435
|
})));
|
|
2406
2436
|
};
|
|
2407
2437
|
|
|
2408
2438
|
var _path$U;
|
|
2409
2439
|
function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
|
|
2410
|
-
var
|
|
2440
|
+
var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
|
|
2411
2441
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
|
|
2412
2442
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2413
2443
|
width: 16,
|
|
2414
2444
|
height: 16
|
|
2415
2445
|
}, props), _path$U || (_path$U = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2416
|
-
d: "
|
|
2446
|
+
d: "M11.2 4.571a3.2 3.2 0 1 1-6.4 0 3.2 3.2 0 0 1 6.4 0m-.997 4.425c.107-.11.232-.237.426-.196 1.6.343 2.742 1.714 2.742 3.429V13.6c0 .8-.516 1.6-1.371 1.6H4c-.893 0-1.371-.8-1.371-1.6v-1.371c0-1.715 1.142-3.086 2.742-3.429.192-.041.321.09.43.2l.028.029A2.82 2.82 0 0 0 8 10.057c.8 0 1.6-.457 2.171-1.028z"
|
|
2417
2447
|
})));
|
|
2418
2448
|
};
|
|
2419
2449
|
|
|
2420
2450
|
var _path$T;
|
|
2421
2451
|
function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
|
|
2422
|
-
var
|
|
2452
|
+
var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
|
|
2423
2453
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
|
|
2424
2454
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2425
|
-
width:
|
|
2426
|
-
height:
|
|
2455
|
+
width: 16,
|
|
2456
|
+
height: 16
|
|
2427
2457
|
}, props), _path$T || (_path$T = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2428
|
-
|
|
2458
|
+
fillRule: "evenodd",
|
|
2459
|
+
d: "m3.238 9.721 3.646 5.338a1.279 1.279 0 0 0 2.232 0l3.646-5.338c.23-.413.52-.998.754-1.614.222-.584.45-1.332.45-2.023C13.966 2.84 11.251.286 8 .286c-3.25 0-5.966 2.552-5.966 5.798 0 .691.228 1.439.45 2.023.235.616.523 1.201.754 1.614M8 9.181a2.93 2.93 0 1 0 0-5.859 2.93 2.93 0 0 0 0 5.86Z"
|
|
2429
2460
|
})));
|
|
2430
2461
|
};
|
|
2431
2462
|
|
|
2432
2463
|
var _path$S;
|
|
2433
2464
|
function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
|
|
2434
|
-
var
|
|
2465
|
+
var SvgIconPinSmall = function SvgIconPinSmall(props) {
|
|
2435
2466
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
|
|
2436
2467
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2437
2468
|
width: 16,
|
|
2438
2469
|
height: 16
|
|
2439
2470
|
}, props), _path$S || (_path$S = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2440
|
-
d: "
|
|
2471
|
+
d: "M10.687 7.273h-.16a.16.16 0 0 1-.158-.14l-.353-2.741a.29.29 0 0 1 .29-.335c.285.003.567 0 .748-.233a1.82 1.82 0 0 0 .368-1.179c-.016-.432-.027-.681-.302-.98-.274-.3-.55-.466-.93-.465H5.77c-.38-.001-.59.165-.864.465-.274.299-.352.548-.368.98a1.82 1.82 0 0 0 .368 1.179c.181.232.463.236.748.233a.29.29 0 0 1 .29.335L5.59 7.133a.16.16 0 0 1-.159.14h-.159c-.39 0-.965.377-1.241.692s-.472.621-.472 1.066v.559c0 .176.143.32.32.32h2.963a.08.08 0 0 1 .08.08v3.673a.32.32 0 0 0 .1.232l.737.697a.32.32 0 0 0 .44 0l.737-.697a.32.32 0 0 0 .1-.232V9.99a.08.08 0 0 1 .08-.08h2.963a.32.32 0 0 0 .32-.32v-.56c0-.445-.195-.752-.472-1.066s-.85-.692-1.241-.692Z"
|
|
2441
2472
|
})));
|
|
2442
2473
|
};
|
|
2443
2474
|
|
|
2444
|
-
var _path$R;
|
|
2475
|
+
var _path$R, _path2$f;
|
|
2445
2476
|
function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
|
|
2446
|
-
var
|
|
2477
|
+
var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
|
|
2447
2478
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
|
|
2448
2479
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2449
|
-
width:
|
|
2450
|
-
height:
|
|
2480
|
+
width: 24,
|
|
2481
|
+
height: 24
|
|
2451
2482
|
}, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2452
2483
|
fillRule: "evenodd",
|
|
2453
|
-
d: "
|
|
2484
|
+
d: "M12 20.333a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10"
|
|
2485
|
+
})), _path2$f || (_path2$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2486
|
+
fillRule: "evenodd",
|
|
2487
|
+
d: "m15.333 12.333-5.5-3.175v6.35zm1.334 1.155a1.333 1.333 0 0 0 0-2.31l-6.5-3.752c-.89-.513-2 .128-2 1.155v7.505a1.333 1.333 0 0 0 2 1.155z"
|
|
2454
2488
|
})));
|
|
2455
2489
|
};
|
|
2456
2490
|
|
|
2457
2491
|
var _path$Q;
|
|
2458
2492
|
function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
|
|
2459
|
-
var
|
|
2493
|
+
var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
|
|
2460
2494
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
|
|
2461
2495
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2462
2496
|
width: 16,
|
|
2463
2497
|
height: 16
|
|
2464
2498
|
}, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2465
|
-
|
|
2499
|
+
fillRule: "evenodd",
|
|
2500
|
+
d: "M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1.951A6.056 6.056 0 0 0 1.951 8 6.056 6.056 0 0 0 8 14.049 6.056 6.056 0 0 0 14.049 8 6.056 6.056 0 0 0 8 1.951m0 2.732c.497 0 .908.372.968.853l.008.123-.002 1.365h1.367c.456 0 .84.313.946.736l.022.118.008.122a.976.976 0 0 1-.853.968l-.123.008H8.974l.002 1.365a.976.976 0 0 1-.736.946l-.118.022-.122.008a.976.976 0 0 1-.968-.853l-.008-.123V8.976H5.66a.976.976 0 0 1-.946-.736l-.022-.118L4.683 8c0-.497.372-.908.853-.968l.123-.008h1.365V5.66c0-.456.313-.84.736-.946l.118-.022z"
|
|
2466
2501
|
})));
|
|
2467
2502
|
};
|
|
2468
2503
|
|
|
2469
|
-
var _path$P
|
|
2504
|
+
var _path$P;
|
|
2470
2505
|
function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
|
|
2471
|
-
var
|
|
2506
|
+
var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
|
|
2472
2507
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
|
|
2473
2508
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2474
|
-
width:
|
|
2475
|
-
height:
|
|
2509
|
+
width: 16,
|
|
2510
|
+
height: 16
|
|
2476
2511
|
}, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2477
2512
|
fillRule: "evenodd",
|
|
2478
|
-
d: "
|
|
2479
|
-
})), _path2$f || (_path2$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2480
|
-
fillRule: "evenodd",
|
|
2481
|
-
d: "m15.333 12.333-5.5-3.175v6.35zm1.334 1.155a1.333 1.333 0 0 0 0-2.31l-6.5-3.752c-.89-.513-2 .128-2 1.155v7.505a1.333 1.333 0 0 0 2 1.155z"
|
|
2513
|
+
d: "M8 1.143a1 1 0 0 1 1 1V7h4.857a1 1 0 1 1 0 2H9v4.857a1 1 0 1 1-2 0V9H2.143a1 1 0 0 1 0-2H7V2.143a1 1 0 0 1 1-1"
|
|
2482
2514
|
})));
|
|
2483
2515
|
};
|
|
2484
2516
|
|
|
2485
|
-
var _path$O;
|
|
2517
|
+
var _path$O, _path2$e;
|
|
2486
2518
|
function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
|
|
2487
|
-
var
|
|
2519
|
+
var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
|
|
2488
2520
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
|
|
2489
2521
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2490
|
-
width:
|
|
2491
|
-
height:
|
|
2522
|
+
width: 24,
|
|
2523
|
+
height: 24
|
|
2492
2524
|
}, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2525
|
+
fill: "#CCC",
|
|
2493
2526
|
fillRule: "evenodd",
|
|
2494
|
-
d: "
|
|
2527
|
+
d: "M21.828 5.775c-.15-.225-.374-.375-.598-.525l.075-.525c.15-1.35-.822-2.55-2.167-2.625H9.576c-.224 0-.448-.075-.597-.3L8.232.9C7.709.375 7.036 0 6.289 0H3.675C3.002 0 2.33.3 1.882.825c-.523.525-.747 1.2-.673 1.95l.3 2.4c-.3.15-.598.3-.897.6A2.48 2.48 0 0 0 .014 7.65l.822 9.375A2.76 2.76 0 0 0 3.6 19.5h9.637c-.075-.3-.075-.6-.075-.9 0-.225 0-.525.075-.75H3.6c-.598 0-1.046-.45-1.046-.975L1.658 7.5a.85.85 0 0 1 .224-.6c.15-.15.373-.3.597-.3h17.556c.224 0 .448.075.597.3a.85.85 0 0 1 .224.6l-.522 5.7c.597.15 1.12.45 1.568.75l.598-6.3c0-.675-.224-1.35-.672-1.875m-2.241-.825H3.152l-.3-2.4c0-.225.076-.45.225-.6s.374-.3.598-.3h2.614c.224 0 .449.075.598.3l.747.9c.448.6 1.12.9 1.868.9h9.263c.224 0 .448.075.597.225.15.15.225.375.225.6z"
|
|
2528
|
+
})), _path2$e || (_path2$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2529
|
+
fillRule: "evenodd",
|
|
2530
|
+
d: "M18.375 12.75c3.15 0 5.625 2.55 5.625 5.625S21.45 24 18.375 24s-5.625-2.55-5.625-5.625 2.55-5.625 5.625-5.625m0 1.95c-1.05 0-1.95.9-1.95 1.95v.675c-.375 0-.675.3-.675.675v2.625c0 .375.3.675.675.675h3.9c.375 0 .675-.3.675-.675V18c0-.375-.3-.675-.675-.675v-.675c0-1.05-.9-1.95-1.95-1.95m0 3.75c.3 0 .525.225.45.45q0 .337-.225.45v.675q0 .225-.225.225t-.225-.225v-.675q-.225-.225-.225-.45c0-.225.15-.45.45-.45m0-3.075c.75 0 1.35.6 1.275 1.35v.675h-2.625v-.675c0-.75.6-1.35 1.35-1.35"
|
|
2495
2531
|
})));
|
|
2496
2532
|
};
|
|
2497
2533
|
|
|
2498
|
-
var _path$N;
|
|
2534
|
+
var _path$N, _path2$d;
|
|
2499
2535
|
function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
|
|
2500
|
-
var
|
|
2536
|
+
var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
|
|
2501
2537
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
|
|
2502
2538
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2503
|
-
width:
|
|
2504
|
-
height:
|
|
2539
|
+
width: 24,
|
|
2540
|
+
height: 24
|
|
2505
2541
|
}, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2542
|
+
fill: "#CCC",
|
|
2506
2543
|
fillRule: "evenodd",
|
|
2507
|
-
d: "
|
|
2544
|
+
d: "M13.123 19.05v-.45c0-.225 0-.525.075-.75H3.61c-.6 0-1.049-.45-1.049-.975L1.662 7.5c0-.225.075-.45.225-.6s.374-.3.6-.3h17.602c.225 0 .45.075.6.3.149.15.224.375.224.6l-.524 5.7c.3.075.524.15.748.3 0 0 .075 0 .075.075.225.15.45.225.675.375l.599-6.3a2.47 2.47 0 0 0-.6-1.875c-.15-.225-.374-.375-.599-.525l.075-.525c.15-1.35-.824-2.55-2.172-2.625H9.602c-.225 0-.45-.075-.6-.3L8.255.9C7.729.375 7.055 0 6.306 0H3.685C3.01 0 2.336.3 1.887.825c-.525.525-.75 1.2-.674 1.95l.3 2.4c-.3.15-.6.3-.9.6A2.48 2.48 0 0 0 .014 7.65l.824 9.375A2.767 2.767 0 0 0 3.61 19.5h9.662c-.075-.15-.075-.3-.15-.45ZM3.085 1.95c.15-.15.375-.3.6-.3h2.621c.225 0 .45.075.6.3l.749.9c.449.6 1.123.9 1.872.9h9.288a.85.85 0 0 1 .6.225.85.85 0 0 1 .224.6l-.075.375H3.085l-.224-2.4c0-.225.075-.45.224-.6"
|
|
2545
|
+
})), _path2$d || (_path2$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2546
|
+
fillRule: "evenodd",
|
|
2547
|
+
d: "M18.823 12.771c-3.437-.299-6.35 2.615-6.052 6.052.224 2.69 2.391 4.932 5.156 5.156 3.437.299 6.35-2.615 6.052-6.052a5.606 5.606 0 0 0-5.156-5.156m.673.822.672.224c.15.075.224.15.374.15.598.298 1.12.672 1.569 1.195 0 0 .075.075.075.15v.298c0 .075-.075.15-.075.225 0 .149.15.224.224.224h.299a.16.16 0 0 1 .15.15c.074.149.149.298.149.373.224.523.299 1.046.373 1.644 0 .074 0 .149-.074.224a1.6 1.6 0 0 0-.3.373c-.149.3-.298.747-.522.972-.15.15-.3.298-.3.448-.074.15 0 .299-.074.373 0 .075-.075.075-.15 0-.223-.298-.298-.597-.373-.896-.075-.224-.075-.448-.15-.747a1.16 1.16 0 0 0-.448-.598c-.224-.15-.523-.075-.747-.15-.299 0-.523-.074-.747-.298-.075-.075-.15-.224-.15-.3-.149-.597.225-1.27.748-1.568.075-.075.15-.075.224-.15.15-.15.224-.299.15-.523 0-.074-.075-.074-.075-.074-.15.074-.3.074-.374.149-.075 0-.15 0-.15-.075 0-.224 0-.448.075-.747s.15-.523 0-.747c0-.075-.074-.075-.15-.075h-.672a.58.58 0 0 0 .3-.299c.074.075.074.075.149.075m-2.391.075c.075 0 .075 0 .15.075.074.149.149.224.223.373.15.299.224.673.075.897-.15.299-.523.448-.822.672-.672.299-1.195.822-1.569 1.42l-.075.075c-.074 0-.074 0-.149-.075s-.15-.075-.224-.15c0 0-.075 0-.075.075a.75.75 0 0 0 .374.822c.074 0 .074.075.15.075.074.15 0 .299 0 .448 0 .224.298.299.447.299s.374-.15.598-.224a1.5 1.5 0 0 1 1.27.15c.224.149.374.298.523.447s.374.225.598.225c.075 0 .075 0 .15.074a.58.58 0 0 1-.15.598c-.15.224-.373.299-.523.523-.373.448-.523 1.12-.822 1.644-.075.075-.15.224-.224.299-.15.15-.15.299-.15.523 0 0 0 .075-.074.075-.075 0-.15-.075-.224-.075s-.075-.075-.075-.15a10.7 10.7 0 0 0-.672-2.017c-.15-.224-.3-.523-.523-.672-.075-.075-.15-.075-.15-.15v-.15a1.88 1.88 0 0 0-.747-1.718c-.075-.075-.224-.15-.224-.224-.075-.075-.075-.224-.075-.299l-.299-.299c-.075 0-.075-.075-.075-.15.3-1.643 1.644-2.988 3.363-3.436"
|
|
2508
2548
|
})));
|
|
2509
2549
|
};
|
|
2510
2550
|
|
|
2511
|
-
var _path$M
|
|
2551
|
+
var _path$M;
|
|
2512
2552
|
function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
|
|
2513
|
-
var
|
|
2553
|
+
var SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
|
|
2514
2554
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
|
|
2515
2555
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2516
|
-
width:
|
|
2517
|
-
height:
|
|
2556
|
+
width: 16,
|
|
2557
|
+
height: 16
|
|
2518
2558
|
}, props), _path$M || (_path$M = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2519
|
-
fill: "#CCC",
|
|
2520
2559
|
fillRule: "evenodd",
|
|
2521
|
-
d: "
|
|
2522
|
-
})), _path2$e || (_path2$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2523
|
-
fillRule: "evenodd",
|
|
2524
|
-
d: "M18.375 12.75c3.15 0 5.625 2.55 5.625 5.625S21.45 24 18.375 24s-5.625-2.55-5.625-5.625 2.55-5.625 5.625-5.625m0 1.95c-1.05 0-1.95.9-1.95 1.95v.675c-.375 0-.675.3-.675.675v2.625c0 .375.3.675.675.675h3.9c.375 0 .675-.3.675-.675V18c0-.375-.3-.675-.675-.675v-.675c0-1.05-.9-1.95-1.95-1.95m0 3.75c.3 0 .525.225.45.45q0 .337-.225.45v.675q0 .225-.225.225t-.225-.225v-.675q-.225-.225-.225-.45c0-.225.15-.45.45-.45m0-3.075c.75 0 1.35.6 1.275 1.35v.675h-2.625v-.675c0-.75.6-1.35 1.35-1.35"
|
|
2560
|
+
d: "M6.43.81c.856 0 1.467.494 1.467 1.268 0 .342-.084.567-.316.908l-.156.22c-.31.428-.43.688-.43 1.089 0 1.074 1.03 1.312 2.673.987.397-.078.817-.187 1.249-.32l.316-.1.306-.104.384-.14-.01.037c-.069.248-.138.517-.203.797-.092.401-.167.792-.22 1.16-.21 1.493-.023 3.034.792 3.034a.9.9 0 0 0 .328-.064q.093-.035.198-.092l.112-.063c.06-.035.271-.166.31-.19.419-.252.742-.367 1.168-.367.81 0 1.316.651 1.316 1.553 0 .852-.49 1.444-1.274 1.444-.344 0-.57-.084-.913-.314l-.221-.155c-.43-.307-.69-.427-1.092-.427-.792 0-1.1.652-1.061 1.678.012.324.058.668.127 1.014l.058.267.024.104-.153.01a9 9 0 0 0-.397.038l-1.2.139-.147.014c-1.648.16-2.449-.02-2.449-.725 0-.283.079-.48.29-.782l.551-.585c.36-.478.32-.835.32-1.303 0-.95-.958-1.554-1.961-1.554-1.035 0-2.016.598-2.016 1.588 0 .432.061.884.343 1.269l.438.515c.035.044.203.246.245.3.082.103.138.183.176.257a.5.5 0 0 1 .063.221c0 .667-.791.948-2.156.9a12 12 0 0 1-1.458-.148l-.338-.056-.37-.073V5.143l.305.06a12 12 0 0 0 1.792.209c1.478.053 2.394-.28 2.394-1.185a.9.9 0 0 0-.066-.328 2 2 0 0 0-.16-.31l-.195-.308c-.26-.417-.379-.738-.379-1.161 0-.803.676-1.31 1.597-1.31Z"
|
|
2525
2561
|
})));
|
|
2526
2562
|
};
|
|
2527
2563
|
|
|
2528
|
-
var _path$L
|
|
2564
|
+
var _path$L;
|
|
2529
2565
|
function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
|
|
2530
|
-
var
|
|
2566
|
+
var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
|
|
2531
2567
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
|
|
2532
2568
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2533
2569
|
width: 24,
|
|
2534
2570
|
height: 24
|
|
2535
2571
|
}, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2536
|
-
fill: "#CCC",
|
|
2537
2572
|
fillRule: "evenodd",
|
|
2538
|
-
d: "
|
|
2539
|
-
})), _path2$d || (_path2$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2540
|
-
fillRule: "evenodd",
|
|
2541
|
-
d: "M18.823 12.771c-3.437-.299-6.35 2.615-6.052 6.052.224 2.69 2.391 4.932 5.156 5.156 3.437.299 6.35-2.615 6.052-6.052a5.606 5.606 0 0 0-5.156-5.156m.673.822.672.224c.15.075.224.15.374.15.598.298 1.12.672 1.569 1.195 0 0 .075.075.075.15v.298c0 .075-.075.15-.075.225 0 .149.15.224.224.224h.299a.16.16 0 0 1 .15.15c.074.149.149.298.149.373.224.523.299 1.046.373 1.644 0 .074 0 .149-.074.224a1.6 1.6 0 0 0-.3.373c-.149.3-.298.747-.522.972-.15.15-.3.298-.3.448-.074.15 0 .299-.074.373 0 .075-.075.075-.15 0-.223-.298-.298-.597-.373-.896-.075-.224-.075-.448-.15-.747a1.16 1.16 0 0 0-.448-.598c-.224-.15-.523-.075-.747-.15-.299 0-.523-.074-.747-.298-.075-.075-.15-.224-.15-.3-.149-.597.225-1.27.748-1.568.075-.075.15-.075.224-.15.15-.15.224-.299.15-.523 0-.074-.075-.074-.075-.074-.15.074-.3.074-.374.149-.075 0-.15 0-.15-.075 0-.224 0-.448.075-.747s.15-.523 0-.747c0-.075-.074-.075-.15-.075h-.672a.58.58 0 0 0 .3-.299c.074.075.074.075.149.075m-2.391.075c.075 0 .075 0 .15.075.074.149.149.224.223.373.15.299.224.673.075.897-.15.299-.523.448-.822.672-.672.299-1.195.822-1.569 1.42l-.075.075c-.074 0-.074 0-.149-.075s-.15-.075-.224-.15c0 0-.075 0-.075.075a.75.75 0 0 0 .374.822c.074 0 .074.075.15.075.074.15 0 .299 0 .448 0 .224.298.299.447.299s.374-.15.598-.224a1.5 1.5 0 0 1 1.27.15c.224.149.374.298.523.447s.374.225.598.225c.075 0 .075 0 .15.074a.58.58 0 0 1-.15.598c-.15.224-.373.299-.523.523-.373.448-.523 1.12-.822 1.644-.075.075-.15.224-.224.299-.15.15-.15.299-.15.523 0 0 0 .075-.074.075-.075 0-.15-.075-.224-.075s-.075-.075-.075-.15a10.7 10.7 0 0 0-.672-2.017c-.15-.224-.3-.523-.523-.672-.075-.075-.15-.075-.15-.15v-.15a1.88 1.88 0 0 0-.747-1.718c-.075-.075-.224-.15-.224-.224-.075-.075-.075-.224-.075-.299l-.299-.299c-.075 0-.075-.075-.075-.15.3-1.643 1.644-2.988 3.363-3.436"
|
|
2573
|
+
d: "M12.085 16.582a1.56 1.56 0 0 1 1.552 1.553 1.557 1.557 0 0 1-1.553 1.552c-.41 0-.81-.165-1.099-.454a1.56 1.56 0 0 1-.453-1.098c0-.409.165-.809.453-1.097.29-.29.69-.456 1.1-.456M12.06 3.937c2.712 0 5.004 1.846 5.126 4.113l.005.194-.007.243-.02.234c-.139 1.296-.816 2.134-2.243 3.221l-.216.167-.376.302c-.737.615-.988 1.007-1.057 1.657a.75.75 0 0 1-.75.74h-.783a.85.85 0 0 1-.85-.867c.134-1.41.877-2.342 2.347-3.462 1.243-.939 1.57-1.349 1.57-2.24 0-1.287-1.21-2.301-2.746-2.301l-.189.005-.194.016c-1.218.139-1.829.633-2.153 1.366a.97.97 0 0 1-.927.676h-.97a.56.56 0 0 1-.549-.676c.353-2.072 2.425-3.388 4.982-3.388"
|
|
2542
2574
|
})));
|
|
2543
2575
|
};
|
|
2544
2576
|
|
|
2545
2577
|
var _path$K;
|
|
2546
2578
|
function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
|
|
2547
|
-
var
|
|
2579
|
+
var SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
|
|
2548
2580
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
|
|
2549
2581
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2550
|
-
width:
|
|
2551
|
-
height:
|
|
2582
|
+
width: 24,
|
|
2583
|
+
height: 24
|
|
2552
2584
|
}, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2553
2585
|
fillRule: "evenodd",
|
|
2554
|
-
d: "
|
|
2586
|
+
d: "M0 6.4C0 5.095 1.05 4 2.375 4h5.5C9.2 4 10.25 5.095 10.25 6.4v6.342c0 .585-.13 1.156-.391 1.687L7.909 18.4A2.84 2.84 0 0 1 5.358 20c-2.14 0-3.484-2.268-2.547-4.159l.001-.002.707-1.439H2.375C1.05 14.4 0 13.305 0 12zM2.375 6A.39.39 0 0 0 2 6.4V12c0 .235.188.4.375.4h3.553a.5.5 0 0 1 .448.72l-1.77 3.605-.002.004C4.306 17.33 4.748 18 5.36 18a.84.84 0 0 0 .748-.469l.004-.008 1.953-3.976q.186-.38.186-.805V6.4c0-.235-.188-.4-.375-.4zm11.375.4c0-1.305 1.05-2.4 2.375-2.4h5.5C22.95 4 24 5.095 24 6.4v6.342c0 .585-.13 1.156-.391 1.687l-1.95 3.972A2.84 2.84 0 0 1 19.108 20c-2.139 0-3.484-2.268-2.547-4.159l.001-.002.707-1.439h-1.145c-1.325 0-2.375-1.095-2.375-2.4zm2.375-.4a.39.39 0 0 0-.375.4V12c0 .235.188.4.375.4h3.553a.5.5 0 0 1 .448.72l-1.77 3.605-.002.004c-.298.601.144 1.271.755 1.271a.84.84 0 0 0 .748-.469l.004-.008 1.953-3.976q.186-.38.186-.805V6.4c0-.235-.188-.4-.375-.4z"
|
|
2555
2587
|
})));
|
|
2556
2588
|
};
|
|
2557
2589
|
|
|
2558
2590
|
var _path$J;
|
|
2559
2591
|
function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
|
|
2560
|
-
var
|
|
2592
|
+
var SvgIconReadLarge = function SvgIconReadLarge(props) {
|
|
2561
2593
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
|
|
2562
2594
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2563
2595
|
width: 24,
|
|
2564
2596
|
height: 24
|
|
2565
2597
|
}, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2566
2598
|
fillRule: "evenodd",
|
|
2567
|
-
d: "
|
|
2599
|
+
d: "M11.375 4.116c0 .537-.408.979-.93 1.032h-.107l-1.964 3.57c-.196 0-.442.035-.647.223a.2.2 0 0 0-.027.028 3.56 3.56 0 0 1 2.644.797 3.06 3.06 0 0 1 3.082-.04 3.56 3.56 0 0 1 2.222-.776c.58 0 1.126.138 1.61.383l.542-1.2c.583-1.293 1.167-2.586 1.733-3.885.165-.376.451-.66.834-.799.275-.1.552-.097.644-.096h.018a1.036 1.036 0 0 1 .264 2.039h-.109c-.395.884-.769 1.779-1.143 2.673-.384.92-.768 1.839-1.175 2.748l-.04.08a3.57 3.57 0 1 1-6.475.255 1.31 1.31 0 0 0-.966.04 3.57 3.57 0 1 1-6.32-.595c.132-.387.322-.773.446-.99l3.273-5.728a1 1 0 0 1 .12-.169h.001l.001-.002.003-.003.005-.006.012-.013a1 1 0 0 1 .115-.111l.029-.026c.063-.057.145-.13.245-.192a1.97 1.97 0 0 1 1.023-.273c.572 0 1.036.464 1.037 1.036m-9.44 1.208A2.096 2.096 0 0 1 4.03 3.229h2.036a.81.81 0 1 1 0 1.619H4.03a.476.476 0 0 0-.476.476v13.5a.476.476 0 0 0 .476.477h13.5a.477.477 0 0 0 .477-.476V17.61a.81.81 0 0 1 .81-.818.81.81 0 0 1 .81.818v1.213a2.096 2.096 0 0 1-2.096 2.096H4.03a2.096 2.096 0 0 1-2.096-2.096zm11.888 7.197a1.825 1.825 0 1 1 3.65 0 1.825 1.825 0 0 1-3.65 0m-5.751-1.825a1.825 1.825 0 1 0 0 3.649 1.825 1.825 0 0 0 0-3.65Z"
|
|
2568
2600
|
})));
|
|
2569
2601
|
};
|
|
2570
2602
|
|
|
2571
2603
|
var _path$I;
|
|
2572
2604
|
function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
|
|
2573
|
-
var
|
|
2605
|
+
var SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
|
|
2574
2606
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
|
|
2575
2607
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2576
2608
|
width: 24,
|
|
2577
2609
|
height: 24
|
|
2578
2610
|
}, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2579
2611
|
fillRule: "evenodd",
|
|
2580
|
-
d: "
|
|
2612
|
+
d: "m18.098 6.612.037-1.674a.936.936 0 1 1 1.872.044l-.11 4.49a1.09 1.09 0 0 1-1.296 1.045l-4.388-.84a.968.968 0 0 1 .358-1.903l2.174.401a6.4 6.4 0 0 0-1.572-1.814 5.75 5.75 0 0 0-3.792-1.246c-1.357.056-2.657.602-3.694 1.551-.798.732-1.375 1.684-1.723 2.74-.171.52-.69.869-1.224.75-.51-.114-.844-.614-.698-1.117.445-1.535 1.254-2.919 2.398-3.967 1.366-1.251 3.08-1.97 4.869-2.044 1.788-.073 3.548.505 4.997 1.641a8.4 8.4 0 0 1 1.792 1.943M7.26 15.822a6.4 6.4 0 0 0 1.572 1.815c1.1.862 2.435 1.3 3.792 1.245 1.357-.056 2.657-.602 3.694-1.551.799-.732 1.375-1.684 1.723-2.74.171-.52.69-.869 1.224-.75.51.114.844.615.698 1.117-.445 1.535-1.254 2.92-2.397 3.967-1.366 1.251-3.08 1.971-4.87 2.044-1.788.073-3.548-.505-4.997-1.641a8.4 8.4 0 0 1-1.792-1.943l-.037 1.674a.936.936 0 1 1-1.872-.044l.11-4.49a1.09 1.09 0 0 1 1.296-1.045l4.388.841a.968.968 0 0 1-.358 1.902z"
|
|
2581
2613
|
})));
|
|
2582
2614
|
};
|
|
2583
2615
|
|
|
2584
2616
|
var _path$H;
|
|
2585
2617
|
function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
|
|
2586
|
-
var
|
|
2618
|
+
var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
|
|
2587
2619
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
|
|
2588
2620
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2589
|
-
width:
|
|
2590
|
-
height:
|
|
2621
|
+
width: 16,
|
|
2622
|
+
height: 16
|
|
2591
2623
|
}, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2592
2624
|
fillRule: "evenodd",
|
|
2593
|
-
d: "
|
|
2625
|
+
d: "m13.416 2.807-.032 1.453a7.3 7.3 0 0 0-1.556-1.687C10.57 1.586 9.042 1.085 7.49 1.148c-1.553.064-3.041.689-4.227 1.775-.993.91-1.695 2.11-2.082 3.444-.126.436.163.87.606.97.463.102.915-.2 1.063-.651.302-.918.803-1.744 1.496-2.38A5.05 5.05 0 0 1 7.553 2.96a5 5 0 0 1 3.291 1.081 5.5 5.5 0 0 1 1.365 1.575l-1.887-.348a.84.84 0 0 0-.31 1.652l3.582.686a1.143 1.143 0 0 0 1.357-1.094l.09-3.667a.813.813 0 1 0-1.625-.038M1.143 13.647a.813.813 0 1 0 1.625.038l.033-1.454a7.2 7.2 0 0 0 1.555 1.687c1.258.987 2.786 1.489 4.339 1.425 1.553-.063 3.04-.688 4.227-1.775.992-.909 1.695-2.11 2.081-3.443.127-.436-.162-.871-.606-.97-.463-.103-.914.2-1.062.65-.302.918-.803 1.744-1.497 2.38a5.05 5.05 0 0 1-3.206 1.346 5 5 0 0 1-3.292-1.08 5.6 5.6 0 0 1-1.365-1.576l1.888.348a.84.84 0 0 0 .31-1.651l-3.582-.687A1.143 1.143 0 0 0 1.233 9.98z"
|
|
2594
2626
|
})));
|
|
2595
2627
|
};
|
|
2596
2628
|
|
|
2597
|
-
var _path$G;
|
|
2629
|
+
var _path$G, _path2$c, _path3$3;
|
|
2598
2630
|
function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
|
|
2599
|
-
var
|
|
2631
|
+
var SvgIconReportLarge = function SvgIconReportLarge(props) {
|
|
2600
2632
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
|
|
2601
2633
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2602
2634
|
width: 24,
|
|
2603
2635
|
height: 24
|
|
2604
2636
|
}, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2637
|
+
d: "M3.142 21.243h11.554a.77.77 0 1 0 0-1.54H3.912V2.756h9.244v3.851c0 .425.344.77.77.77h3.851V9.69a.77.77 0 1 0 1.54 0V6.61a.78.78 0 0 0-.226-.546l-4.62-4.62a.78.78 0 0 0-.545-.226H3.142a.77.77 0 0 0-.77.77v18.486c0 .425.345.77.77.77ZM14.696 3.846l1.992 1.992h-1.992z"
|
|
2638
|
+
})), _path2$c || (_path2$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2639
|
+
d: "M11.615 9.305c0-2.18-2.018-4.627-2.104-4.73-.294-.35-.89-.35-1.184 0-.086.103-2.104 2.55-2.104 4.73A2.7 2.7 0 0 0 8.92 12a2.7 2.7 0 0 0 2.696-2.695Zm-3.851 0c0-.942.618-2.113 1.156-2.932.537.817 1.154 1.987 1.154 2.932a1.157 1.157 0 0 1-2.31 0m0 5.005a.77.77 0 0 1-.77.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77m6.932 0a.77.77 0 0 1-.77.77h-3.852a.77.77 0 1 1 0-1.54h3.852a.77.77 0 0 1 .77.77m-6.932 3.082a.77.77 0 0 1-.77.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77m6.932 0a.77.77 0 0 1-.77.77h-3.852a.77.77 0 1 1 0-1.54h3.852a.77.77 0 0 1 .77.77m.77-5.392v2.31a.77.77 0 0 0 .77.771v5.392a2.313 2.313 0 0 0 2.311 2.31 2.313 2.313 0 0 0 2.31-2.31V15.08a.77.77 0 0 0 .771-.77V12a.77.77 0 0 0-.77-.77h-4.622a.77.77 0 0 0-.77.77m3.851 8.473a.771.771 0 0 1-1.54 0V15.08h1.54zm-2.31-7.703h3.08v.77h-3.08z"
|
|
2640
|
+
})), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2605
2641
|
fillRule: "evenodd",
|
|
2606
|
-
d: "
|
|
2642
|
+
d: "M2.372 20.473c0 .425.345.77.77.77h11.554a.77.77 0 1 0 0-1.54H3.912V2.756h9.244v3.851c0 .425.344.77.77.77h3.851V9.69a.77.77 0 1 0 1.54 0V6.61a.78.78 0 0 0-.226-.546l-4.62-4.62a.78.78 0 0 0-.545-.226H3.142a.77.77 0 0 0-.77.77v18.486Zm9.243-11.168c0-2.18-2.018-4.627-2.104-4.73-.294-.35-.89-.35-1.184 0-.086.103-2.104 2.55-2.104 4.73A2.7 2.7 0 0 0 8.92 12a2.7 2.7 0 0 0 2.696-2.695Zm-3.85 5.005a.77.77 0 0 1-.771.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77Zm6.93 0a.77.77 0 0 1-.77.77h-3.85a.77.77 0 1 1 0-1.54h3.85a.77.77 0 0 1 .77.77m-6.93 3.082a.77.77 0 0 1-.771.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77Zm6.93 0a.77.77 0 0 1-.77.77h-3.85a.77.77 0 1 1 0-1.54h3.85a.77.77 0 0 1 .77.77M15.467 12v2.31a.77.77 0 0 0 .77.771v5.392a2.313 2.313 0 0 0 2.311 2.31 2.313 2.313 0 0 0 2.31-2.31V15.08a.77.77 0 0 0 .771-.77V12a.77.77 0 0 0-.77-.77h-4.622a.77.77 0 0 0-.77.77M7.764 9.305c0-.942.618-2.113 1.156-2.932.537.817 1.154 1.987 1.154 2.932a1.157 1.157 0 0 1-2.31 0m8.924-3.467-1.992-1.992v1.992zm2.63 14.635a.771.771 0 0 1-1.541 0V15.08h1.54v5.392Zm.77-7.703h-3.081v.77h3.08v-.77Z"
|
|
2607
2643
|
})));
|
|
2608
2644
|
};
|
|
2609
2645
|
|
|
2610
2646
|
var _path$F;
|
|
2611
2647
|
function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
|
|
2612
|
-
var
|
|
2648
|
+
var SvgIconRocketLarge = function SvgIconRocketLarge(props) {
|
|
2613
2649
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
|
|
2614
2650
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2615
|
-
width:
|
|
2616
|
-
height:
|
|
2651
|
+
width: 24,
|
|
2652
|
+
height: 24
|
|
2617
2653
|
}, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2618
2654
|
fillRule: "evenodd",
|
|
2619
|
-
d: "
|
|
2655
|
+
d: "M13.443 5.465c1.19-1.19 2.877-1.622 4.374-1.707a10 10 0 0 1 1.887.067 6 6 0 0 1 .405.066q.034.166.067.405c.064.484.108 1.147.066 1.886-.086 1.497-.517 3.183-1.708 4.375-.614.615-2.2 1.92-3.672 3.1-.728.584-1.415 1.127-1.921 1.524l-.297.233-.486-.486-.007-.006-.996-.997 2.024-2.024a.762.762 0 1 0-1.08-1.08l-2.024 2.024-1.49-1.489.233-.298c.398-.505.942-1.193 1.525-1.92 1.182-1.473 2.485-3.058 3.1-3.673m-3.368 9.54 2.167 2.167c.327.334.433.91.381 1.58a5.3 5.3 0 0 1-.216 1.119l-.004.013a.765.765 0 0 0 1.202.841l.001-.001.004-.002.011-.01.039-.032a12 12 0 0 0 .6-.543c.376-.364.873-.887 1.35-1.516.896-1.188 1.856-2.946 1.478-4.801 1.05-.859 2.036-1.693 2.526-2.183 1.569-1.57 2.057-3.694 2.152-5.368.05-.846 0-1.607-.077-2.176a7 7 0 0 0-.129-.716 3 3 0 0 0-.077-.264 2 2 0 0 0-.057-.137.86.86 0 0 0-.401-.401 1 1 0 0 0-.14-.058 3 3 0 0 0-.262-.077 7 7 0 0 0-.717-.13 12 12 0 0 0-2.175-.077c-1.674.096-3.799.584-5.368 2.152-.493.493-1.336 1.49-2.2 2.549-1.838-.352-3.575.6-4.752 1.488a13.3 13.3 0 0 0-1.944 1.814q-.076.087-.116.135l-.032.04-.009.01-.003.004h-.001a.764.764 0 0 0 .842 1.202l.013-.004a5 5 0 0 1 .303-.084c.212-.05.5-.106.814-.13.676-.053 1.256.055 1.589.388l1.156 1.156.004.005.968.967-1.233 1.233a.763.763 0 1 0 1.08 1.08zM7.45 10.33l.168-.214c.357-.455.832-1.055 1.348-1.701-.897.117-1.814.607-2.635 1.227a9 9 0 0 0-.314.247c.471.042.977.165 1.433.44Zm6.94 7.37c.635-.84 1.133-1.778 1.236-2.697-.662.53-1.278 1.016-1.742 1.38l-.205.162c.293.464.42.986.465 1.47q.124-.152.247-.314Zm2.456-9.62c-.298.298-.726.268-.96.035s-.263-.663.034-.96.727-.267.96-.034.263.662-.034.96Zm1.08 1.08c-.871.872-2.268.887-3.12.035s-.836-2.25.034-3.12 2.268-.886 3.12-.034.837 2.249-.034 3.12ZM6.672 18.408a.764.764 0 0 0-1.08-1.08l-3.154 3.154a.764.764 0 0 0 1.08 1.08zm3.957-.667c.26.333.2.813-.13 1.073l-3.54 2.768a.764.764 0 0 1-.941-1.203l3.539-2.769a.765.765 0 0 1 1.072.131M5.183 13.5a.765.765 0 0 1 1.204.941l-2.77 3.54a.763.763 0 1 1-1.202-.941z"
|
|
2620
2656
|
})));
|
|
2621
2657
|
};
|
|
2622
2658
|
|
|
2623
|
-
var _path$E
|
|
2659
|
+
var _path$E;
|
|
2624
2660
|
function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
|
|
2625
|
-
var
|
|
2661
|
+
var SvgIconRotateLeftSmall = function SvgIconRotateLeftSmall(props) {
|
|
2626
2662
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
|
|
2627
2663
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2628
|
-
width:
|
|
2629
|
-
height:
|
|
2664
|
+
width: 16,
|
|
2665
|
+
height: 16
|
|
2630
2666
|
}, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2631
|
-
d: "M3.142 21.243h11.554a.77.77 0 1 0 0-1.54H3.912V2.756h9.244v3.851c0 .425.344.77.77.77h3.851V9.69a.77.77 0 1 0 1.54 0V6.61a.78.78 0 0 0-.226-.546l-4.62-4.62a.78.78 0 0 0-.545-.226H3.142a.77.77 0 0 0-.77.77v18.486c0 .425.345.77.77.77ZM14.696 3.846l1.992 1.992h-1.992z"
|
|
2632
|
-
})), _path2$c || (_path2$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2633
|
-
d: "M11.615 9.305c0-2.18-2.018-4.627-2.104-4.73-.294-.35-.89-.35-1.184 0-.086.103-2.104 2.55-2.104 4.73A2.7 2.7 0 0 0 8.92 12a2.7 2.7 0 0 0 2.696-2.695Zm-3.851 0c0-.942.618-2.113 1.156-2.932.537.817 1.154 1.987 1.154 2.932a1.157 1.157 0 0 1-2.31 0m0 5.005a.77.77 0 0 1-.77.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77m6.932 0a.77.77 0 0 1-.77.77h-3.852a.77.77 0 1 1 0-1.54h3.852a.77.77 0 0 1 .77.77m-6.932 3.082a.77.77 0 0 1-.77.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77m6.932 0a.77.77 0 0 1-.77.77h-3.852a.77.77 0 1 1 0-1.54h3.852a.77.77 0 0 1 .77.77m.77-5.392v2.31a.77.77 0 0 0 .77.771v5.392a2.313 2.313 0 0 0 2.311 2.31 2.313 2.313 0 0 0 2.31-2.31V15.08a.77.77 0 0 0 .771-.77V12a.77.77 0 0 0-.77-.77h-4.622a.77.77 0 0 0-.77.77m3.851 8.473a.771.771 0 0 1-1.54 0V15.08h1.54zm-2.31-7.703h3.08v.77h-3.08z"
|
|
2634
|
-
})), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2635
2667
|
fillRule: "evenodd",
|
|
2636
|
-
d: "
|
|
2668
|
+
d: "m8.127 13.287 1.453.033a.813.813 0 1 1-.038 1.625l-3.667-.09a1.143 1.143 0 0 1-1.094-1.358l.686-3.582a.84.84 0 0 1 1.652.31l-.349 1.888a5.6 5.6 0 0 0 1.575-1.365 5 5 0 0 0 1.081-3.292A5.05 5.05 0 0 0 8.08 4.25c-.636-.694-1.461-1.195-2.379-1.497-.45-.148-.754-.6-.65-1.062.098-.444.533-.733.969-.606 1.333.386 2.534 1.089 3.444 2.081 1.086 1.186 1.711 2.674 1.774 4.227.064 1.553-.438 3.08-1.424 4.339a7.3 7.3 0 0 1-1.687 1.556Z"
|
|
2637
2669
|
})));
|
|
2638
2670
|
};
|
|
2639
2671
|
|
|
2640
2672
|
var _path$D;
|
|
2641
2673
|
function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
|
|
2642
|
-
var
|
|
2674
|
+
var SvgIconRotateRightSmall = function SvgIconRotateRightSmall(props) {
|
|
2643
2675
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
|
|
2644
2676
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2645
|
-
width:
|
|
2646
|
-
height:
|
|
2677
|
+
width: 16,
|
|
2678
|
+
height: 16
|
|
2647
2679
|
}, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2648
2680
|
fillRule: "evenodd",
|
|
2649
|
-
d: "
|
|
2681
|
+
d: "M5.63 1.835a.813.813 0 0 1 .832-.78l3.667.09a1.143 1.143 0 0 1 1.094 1.358l-.686 3.582a.84.84 0 0 1-1.652-.31l.349-1.888a5.6 5.6 0 0 0-1.576 1.365 5 5 0 0 0-1.08 3.292 5.05 5.05 0 0 0 1.346 3.207c.635.693 1.461 1.194 2.379 1.496.45.148.753.6.65 1.063-.098.443-.533.732-.97.605-1.332-.386-2.533-1.089-3.443-2.081-1.086-1.186-1.711-2.674-1.775-4.227s.439-3.08 1.425-4.339a7.3 7.3 0 0 1 1.687-1.555L6.424 2.68a.813.813 0 0 1-.794-.845"
|
|
2650
2682
|
})));
|
|
2651
2683
|
};
|
|
2652
2684
|
|
|
@@ -3426,6 +3458,14 @@ var iconMap = {
|
|
|
3426
3458
|
largeIcon: SvgIconRocketLarge,
|
|
3427
3459
|
smallIcon: null,
|
|
3428
3460
|
},
|
|
3461
|
+
RotateLeft: {
|
|
3462
|
+
largeIcon: null,
|
|
3463
|
+
smallIcon: SvgIconRotateLeftSmall,
|
|
3464
|
+
},
|
|
3465
|
+
RotateRight: {
|
|
3466
|
+
largeIcon: null,
|
|
3467
|
+
smallIcon: SvgIconRotateRightSmall,
|
|
3468
|
+
},
|
|
3429
3469
|
Save: {
|
|
3430
3470
|
largeIcon: SvgIconSaveLarge,
|
|
3431
3471
|
smallIcon: null,
|
|
@@ -3611,7 +3651,7 @@ var StyledAccordion = styles.styled(material.Accordion, {
|
|
|
3611
3651
|
var typography = getTypography(props);
|
|
3612
3652
|
var borders = getBorders(props);
|
|
3613
3653
|
var spaces = getSpaces(props);
|
|
3614
|
-
return react.css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n &.", " {\n box-shadow: ", ";\n font-family: ", ";\n border-bottom: ", ";\n height: fit-content;\n\n & .", " {\n min-height: 44px;\n\n &.", " {\n min-height: unset;\n }\n\n & .MuiAccordionSummary-expandIcon,\n & .", " {\n padding: 0;\n align-self: flex-start;\n margin-top: ", "px;\n }\n }\n\n .", " {\n ", "\n padding: ", "px;\n padding-top: ", "px;\n }\n\n &:before {\n opacity: 0;\n }\n\n &.", " {\n margin: 0;\n }\n\n ", "\n }\n "], ["\n &.", " {\n box-shadow: ", ";\n font-family: ", ";\n border-bottom: ", ";\n height: fit-content;\n\n & .", " {\n min-height: 44px;\n\n &.", " {\n min-height: unset;\n }\n\n & .MuiAccordionSummary-expandIcon,\n & .", " {\n padding: 0;\n align-self: flex-start;\n margin-top: ", "px;\n }\n }\n\n .", " {\n ", "\n padding: ", "px;\n padding-top: ", "px;\n }\n\n &:before {\n opacity: 0;\n }\n\n &.", " {\n margin: 0;\n }\n\n ", "\n }\n "])), material.accordionClasses.root, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_a = typography === null || typography === void 0 ? void 0 : typography.fontFamily) === null || _a === void 0 ? void 0 : _a.body, useDivider ? (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.divider : "none", material.accordionSummaryClasses.root, material.accordionSummaryClasses.expanded, material.accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, material.accordionDetailsClasses.root, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, material.accordionClasses.expanded, togglePosition === "left" && leftPosition(props));
|
|
3654
|
+
return react.css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n &.", " {\n box-shadow: ", ";\n font-family: ", ";\n border-bottom: ", ";\n height: fit-content;\n\n & .", " {\n ", "\n min-height: 44px;\n\n &.", " {\n background-color: unset;\n }\n\n &.", " {\n min-height: unset;\n }\n\n & .MuiAccordionSummary-expandIcon,\n & .", " {\n padding: 0;\n align-self: flex-start;\n margin-top: ", "px;\n }\n }\n\n .", " {\n ", "\n padding: ", "px;\n padding-top: ", "px;\n }\n\n &:before {\n opacity: 0;\n }\n\n &.", " {\n margin: 0;\n }\n\n ", "\n }\n "], ["\n &.", " {\n box-shadow: ", ";\n font-family: ", ";\n border-bottom: ", ";\n height: fit-content;\n\n & .", " {\n ", "\n min-height: 44px;\n\n &.", " {\n background-color: unset;\n }\n\n &.", " {\n min-height: unset;\n }\n\n & .MuiAccordionSummary-expandIcon,\n & .", " {\n padding: 0;\n align-self: flex-start;\n margin-top: ", "px;\n }\n }\n\n .", " {\n ", "\n padding: ", "px;\n padding-top: ", "px;\n }\n\n &:before {\n opacity: 0;\n }\n\n &.", " {\n margin: 0;\n }\n\n ", "\n }\n "])), material.accordionClasses.root, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_a = typography === null || typography === void 0 ? void 0 : typography.fontFamily) === null || _a === void 0 ? void 0 : _a.body, useDivider ? (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.divider : "none", material.accordionSummaryClasses.root, focusVisibleA11yStyle(), material.accordionSummaryClasses.focusVisible, material.accordionSummaryClasses.expanded, material.accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, material.accordionDetailsClasses.root, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, material.accordionClasses.expanded, togglePosition === "left" && leftPosition(props));
|
|
3615
3655
|
});
|
|
3616
3656
|
var leftPosition = function (props) {
|
|
3617
3657
|
var _a, _b, _c;
|
|
@@ -3864,17 +3904,20 @@ var tertiary = function (props) {
|
|
|
3864
3904
|
var small$1 = function (props) {
|
|
3865
3905
|
var sdsType = props.sdsType;
|
|
3866
3906
|
var iconSizes = getIconSizes(props);
|
|
3867
|
-
|
|
3907
|
+
var spaces = getSpaces(props);
|
|
3908
|
+
return react.css(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
|
|
3868
3909
|
};
|
|
3869
3910
|
var medium$1 = function (props) {
|
|
3870
3911
|
var sdsType = props.sdsType;
|
|
3871
3912
|
var iconSizes = getIconSizes(props);
|
|
3872
|
-
|
|
3913
|
+
var spaces = getSpaces(props);
|
|
3914
|
+
return react.css(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
|
|
3873
3915
|
};
|
|
3874
3916
|
var large = function (props) {
|
|
3875
3917
|
var sdsType = props.sdsType;
|
|
3876
3918
|
var iconSizes = getIconSizes(props);
|
|
3877
|
-
|
|
3919
|
+
var spaces = getSpaces(props);
|
|
3920
|
+
return react.css(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;") : "");
|
|
3878
3921
|
};
|
|
3879
3922
|
var doNotForwardProps$o = [
|
|
3880
3923
|
"on",
|
|
@@ -4016,7 +4059,7 @@ var disabledStyled$2 = function (props) {
|
|
|
4016
4059
|
var _a, _b, _c;
|
|
4017
4060
|
var colors = getColors(props);
|
|
4018
4061
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
4019
|
-
return react.css(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n .", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover .", " {\n border: 1px solid ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "], ["\n .", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover .", " {\n border: 1px solid ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "])), material.outlinedInputClasses.disabled, material.outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, material.inputAdornmentClasses.root, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, colors === null || colors === void 0 ? void 0 : colors.gray[300]);
|
|
4062
|
+
return react.css(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n .", " {\n .", " {\n border: 1px solid ", " !important;\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover .", " {\n border: 1px solid ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "], ["\n .", " {\n .", " {\n border: 1px solid ", " !important;\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover .", " {\n border: 1px solid ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "])), material.outlinedInputClasses.disabled, material.outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, material.inputAdornmentClasses.root, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, colors === null || colors === void 0 ? void 0 : colors.gray[300]);
|
|
4020
4063
|
};
|
|
4021
4064
|
var StyledLabel$2 = styles.styled("label")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyM$1, function (props) {
|
|
4022
4065
|
var spaces = getSpaces(props);
|
|
@@ -4028,11 +4071,11 @@ var StyledSearchBase = styles.styled(material.TextField, {
|
|
|
4028
4071
|
},
|
|
4029
4072
|
})(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4030
4073
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
4031
|
-
var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle, sdsStage = props.sdsStage
|
|
4074
|
+
var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle, sdsStage = props.sdsStage;
|
|
4032
4075
|
var spaces = getSpaces(props);
|
|
4033
4076
|
var iconSizes = getIconSizes(props);
|
|
4034
4077
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
4035
|
-
return react.css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n opacity: 0;\n cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n background-color: ", ";\n\n .", " {\n border: 1px solid ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n opacity:
|
|
4078
|
+
return react.css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n opacity: 0;\n cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n background-color: ", ";\n\n .", " {\n border: 1px solid ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n opacity: 1;\n\n svg {\n color: ", " !important;\n }\n\n &:hover {\n svg {\n color: ", " !important;\n }\n }\n\n &:active {\n svg {\n color: ", " !important;\n }\n }\n }\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n outline: none;\n\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n &.user-is-tabbing .", ":focus-within {\n outline: 2px solid black;\n outline-offset: 1px;\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n opacity: 0;\n cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n background-color: ", ";\n\n .", " {\n border: 1px solid ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n opacity: 1;\n\n svg {\n color: ", " !important;\n }\n\n &:hover {\n svg {\n color: ", " !important;\n }\n }\n\n &:active {\n svg {\n color: ", " !important;\n }\n }\n }\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n outline: none;\n\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n &.user-is-tabbing .", ":focus-within {\n outline: 2px solid black;\n outline-offset: 1px;\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _b === void 0 ? void 0 : _b.width, material.outlinedInputClasses.root, spaces === null || spaces === void 0 ? void 0 : spaces.m, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.surface, material.outlinedInputClasses.notchedOutline, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.border, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.icon, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.fillHover, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, material.inputBaseClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.surface, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_j = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _j === void 0 ? void 0 : _j.borderHover, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_k = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _k === void 0 ? void 0 : _k.border, material.inputAdornmentClasses.root, material.buttonBaseClasses.root, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _l === void 0 ? void 0 : _l.icon, material.outlinedInputClasses.root, sdsStyle === "rounded" && rounded$3(props), intent === "error" && error$3(props), intent === "warning" && warning$3(props), disabled && disabledStyled$2(props), sdsStage === "userInput" && userInput$2(props));
|
|
4036
4079
|
});
|
|
4037
4080
|
var StyledInputAdornment = styles.styled(material.InputAdornment)(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n height: unset;\n margin: 0;\n"], ["\n position: relative;\n height: unset;\n margin: 0;\n"])));
|
|
4038
4081
|
var templateObject_1$M, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$d, templateObject_6$9, templateObject_7$7, templateObject_8$6, templateObject_9$2;
|
|
@@ -4145,11 +4188,78 @@ var MenuItem = React.forwardRef(function MenuItem(props, ref) {
|
|
|
4145
4188
|
return (jsxRuntime.jsxs(StyledMenuItem$1, __assign({}, originalMenuItemProps, { disabled: disabled, ref: ref, children: [isMultiSelect && selectionIcon(), jsxRuntime.jsxs(ContentWrapper, { children: [jsxRuntime.jsxs(TextWrapper, { selected: selected, className: "primary-text", disabled: disabled, children: [iconItem(), children] }), column && jsxRuntime.jsx(ColumnWrapper, { disabled: disabled, children: column })] })] })));
|
|
4146
4189
|
});
|
|
4147
4190
|
|
|
4191
|
+
/**
|
|
4192
|
+
* Adds a 'user-is-tabbing' class and a 'data-user-is-tabbing' attribute to the provided element when the user starts navigating
|
|
4193
|
+
* with the keyboard. This is useful for styling focus outlines differently when the user is using the keyboard to tab through elements.
|
|
4194
|
+
* It is particularly beneficial for input elements where the styles for :focus and :focus-visible are identical,
|
|
4195
|
+
* unlike button elements which have both :focus and :focus-visible states available to style separately.
|
|
4196
|
+
* By detecting when the user is tabbing, we can apply different styles for :focus and :focus-visible states.
|
|
4197
|
+
*
|
|
4198
|
+
* @param {HTMLElement} element - The element to which the 'user-is-tabbing' class will be added.
|
|
4199
|
+
* @returns {Function} A function to remove the 'user-is-tabbing' class and 'data-user-is-tabbing' attribute and clean up the event listeners.
|
|
4200
|
+
*/
|
|
4201
|
+
var detectUserTabbing = function (element) {
|
|
4202
|
+
if (!element)
|
|
4203
|
+
return;
|
|
4204
|
+
var removed = false;
|
|
4205
|
+
function handleFirstTab(e) {
|
|
4206
|
+
if (e.code === "Tab") {
|
|
4207
|
+
element.classList.add("user-is-tabbing");
|
|
4208
|
+
element.setAttribute("data-user-is-tabbing", "true");
|
|
4209
|
+
window.removeEventListener("keydown", handleFirstTab);
|
|
4210
|
+
window.addEventListener("mousedown", handleMouseDownOnce);
|
|
4211
|
+
}
|
|
4212
|
+
}
|
|
4213
|
+
function handleMouseDownOnce() {
|
|
4214
|
+
element.classList.remove("user-is-tabbing");
|
|
4215
|
+
element.removeAttribute("data-user-is-tabbing");
|
|
4216
|
+
window.removeEventListener("mousedown", handleMouseDownOnce);
|
|
4217
|
+
window.addEventListener("keydown", handleFirstTab);
|
|
4218
|
+
}
|
|
4219
|
+
window.addEventListener("keydown", handleFirstTab);
|
|
4220
|
+
return function () {
|
|
4221
|
+
if (removed) {
|
|
4222
|
+
return;
|
|
4223
|
+
}
|
|
4224
|
+
removed = true;
|
|
4225
|
+
window.removeEventListener("keydown", handleFirstTab);
|
|
4226
|
+
window.removeEventListener("mousedown", handleMouseDownOnce);
|
|
4227
|
+
};
|
|
4228
|
+
};
|
|
4229
|
+
/**
|
|
4230
|
+
* Custom hook that listens for keyboard and mouse events to detect when
|
|
4231
|
+
* the user is tabbing through elements.
|
|
4232
|
+
*
|
|
4233
|
+
* @param {React.RefObject} ref - The ref to the element to which the 'user-is-tabbing' class
|
|
4234
|
+
* and 'data-user-is-tabbing' attribute will be added.
|
|
4235
|
+
*/
|
|
4236
|
+
var useDetectUserTabbing = function (ref) {
|
|
4237
|
+
React.useEffect(function () {
|
|
4238
|
+
if (ref.current) {
|
|
4239
|
+
var destroyListener_1 = detectUserTabbing(ref.current);
|
|
4240
|
+
return function () { return destroyListener_1 === null || destroyListener_1 === void 0 ? void 0 : destroyListener_1(); };
|
|
4241
|
+
}
|
|
4242
|
+
}, [ref]);
|
|
4243
|
+
};
|
|
4244
|
+
|
|
4148
4245
|
/**
|
|
4149
4246
|
* @see https://mui.com/material-ui/react-text-field/
|
|
4150
4247
|
*/
|
|
4151
4248
|
var InputSearch = React.forwardRef(function InputSearch(props, ref) {
|
|
4152
|
-
var label = props.label, id = props.id, placeholder = props.placeholder, _a = props.sdsStyle, sdsStyle = _a === void 0 ? "square" : _a, _b = props.intent, intent = _b === void 0 ? "default" : _b, handleSubmit = props.handleSubmit, onChange = props.onChange, rest = __rest(props, ["label", "id", "placeholder", "sdsStyle", "intent", "handleSubmit", "onChange"]);
|
|
4249
|
+
var label = props.label, id = props.id, placeholder = props.placeholder, _a = props.sdsStyle, sdsStyle = _a === void 0 ? "square" : _a, _b = props.intent, intent = _b === void 0 ? "default" : _b, handleSubmit = props.handleSubmit, onChange = props.onChange, disabled = props.disabled, rest = __rest(props, ["label", "id", "placeholder", "sdsStyle", "intent", "handleSubmit", "onChange", "disabled"]);
|
|
4250
|
+
/**
|
|
4251
|
+
* (masoudmanson): In case that the ref is not provided, we will create a new one.
|
|
4252
|
+
*/
|
|
4253
|
+
var inputRef = React.useRef(null);
|
|
4254
|
+
/**
|
|
4255
|
+
* (masoudmanson): This is a custom hook that listens for keyboard and mouse events
|
|
4256
|
+
* and adds a 'user-is-tabbing' class to the body element when the user starts
|
|
4257
|
+
* navigating with the keyboard. Unlike button elements which have both :focus
|
|
4258
|
+
* and :focus-visible states available to style separately, input elements have
|
|
4259
|
+
* identical styles for :focus and :focus-visible states. By detecting when the
|
|
4260
|
+
* user is tabbing, we can apply different styles for :focus and :focus-visible states.
|
|
4261
|
+
*/
|
|
4262
|
+
useDetectUserTabbing((ref ? ref : inputRef));
|
|
4153
4263
|
var _c = React.useState(false), hasValue = _c[0], setHasValue = _c[1];
|
|
4154
4264
|
var _d = React.useState(""), value = _d[0], setValue = _d[1];
|
|
4155
4265
|
var handleChange = function (event) {
|
|
@@ -4194,16 +4304,16 @@ var InputSearch = React.forwardRef(function InputSearch(props, ref) {
|
|
|
4194
4304
|
console.error("Error: @czi-sds/components component InputText requires id and label props for accessibility.");
|
|
4195
4305
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
4196
4306
|
}
|
|
4197
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledLabel$2, { htmlFor: id, children: label }), jsxRuntime.jsx(StyledSearchBase, __assign({ ref: ref,
|
|
4307
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledLabel$2, { htmlFor: id, children: label }), jsxRuntime.jsx(StyledSearchBase, __assign({ id: id, ref: ref ? ref : inputRef,
|
|
4198
4308
|
// passed to mui Input
|
|
4199
4309
|
InputProps: {
|
|
4200
|
-
endAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "end", children: jsxRuntime.jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
|
|
4310
|
+
endAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "end", children: jsxRuntime.jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", disabled: disabled, sdsIconProps: {
|
|
4201
4311
|
sdsType: "iconButton",
|
|
4202
4312
|
}, icon: "XMarkCircle" }) })),
|
|
4203
|
-
startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(Button, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
|
|
4313
|
+
startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(Button, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", disabled: disabled, sdsIconProps: {
|
|
4204
4314
|
sdsType: "interactive",
|
|
4205
4315
|
}, icon: "Search" }) })),
|
|
4206
|
-
}, type: "search",
|
|
4316
|
+
}, type: "search", variant: "outlined", size: "small", placeholder: placeholder, value: value, sdsStyle: sdsStyle, sdsStage: hasValue ? "userInput" : "default", onChange: handleChange, onKeyDown: handleKeyPress, intent: intent, disabled: disabled,
|
|
4207
4317
|
/**
|
|
4208
4318
|
* (masoudmanson): This prevents the browser's default auto completion
|
|
4209
4319
|
* menu from being displayed for the InputSearch.
|
|
@@ -4228,7 +4338,7 @@ var StyledAutocompleteBase = styles.styled(material.Autocomplete, {
|
|
|
4228
4338
|
var borders = getBorders(props);
|
|
4229
4339
|
var semanticTextColors = getSemanticTextColors(props);
|
|
4230
4340
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
4231
|
-
return "\n ".concat(!search && "height: 0", ";\n\n .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n\n .MuiAutocomplete-input {\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n }\n\n & + .").concat(material.autocompleteClasses.popper, " > .").concat(material.autocompleteClasses.paper, " {\n .").concat(material.autocompleteClasses.listbox, " {\n max-height: 40vh;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n\n .").concat(material.autocompleteClasses.option, " {\n min-height: unset;\n\n &.").concat(material.autocompleteClasses.focused, " {\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfaceSecondary, ";\n }\n\n &[aria-selected=\"true\"] {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.surfacePrimary, ";\n }\n\n &[aria-disabled=\"true\"] {\n opacity: 1;\n }\n\n &[aria-selected=\"true\"].").concat(material.autocompleteClasses.focused, " {\n background-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.surfaceSecondary, ";\n }\n }\n\n & > li:last-child .").concat(material.autocompleteClasses.groupUl, " {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .").concat(material.autocompleteClasses.groupLabel, " {\n top: 0;\n color: ").concat((_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.secondary, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n\n .").concat(material.autocompleteClasses.groupUl, " {\n position: relative;\n margin: 0 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n border-bottom: ").concat((_e = borders === null || borders === void 0 ? void 0 : borders.base) === null || _e === void 0 ? void 0 : _e.divider, ";\n padding-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n & li:last-of-type {\n position: relative;\n }\n }\n\n .").concat(material.autocompleteClasses.noOptions, " {\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n .").concat(material.autocompleteClasses.loading, " {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n }\n }\n ");
|
|
4341
|
+
return "\n ".concat(!search && "height: 0", ";\n \n // (masoudmanson): We need to apply the focus styles to the input element\n // when the user is tabbing through the options. To find out more, take a\n // look at the useDetectUserTabbing hook.\n &[data-user-is-tabbing=\"true\"]:focus-within {\n border-radius: 4px;\n outline: 2px solid black;\n outline-offset: 1px;\n }\n\n .MuiFormControl-root {\n outline: none;\n }\n\n .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n\n .MuiAutocomplete-input {\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n }\n\n & + .").concat(material.autocompleteClasses.popper, " > .").concat(material.autocompleteClasses.paper, " {\n .").concat(material.autocompleteClasses.listbox, " {\n max-height: 40vh;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n\n .").concat(material.autocompleteClasses.option, " {\n min-height: unset;\n\n &.").concat(material.autocompleteClasses.focused, " {\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfaceSecondary, ";\n }\n\n &[aria-selected=\"true\"] {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.surfacePrimary, ";\n }\n\n &[aria-disabled=\"true\"] {\n opacity: 1;\n }\n\n &[aria-selected=\"true\"].").concat(material.autocompleteClasses.focused, " {\n background-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.surfaceSecondary, ";\n }\n }\n\n & > li:last-child .").concat(material.autocompleteClasses.groupUl, " {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .").concat(material.autocompleteClasses.groupLabel, " {\n top: 0;\n color: ").concat((_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.secondary, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n\n .").concat(material.autocompleteClasses.groupUl, " {\n position: relative;\n margin: 0 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n border-bottom: ").concat((_e = borders === null || borders === void 0 ? void 0 : borders.base) === null || _e === void 0 ? void 0 : _e.divider, ";\n padding-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n & li:last-of-type {\n position: relative;\n }\n }\n\n .").concat(material.autocompleteClasses.noOptions, " {\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n .").concat(material.autocompleteClasses.loading, " {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n }\n }\n ");
|
|
4232
4342
|
});
|
|
4233
4343
|
var InputBaseWrapper$1 = styles.styled("div", {
|
|
4234
4344
|
shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
|
|
@@ -4238,7 +4348,7 @@ var InputBaseWrapper$1 = styles.styled("div", {
|
|
|
4238
4348
|
// (thuang): We cannot use `display: none;` here, since
|
|
4239
4349
|
// the component needs to be in the DOM to handle backdrop
|
|
4240
4350
|
// click to close the menu
|
|
4241
|
-
return "\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n ";
|
|
4351
|
+
return "\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n speak: none;\n ";
|
|
4242
4352
|
}
|
|
4243
4353
|
});
|
|
4244
4354
|
var StyledMenuInputSearch$1 = styles.styled(InputSearch, {
|
|
@@ -4265,10 +4375,12 @@ var StyledMenuItemText = styles.styled("div")(templateObject_6$7 || (templateObj
|
|
|
4265
4375
|
var templateObject_1$K, templateObject_2$s, templateObject_3$k, templateObject_4$h, templateObject_5$b, templateObject_6$7;
|
|
4266
4376
|
|
|
4267
4377
|
var AutocompleteBase = function (props) {
|
|
4268
|
-
var multiple = props.multiple, _a = props.disableCloseOnSelect, disableCloseOnSelect = _a === void 0 ? multiple : _a, _b = props.getOptionLabel, getOptionLabel = _b === void 0 ? defaultGetOptionLabel : _b, _c = props.InputBaseProps, InputBaseProps = _c === void 0 ? EMPTY_OBJECT : _c, _d = props.isOptionEqualToValue, isOptionEqualToValue = _d === void 0 ? defaultIsOptionEqualToValue : _d, _e = props.keepSearchOnSelect, keepSearchOnSelect = _e === void 0 ? false : _e, _f = props.label, label = _f === void 0 ? "Label" : _f, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.renderOption, renderOption = _l === void 0 ? defaultRenderOption : _l, _m = props.renderTags, renderTags = _m === void 0 ? defaultRenderTags : _m, _o = props.search, search = _o === void 0 ? false : _o, _p = props.clearOnBlur, clearOnBlur = _p === void 0 ? false : _p, _q = props.blurOnSelect, blurOnSelect = _q === void 0 ? !multiple : _q, onClickAway = props.onClickAway, onClick = props.onClick, onOpen = props.onOpen, onClose = props.onClose;
|
|
4378
|
+
var multiple = props.multiple, _a = props.disableCloseOnSelect, disableCloseOnSelect = _a === void 0 ? multiple : _a, _b = props.getOptionLabel, getOptionLabel = _b === void 0 ? defaultGetOptionLabel : _b, _c = props.InputBaseProps, InputBaseProps = _c === void 0 ? EMPTY_OBJECT : _c, _d = props.isOptionEqualToValue, isOptionEqualToValue = _d === void 0 ? defaultIsOptionEqualToValue : _d, _e = props.keepSearchOnSelect, keepSearchOnSelect = _e === void 0 ? false : _e, _f = props.label, label = _f === void 0 ? "Label" : _f, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.renderOption, renderOption = _l === void 0 ? defaultRenderOption : _l, _m = props.renderTags, renderTags = _m === void 0 ? defaultRenderTags : _m, _o = props.search, search = _o === void 0 ? false : _o, _p = props.clearOnBlur, clearOnBlur = _p === void 0 ? false : _p, _q = props.blurOnSelect, blurOnSelect = _q === void 0 ? !multiple : _q, onClickAway = props.onClickAway, onClick = props.onClick, onOpen = props.onOpen, onClose = props.onClose, disabled = props.disabled;
|
|
4269
4379
|
var theme = styles.useTheme();
|
|
4380
|
+
var ref = React.useRef(null);
|
|
4270
4381
|
var _r = React.useState(""), inputValue = _r[0], setInputValue = _r[1];
|
|
4271
|
-
|
|
4382
|
+
useDetectUserTabbing(ref);
|
|
4383
|
+
return (jsxRuntime.jsx(StyledAutocompleteBase, __assign({ ref: ref, clearOnBlur: clearOnBlur, disableCloseOnSelect: disableCloseOnSelect, disablePortal: true, renderTags: renderTags, loading: loading, loadingText: loadingText, noOptionsText: noOptionsText, PaperComponent: StyledPaper$3, PopperComponent: useDefaultPopperComponent(), renderOption: renderOption, getOptionLabel: getOptionLabel, isOptionEqualToValue: isOptionEqualToValue, inputValue: inputValue, renderInput: defaultRenderInput, multiple: multiple,
|
|
4272
4384
|
/**
|
|
4273
4385
|
* (masoudmanson): Overrides the onOpen and onClose handlers to ensure that
|
|
4274
4386
|
* the onClick and onClickAway handlers are triggered when a controlled dropdown
|
|
@@ -4296,7 +4408,7 @@ var AutocompleteBase = function (props) {
|
|
|
4296
4408
|
* the provided onInputChange from props is called at the end to emit the input changes
|
|
4297
4409
|
* to the user.
|
|
4298
4410
|
*/
|
|
4299
|
-
onInputChange: defaultOnInputChange })));
|
|
4411
|
+
onInputChange: defaultOnInputChange, disabled: disabled || !search })));
|
|
4300
4412
|
/**
|
|
4301
4413
|
* (masoudmanson): Using a custom Popper or Paper with the Autocomplete
|
|
4302
4414
|
* without a useCallback results in scroll jumps while selecting an option!
|
|
@@ -4316,20 +4428,32 @@ var AutocompleteBase = function (props) {
|
|
|
4316
4428
|
}, []);
|
|
4317
4429
|
}
|
|
4318
4430
|
function defaultRenderInput(params) {
|
|
4319
|
-
return (jsxRuntime.jsx(InputBaseWrapper$1, { search: search, children: jsxRuntime.jsx(StyledMenuInputSearch$1, __assign({ id: "location-search", label:
|
|
4431
|
+
return (jsxRuntime.jsx(InputBaseWrapper$1, { search: search, children: jsxRuntime.jsx(StyledMenuInputSearch$1, __assign({ id: "location-search", "aria-label": "Search Input",
|
|
4432
|
+
// (masoudmanson): This is to ensure that the input field won't be focusable
|
|
4433
|
+
// when the search prop is set to false.
|
|
4434
|
+
tabIndex: search ? 0 : -1, "aria-hidden": !search, label: label, placeholder: label, ref: params.InputProps.ref, search: search,
|
|
4320
4435
|
// (masoudmanson): This prevents Backspace from deselecting selected dropdown options.
|
|
4321
4436
|
onKeyDown: function (event) {
|
|
4322
4437
|
if (event.key === "Backspace") {
|
|
4323
4438
|
event.stopPropagation();
|
|
4324
4439
|
}
|
|
4325
|
-
}, InputProps: __assign(__assign({
|
|
4440
|
+
}, InputProps: __assign(__assign({}, params.InputProps.ref), { "aria-hidden": !search, endAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsxRuntime.jsx(Button
|
|
4441
|
+
// (masoudmanson): This is to ensure that the clear button won't be focusable
|
|
4442
|
+
// when the search prop is set to false.
|
|
4443
|
+
, {
|
|
4444
|
+
// (masoudmanson): This is to ensure that the clear button won't be focusable
|
|
4445
|
+
// when the search prop is set to false.
|
|
4446
|
+
tabIndex: search ? 0 : -1, "aria-hidden": !search, disabled: !search, "aria-label": "Clear Button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
|
|
4447
|
+
sdsType: "iconButton",
|
|
4448
|
+
}, icon: "XMarkCircle" })) })),
|
|
4326
4449
|
/**
|
|
4327
4450
|
* (thuang): Works with css caret-color: "transparent" to hide
|
|
4328
4451
|
* mobile keyboard
|
|
4329
4452
|
*/
|
|
4330
|
-
inputMode: search ? "text" : "none"
|
|
4331
|
-
|
|
4332
|
-
|
|
4453
|
+
inputMode: search ? "text" : "none", inputProps: params.inputProps, startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(Button, { "aria-label": "Search Button",
|
|
4454
|
+
// (masoudmanson): This is to ensure that the search button won't be focusable
|
|
4455
|
+
// when the search prop is set to false.
|
|
4456
|
+
tabIndex: search ? 0 : -1, "aria-hidden": !search, disabled: !search, onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
|
|
4333
4457
|
sdsType: "interactive",
|
|
4334
4458
|
}, icon: "Search" }) })) }) }, InputBaseProps)) }));
|
|
4335
4459
|
}
|
|
@@ -4533,6 +4657,7 @@ var AutocompleteMultiColumn = function (props) {
|
|
|
4533
4657
|
}, [isOpenControlled, open]);
|
|
4534
4658
|
var anchorRef = React.useRef(null);
|
|
4535
4659
|
var _h = React.useState(null), anchorEl = _h[0], setAnchorEl = _h[1];
|
|
4660
|
+
useDetectUserTabbing(anchorRef);
|
|
4536
4661
|
React.useEffect(function () {
|
|
4537
4662
|
setAnchorEl(anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current);
|
|
4538
4663
|
}, [anchorRef]);
|
|
@@ -4574,7 +4699,7 @@ var AutocompleteMultiColumn = function (props) {
|
|
|
4574
4699
|
* inner autocompletes should remain hidden and unfocused when the parent
|
|
4575
4700
|
* input is focused. This prevents blurring of the main search input.
|
|
4576
4701
|
*/
|
|
4577
|
-
InputBaseProps: __assign(__assign({}, InputBaseProps), { autoFocus: false }), popperOpen: popperOpen, inputValue: inputValue, PaperComponent: StyledPaper$2 }, rest), autocompleteOptions.name)); }) }) })))] }) })));
|
|
4702
|
+
InputBaseProps: __assign(__assign({}, InputBaseProps), { autoFocus: false, tabIndex: -1 }), popperOpen: popperOpen, inputValue: inputValue, PaperComponent: StyledPaper$2 }, rest), autocompleteOptions.name)); }) }) })))] }) })));
|
|
4578
4703
|
function clearInput() {
|
|
4579
4704
|
setInputValue("");
|
|
4580
4705
|
/**
|
|
@@ -4671,6 +4796,11 @@ var AutocompleteMultiColumn = function (props) {
|
|
|
4671
4796
|
}
|
|
4672
4797
|
setPopperOpen(false);
|
|
4673
4798
|
}
|
|
4799
|
+
else {
|
|
4800
|
+
// (masoudmanson): This is to open the dropdown when the user types in the search input.
|
|
4801
|
+
// especially when the user is tabbing through the input.
|
|
4802
|
+
setPopperOpen(true);
|
|
4803
|
+
}
|
|
4674
4804
|
}
|
|
4675
4805
|
}
|
|
4676
4806
|
};
|
|
@@ -4988,11 +5118,14 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
|
|
|
4988
5118
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
|
|
4989
5119
|
var content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, sdsStyle === "dark" && subtitle && jsxRuntime.jsx(Subtitle$1, { children: subtitle })] }));
|
|
4990
5120
|
var leaveDelay = inverted || sdsStyle === "dark" ? 0 : 500;
|
|
4991
|
-
return (jsxRuntime.jsx(material.Tooltip, __assign({ classes: { arrow: arrow, tooltip: tooltip }, leaveDelay: leaveDelay, title: content, PopperComponent: PopperComponent,
|
|
5121
|
+
return (jsxRuntime.jsx(material.Tooltip, __assign({ classes: { arrow: arrow, tooltip: tooltip }, leaveDelay: leaveDelay, title: content, PopperComponent: PopperComponent,
|
|
5122
|
+
// (masoudmanson): Setting tabIndex to 0 makes the tooltip component
|
|
5123
|
+
// focusable and allows keyboard navigation.
|
|
5124
|
+
tabIndex: 0, ref: ref,
|
|
4992
5125
|
// (masoudmanson): SDS Tooltips should always have an arrow
|
|
4993
5126
|
// and by setting the arrow prop to true, we ensure that
|
|
4994
5127
|
// the arrow is always rendered.
|
|
4995
|
-
arrow: true })));
|
|
5128
|
+
arrow: true }, rest)));
|
|
4996
5129
|
});
|
|
4997
5130
|
function mergeClass$1(_a) {
|
|
4998
5131
|
var props = _a.props, className = _a.className, key = _a.key;
|
|
@@ -5032,10 +5165,10 @@ var verticalAlignToFlexMap = {
|
|
|
5032
5165
|
};
|
|
5033
5166
|
var StyledTableData = styles.styled("td", {
|
|
5034
5167
|
shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
|
|
5035
|
-
})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
5168
|
+
})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodyS$1, focusVisibleA11yStyle, function (props) {
|
|
5036
5169
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
|
|
5037
5170
|
var spaces = getSpaces(props);
|
|
5038
|
-
return "\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n text-align: ").concat(horizontalAlign, ";\n vertical-align: ").concat(verticalAlignCSSMap[verticalAlign], ";\n
|
|
5171
|
+
return "\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n text-align: ").concat(horizontalAlign, ";\n vertical-align: ").concat(verticalAlignCSSMap[verticalAlign], ";\n overflow: hidden;\n ");
|
|
5039
5172
|
});
|
|
5040
5173
|
var ShouldWrap = function (lineCount) {
|
|
5041
5174
|
return "\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: ".concat(lineCount, ";\n -webkit-box-orient: vertical; \n ");
|
|
@@ -5111,7 +5244,7 @@ var CellBasic = React.forwardRef(function (props, ref) {
|
|
|
5111
5244
|
var doNotForwardProps$i = ["horizontalAlign", "verticalAlign"];
|
|
5112
5245
|
var StyledCellComponentData = styles.styled("td", {
|
|
5113
5246
|
shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
|
|
5114
|
-
})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
5247
|
+
})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodyS$1, focusVisibleA11yStyle, function (props) {
|
|
5115
5248
|
var spaces = getSpaces(props);
|
|
5116
5249
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
|
|
5117
5250
|
return "\n align-items: center;\n text-align: ".concat(horizontalAlign, ";\n vertical-align: ").concat(verticalAlign, ";\n overflow: hidden;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
@@ -5147,7 +5280,7 @@ var StyledSortingIcon = styles.styled(Icon, {
|
|
|
5147
5280
|
});
|
|
5148
5281
|
var StyledTableHeader$1 = styles.styled("th", {
|
|
5149
5282
|
shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
|
|
5150
|
-
})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderS, function (props) {
|
|
5283
|
+
})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontHeaderS, focusVisibleA11yStyle, function (props) {
|
|
5151
5284
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
5152
5285
|
var _j = props.active, active = _j === void 0 ? false : _j, _k = props.horizontalAlign, horizontalAlign = _k === void 0 ? "left" : _k;
|
|
5153
5286
|
var spaces = getSpaces(props);
|
|
@@ -5319,7 +5452,7 @@ var StyledPaper$1 = styles.styled(material.Paper, {
|
|
|
5319
5452
|
var spaces = getSpaces(props);
|
|
5320
5453
|
var borders = getBorders(props);
|
|
5321
5454
|
var shadows = getShadows(props);
|
|
5322
|
-
return "\n box-shadow: ".concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, " !important;\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n margin: 0;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n\n .MuiFormControl-root.MuiTextField-root {\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n ");
|
|
5455
|
+
return "\n box-shadow: ".concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, " !important;\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n margin: 0;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n\n .MuiAutocomplete-root,\n .MuiFormControl-root.MuiTextField-root {\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n // (masoudmanson): Remove margin-right and margin-bottom for the single column autocomplete\n // as it has been added to the parent container\n .MuiAutocomplete-root .MuiFormControl-root.MuiTextField-root {\n margin-right: 0;\n margin-bottom: 0; \n }\n ");
|
|
5323
5456
|
});
|
|
5324
5457
|
var templateObject_1$z, templateObject_2$k, templateObject_3$c, templateObject_4$b;
|
|
5325
5458
|
|
|
@@ -5330,9 +5463,9 @@ var DEFAULT_POPPER_BASE_PROPS = {
|
|
|
5330
5463
|
disablePortal: true,
|
|
5331
5464
|
};
|
|
5332
5465
|
var DropdownMenu = function (props) {
|
|
5333
|
-
var _a;
|
|
5466
|
+
var _a, _b;
|
|
5334
5467
|
var theme = styles.useTheme();
|
|
5335
|
-
var anchorEl = props.anchorEl, id = props.id, InputBaseProps = props.InputBaseProps,
|
|
5468
|
+
var anchorEl = props.anchorEl, id = props.id, InputBaseProps = props.InputBaseProps, _c = props.open, open = _c === void 0 ? false : _c, _d = props.PopperComponent, PopperComponent = _d === void 0 ? StyledPopper : _d, _e = props.PaperComponent, PaperComponent = _e === void 0 ? StyledPaper$1 : _e, _f = props.PopperPlacement, PopperPlacement = _f === void 0 ? "bottom-start" : _f, _g = props.PopperBaseProps, PopperBaseProps = _g === void 0 ? {} : _g, _h = props.search, search = _h === void 0 ? false : _h, title = props.title, _j = props.label, label = _j === void 0 ? "Search" : _j, children = props.children, options = props.options, _k = props.onClickAway, onClickAway = _k === void 0 ? noop : _k, ClickAwayListenerProps = props.ClickAwayListenerProps, _l = props.width, width = _l === void 0 ? MINIMUM_DROPDOWN_MENU_POPPER_WIDTH : _l, rest = __rest(props, ["anchorEl", "id", "InputBaseProps", "open", "PopperComponent", "PaperComponent", "PopperPlacement", "PopperBaseProps", "search", "title", "label", "children", "options", "onClickAway", "ClickAwayListenerProps", "width"]);
|
|
5336
5469
|
var isMultiColumn = "options" in ((options === null || options === void 0 ? void 0 : options[0]) || EMPTY_OBJECT);
|
|
5337
5470
|
// (masoudmanson): The DropdownMenu's Popper component should have a minimum
|
|
5338
5471
|
// width of MINIMUM_DROPDOWN_MENU_POPPER_WIDTH pixels if the DropdownMenu is
|
|
@@ -5350,7 +5483,7 @@ var DropdownMenu = function (props) {
|
|
|
5350
5483
|
{
|
|
5351
5484
|
name: "offset",
|
|
5352
5485
|
options: {
|
|
5353
|
-
offset: [0, (_a = theme.app) === null || _a === void 0 ? void 0 : _a.spacing.s],
|
|
5486
|
+
offset: [0, (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.app) === null || _a === void 0 ? void 0 : _a.spacing) === null || _b === void 0 ? void 0 : _b.s],
|
|
5354
5487
|
},
|
|
5355
5488
|
},
|
|
5356
5489
|
], open: open, anchorEl: anchorEl, placement: PopperPlacement }, PopperBaseProps, {
|
|
@@ -5377,20 +5510,20 @@ var inputDropdownStyles = function (props) {
|
|
|
5377
5510
|
var spaces = getSpaces(props);
|
|
5378
5511
|
var borders = getBorders(props);
|
|
5379
5512
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5380
|
-
var
|
|
5513
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5381
5514
|
/**
|
|
5382
5515
|
* (masoudmanson)
|
|
5383
5516
|
* The top/bottom padding is set to 1px less than the actual value to account for the border.
|
|
5384
5517
|
*/
|
|
5385
5518
|
var padding = "".concat(((_a = spaces === null || spaces === void 0 ? void 0 : spaces.xs) !== null && _a !== void 0 ? _a : 6) - 1, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px");
|
|
5386
|
-
return react.css(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n ", "\n\n border: ", ";\n color: ", ";\n cursor: pointer;\n padding: ", ";\n justify-content: start;\n\n &.MuiButton-text {\n &:hover {\n color: ", ";\n }\n\n .styled-label {\n margin-left: ", "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n svg {\n margin-right: ", "px;\n margin-left: ", "px;\n }\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: unset;\n border-color: black;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n border: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n }\n\n &:focus {\n outline-offset: -1px;\n }\n "], ["\n ", "\n\n border: ", ";\n color: ", ";\n cursor: pointer;\n padding: ", ";\n justify-content: start;\n\n &.MuiButton-text {\n &:hover {\n color: ", ";\n }\n\n .styled-label {\n margin-left: ", "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n svg {\n margin-right: ", "px;\n margin-left: ", "px;\n }\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: unset;\n border-color: black;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n border: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n }\n\n &:focus {\n outline-offset: -1px;\n }\n "])), labelStyle(props), (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.default, (_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.primary, padding, (_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.primary, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.l, (_e =
|
|
5519
|
+
return react.css(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n ", "\n\n border: ", ";\n color: ", ";\n cursor: pointer;\n padding: ", ";\n justify-content: start;\n\n &.MuiButton-text {\n &:hover {\n color: ", ";\n }\n\n .styled-label {\n margin-left: ", "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n svg {\n margin-right: ", "px;\n margin-left: ", "px;\n }\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: unset;\n border-color: black;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n border: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n }\n\n &:focus {\n outline-offset: -1px;\n }\n "], ["\n ", "\n\n border: ", ";\n color: ", ";\n cursor: pointer;\n padding: ", ";\n justify-content: start;\n\n &.MuiButton-text {\n &:hover {\n color: ", ";\n }\n\n .styled-label {\n margin-left: ", "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n svg {\n margin-right: ", "px;\n margin-left: ", "px;\n }\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: unset;\n border-color: black;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n border: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n }\n\n &:focus {\n outline-offset: -1px;\n }\n "])), labelStyle(props), (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.default, (_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.primary, padding, (_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.primary, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.l, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.icon, (_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.primary, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.iconHover, (_h = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _h === void 0 ? void 0 : _h.primary, (_j = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _j === void 0 ? void 0 : _j.default, (_k = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _k === void 0 ? void 0 : _k.primary, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _l === void 0 ? void 0 : _l.icon);
|
|
5387
5520
|
};
|
|
5388
5521
|
var minimal$1 = function (props) {
|
|
5389
5522
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
5390
5523
|
var spaces = getSpaces(props);
|
|
5391
5524
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5392
|
-
var
|
|
5393
|
-
return react.css(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n
|
|
5525
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5526
|
+
return react.css(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), labelStyle(props), focusVisibleA11yStyle(), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.secondary, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.primary, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.iconHover, (_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.primary, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.fillHover, labelFontBodyS(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs);
|
|
5394
5527
|
};
|
|
5395
5528
|
var square$1 = function (props) {
|
|
5396
5529
|
var corners = getCorners(props);
|
|
@@ -5401,18 +5534,22 @@ var rounded$1 = function (props) {
|
|
|
5401
5534
|
return react.css(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n border-radius: ", "px;\n min-width: 90px;\n "], ["\n border-radius: ", "px;\n min-width: 90px;\n "])), corners === null || corners === void 0 ? void 0 : corners.l);
|
|
5402
5535
|
};
|
|
5403
5536
|
var userInput$1 = function (props) {
|
|
5404
|
-
var _a, _b;
|
|
5537
|
+
var _a, _b, _c, _d, _e, _f;
|
|
5538
|
+
var sdsStyle = props.sdsStyle;
|
|
5405
5539
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5406
|
-
|
|
5540
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5541
|
+
return react.css(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n & .styled-label {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n "], ["\n & .styled-label {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n "])), (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary, (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.primary, sdsStyle === "minimal"
|
|
5542
|
+
? "\n background-color: ".concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, ";\n border: none;\n color: ").concat((_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.primary, ";\n\n path {\n fill: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.iconHover, ";\n }\n\n .styled-label {\n color: ").concat((_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.primary, ";\n }\n ")
|
|
5543
|
+
: "");
|
|
5407
5544
|
};
|
|
5408
5545
|
var isOpen = function (props) {
|
|
5409
5546
|
var _a, _b;
|
|
5410
5547
|
var colors = getColors(props);
|
|
5411
5548
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5412
|
-
var
|
|
5549
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5413
5550
|
return react.css(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n ", "\n\n path {\n fill: ", ";\n }\n\n border-color: ", ";\n\n &:hover {\n path {\n fill: ", ";\n }\n\n border-color: ", ";\n }\n "], ["\n ", "\n\n path {\n fill: ", ";\n }\n\n border-color: ", ";\n\n &:hover {\n path {\n fill: ", ";\n }\n\n border-color: ", ";\n }\n "])), props.sdsStyle === "minimal"
|
|
5414
5551
|
? "& > span, &:hover > span { color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary, "; }")
|
|
5415
|
-
: "", (_b =
|
|
5552
|
+
: "", (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.icon, colors === null || colors === void 0 ? void 0 : colors.blue[400], colors === null || colors === void 0 ? void 0 : colors.blue[400], colors === null || colors === void 0 ? void 0 : colors.blue[400]);
|
|
5416
5553
|
};
|
|
5417
5554
|
var warning$1 = function (props) {
|
|
5418
5555
|
var colors = getColors(props);
|
|
@@ -5427,8 +5564,8 @@ var error$1 = function (props) {
|
|
|
5427
5564
|
var isDisabled = function (props) {
|
|
5428
5565
|
var _a, _b, _c, _d;
|
|
5429
5566
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5430
|
-
var
|
|
5431
|
-
return react.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "], ["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "])), (_a =
|
|
5567
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5568
|
+
return react.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "], ["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.disabled, (_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.disabled, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.fillDisabled);
|
|
5432
5569
|
};
|
|
5433
5570
|
/**
|
|
5434
5571
|
* (masoudmanson): `Button as React.ComponentType<InputDropdownProps>` is a
|
|
@@ -5440,7 +5577,7 @@ var isDisabled = function (props) {
|
|
|
5440
5577
|
*/
|
|
5441
5578
|
var StyledInputDropdown = styles.styled(Button, {
|
|
5442
5579
|
shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
|
|
5443
|
-
})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"], ["\n ", "\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"])), labelFontBodyXs, function (props) {
|
|
5580
|
+
})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n ", "\n outline-offset: 1px !important;\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"], ["\n ", "\n ", "\n outline-offset: 1px !important;\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"])), labelFontBodyXs, focusVisibleA11yStyle, function (props) {
|
|
5444
5581
|
var disabled = props.disabled, intent = props.intent, state = props.state, sdsStage = props.sdsStage, sdsStyle = props.sdsStyle;
|
|
5445
5582
|
return react.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), inputDropdownStyles(props), sdsStyle === "minimal" && minimal$1(props), sdsStyle === "square" && square$1(props), sdsStyle === "rounded" && rounded$1(props), state === "open" && isOpen(props), sdsStage === "userInput" && userInput$1(props), intent === "warning" && warning$1(props), intent === "error" && error$1(props), disabled && isDisabled(props));
|
|
5446
5583
|
});
|
|
@@ -5470,9 +5607,9 @@ var StyledCounter = styles.styled("span", {
|
|
|
5470
5607
|
var _a, _b;
|
|
5471
5608
|
var corners = getCorners(props);
|
|
5472
5609
|
var spaces = getSpaces(props);
|
|
5473
|
-
var
|
|
5610
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5474
5611
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5475
|
-
return "\n background-color: ".concat((_a =
|
|
5612
|
+
return "\n background-color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfaceTertiary, ";\n color: ").concat((_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.accent, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
5476
5613
|
});
|
|
5477
5614
|
var MinimalDetails = styles.styled("div", {
|
|
5478
5615
|
shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
|
|
@@ -5511,7 +5648,7 @@ var InputDropdown = function (props) {
|
|
|
5511
5648
|
var shouldRenderInlineMinimalDetails = isMinimal && sdsType === "value" && !multiple;
|
|
5512
5649
|
var shouldRenderMinimalDetails = isMinimal && sdsType === "label";
|
|
5513
5650
|
var shouldRenderCounter = multiple && counter !== undefined && counter !== "0" && !isMinimal;
|
|
5514
|
-
return (jsxRuntime.jsxs(StyledInputDropdown, __assign({}, props, { children: [jsxRuntime.jsxs(LabelWrapper, { isMinimal: isMinimal, children: [jsxRuntime.jsx(StyledLabel$1, { className: "styled-label", details: details, counter: counter, sdsType: sdsType, children: renderLabelText({
|
|
5651
|
+
return (jsxRuntime.jsxs(StyledInputDropdown, __assign({}, props, { "aria-label": "Dropdown input", children: [jsxRuntime.jsxs(LabelWrapper, { isMinimal: isMinimal, children: [jsxRuntime.jsx(StyledLabel$1, { className: "styled-label", details: details, counter: counter, sdsType: sdsType, children: renderLabelText({
|
|
5515
5652
|
counter: counter,
|
|
5516
5653
|
details: details,
|
|
5517
5654
|
isMinimal: isMinimal,
|
|
@@ -5655,7 +5792,7 @@ function createTypeCss(props, type) {
|
|
|
5655
5792
|
secondary: generateSecondaryTagColors(intent, colors, semanticColors),
|
|
5656
5793
|
};
|
|
5657
5794
|
var typeColors = typeToColors[type];
|
|
5658
|
-
return react.css(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n background-color: ", ";\n position: relative;\n\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:active
|
|
5795
|
+
return react.css(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n ", "\n\n background-color: ", ";\n position: relative;\n\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:active {\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.Mui-focusVisible {\n background-color: ", ";\n }x\n "], ["\n ", "\n\n background-color: ", ";\n position: relative;\n\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:active {\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.Mui-focusVisible {\n background-color: ", ";\n }x\n "])), focusVisibleA11yStyle(), typeColors.background, typeColors.label, typeColors.iconColor, (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.onFill, (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.onFill, typeColors.backgroundHover, typeColors.backgroundClicked, typeColors.backgroundHover);
|
|
5659
5796
|
}
|
|
5660
5797
|
var typeToCss = {
|
|
5661
5798
|
primary: primary,
|
|
@@ -5691,10 +5828,10 @@ var Tag = function (props) {
|
|
|
5691
5828
|
};
|
|
5692
5829
|
|
|
5693
5830
|
var StyledTag = styles.styled(Tag)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5694
|
-
var _a, _b;
|
|
5831
|
+
var _a, _b, _c, _d;
|
|
5695
5832
|
var spaces = getSpaces(props);
|
|
5696
5833
|
var iconSizes = getIconSizes(props);
|
|
5697
|
-
return react.css(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n padding: ", "px ", "px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ", "\n }\n\n .MuiChip-deleteIcon
|
|
5834
|
+
return react.css(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n padding: ", "px ", "px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ", "\n }\n\n .MuiChip-deleteIcon {\n margin: 0 0 0 ", "px;\n width: ", "px !important;\n height: ", "px !important;\n }\n\n .MuiSvgIcon-root {\n margin: 0;\n width: ", "px !important;\n height: ", "px !important;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "], ["\n padding: ", "px ", "px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ", "\n }\n\n .MuiChip-deleteIcon {\n margin: 0 0 0 ", "px;\n width: ", "px !important;\n height: ", "px !important;\n }\n\n .MuiSvgIcon-root {\n margin: 0;\n width: ", "px !important;\n height: ", "px !important;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.s, fontHeaderXs(props), spaces === null || spaces === void 0 ? void 0 : spaces.s, (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _a === void 0 ? void 0 : _a.width, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _b === void 0 ? void 0 : _b.height, (_c = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _c === void 0 ? void 0 : _c.width, (_d = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _d === void 0 ? void 0 : _d.height);
|
|
5698
5835
|
});
|
|
5699
5836
|
var templateObject_1$w, templateObject_2$h;
|
|
5700
5837
|
|
|
@@ -6150,7 +6287,7 @@ var StyledCheckbox = styles.styled(material.Checkbox)(templateObject_1$o || (tem
|
|
|
6150
6287
|
warning: "notice",
|
|
6151
6288
|
};
|
|
6152
6289
|
var checkboxColor = intentToColor[intent];
|
|
6153
|
-
return "\n color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors[checkboxColor]) === null || _a === void 0 ? void 0 : _a.border, ";\n\n &:hover {\n color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.checkboxClasses.disabled, " {\n color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, ";\n }\n\n &.").concat(material.checkboxClasses.checked, " {\n color: ").concat((_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n\n &:hover {\n color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.checkboxClasses.disabled, " {\n color: ").concat((_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.borderDisabled, ";\n }\n }\n\n &.").concat(material.checkboxClasses.root, " {\n ").concat(focusVisibleA11yStyle(), "\n padding: 0;\n
|
|
6290
|
+
return "\n color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors[checkboxColor]) === null || _a === void 0 ? void 0 : _a.border, ";\n\n &:hover {\n color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.checkboxClasses.disabled, " {\n color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, ";\n }\n\n &.").concat(material.checkboxClasses.checked, " {\n color: ").concat((_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n\n &:hover {\n color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.checkboxClasses.disabled, " {\n color: ").concat((_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.borderDisabled, ";\n }\n }\n\n &.").concat(material.checkboxClasses.root, " {\n ").concat(focusVisibleA11yStyle(), "\n padding: 0;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n border-radius: 0;\n }\n\n .MuiSvgIcon-root {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n }\n ");
|
|
6154
6291
|
});
|
|
6155
6292
|
var StyledFormControlLabel$1 = styles.styled(material.FormControlLabel)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6156
6293
|
var spaces = getSpaces(props);
|
|
@@ -6230,7 +6367,7 @@ var StyledRadioButton = styles.styled(material.Radio)(templateObject_1$n || (tem
|
|
|
6230
6367
|
warning: "notice",
|
|
6231
6368
|
};
|
|
6232
6369
|
var radioColor = intentToColor[intent];
|
|
6233
|
-
return "\n color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors[radioColor]) === null || _a === void 0 ? void 0 : _a.border, ";\n\n &:hover {\n color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.radioClasses.disabled, " {\n color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, ";\n }\n\n &.").concat(material.radioClasses.checked, " {\n color: ").concat((_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n\n &:hover {\n color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.radioClasses.disabled, " {\n color: ").concat((_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.borderDisabled, ";\n }\n }\n\n &.").concat(material.radioClasses.root, " {\n ").concat(focusVisibleA11yStyle(), "\n
|
|
6370
|
+
return "\n color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors[radioColor]) === null || _a === void 0 ? void 0 : _a.border, ";\n\n &:hover {\n color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.radioClasses.disabled, " {\n color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, ";\n }\n\n &.").concat(material.radioClasses.checked, " {\n color: ").concat((_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n\n &:hover {\n color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(material.radioClasses.disabled, " {\n color: ").concat((_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.borderDisabled, ";\n }\n }\n\n &.").concat(material.radioClasses.root, " {\n ").concat(focusVisibleA11yStyle(), "\n margin: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px 0 0;\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n }\n ");
|
|
6234
6371
|
});
|
|
6235
6372
|
var StyledFormControlLabel = styles.styled(material.FormControlLabel)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6236
6373
|
var spaces = getSpaces(props);
|
|
@@ -6253,19 +6390,26 @@ var templateObject_1$n, templateObject_2$c, templateObject_3$7, templateObject_4
|
|
|
6253
6390
|
* @see https://mui.com/material-ui/react-radio-button/
|
|
6254
6391
|
*/
|
|
6255
6392
|
var InputRadio = function (props) {
|
|
6256
|
-
var
|
|
6393
|
+
var caption = props.caption, disabled = props.disabled, _a = props.intent, intent = _a === void 0 ? "default" : _a, radioProps = props.radioProps, stage = props.stage, value = props.value;
|
|
6394
|
+
// (masoudmanson): We don't need to pass the label prop to the radio component
|
|
6395
|
+
// so we are destructuring it here.
|
|
6396
|
+
var label = props.label, restProps = __rest(props, ["label"]);
|
|
6257
6397
|
var newProps;
|
|
6258
6398
|
switch (stage) {
|
|
6259
6399
|
case "checked":
|
|
6260
|
-
newProps = __assign(__assign({},
|
|
6400
|
+
newProps = __assign(__assign({}, restProps), { checked: true, color: "primary" });
|
|
6261
6401
|
break;
|
|
6262
6402
|
case "unchecked":
|
|
6263
|
-
newProps = __assign(__assign({},
|
|
6403
|
+
newProps = __assign(__assign({}, restProps), { checked: false, color: "default" });
|
|
6264
6404
|
break;
|
|
6265
6405
|
default:
|
|
6266
|
-
newProps =
|
|
6406
|
+
newProps = restProps;
|
|
6267
6407
|
}
|
|
6268
|
-
|
|
6408
|
+
// (masoudmanson): The id for the label and caption is required for accessibility.
|
|
6409
|
+
// Otherwise, the screen reader will read the label twice!
|
|
6410
|
+
var labelId = "".concat(value, "-label");
|
|
6411
|
+
var captionId = caption ? "".concat(value, "-caption") : undefined;
|
|
6412
|
+
var finalLabel = caption ? (jsxRuntime.jsxs(StyledLabelContainer, { children: [jsxRuntime.jsx(StyledRadioLabel, { id: labelId, children: label }), jsxRuntime.jsx(StyledRadioCaption, { disabled: disabled, id: captionId, children: caption })] })) : (jsxRuntime.jsx(StyledLabelContainer, { children: jsxRuntime.jsx(StyledRadioLabel, { id: labelId, children: label }) }));
|
|
6269
6413
|
return (jsxRuntime.jsx(StyledFormControlLabel, { control: jsxRuntime.jsx(StyledRadioButton, __assign({ disabled: disabled, checkedIcon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: SvgIconRadioChecked, viewBox: "0 0 16 16" }), icon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: SvgIconRadioUnchecked, viewBox: "0 0 16 16" }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
|
|
6270
6414
|
};
|
|
6271
6415
|
|
|
@@ -6276,7 +6420,7 @@ var inputSlider = function (props) {
|
|
|
6276
6420
|
var shadows = getShadows(props);
|
|
6277
6421
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6278
6422
|
var semanticTextColors = getSemanticTextColors(props);
|
|
6279
|
-
return "\n position: relative;\n\n .".concat(material.sliderClasses.rail, ",\n .").concat(material.sliderClasses.track, " {\n border-radius: 2px;\n }\n\n .").concat(material.sliderClasses.rail, " {\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfaceTertiary, ";\n }\n \n .").concat(material.sliderClasses.track, " {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.fill, ";\n }\n\n .").concat(material.sliderClasses.thumb, " {\n height: 14px;\n width: 14px;\n background-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.fill, ";\n\n &.").concat(material.sliderClasses.focusVisible, ", &:hover, &:focus, &:active {\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n }\n }\n\n .").concat(material.sliderClasses.thumb, "::before {\n display: none;\n }\n\n .").concat(material.sliderClasses.thumb, "::after {\n background-color: ").concat((_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.surface, " !important;\n height: 6px !important;\n width: 6px !important;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .").concat(material.sliderClasses.valueLabel, " {\n padding: 2px 4px;\n color: black;\n background-color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.surface, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n left: unset; \n top: -3px;\n\n &::before {\n display: none;\n }\n\n & * {\n background: transparent;\n color: ").concat((_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.primary, ";\n transform: none;\n width: unset;\n height: unset;\n }\n }\n\n .").concat(material.sliderClasses.mark, " {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n opacity: 1;\n }\n\n .").concat(material.sliderClasses.mark, ".").concat(material.sliderClasses.markActive, " {\n background-color: ").concat((_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.surface, ";\n }\n\n .").concat(material.sliderClasses.markLabel, " {\n ").concat((_h = fontBodyXxxs$1(props)) === null || _h === void 0 ? void 0 : _h.styles, "\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n }\n\n .").concat(material.sliderClasses.markLabelActive, " {\n color: ").concat((_j = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _j === void 0 ? void 0 : _j.primary, ";\n }\n ");
|
|
6423
|
+
return "\n position: relative;\n\n .".concat(material.sliderClasses.rail, ",\n .").concat(material.sliderClasses.track, " {\n border-radius: 2px;\n }\n\n .").concat(material.sliderClasses.rail, " {\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfaceTertiary, ";\n }\n \n .").concat(material.sliderClasses.track, " {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.fill, ";\n }\n\n .").concat(material.sliderClasses.thumb, " {\n ").concat(focusVisibleA11yStyle(), "\n height: 14px;\n width: 14px;\n background-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.fill, ";\n\n &.").concat(material.sliderClasses.focusVisible, ", &:hover, &:focus, &:active {\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n }\n }\n\n .").concat(material.sliderClasses.thumb, "::before {\n display: none;\n }\n\n .").concat(material.sliderClasses.thumb, "::after {\n background-color: ").concat((_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.surface, " !important;\n height: 6px !important;\n width: 6px !important;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .").concat(material.sliderClasses.valueLabel, " {\n padding: 2px 4px;\n color: black;\n background-color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.surface, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n left: unset; \n top: -3px;\n\n &::before {\n display: none;\n }\n\n & * {\n background: transparent;\n color: ").concat((_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.primary, ";\n transform: none;\n width: unset;\n height: unset;\n }\n }\n\n .").concat(material.sliderClasses.mark, " {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n opacity: 1;\n }\n\n .").concat(material.sliderClasses.mark, ".").concat(material.sliderClasses.markActive, " {\n background-color: ").concat((_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.surface, ";\n }\n\n .").concat(material.sliderClasses.markLabel, " {\n ").concat((_h = fontBodyXxxs$1(props)) === null || _h === void 0 ? void 0 : _h.styles, "\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n }\n\n .").concat(material.sliderClasses.markLabelActive, " {\n color: ").concat((_j = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _j === void 0 ? void 0 : _j.primary, ";\n }\n ");
|
|
6280
6424
|
};
|
|
6281
6425
|
var horizontal = function (props) {
|
|
6282
6426
|
var marks = props.marks;
|
|
@@ -6300,7 +6444,8 @@ var templateObject_1$m;
|
|
|
6300
6444
|
* @see https://mui.com/material-ui/react-slider/
|
|
6301
6445
|
*/
|
|
6302
6446
|
var InputSlider = React.forwardRef(function (props, ref) {
|
|
6303
|
-
|
|
6447
|
+
var min = props.min, max = props.max, rest = __rest(props, ["min", "max"]);
|
|
6448
|
+
return (jsxRuntime.jsx(StyledSlider, __assign({ ref: ref, min: min, max: max }, rest, { orientation: "horizontal", "aria-label": "Slider - min ".concat(min, " to max ").concat(max) })));
|
|
6304
6449
|
});
|
|
6305
6450
|
|
|
6306
6451
|
var sdsPropNames$1 = ["sdsStyle", "sdsStage", "sdsType", "intent", "hideLabel"];
|
|
@@ -6352,7 +6497,7 @@ var StyledInputBase = styles.styled(material.TextField, {
|
|
|
6352
6497
|
var borders = getBorders(props);
|
|
6353
6498
|
var corners = getCorners(props);
|
|
6354
6499
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6355
|
-
return react.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 160px;\n display: block;\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", " {\n border-radius: ", "px;\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border-color: ", ";\n }\n\n .", ".", "\n .", " {\n border: ", ";\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 160px;\n display: block;\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", " {\n border-radius: ", "px;\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border-color: ", ";\n }\n\n .", ".", "\n .", " {\n border: ", ";\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.m, material.outlinedInputClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.m, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, material.outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.m, (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.default, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderHover, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_d = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _d === void 0 ? void 0 : _d.default, sdsType === "textArea" && textArea(props), intent === "error" && error(props), intent === "warning" && warning(props), disabled && disabledStyled$1(props), sdsStage === "userInput" && userInput(props));
|
|
6500
|
+
return react.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 160px;\n display: block;\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", " {\n border-radius: ", "px;\n border: ", ";\n }\n\n .", " {\n outline: none;\n border-radius: 4px;\n }\n\n &.user-is-tabbing .", " {\n ", "\n }\n\n .", ":hover\n .", " {\n border-color: ", ";\n }\n\n .", ".", "\n .", " {\n border: ", ";\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 160px;\n display: block;\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", " {\n border-radius: ", "px;\n border: ", ";\n }\n\n .", " {\n outline: none;\n border-radius: 4px;\n }\n\n &.user-is-tabbing .", " {\n ", "\n }\n\n .", ":hover\n .", " {\n border-color: ", ";\n }\n\n .", ".", "\n .", " {\n border: ", ";\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.m, material.outlinedInputClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.m, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, material.outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.m, (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.default, material.outlinedInputClasses.input, material.outlinedInputClasses.input, focusVisibleA11yStyle(), material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderHover, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_d = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _d === void 0 ? void 0 : _d.default, sdsType === "textArea" && textArea(props), intent === "error" && error(props), intent === "warning" && warning(props), disabled && disabledStyled$1(props), sdsStage === "userInput" && userInput(props));
|
|
6356
6501
|
});
|
|
6357
6502
|
var templateObject_1$l, templateObject_2$b, templateObject_3$6, templateObject_4$5, templateObject_5$2, templateObject_6$1, templateObject_7, templateObject_8;
|
|
6358
6503
|
|
|
@@ -6361,6 +6506,19 @@ var templateObject_1$l, templateObject_2$b, templateObject_3$6, templateObject_4
|
|
|
6361
6506
|
*/
|
|
6362
6507
|
var InputText = React.forwardRef(function InputText(props, ref) {
|
|
6363
6508
|
var id = props.id, _a = props.intent, intent = _a === void 0 ? "default" : _a, label = props.label, placeholder = props.placeholder, sdsType = props.sdsType, hideLabel = props.hideLabel, rest = __rest(props, ["id", "intent", "label", "placeholder", "sdsType", "hideLabel"]);
|
|
6509
|
+
/**
|
|
6510
|
+
* (masoudmanson): In case that the ref is not provided, we will create a new one.
|
|
6511
|
+
*/
|
|
6512
|
+
var inputRef = React.useRef(null);
|
|
6513
|
+
/**
|
|
6514
|
+
* (masoudmanson): This is a custom hook that listens for keyboard and mouse events
|
|
6515
|
+
* and adds a 'user-is-tabbing' class to the body element when the user starts
|
|
6516
|
+
* navigating with the keyboard. Unlike button elements which have both :focus
|
|
6517
|
+
* and :focus-visible states available to style separately, input elements have
|
|
6518
|
+
* identical styles for :focus and :focus-visible states. By detecting when the
|
|
6519
|
+
* user is tabbing, we can apply different styles for :focus and :focus-visible states.
|
|
6520
|
+
*/
|
|
6521
|
+
useDetectUserTabbing((ref ? ref : inputRef));
|
|
6364
6522
|
var _b = React.useState(false), hasValue = _b[0], setHasValue = _b[1];
|
|
6365
6523
|
var handleChange = function (event) {
|
|
6366
6524
|
if (event.target.value) {
|
|
@@ -6379,18 +6537,17 @@ var InputText = React.forwardRef(function InputText(props, ref) {
|
|
|
6379
6537
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
6380
6538
|
}
|
|
6381
6539
|
var finalLabel = typeof label === "string" ? (jsxRuntime.jsx(StyledLabel, { htmlFor: id, children: label })) : (label);
|
|
6382
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!hideLabel && finalLabel, jsxRuntime.jsx(StyledInputBase, __assign({ ref: ref, inputProps: inputProps, type: "text", multiline: sdsType === "textArea", minRows: sdsType === "textArea" ? 4 : 2, id: id, intent: intent, variant: "outlined", size: "small", placeholder: placeholder, sdsStage: hasValue ? "userInput" : "default", sdsType: sdsType, onChange: handleChange }, rest))] }));
|
|
6540
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!hideLabel && finalLabel, jsxRuntime.jsx(StyledInputBase, __assign({ ref: ref ? ref : inputRef, inputProps: inputProps, type: "text", multiline: sdsType === "textArea", minRows: sdsType === "textArea" ? 4 : 2, id: id, intent: intent, variant: "outlined", size: "small", placeholder: placeholder, sdsStage: hasValue ? "userInput" : "default", sdsType: sdsType, onChange: handleChange }, rest))] }));
|
|
6383
6541
|
});
|
|
6384
6542
|
|
|
6385
6543
|
var toggle = function (props) {
|
|
6386
|
-
var _a;
|
|
6387
|
-
var disabled = props.disabled;
|
|
6544
|
+
var _a, _b, _c, _d;
|
|
6545
|
+
var disabled = props.disabled, _e = props.width, width = _e === void 0 ? 62 : _e;
|
|
6388
6546
|
var corners = getCorners(props);
|
|
6389
|
-
var spaces = getSpaces(props);
|
|
6390
6547
|
var shadows = getShadows(props);
|
|
6548
|
+
var iconSizes = getIconSizes(props);
|
|
6391
6549
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6392
|
-
|
|
6393
|
-
return "\n cursor: ".concat(disabled ? "default" : "pointer", ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n height: 26px;\n width: 62px;\n line-height: 18px;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n .").concat(material.switchClasses.switchBase, " {\n font: inherit;\n margin: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n padding: 0;\n transform: unset;\n\n &.").concat(material.switchClasses.checked, " {\n transform: unset;\n }\n\n &:hover {\n background-color: transparent;\n }\n }\n\n .").concat(material.switchClasses.thumb, " {\n height: ").concat(TOGGLE_HEIGHT, "px;\n width: ").concat(TOGGLE_HEIGHT, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n }\n\n .").concat(material.switchClasses.track, " {\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n width: unset;\n }\n ");
|
|
6550
|
+
return "\n cursor: ".concat(disabled ? "default" : "pointer", ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n height: 24px;\n width: ").concat(width, "px;\n line-height: 18px;\n padding: 0;\n overflow: visible;\n\n .").concat(material.switchClasses.switchBase, " {\n ").concat(focusVisibleA11yStyle(), "\n outline-offset: 2px !important;\n width: 100%;\n height: 100%;\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n font: inherit;\n transform: unset;\n justify-content: space-between;\n\n .").concat(material.switchClasses.input, " {\n width: 100%;\n height: 100%;\n left: 0;\n }\n\n &.").concat(material.switchClasses.checked, " {\n transform: unset;\n }\n\n &:hover {\n background-color: transparent;\n }\n }\n\n .").concat(material.switchClasses.thumb, " {\n height: ").concat((_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _a === void 0 ? void 0 : _a.height, "px;\n width: ").concat((_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _b === void 0 ? void 0 : _b.width, "px;\n min-width: ").concat((_c = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _c === void 0 ? void 0 : _c.width, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n }\n\n .").concat(material.switchClasses.track, " {\n background-color: ").concat((_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.surfacePrimary, ";\n width: unset;\n }\n ");
|
|
6394
6551
|
};
|
|
6395
6552
|
var toggleOn = function (props) {
|
|
6396
6553
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
@@ -6400,7 +6557,7 @@ var toggleOn = function (props) {
|
|
|
6400
6557
|
var spaces = getSpaces(props);
|
|
6401
6558
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6402
6559
|
var semanticTextColors = getSemanticTextColors(props);
|
|
6403
|
-
return "\n outline: ".concat(disabled ? (_a = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _a === void 0 ? void 0 : _a.disabled : (_b = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _b === void 0 ? void 0 : _b.default, ";\n\n .").concat(material.switchClasses.thumb, " {\n color: ").concat(disabled ? (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.borderDisabled : (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.
|
|
6560
|
+
return "\n outline: ".concat(disabled ? (_a = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _a === void 0 ? void 0 : _a.disabled : (_b = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _b === void 0 ? void 0 : _b.default, ";\n\n .").concat(material.switchClasses.thumb, " {\n color: ").concat(disabled ? (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.borderDisabled : (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n .").concat(material.switchClasses.switchBase, " {\n left: unset;\n right: 0;\n transform: unset;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n\n .MuiIconButton-label {\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n\n &:before {\n color: ").concat(disabled ? (_e = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _e === void 0 ? void 0 : _e.disabled : (_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.primary, ";\n content: \"").concat(value, "\";\n }\n }\n\n ").concat(!disabled &&
|
|
6404
6561
|
"&:hover {\n outline: ".concat((_g = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _g === void 0 ? void 0 : _g.hover, ";\n\n .").concat(material.switchClasses.thumb, " {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.blue[500], ";\n }\n }"), "\n ");
|
|
6405
6562
|
};
|
|
6406
6563
|
var toggleOff = function (props) {
|
|
@@ -6412,7 +6569,7 @@ var toggleOff = function (props) {
|
|
|
6412
6569
|
var semanticTextColors = getSemanticTextColors(props);
|
|
6413
6570
|
return "\n & {\n outline: ".concat(disabled ? (_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.disabled : (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.default, ";\n }\n\n .").concat(material.switchClasses.thumb, " {\n color: ").concat(disabled
|
|
6414
6571
|
? (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled
|
|
6415
|
-
: (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.border, ";\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.
|
|
6572
|
+
: (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.border, ";\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n .").concat(material.switchClasses.switchBase, " {\n right: unset;\n left: 0;\n transform: unset;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n .MuiIconButton-label {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n\n &:after {\n color: ").concat(disabled ? (_e = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _e === void 0 ? void 0 : _e.disabled : (_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.primary, ";\n content: \"").concat(value, "\";\n }\n }\n\n ").concat(!disabled &&
|
|
6416
6573
|
"&:hover {\n outline: ".concat((_g = borders === null || borders === void 0 ? void 0 : borders.base) === null || _g === void 0 ? void 0 : _g.black, ";\n\n .").concat(material.switchClasses.thumb, " {\n color: ").concat((_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.iconHover, ";\n }\n }"), "\n ");
|
|
6417
6574
|
};
|
|
6418
6575
|
var Toggle = styles.styled(material.Switch)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
@@ -6439,9 +6596,11 @@ var InputToggle = function (props) {
|
|
|
6439
6596
|
|
|
6440
6597
|
var doNotForwardProps$9 = ["sdsStyle", "sdsSize", "fontWeight"];
|
|
6441
6598
|
var defaultStyle = function (props) {
|
|
6442
|
-
var _a, _b, _c;
|
|
6599
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
6600
|
+
var _h = props.sdsSize, sdsSize = _h === void 0 ? "s" : _h;
|
|
6443
6601
|
var semanticTextColors = getSemanticTextColors(props);
|
|
6444
|
-
|
|
6602
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6603
|
+
return react.css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n color: ", ";\n position: relative;\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n height: 1px;\n margin-top: ", "px;\n width: 100%;\n }\n\n &:hover {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n\n &:focus {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n\n &:active {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n "], ["\n color: ", ";\n position: relative;\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n height: 1px;\n margin-top: ", "px;\n width: 100%;\n }\n\n &:hover {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n\n &:focus {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n\n &:active {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n "])), (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.action) === null || _a === void 0 ? void 0 : _a.default, sdsSize === "s" ? -4 : -3, (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.action) === null || _b === void 0 ? void 0 : _b.hover, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.borderHover, (_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.action) === null || _d === void 0 ? void 0 : _d.hover, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, (_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.action) === null || _f === void 0 ? void 0 : _f.pressed, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _g === void 0 ? void 0 : _g.borderPressed);
|
|
6445
6604
|
};
|
|
6446
6605
|
var dashedStyle = function (props) {
|
|
6447
6606
|
var _a = props.sdsSize, sdsSize = _a === void 0 ? "s" : _a;
|
|
@@ -6457,7 +6616,7 @@ var StyledLink = styles.styled(material.Link, {
|
|
|
6457
6616
|
shouldForwardProp: function (prop) {
|
|
6458
6617
|
return !doNotForwardProps$9.includes(prop.toString());
|
|
6459
6618
|
},
|
|
6460
|
-
})(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n all: unset;\n\n ", "\n"], ["\n all: unset;\n\n ", "\n"])), function (props) {
|
|
6619
|
+
})(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n all: unset;\n\n ", "\n\n ", "\n"], ["\n all: unset;\n\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
6461
6620
|
var _a = props.fontWeight, fontWeight = _a === void 0 ? "normal" : _a, sdsStyle = props.sdsStyle, _b = props.sdsSize, sdsSize = _b === void 0 ? "s" : _b;
|
|
6462
6621
|
return react.css(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n\n font-weight: ", ";\n display: inline-block;\n cursor: pointer;\n "], ["\n ", "\n ", "\n ", "\n ", "\n\n font-weight: ", ";\n display: inline-block;\n cursor: pointer;\n "])), sdsStyle === "default" && defaultStyle(props), sdsStyle === "dashed" && dashedStyle(props), sdsSize === "s" && smallStyle(props), sdsSize === "xs" && extraSmallStyle(props), fontWeight === "normal" ? "400" : "600");
|
|
6463
6622
|
});
|
|
@@ -6606,7 +6765,7 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4, templateObject_4
|
|
|
6606
6765
|
|
|
6607
6766
|
var LoadingIndicator = function (_a) {
|
|
6608
6767
|
var ariaLabel = _a["aria-label"], sdsStyle = _a.sdsStyle;
|
|
6609
|
-
return (jsxRuntime.jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, children: [jsxRuntime.jsx(Icon, { sdsIcon: "Loading", sdsSize: "l", sdsType: "static" }), jsxRuntime.jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
|
|
6768
|
+
return (jsxRuntime.jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, "aria-label": "Loading", children: [jsxRuntime.jsx(Icon, { sdsIcon: "Loading", sdsSize: "l", sdsType: "static" }), jsxRuntime.jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
|
|
6610
6769
|
};
|
|
6611
6770
|
|
|
6612
6771
|
var StyledMenu = styles.styled(material.Menu)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n & {\n .", " {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"], ["\n & {\n .", " {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"])), material.menuClasses.paper, function (props) {
|
|
@@ -6771,7 +6930,7 @@ var StyledTabs$1 = styles.styled(material.Tabs, {
|
|
|
6771
6930
|
var _c = props.sdsIndicatorColor, sdsIndicatorColor = _c === void 0 ? "info" : _c;
|
|
6772
6931
|
var spaces = getSpaces(props);
|
|
6773
6932
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6774
|
-
return "\n &:before {\n background-color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfaceTertiary, ";\n border-radius: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n max-width: 180px;\n top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n position: sticky;\n .
|
|
6933
|
+
return "\n &:before {\n background-color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfaceTertiary, ";\n border-radius: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n\n max-width: 180px;\n top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n position: sticky;\n overflow: visible;\n\n .").concat(material.tabsClasses.indicator, " {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors[sdsIndicatorColor]) === null || _b === void 0 ? void 0 : _b.fill, " !important;\n border-radius: 2px;\n left: 0;\n width: 2px;\n }\n\n .").concat(material.tabsClasses.scroller, " {\n overflow: visible !important;\n }\n ");
|
|
6775
6934
|
});
|
|
6776
6935
|
var StyledTab$1 = styles.styled(material.Tab, {
|
|
6777
6936
|
shouldForwardProp: function (prop) { return !doNotForwardProps$4.includes(prop); },
|
|
@@ -6779,7 +6938,7 @@ var StyledTab$1 = styles.styled(material.Tab, {
|
|
|
6779
6938
|
var _a, _b;
|
|
6780
6939
|
var spaces = getSpaces(props);
|
|
6781
6940
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6782
|
-
return "\n box-sizing: border-box;\n max-width: 180px;\n padding-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n align-items: start;\n min-height: unset;\n max-height: unset;\n text-transform: none;\n &:last-child {\n margin-bottom: 0;\n }\n &:before {\n content: \"\";\n position: absolute;\n left: -").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: 100%;\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.border, ";\n display: none;\n border-radius: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n &:hover {\n color: black;\n &:before {\n display: block;\n }\n }\n &.Mui-selected {\n color: black;\n font-weight: 600;\n }\n &.MuiTabs-indicator {\n backgroundColor: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.surfaceTertiary, ";\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n &.MuiButtonBase-root {\n white-space: nowrap;\n padding: 0;\n overflow: visible;\n }\n ");
|
|
6941
|
+
return "\n ".concat(focusVisibleA11yStyle(), "\n box-sizing: border-box;\n max-width: 180px;\n padding-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n align-items: start;\n min-height: unset;\n max-height: unset;\n text-transform: none;\n &:last-child {\n margin-bottom: 0;\n }\n &:before {\n content: \"\";\n position: absolute;\n left: -").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: 100%;\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.border, ";\n display: none;\n border-radius: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n &:hover {\n color: black;\n &:before {\n display: block;\n }\n }\n &.Mui-selected {\n color: black;\n font-weight: 600;\n }\n &.MuiTabs-indicator {\n backgroundColor: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.surfaceTertiary, ";\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n &.MuiButtonBase-root {\n white-space: nowrap;\n padding: 0;\n overflow: visible;\n }\n ");
|
|
6783
6942
|
});
|
|
6784
6943
|
var templateObject_1$c, templateObject_2$6;
|
|
6785
6944
|
|
|
@@ -6920,7 +7079,7 @@ var NavigationJumpTo = React.forwardRef(function (props, ref) {
|
|
|
6920
7079
|
return (jsxRuntime.jsx(StyledTabs$1, __assign({ ref: ref, orientation: "vertical", variant: "fullWidth", value: firstTabIndexInview, onChange: handleChange, "aria-label": "navigation-jump-to", sdsIndicatorColor: indicatorColor }, rest, { children: items.map(function (_a, index) {
|
|
6921
7080
|
var _b;
|
|
6922
7081
|
var title = _a.title, elementRef = _a.elementRef;
|
|
6923
|
-
return (jsxRuntime.jsx(StyledTab$1, __assign({ label: title }, a11yProps(toKebabCase(title), ((_b = elementRef.current) === null || _b === void 0 ? void 0 : _b.getAttribute("id")) ||
|
|
7082
|
+
return (jsxRuntime.jsx(StyledTab$1, __assign({ label: title, tabIndex: 0 }, a11yProps(toKebabCase(title), ((_b = elementRef.current) === null || _b === void 0 ? void 0 : _b.getAttribute("id")) ||
|
|
6924
7083
|
"navigation-panel-".concat(index + 1))), toKebabCase(title)));
|
|
6925
7084
|
}) })));
|
|
6926
7085
|
});
|
|
@@ -7027,7 +7186,7 @@ var StyledPaginationChevronList = styles.styled("li", {
|
|
|
7027
7186
|
var disabled = props.disabled;
|
|
7028
7187
|
var spaces = getSpaces(props);
|
|
7029
7188
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
7030
|
-
return "\n width: 32px;\n height: 32px;\n cursor: ".concat(disabled ? "auto" : "pointer", ";\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n\n &[data-order=\"first\"] {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n &[data-order=\"last\"] {\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n & .MuiSvgIcon-root {\n color: ").concat(disabled ? (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled : (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, ";\n }\n\n &:hover {\n background-color: ").concat(disabled ? "transparent" : (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, ";\n\n & .MuiSvgIcon-root {\n color: ").concat(disabled ? (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled : (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.iconHover, "\n }\n }\n ");
|
|
7189
|
+
return "\n width: 32px;\n height: 32px;\n cursor: ".concat(disabled ? "auto" : "pointer", ";\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n\n &[data-order=\"first\"] {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n &[data-order=\"last\"] {\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n & .MuiSvgIcon-root {\n color: ").concat(disabled ? (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled : (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, ";\n }\n\n &:hover {\n background-color: ").concat(disabled ? "transparent" : (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, ";\n\n & .MuiSvgIcon-root {\n color: ").concat(disabled ? (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled : (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.iconHover, "\n }\n }\n\n ").concat(focusVisibleA11yStyle(), "\n ");
|
|
7031
7190
|
});
|
|
7032
7191
|
var StyledPagination = styles.styled("ul", {
|
|
7033
7192
|
shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
|
|
@@ -7047,7 +7206,7 @@ var Page = styles.styled("li", {
|
|
|
7047
7206
|
var corners = getCorners(props);
|
|
7048
7207
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
7049
7208
|
var semanticTextColors = getSemanticTextColors(props);
|
|
7050
|
-
return "\n color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.secondary, ";\n cursor: pointer;\n list-style: none;\n width: 32px;\n height: 32px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ").concat(sdsStyle === "round" ? corners === null || corners === void 0 ? void 0 : corners.l : corners === null || corners === void 0 ? void 0 : corners.m, "px;\n user-select: none;\n &:hover {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n color: ").concat((_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.primary, ";\n }\n\n &:nth-last-of-type(-n+2) {\n margin-right: 0;\n }\n\n ").concat(selected && selectedPageStyle(props), ";\n ");
|
|
7209
|
+
return "\n color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.secondary, ";\n cursor: pointer;\n list-style: none;\n width: 32px;\n height: 32px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ").concat(sdsStyle === "round" ? corners === null || corners === void 0 ? void 0 : corners.l : corners === null || corners === void 0 ? void 0 : corners.m, "px;\n user-select: none;\n &:hover {\n background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n color: ").concat((_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.primary, ";\n }\n\n &:nth-last-of-type(-n+2) {\n margin-right: 0;\n }\n\n ").concat(selected && selectedPageStyle(props), ";\n ").concat(focusVisibleA11yStyle(), "\n ");
|
|
7051
7210
|
});
|
|
7052
7211
|
var templateObject_1$a, templateObject_2$4, templateObject_3$2, templateObject_4$1;
|
|
7053
7212
|
|
|
@@ -7126,6 +7285,22 @@ var usePagination = function (_a) {
|
|
|
7126
7285
|
}, [totalCount, pageSize, siblingCount, currentPage]);
|
|
7127
7286
|
};
|
|
7128
7287
|
|
|
7288
|
+
var PaginationPageList = function (paginationRange, truncateDropdown, sdsStyle, onPageChange, currentPage) {
|
|
7289
|
+
function handlePageKeyDown(event, pageNumber) {
|
|
7290
|
+
if (event.key === "Enter" || event.code === "Space") {
|
|
7291
|
+
onPageChange(pageNumber);
|
|
7292
|
+
}
|
|
7293
|
+
}
|
|
7294
|
+
return paginationRange.map(function (pageNumber) {
|
|
7295
|
+
if (Array.isArray(pageNumber)) {
|
|
7296
|
+
if (truncateDropdown) {
|
|
7297
|
+
return (jsxRuntime.jsx(PageListDropdown, { pageList: pageNumber, onPageChange: onPageChange, sdsStyle: sdsStyle }, pageNumber.join("-")));
|
|
7298
|
+
}
|
|
7299
|
+
return (jsxRuntime.jsx(Page, { sdsStyle: sdsStyle, children: jsxRuntime.jsx(StyledPaginationButton, { "aria-label": "Go to a page", disabled: true, icon: "DotsHorizontal", sdsSize: "small", sdsStyle: "icon", sdsType: "tertiary" }) }, pageNumber.join("-")));
|
|
7300
|
+
}
|
|
7301
|
+
return (jsxRuntime.jsx(Page, { onClick: function () { return onPageChange(pageNumber); }, onKeyDown: function (event) { return handlePageKeyDown(event, pageNumber); }, selected: pageNumber === currentPage, sdsStyle: sdsStyle, tabIndex: 0, children: pageNumber }, pageNumber));
|
|
7302
|
+
});
|
|
7303
|
+
};
|
|
7129
7304
|
var Pagination = React.forwardRef(function (props, ref) {
|
|
7130
7305
|
var _a = props.sdsStyle, sdsStyle = _a === void 0 ? "round" : _a, onPageChange = props.onPageChange, onNextPage = props.onNextPage, onPreviousPage = props.onPreviousPage, totalCount = props.totalCount, _b = props.siblingCount, siblingCount = _b === void 0 ? 1 : _b, currentPage = props.currentPage, pageSize = props.pageSize, _c = props.truncateDropdown, truncateDropdown = _c === void 0 ? true : _c;
|
|
7131
7306
|
if (pageSize < 1) {
|
|
@@ -7141,15 +7316,19 @@ var Pagination = React.forwardRef(function (props, ref) {
|
|
|
7141
7316
|
return null;
|
|
7142
7317
|
}
|
|
7143
7318
|
var lastPage = paginationRange[paginationRange.length - 1];
|
|
7144
|
-
return (jsxRuntime.jsxs(StyledPagination, __assign({ ref: ref }, props, { children: [jsxRuntime.jsx(StyledPaginationChevronList, { "data-order": "first", disabled: currentPage === 1, onClick: function () { return currentPage > 1 && onPreviousPage(); }, children: jsxRuntime.jsx(Icon, { "aria-label": "Previous page", sdsIcon: "ChevronLeft", sdsSize: "xs", sdsType: "button" }) }, "prevPage"), paginationRange.
|
|
7145
|
-
|
|
7146
|
-
|
|
7147
|
-
|
|
7148
|
-
|
|
7149
|
-
|
|
7150
|
-
|
|
7151
|
-
|
|
7152
|
-
|
|
7319
|
+
return (jsxRuntime.jsxs(StyledPagination, __assign({ ref: ref }, props, { children: [jsxRuntime.jsx(StyledPaginationChevronList, { "data-order": "first", disabled: currentPage === 1, onClick: function () { return currentPage > 1 && onPreviousPage(); }, onKeyDown: handleGoBackButtonKeyDown, tabIndex: 0, children: jsxRuntime.jsx(Icon, { "aria-label": "Previous page", sdsIcon: "ChevronLeft", sdsSize: "xs", sdsType: "button" }) }, "prevPage"), PaginationPageList(paginationRange, truncateDropdown, sdsStyle, onPageChange, currentPage), jsxRuntime.jsx(StyledPaginationChevronList, { "data-order": "last", disabled: currentPage === lastPage, onClick: function () { return currentPage !== lastPage && onNextPage(); }, onKeyDown: handleGoNextButtonKeyDown, tabIndex: 0, children: jsxRuntime.jsx(Icon, { "aria-label": "Next page", sdsIcon: "ChevronRight", sdsSize: "xs", sdsType: "button" }) }, "onNextPage")] })));
|
|
7320
|
+
function handleGoBackButtonKeyDown(event) {
|
|
7321
|
+
if ((event.key === "Enter" || event.code === "Space") &&
|
|
7322
|
+
currentPage > 1) {
|
|
7323
|
+
onPreviousPage();
|
|
7324
|
+
}
|
|
7325
|
+
}
|
|
7326
|
+
function handleGoNextButtonKeyDown(event) {
|
|
7327
|
+
if ((event.key === "Enter" || event.code === "Space") &&
|
|
7328
|
+
currentPage !== lastPage) {
|
|
7329
|
+
onNextPage();
|
|
7330
|
+
}
|
|
7331
|
+
}
|
|
7153
7332
|
});
|
|
7154
7333
|
|
|
7155
7334
|
var doNotForwardProps$1 = ["buttonDefinition"];
|
|
@@ -7159,7 +7338,7 @@ var StyledSegmentedControl = styles.styled(material.ToggleButtonGroup, {
|
|
|
7159
7338
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
7160
7339
|
var spaces = getSpaces(props);
|
|
7161
7340
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
7162
|
-
return "\n
|
|
7341
|
+
return "\n .".concat(material.toggleButtonClasses.root, ".").concat(material.toggleButtonClasses.selected, " {\n background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.fillOpen, ";\n color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.icon, ";\n border-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.border, ";\n\n &:hover {\n background-color: ").concat((_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.fillHover, ";\n }\n }\n\n .").concat(material.toggleButtonClasses.root, " {\n ").concat(focusVisibleA11yStyle(), "\n border-color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.border, ";\n line-height: 0px;\n color: ").concat((_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.iconHover, ";\n padding: ").concat(((_g = spaces === null || spaces === void 0 ? void 0 : spaces.xs) !== null && _g !== void 0 ? _g : 6) - 1, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n\n &:hover {\n border-color: ").concat((_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.border, ";\n background-color: ").concat((_j = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _j === void 0 ? void 0 : _j.fillHover, ";\n }\n }\n ");
|
|
7163
7342
|
});
|
|
7164
7343
|
var templateObject_1$8;
|
|
7165
7344
|
|
|
@@ -7173,7 +7352,7 @@ var SegmentedControl = function (props) {
|
|
|
7173
7352
|
setActive(newActive);
|
|
7174
7353
|
}
|
|
7175
7354
|
};
|
|
7176
|
-
return (jsxRuntime.jsxs(StyledSegmentedControl, __assign({ size: "small", value: active, exclusive: true, onChange: handleActive }, props, { children: [buttonDefinition.map(function (button) {
|
|
7355
|
+
return (jsxRuntime.jsxs(StyledSegmentedControl, __assign({ "aria-label": "Segmented Control", size: "small", value: active, exclusive: true, onChange: handleActive }, props, { children: [buttonDefinition.map(function (button) {
|
|
7177
7356
|
var icon = button.icon, tooltipText = button.tooltipText, value = button.value;
|
|
7178
7357
|
var iconItem = function () {
|
|
7179
7358
|
if (icon) {
|
|
@@ -7185,7 +7364,7 @@ var SegmentedControl = function (props) {
|
|
|
7185
7364
|
}
|
|
7186
7365
|
}
|
|
7187
7366
|
};
|
|
7188
|
-
return (jsxRuntime.jsx(
|
|
7367
|
+
return (jsxRuntime.jsx(Tooltip, { title: tooltipText !== null && tooltipText !== void 0 ? tooltipText : value, sdsStyle: "dark", arrow: true, children: jsxRuntime.jsx(material.ToggleButton, { "aria-label": tooltipText, value: value, children: jsxRuntime.jsx("span", { tabIndex: -1, children: iconItem() }) }) }, value));
|
|
7189
7368
|
}), ";"] })));
|
|
7190
7369
|
};
|
|
7191
7370
|
|
|
@@ -7219,7 +7398,7 @@ var hoverStyled = function (props) {
|
|
|
7219
7398
|
};
|
|
7220
7399
|
var StyledTableRow = styles.styled("tr", {
|
|
7221
7400
|
shouldForwardProp: function (prop) { return !doNotForwardProps.includes(prop); },
|
|
7222
|
-
})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderS, function (props) {
|
|
7401
|
+
})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontHeaderS, focusVisibleA11yStyle, function (props) {
|
|
7223
7402
|
var _a, _b;
|
|
7224
7403
|
var rowHeight = props.rowHeight, _c = props.useDivider, useDivider = _c === void 0 ? true : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.disabled, disabled = _e === void 0 ? false : _e, _f = props.hover, hover = _f === void 0 ? true : _f;
|
|
7225
7404
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
@@ -7384,7 +7563,7 @@ var TooltipCondensed = React.forwardRef(function TooltipCondensed(props, ref) {
|
|
|
7384
7563
|
key: "tooltip",
|
|
7385
7564
|
props: props,
|
|
7386
7565
|
});
|
|
7387
|
-
return (jsxRuntime.jsx(Tooltip, { followCursor: true, placement: "right-end", enterDelay: 50, leaveDelay: 50, title: title, ref: ref, classes: { tooltip: tooltip }, children: children }));
|
|
7566
|
+
return (jsxRuntime.jsx(Tooltip, { followCursor: true, placement: "right-end", enterDelay: 50, leaveDelay: 50, title: title, ref: ref, classes: { tooltip: tooltip }, arrow: false, children: children }));
|
|
7388
7567
|
});
|
|
7389
7568
|
function mergeClass(_a) {
|
|
7390
7569
|
var props = _a.props, className = _a.className, key = _a.key;
|