@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.esm.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import React__default, { forwardRef,
|
|
3
|
+
import React__default, { forwardRef, useEffect, useRef, useState, useCallback, useMemo, createContext, useContext } from 'react';
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
|
-
import { colors, AccordionDetails as AccordionDetails$1, AccordionSummary, accordionSummaryClasses, SvgIcon, Accordion as Accordion$1, accordionClasses, accordionDetailsClasses, Alert as Alert$2, Button as Button$1, buttonClasses, IconButton, TextField, outlinedInputClasses, inputBaseClasses, inputAdornmentClasses, buttonBaseClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, autocompleteClasses, Paper, Popper, ClickAwayListener, alertClasses, alertTitleClasses, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, dialogActionsClasses, DialogContent, DialogTitle as DialogTitle$1, Typography, Checkbox, checkboxClasses, FormControlLabel, Radio, radioClasses, Slider, sliderClasses, Switch, switchClasses, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, menuClasses, Tabs as Tabs$1, Tab as Tab$1, Slide, Box, ToggleButtonGroup, toggleButtonClasses, ToggleButton, useTheme as useTheme$1, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
|
|
5
|
+
import { colors, AccordionDetails as AccordionDetails$1, AccordionSummary, accordionSummaryClasses, SvgIcon, Accordion as Accordion$1, accordionClasses, accordionDetailsClasses, Alert as Alert$2, Button as Button$1, buttonClasses, IconButton, TextField, outlinedInputClasses, inputBaseClasses, inputAdornmentClasses, buttonBaseClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, autocompleteClasses, Paper, Popper, ClickAwayListener, alertClasses, alertTitleClasses, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, dialogActionsClasses, DialogContent, DialogTitle as DialogTitle$1, Typography, Checkbox, checkboxClasses, FormControlLabel, Radio, radioClasses, Slider, sliderClasses, Switch, switchClasses, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, menuClasses, Tabs as Tabs$1, tabsClasses, Tab as Tab$1, Slide, Box, ToggleButtonGroup, toggleButtonClasses, ToggleButton, useTheme as useTheme$1, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
|
|
6
6
|
import { createTheme, styled, useTheme } from '@mui/material/styles';
|
|
7
7
|
import { Check, Remove, Clear } from '@mui/icons-material';
|
|
8
8
|
import { css as css$1 } from '@emotion/css';
|
|
@@ -582,6 +582,7 @@ function makeThemeOptions(appTheme) {
|
|
|
582
582
|
borderFocus: appTheme.colors.blue[400],
|
|
583
583
|
borderHover: appTheme.colors.blue[500],
|
|
584
584
|
borderOpen: appTheme.colors.blue[400],
|
|
585
|
+
borderPressed: appTheme.colors.blue[600],
|
|
585
586
|
borderSelected: appTheme.colors.blue[400],
|
|
586
587
|
fill: appTheme.colors.blue[400],
|
|
587
588
|
fillDisabled: appTheme.colors.blue[300],
|
|
@@ -595,6 +596,8 @@ function makeThemeOptions(appTheme) {
|
|
|
595
596
|
border: appTheme.colors.gray[400],
|
|
596
597
|
borderDisabled: appTheme.colors.gray[300],
|
|
597
598
|
borderHover: appTheme.colors.common.black,
|
|
599
|
+
borderPressed: appTheme.colors.common.black,
|
|
600
|
+
borderTable: appTheme.colors.gray[300],
|
|
598
601
|
divider: appTheme.colors.gray[200],
|
|
599
602
|
fill: appTheme.colors.common.white,
|
|
600
603
|
fillDisabled: appTheme.colors.gray[300],
|
|
@@ -812,7 +815,7 @@ var defaultThemeOptions = makeThemeOptions(SDSAppTheme);
|
|
|
812
815
|
var defaultTheme = createTheme(defaultThemeOptions);
|
|
813
816
|
|
|
814
817
|
function focusVisibleA11yStyle() {
|
|
815
|
-
return "\n &.Mui-focusVisible, &:focus-visible {\n outline:
|
|
818
|
+
return "\n &.Mui-focusVisible, &:focus-visible {\n outline: 2px solid black;\n outline-offset: 1px;\n }\n ";
|
|
816
819
|
}
|
|
817
820
|
|
|
818
821
|
var getSpaces = function (_a) {
|
|
@@ -820,6 +823,9 @@ var getSpaces = function (_a) {
|
|
|
820
823
|
var theme = _a.theme;
|
|
821
824
|
return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.spacing) || null;
|
|
822
825
|
};
|
|
826
|
+
/**
|
|
827
|
+
* @deprecated getSpacings() is deprecated and may be removed in a future release. Please use getSpaces()
|
|
828
|
+
*/
|
|
823
829
|
var getSpacings = function (_a) {
|
|
824
830
|
var _b;
|
|
825
831
|
var theme = _a.theme;
|
|
@@ -985,14 +991,14 @@ var StyledSubtitle = styled("p")(templateObject_4$n || (templateObject_4$n = __m
|
|
|
985
991
|
});
|
|
986
992
|
var templateObject_1$S, templateObject_2$z, templateObject_3$r, templateObject_4$n;
|
|
987
993
|
|
|
988
|
-
var _path$
|
|
989
|
-
function _extends$
|
|
994
|
+
var _path$27, _path2$C, _path3$6;
|
|
995
|
+
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); }
|
|
990
996
|
var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
|
|
991
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
997
|
+
return /*#__PURE__*/React.createElement("svg", _extends$29({
|
|
992
998
|
xmlns: "http://www.w3.org/2000/svg",
|
|
993
999
|
width: 24,
|
|
994
1000
|
height: 24
|
|
995
|
-
}, props), _path$
|
|
1001
|
+
}, props), _path$27 || (_path$27 = /*#__PURE__*/React.createElement("path", {
|
|
996
1002
|
fillRule: "evenodd",
|
|
997
1003
|
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"
|
|
998
1004
|
})), _path2$C || (_path2$C = /*#__PURE__*/React.createElement("path", {
|
|
@@ -1003,14 +1009,14 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
|
|
|
1003
1009
|
})));
|
|
1004
1010
|
};
|
|
1005
1011
|
|
|
1006
|
-
var _path$
|
|
1007
|
-
function _extends$
|
|
1012
|
+
var _path$26, _path2$B;
|
|
1013
|
+
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); }
|
|
1008
1014
|
var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
|
|
1009
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1015
|
+
return /*#__PURE__*/React.createElement("svg", _extends$28({
|
|
1010
1016
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1011
1017
|
width: 16,
|
|
1012
1018
|
height: 16
|
|
1013
|
-
}, props), _path$
|
|
1019
|
+
}, props), _path$26 || (_path$26 = /*#__PURE__*/React.createElement("path", {
|
|
1014
1020
|
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"
|
|
1015
1021
|
})), _path2$B || (_path2$B = /*#__PURE__*/React.createElement("path", {
|
|
1016
1022
|
fillRule: "evenodd",
|
|
@@ -1018,65 +1024,65 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
|
|
|
1018
1024
|
})));
|
|
1019
1025
|
};
|
|
1020
1026
|
|
|
1021
|
-
var _path$
|
|
1022
|
-
function _extends$
|
|
1027
|
+
var _path$25;
|
|
1028
|
+
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); }
|
|
1023
1029
|
var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
|
|
1024
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1030
|
+
return /*#__PURE__*/React.createElement("svg", _extends$27({
|
|
1025
1031
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1026
1032
|
width: 16,
|
|
1027
1033
|
height: 16
|
|
1028
|
-
}, props), _path$
|
|
1034
|
+
}, props), _path$25 || (_path$25 = /*#__PURE__*/React.createElement("path", {
|
|
1029
1035
|
fillRule: "evenodd",
|
|
1030
1036
|
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"
|
|
1031
1037
|
})));
|
|
1032
1038
|
};
|
|
1033
1039
|
|
|
1034
|
-
var _path$
|
|
1035
|
-
function _extends$
|
|
1040
|
+
var _path$24;
|
|
1041
|
+
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); }
|
|
1036
1042
|
var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
|
|
1037
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1043
|
+
return /*#__PURE__*/React.createElement("svg", _extends$26({
|
|
1038
1044
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1039
1045
|
width: 16,
|
|
1040
1046
|
height: 16
|
|
1041
|
-
}, props), _path$
|
|
1047
|
+
}, props), _path$24 || (_path$24 = /*#__PURE__*/React.createElement("path", {
|
|
1042
1048
|
fillRule: "evenodd",
|
|
1043
1049
|
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"
|
|
1044
1050
|
})));
|
|
1045
1051
|
};
|
|
1046
1052
|
|
|
1047
|
-
var _path$
|
|
1048
|
-
function _extends$
|
|
1053
|
+
var _path$23;
|
|
1054
|
+
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); }
|
|
1049
1055
|
var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
|
|
1050
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1056
|
+
return /*#__PURE__*/React.createElement("svg", _extends$25({
|
|
1051
1057
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1052
1058
|
width: 16,
|
|
1053
1059
|
height: 16
|
|
1054
|
-
}, props), _path$
|
|
1060
|
+
}, props), _path$23 || (_path$23 = /*#__PURE__*/React.createElement("path", {
|
|
1055
1061
|
fillRule: "evenodd",
|
|
1056
1062
|
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"
|
|
1057
1063
|
})));
|
|
1058
1064
|
};
|
|
1059
1065
|
|
|
1060
|
-
var _path$
|
|
1061
|
-
function _extends$
|
|
1066
|
+
var _path$22;
|
|
1067
|
+
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); }
|
|
1062
1068
|
var SvgIconBookLarge = function SvgIconBookLarge(props) {
|
|
1063
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1069
|
+
return /*#__PURE__*/React.createElement("svg", _extends$24({
|
|
1064
1070
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1065
1071
|
width: 24,
|
|
1066
1072
|
height: 24
|
|
1067
|
-
}, props), _path$
|
|
1073
|
+
}, props), _path$22 || (_path$22 = /*#__PURE__*/React.createElement("path", {
|
|
1068
1074
|
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"
|
|
1069
1075
|
})));
|
|
1070
1076
|
};
|
|
1071
1077
|
|
|
1072
|
-
var _path$
|
|
1073
|
-
function _extends$
|
|
1078
|
+
var _path$21, _path2$A;
|
|
1079
|
+
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); }
|
|
1074
1080
|
var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
|
|
1075
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1081
|
+
return /*#__PURE__*/React.createElement("svg", _extends$23({
|
|
1076
1082
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1077
1083
|
width: 24,
|
|
1078
1084
|
height: 24
|
|
1079
|
-
}, props), _path$
|
|
1085
|
+
}, props), _path$21 || (_path$21 = /*#__PURE__*/React.createElement("path", {
|
|
1080
1086
|
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"
|
|
1081
1087
|
})), _path2$A || (_path2$A = /*#__PURE__*/React.createElement("path", {
|
|
1082
1088
|
fillRule: "evenodd",
|
|
@@ -1084,213 +1090,213 @@ var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
|
|
|
1084
1090
|
})));
|
|
1085
1091
|
};
|
|
1086
1092
|
|
|
1087
|
-
var _path$
|
|
1088
|
-
function _extends$
|
|
1093
|
+
var _path$20;
|
|
1094
|
+
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); }
|
|
1089
1095
|
var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
|
|
1090
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1096
|
+
return /*#__PURE__*/React.createElement("svg", _extends$22({
|
|
1091
1097
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1092
1098
|
width: 16,
|
|
1093
1099
|
height: 16
|
|
1094
|
-
}, props), _path$
|
|
1100
|
+
}, props), _path$20 || (_path$20 = /*#__PURE__*/React.createElement("path", {
|
|
1095
1101
|
fillRule: "evenodd",
|
|
1096
1102
|
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"
|
|
1097
1103
|
})));
|
|
1098
1104
|
};
|
|
1099
1105
|
|
|
1100
|
-
var _path$
|
|
1101
|
-
function _extends$
|
|
1106
|
+
var _path$1$;
|
|
1107
|
+
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); }
|
|
1102
1108
|
var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
|
|
1103
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1109
|
+
return /*#__PURE__*/React.createElement("svg", _extends$21({
|
|
1104
1110
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1105
1111
|
width: 16,
|
|
1106
1112
|
height: 16
|
|
1107
|
-
}, props), _path$
|
|
1113
|
+
}, props), _path$1$ || (_path$1$ = /*#__PURE__*/React.createElement("path", {
|
|
1108
1114
|
fillRule: "evenodd",
|
|
1109
1115
|
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"
|
|
1110
1116
|
})));
|
|
1111
1117
|
};
|
|
1112
1118
|
|
|
1113
|
-
var _path$
|
|
1114
|
-
function _extends$
|
|
1119
|
+
var _path$1_;
|
|
1120
|
+
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); }
|
|
1115
1121
|
var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
|
|
1116
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1122
|
+
return /*#__PURE__*/React.createElement("svg", _extends$20({
|
|
1117
1123
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1118
1124
|
width: 24,
|
|
1119
1125
|
height: 24
|
|
1120
|
-
}, props), _path$
|
|
1126
|
+
}, props), _path$1_ || (_path$1_ = /*#__PURE__*/React.createElement("path", {
|
|
1121
1127
|
fillRule: "evenodd",
|
|
1122
1128
|
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"
|
|
1123
1129
|
})));
|
|
1124
1130
|
};
|
|
1125
1131
|
|
|
1126
|
-
var _path$
|
|
1127
|
-
function _extends$
|
|
1132
|
+
var _path$1Z;
|
|
1133
|
+
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); }
|
|
1128
1134
|
var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
|
|
1129
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1135
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1$({
|
|
1130
1136
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1131
1137
|
width: 16,
|
|
1132
1138
|
height: 16
|
|
1133
|
-
}, props), _path$
|
|
1139
|
+
}, props), _path$1Z || (_path$1Z = /*#__PURE__*/React.createElement("path", {
|
|
1134
1140
|
fillRule: "evenodd",
|
|
1135
1141
|
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"
|
|
1136
1142
|
})));
|
|
1137
1143
|
};
|
|
1138
1144
|
|
|
1139
|
-
var _path$
|
|
1140
|
-
function _extends$
|
|
1145
|
+
var _path$1Y, _path2$z;
|
|
1146
|
+
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); }
|
|
1141
1147
|
var SvgIconChevronDown2Small = function SvgIconChevronDown2Small(props) {
|
|
1142
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1148
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1_({
|
|
1143
1149
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1144
1150
|
width: 16,
|
|
1145
1151
|
height: 16
|
|
1146
|
-
}, props), _path$
|
|
1152
|
+
}, props), _path$1Y || (_path$1Y = /*#__PURE__*/React.createElement("path", {
|
|
1147
1153
|
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"
|
|
1148
1154
|
})), _path2$z || (_path2$z = /*#__PURE__*/React.createElement("path", {
|
|
1149
1155
|
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"
|
|
1150
1156
|
})));
|
|
1151
1157
|
};
|
|
1152
1158
|
|
|
1153
|
-
var _path$
|
|
1154
|
-
function _extends$
|
|
1159
|
+
var _path$1X, _path2$y;
|
|
1160
|
+
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); }
|
|
1155
1161
|
var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
|
|
1156
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1162
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1Z({
|
|
1157
1163
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1158
1164
|
width: 16,
|
|
1159
1165
|
height: 16
|
|
1160
|
-
}, props), _path$
|
|
1166
|
+
}, props), _path$1X || (_path$1X = /*#__PURE__*/React.createElement("path", {
|
|
1161
1167
|
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"
|
|
1162
1168
|
})), _path2$y || (_path2$y = /*#__PURE__*/React.createElement("path", {
|
|
1163
1169
|
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"
|
|
1164
1170
|
})));
|
|
1165
1171
|
};
|
|
1166
1172
|
|
|
1167
|
-
var _path$
|
|
1168
|
-
function _extends$
|
|
1173
|
+
var _path$1W;
|
|
1174
|
+
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); }
|
|
1169
1175
|
var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
|
|
1170
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1176
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1Y({
|
|
1171
1177
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1172
1178
|
width: 24,
|
|
1173
1179
|
height: 24
|
|
1174
|
-
}, props), _path$
|
|
1180
|
+
}, props), _path$1W || (_path$1W = /*#__PURE__*/React.createElement("path", {
|
|
1175
1181
|
fillRule: "evenodd",
|
|
1176
1182
|
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"
|
|
1177
1183
|
})));
|
|
1178
1184
|
};
|
|
1179
1185
|
|
|
1180
|
-
var _path$
|
|
1181
|
-
function _extends$
|
|
1186
|
+
var _path$1V;
|
|
1187
|
+
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); }
|
|
1182
1188
|
var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
|
|
1183
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1189
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1X({
|
|
1184
1190
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1185
1191
|
width: 16,
|
|
1186
1192
|
height: 16
|
|
1187
|
-
}, props), _path$
|
|
1193
|
+
}, props), _path$1V || (_path$1V = /*#__PURE__*/React.createElement("path", {
|
|
1188
1194
|
fillRule: "evenodd",
|
|
1189
1195
|
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"
|
|
1190
1196
|
})));
|
|
1191
1197
|
};
|
|
1192
1198
|
|
|
1193
|
-
var _path$
|
|
1194
|
-
function _extends$
|
|
1199
|
+
var _path$1U, _path2$x;
|
|
1200
|
+
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); }
|
|
1195
1201
|
var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
|
|
1196
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1202
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1W({
|
|
1197
1203
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1198
1204
|
width: 16,
|
|
1199
1205
|
height: 16
|
|
1200
|
-
}, props), _path$
|
|
1206
|
+
}, props), _path$1U || (_path$1U = /*#__PURE__*/React.createElement("path", {
|
|
1201
1207
|
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"
|
|
1202
1208
|
})), _path2$x || (_path2$x = /*#__PURE__*/React.createElement("path", {
|
|
1203
1209
|
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"
|
|
1204
1210
|
})));
|
|
1205
1211
|
};
|
|
1206
1212
|
|
|
1207
|
-
var _path$
|
|
1208
|
-
function _extends$
|
|
1213
|
+
var _path$1T;
|
|
1214
|
+
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); }
|
|
1209
1215
|
var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
|
|
1210
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1216
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1V({
|
|
1211
1217
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1212
1218
|
width: 24,
|
|
1213
1219
|
height: 24
|
|
1214
|
-
}, props), _path$
|
|
1220
|
+
}, props), _path$1T || (_path$1T = /*#__PURE__*/React.createElement("path", {
|
|
1215
1221
|
fillRule: "evenodd",
|
|
1216
1222
|
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"
|
|
1217
1223
|
})));
|
|
1218
1224
|
};
|
|
1219
1225
|
|
|
1220
|
-
var _path$
|
|
1221
|
-
function _extends$
|
|
1226
|
+
var _path$1S;
|
|
1227
|
+
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); }
|
|
1222
1228
|
var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
|
|
1223
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1229
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1U({
|
|
1224
1230
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1225
1231
|
width: 16,
|
|
1226
1232
|
height: 16
|
|
1227
|
-
}, props), _path$
|
|
1233
|
+
}, props), _path$1S || (_path$1S = /*#__PURE__*/React.createElement("path", {
|
|
1228
1234
|
fillRule: "evenodd",
|
|
1229
1235
|
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"
|
|
1230
1236
|
})));
|
|
1231
1237
|
};
|
|
1232
1238
|
|
|
1233
|
-
var _path$
|
|
1234
|
-
function _extends$
|
|
1239
|
+
var _path$1R;
|
|
1240
|
+
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); }
|
|
1235
1241
|
var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
|
|
1236
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1242
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1T({
|
|
1237
1243
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1238
1244
|
width: 24,
|
|
1239
1245
|
height: 24
|
|
1240
|
-
}, props), _path$
|
|
1246
|
+
}, props), _path$1R || (_path$1R = /*#__PURE__*/React.createElement("path", {
|
|
1241
1247
|
fillRule: "evenodd",
|
|
1242
1248
|
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"
|
|
1243
1249
|
})));
|
|
1244
1250
|
};
|
|
1245
1251
|
|
|
1246
|
-
var _path$
|
|
1247
|
-
function _extends$
|
|
1252
|
+
var _path$1Q;
|
|
1253
|
+
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); }
|
|
1248
1254
|
var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
|
|
1249
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1255
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1S({
|
|
1250
1256
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1251
1257
|
width: 16,
|
|
1252
1258
|
height: 16
|
|
1253
|
-
}, props), _path$
|
|
1259
|
+
}, props), _path$1Q || (_path$1Q = /*#__PURE__*/React.createElement("path", {
|
|
1254
1260
|
fillRule: "evenodd",
|
|
1255
1261
|
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"
|
|
1256
1262
|
})));
|
|
1257
1263
|
};
|
|
1258
1264
|
|
|
1259
|
-
var _path$
|
|
1260
|
-
function _extends$
|
|
1265
|
+
var _path$1P, _path2$w;
|
|
1266
|
+
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); }
|
|
1261
1267
|
var SvgIconChevronUp2Small = function SvgIconChevronUp2Small(props) {
|
|
1262
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1268
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1R({
|
|
1263
1269
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1264
1270
|
width: 16,
|
|
1265
1271
|
height: 16
|
|
1266
|
-
}, props), _path$
|
|
1272
|
+
}, props), _path$1P || (_path$1P = /*#__PURE__*/React.createElement("path", {
|
|
1267
1273
|
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"
|
|
1268
1274
|
})), _path2$w || (_path2$w = /*#__PURE__*/React.createElement("path", {
|
|
1269
1275
|
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"
|
|
1270
1276
|
})));
|
|
1271
1277
|
};
|
|
1272
1278
|
|
|
1273
|
-
var _path$
|
|
1274
|
-
function _extends$
|
|
1279
|
+
var _path$1O;
|
|
1280
|
+
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); }
|
|
1275
1281
|
var SvgIconCirclesOverlap2Large = function SvgIconCirclesOverlap2Large(props) {
|
|
1276
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1282
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1Q({
|
|
1277
1283
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1278
1284
|
width: 24,
|
|
1279
1285
|
height: 24
|
|
1280
|
-
}, props), _path$
|
|
1286
|
+
}, props), _path$1O || (_path$1O = /*#__PURE__*/React.createElement("path", {
|
|
1281
1287
|
fillRule: "evenodd",
|
|
1282
1288
|
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"
|
|
1283
1289
|
})));
|
|
1284
1290
|
};
|
|
1285
1291
|
|
|
1286
|
-
var _path$
|
|
1287
|
-
function _extends$
|
|
1292
|
+
var _path$1N, _path2$v;
|
|
1293
|
+
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); }
|
|
1288
1294
|
var SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
|
|
1289
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1295
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1P({
|
|
1290
1296
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1291
1297
|
width: 16,
|
|
1292
1298
|
height: 16
|
|
1293
|
-
}, props), _path$
|
|
1299
|
+
}, props), _path$1N || (_path$1N = /*#__PURE__*/React.createElement("path", {
|
|
1294
1300
|
fillRule: "evenodd",
|
|
1295
1301
|
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"
|
|
1296
1302
|
})), _path2$v || (_path2$v = /*#__PURE__*/React.createElement("path", {
|
|
@@ -1298,14 +1304,14 @@ var SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
|
|
|
1298
1304
|
})));
|
|
1299
1305
|
};
|
|
1300
1306
|
|
|
1301
|
-
var _path$
|
|
1302
|
-
function _extends$
|
|
1307
|
+
var _path$1M, _path2$u;
|
|
1308
|
+
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); }
|
|
1303
1309
|
var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
|
|
1304
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1310
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1O({
|
|
1305
1311
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1306
1312
|
width: 24,
|
|
1307
1313
|
height: 24
|
|
1308
|
-
}, props), _path$
|
|
1314
|
+
}, props), _path$1M || (_path$1M = /*#__PURE__*/React.createElement("path", {
|
|
1309
1315
|
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"
|
|
1310
1316
|
})), _path2$u || (_path2$u = /*#__PURE__*/React.createElement("path", {
|
|
1311
1317
|
fillRule: "evenodd",
|
|
@@ -1313,14 +1319,14 @@ var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
|
|
|
1313
1319
|
})));
|
|
1314
1320
|
};
|
|
1315
1321
|
|
|
1316
|
-
var _path$
|
|
1317
|
-
function _extends$
|
|
1322
|
+
var _path$1L, _path2$t;
|
|
1323
|
+
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); }
|
|
1318
1324
|
var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
|
|
1319
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1325
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1N({
|
|
1320
1326
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1321
1327
|
width: 24,
|
|
1322
1328
|
height: 24
|
|
1323
|
-
}, props), _path$
|
|
1329
|
+
}, props), _path$1L || (_path$1L = /*#__PURE__*/React.createElement("path", {
|
|
1324
1330
|
fillRule: "evenodd",
|
|
1325
1331
|
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"
|
|
1326
1332
|
})), _path2$t || (_path2$t = /*#__PURE__*/React.createElement("path", {
|
|
@@ -1329,14 +1335,14 @@ var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
|
|
|
1329
1335
|
})));
|
|
1330
1336
|
};
|
|
1331
1337
|
|
|
1332
|
-
var _path$
|
|
1333
|
-
function _extends$
|
|
1338
|
+
var _path$1K, _path2$s;
|
|
1339
|
+
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); }
|
|
1334
1340
|
var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
|
|
1335
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1341
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1M({
|
|
1336
1342
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1337
1343
|
width: 24,
|
|
1338
1344
|
height: 24
|
|
1339
|
-
}, props), _path$
|
|
1345
|
+
}, props), _path$1K || (_path$1K = /*#__PURE__*/React.createElement("path", {
|
|
1340
1346
|
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"
|
|
1341
1347
|
})), _path2$s || (_path2$s = /*#__PURE__*/React.createElement("path", {
|
|
1342
1348
|
fillRule: "evenodd",
|
|
@@ -1344,27 +1350,27 @@ var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
|
|
|
1344
1350
|
})));
|
|
1345
1351
|
};
|
|
1346
1352
|
|
|
1347
|
-
var _path$
|
|
1348
|
-
function _extends$
|
|
1353
|
+
var _path$1J;
|
|
1354
|
+
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); }
|
|
1349
1355
|
var SvgIconCopySmall = function SvgIconCopySmall(props) {
|
|
1350
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1356
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1L({
|
|
1351
1357
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1352
1358
|
width: 16,
|
|
1353
1359
|
height: 16
|
|
1354
|
-
}, props), _path$
|
|
1360
|
+
}, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement("path", {
|
|
1355
1361
|
fillRule: "evenodd",
|
|
1356
1362
|
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"
|
|
1357
1363
|
})));
|
|
1358
1364
|
};
|
|
1359
1365
|
|
|
1360
|
-
var _path$
|
|
1361
|
-
function _extends$
|
|
1366
|
+
var _path$1I, _path2$r, _path3$5;
|
|
1367
|
+
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); }
|
|
1362
1368
|
var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
|
|
1363
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1369
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1K({
|
|
1364
1370
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1365
1371
|
width: 24,
|
|
1366
1372
|
height: 24
|
|
1367
|
-
}, props), _path$
|
|
1373
|
+
}, props), _path$1I || (_path$1I = /*#__PURE__*/React.createElement("path", {
|
|
1368
1374
|
fillRule: "evenodd",
|
|
1369
1375
|
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"
|
|
1370
1376
|
})), _path2$r || (_path2$r = /*#__PURE__*/React.createElement("path", {
|
|
@@ -1376,143 +1382,143 @@ var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
|
|
|
1376
1382
|
})));
|
|
1377
1383
|
};
|
|
1378
1384
|
|
|
1379
|
-
var _path$
|
|
1380
|
-
function _extends$
|
|
1385
|
+
var _path$1H;
|
|
1386
|
+
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); }
|
|
1381
1387
|
var SvgIconCubeSmall = function SvgIconCubeSmall(props) {
|
|
1382
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1388
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1J({
|
|
1383
1389
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1384
1390
|
width: 16,
|
|
1385
1391
|
height: 16
|
|
1386
|
-
}, props), _path$
|
|
1392
|
+
}, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement("path", {
|
|
1387
1393
|
fillRule: "evenodd",
|
|
1388
1394
|
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",
|
|
1389
1395
|
clipRule: "evenodd"
|
|
1390
1396
|
})));
|
|
1391
1397
|
};
|
|
1392
1398
|
|
|
1393
|
-
var _path$
|
|
1394
|
-
function _extends$
|
|
1399
|
+
var _path$1G;
|
|
1400
|
+
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); }
|
|
1395
1401
|
var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
|
|
1396
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1402
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1I({
|
|
1397
1403
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1398
1404
|
width: 24,
|
|
1399
1405
|
height: 24
|
|
1400
|
-
}, props), _path$
|
|
1406
|
+
}, props), _path$1G || (_path$1G = /*#__PURE__*/React.createElement("path", {
|
|
1401
1407
|
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"
|
|
1402
1408
|
})));
|
|
1403
1409
|
};
|
|
1404
1410
|
|
|
1405
|
-
var _path$
|
|
1406
|
-
function _extends$
|
|
1411
|
+
var _path$1F;
|
|
1412
|
+
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); }
|
|
1407
1413
|
var SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
|
|
1408
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1414
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1H({
|
|
1409
1415
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1410
1416
|
width: 16,
|
|
1411
1417
|
height: 16
|
|
1412
|
-
}, props), _path$
|
|
1418
|
+
}, props), _path$1F || (_path$1F = /*#__PURE__*/React.createElement("path", {
|
|
1413
1419
|
fillRule: "evenodd",
|
|
1414
1420
|
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"
|
|
1415
1421
|
})));
|
|
1416
1422
|
};
|
|
1417
1423
|
|
|
1418
|
-
var _path$
|
|
1419
|
-
function _extends$
|
|
1424
|
+
var _path$1E;
|
|
1425
|
+
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); }
|
|
1420
1426
|
var SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
|
|
1421
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1427
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1G({
|
|
1422
1428
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1423
1429
|
width: 24,
|
|
1424
1430
|
height: 24
|
|
1425
|
-
}, props), _path$
|
|
1431
|
+
}, props), _path$1E || (_path$1E = /*#__PURE__*/React.createElement("path", {
|
|
1426
1432
|
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"
|
|
1427
1433
|
})));
|
|
1428
1434
|
};
|
|
1429
1435
|
|
|
1430
|
-
var _path$
|
|
1431
|
-
function _extends$
|
|
1436
|
+
var _path$1D;
|
|
1437
|
+
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); }
|
|
1432
1438
|
var SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
|
|
1433
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1439
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1F({
|
|
1434
1440
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1435
1441
|
width: 16,
|
|
1436
1442
|
height: 16
|
|
1437
|
-
}, props), _path$
|
|
1443
|
+
}, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement("path", {
|
|
1438
1444
|
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"
|
|
1439
1445
|
})));
|
|
1440
1446
|
};
|
|
1441
1447
|
|
|
1442
|
-
var _path$
|
|
1443
|
-
function _extends$
|
|
1448
|
+
var _path$1C;
|
|
1449
|
+
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); }
|
|
1444
1450
|
var SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
|
|
1445
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1451
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1E({
|
|
1446
1452
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1447
1453
|
width: 24,
|
|
1448
1454
|
height: 24
|
|
1449
|
-
}, props), _path$
|
|
1455
|
+
}, props), _path$1C || (_path$1C = /*#__PURE__*/React.createElement("path", {
|
|
1450
1456
|
fillRule: "evenodd",
|
|
1451
1457
|
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"
|
|
1452
1458
|
})));
|
|
1453
1459
|
};
|
|
1454
1460
|
|
|
1455
|
-
var _path$
|
|
1456
|
-
function _extends$
|
|
1461
|
+
var _path$1B;
|
|
1462
|
+
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); }
|
|
1457
1463
|
var SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
|
|
1458
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1464
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1D({
|
|
1459
1465
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1460
1466
|
width: 16,
|
|
1461
1467
|
height: 16
|
|
1462
|
-
}, props), _path$
|
|
1468
|
+
}, props), _path$1B || (_path$1B = /*#__PURE__*/React.createElement("path", {
|
|
1463
1469
|
fillRule: "evenodd",
|
|
1464
1470
|
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"
|
|
1465
1471
|
})));
|
|
1466
1472
|
};
|
|
1467
1473
|
|
|
1468
|
-
var _path$
|
|
1469
|
-
function _extends$
|
|
1474
|
+
var _path$1A;
|
|
1475
|
+
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); }
|
|
1470
1476
|
var SvgIconEditLarge = function SvgIconEditLarge(props) {
|
|
1471
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1477
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1C({
|
|
1472
1478
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1473
1479
|
width: 24,
|
|
1474
1480
|
height: 24
|
|
1475
|
-
}, props), _path$
|
|
1481
|
+
}, props), _path$1A || (_path$1A = /*#__PURE__*/React.createElement("path", {
|
|
1476
1482
|
fillRule: "evenodd",
|
|
1477
1483
|
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"
|
|
1478
1484
|
})));
|
|
1479
1485
|
};
|
|
1480
1486
|
|
|
1481
|
-
var _path$
|
|
1482
|
-
function _extends$
|
|
1487
|
+
var _path$1z;
|
|
1488
|
+
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); }
|
|
1483
1489
|
var SvgIconEditSmall = function SvgIconEditSmall(props) {
|
|
1484
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1490
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1B({
|
|
1485
1491
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1486
1492
|
width: 16,
|
|
1487
1493
|
height: 16
|
|
1488
|
-
}, props), _path$
|
|
1494
|
+
}, props), _path$1z || (_path$1z = /*#__PURE__*/React.createElement("path", {
|
|
1489
1495
|
fillRule: "evenodd",
|
|
1490
1496
|
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"
|
|
1491
1497
|
})));
|
|
1492
1498
|
};
|
|
1493
1499
|
|
|
1494
|
-
var _path$
|
|
1495
|
-
function _extends$
|
|
1500
|
+
var _path$1y, _path2$q;
|
|
1501
|
+
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); }
|
|
1496
1502
|
var SvgIconEnvelopeSmall = function SvgIconEnvelopeSmall(props) {
|
|
1497
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1503
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1A({
|
|
1498
1504
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1499
1505
|
width: 16,
|
|
1500
1506
|
height: 16
|
|
1501
|
-
}, props), _path$
|
|
1507
|
+
}, props), _path$1y || (_path$1y = /*#__PURE__*/React.createElement("path", {
|
|
1502
1508
|
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"
|
|
1503
1509
|
})), _path2$q || (_path2$q = /*#__PURE__*/React.createElement("path", {
|
|
1504
1510
|
d: "M8.58 8.987 15.2 2H.8l6.62 6.987a.8.8 0 0 0 1.16 0"
|
|
1505
1511
|
})));
|
|
1506
1512
|
};
|
|
1507
1513
|
|
|
1508
|
-
var _path$
|
|
1509
|
-
function _extends$
|
|
1514
|
+
var _path$1x, _path2$p;
|
|
1515
|
+
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); }
|
|
1510
1516
|
var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
|
|
1511
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1517
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1z({
|
|
1512
1518
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1513
1519
|
width: 24,
|
|
1514
1520
|
height: 24
|
|
1515
|
-
}, props), _path$
|
|
1521
|
+
}, props), _path$1x || (_path$1x = /*#__PURE__*/React.createElement("path", {
|
|
1516
1522
|
fillRule: "evenodd",
|
|
1517
1523
|
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"
|
|
1518
1524
|
})), _path2$p || (_path2$p = /*#__PURE__*/React.createElement("path", {
|
|
@@ -1521,27 +1527,27 @@ var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLar
|
|
|
1521
1527
|
})));
|
|
1522
1528
|
};
|
|
1523
1529
|
|
|
1524
|
-
var _path$
|
|
1525
|
-
function _extends$
|
|
1530
|
+
var _path$1w;
|
|
1531
|
+
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); }
|
|
1526
1532
|
var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSmall(props) {
|
|
1527
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1533
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1y({
|
|
1528
1534
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1529
1535
|
width: 16,
|
|
1530
1536
|
height: 16
|
|
1531
|
-
}, props), _path$
|
|
1537
|
+
}, props), _path$1w || (_path$1w = /*#__PURE__*/React.createElement("path", {
|
|
1532
1538
|
fillRule: "evenodd",
|
|
1533
1539
|
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"
|
|
1534
1540
|
})));
|
|
1535
1541
|
};
|
|
1536
1542
|
|
|
1537
|
-
var _path$
|
|
1538
|
-
function _extends$
|
|
1543
|
+
var _path$1v, _path2$o, _path3$4;
|
|
1544
|
+
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); }
|
|
1539
1545
|
var SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpeechBubbleLarge(props) {
|
|
1540
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1546
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1x({
|
|
1541
1547
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1542
1548
|
width: 24,
|
|
1543
1549
|
height: 24
|
|
1544
|
-
}, props), _path$
|
|
1550
|
+
}, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
|
|
1545
1551
|
d: "M10.931 9.436a1.036 1.036 0 0 0 2.073 0V2.782a1.036 1.036 0 0 0-2.073 0z"
|
|
1546
1552
|
})), _path2$o || (_path2$o = /*#__PURE__*/React.createElement("path", {
|
|
1547
1553
|
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"
|
|
@@ -1550,27 +1556,27 @@ var SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpe
|
|
|
1550
1556
|
})));
|
|
1551
1557
|
};
|
|
1552
1558
|
|
|
1553
|
-
var _path$
|
|
1554
|
-
function _extends$
|
|
1559
|
+
var _path$1u;
|
|
1560
|
+
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); }
|
|
1555
1561
|
var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
|
|
1556
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1562
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1w({
|
|
1557
1563
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1558
1564
|
width: 16,
|
|
1559
1565
|
height: 16
|
|
1560
|
-
}, props), _path$
|
|
1566
|
+
}, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
|
|
1561
1567
|
fillRule: "evenodd",
|
|
1562
1568
|
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"
|
|
1563
1569
|
})));
|
|
1564
1570
|
};
|
|
1565
1571
|
|
|
1566
|
-
var _path$
|
|
1567
|
-
function _extends$
|
|
1572
|
+
var _path$1t, _path2$n;
|
|
1573
|
+
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); }
|
|
1568
1574
|
var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
|
|
1569
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1575
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1v({
|
|
1570
1576
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1571
1577
|
width: 16,
|
|
1572
1578
|
height: 16
|
|
1573
|
-
}, props), _path$
|
|
1579
|
+
}, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
|
|
1574
1580
|
d: "M9.89 8a1.89 1.89 0 1 0-3.78 0 1.89 1.89 0 0 0 3.78 0"
|
|
1575
1581
|
})), _path2$n || (_path2$n = /*#__PURE__*/React.createElement("path", {
|
|
1576
1582
|
fillRule: "evenodd",
|
|
@@ -1578,91 +1584,91 @@ var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
|
|
|
1578
1584
|
})));
|
|
1579
1585
|
};
|
|
1580
1586
|
|
|
1581
|
-
var _path$
|
|
1582
|
-
function _extends$
|
|
1587
|
+
var _path$1s;
|
|
1588
|
+
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); }
|
|
1583
1589
|
var SvgIconFilterSmall = function SvgIconFilterSmall(props) {
|
|
1584
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1590
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1u({
|
|
1585
1591
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1586
1592
|
width: 16,
|
|
1587
1593
|
height: 16
|
|
1588
|
-
}, props), _path$
|
|
1594
|
+
}, props), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
|
|
1589
1595
|
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"
|
|
1590
1596
|
})));
|
|
1591
1597
|
};
|
|
1592
1598
|
|
|
1593
|
-
var _path$
|
|
1594
|
-
function _extends$
|
|
1599
|
+
var _path$1r;
|
|
1600
|
+
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); }
|
|
1595
1601
|
var SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
|
|
1596
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1602
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1t({
|
|
1597
1603
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1598
1604
|
width: 16,
|
|
1599
1605
|
height: 16
|
|
1600
|
-
}, props), _path$
|
|
1606
|
+
}, props), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
|
|
1601
1607
|
fillRule: "evenodd",
|
|
1602
1608
|
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"
|
|
1603
1609
|
})));
|
|
1604
1610
|
};
|
|
1605
1611
|
|
|
1606
|
-
var _path$
|
|
1607
|
-
function _extends$
|
|
1612
|
+
var _path$1q;
|
|
1613
|
+
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); }
|
|
1608
1614
|
var SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
|
|
1609
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1615
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1s({
|
|
1610
1616
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1611
1617
|
width: 16,
|
|
1612
1618
|
height: 16
|
|
1613
|
-
}, props), _path$
|
|
1619
|
+
}, props), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
|
|
1614
1620
|
fillRule: "evenodd",
|
|
1615
1621
|
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"
|
|
1616
1622
|
})));
|
|
1617
1623
|
};
|
|
1618
1624
|
|
|
1619
|
-
var _path$
|
|
1620
|
-
function _extends$
|
|
1625
|
+
var _path$1p;
|
|
1626
|
+
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); }
|
|
1621
1627
|
var SvgIconFlagQuestionMarkSmall = function SvgIconFlagQuestionMarkSmall(props) {
|
|
1622
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1628
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1r({
|
|
1623
1629
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1624
1630
|
width: 16,
|
|
1625
1631
|
height: 16
|
|
1626
|
-
}, props), _path$
|
|
1632
|
+
}, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
|
|
1627
1633
|
fillRule: "evenodd",
|
|
1628
1634
|
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"
|
|
1629
1635
|
})));
|
|
1630
1636
|
};
|
|
1631
1637
|
|
|
1632
|
-
var _path$
|
|
1633
|
-
function _extends$
|
|
1638
|
+
var _path$1o;
|
|
1639
|
+
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); }
|
|
1634
1640
|
var SvgIconFlagXMarkSmall = function SvgIconFlagXMarkSmall(props) {
|
|
1635
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1641
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1q({
|
|
1636
1642
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1637
1643
|
width: 16,
|
|
1638
1644
|
height: 16
|
|
1639
|
-
}, props), _path$
|
|
1645
|
+
}, props), _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
|
|
1640
1646
|
fillRule: "evenodd",
|
|
1641
1647
|
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"
|
|
1642
1648
|
})));
|
|
1643
1649
|
};
|
|
1644
1650
|
|
|
1645
|
-
var _path$
|
|
1646
|
-
function _extends$
|
|
1651
|
+
var _path$1n;
|
|
1652
|
+
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); }
|
|
1647
1653
|
var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
|
|
1648
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1654
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1p({
|
|
1649
1655
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1650
1656
|
width: 24,
|
|
1651
1657
|
height: 24
|
|
1652
|
-
}, props), _path$
|
|
1658
|
+
}, props), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
|
|
1653
1659
|
fillRule: "evenodd",
|
|
1654
1660
|
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"
|
|
1655
1661
|
})));
|
|
1656
1662
|
};
|
|
1657
1663
|
|
|
1658
|
-
var _path$
|
|
1659
|
-
function _extends$
|
|
1664
|
+
var _path$1m, _path2$m;
|
|
1665
|
+
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); }
|
|
1660
1666
|
var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
|
|
1661
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1667
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1o({
|
|
1662
1668
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1663
1669
|
width: 24,
|
|
1664
1670
|
height: 24
|
|
1665
|
-
}, props), _path$
|
|
1671
|
+
}, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
|
|
1666
1672
|
fill: "#CCC",
|
|
1667
1673
|
fillRule: "evenodd",
|
|
1668
1674
|
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",
|
|
@@ -1674,14 +1680,14 @@ var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
|
|
|
1674
1680
|
})));
|
|
1675
1681
|
};
|
|
1676
1682
|
|
|
1677
|
-
var _path$
|
|
1678
|
-
function _extends$
|
|
1683
|
+
var _path$1l, _path2$l;
|
|
1684
|
+
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); }
|
|
1679
1685
|
var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
|
|
1680
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1686
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1n({
|
|
1681
1687
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1682
1688
|
width: 24,
|
|
1683
1689
|
height: 24
|
|
1684
|
-
}, props), _path$
|
|
1690
|
+
}, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
|
|
1685
1691
|
fill: "#CCC",
|
|
1686
1692
|
fillRule: "evenodd",
|
|
1687
1693
|
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"
|
|
@@ -1691,66 +1697,66 @@ var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
|
|
|
1691
1697
|
})));
|
|
1692
1698
|
};
|
|
1693
1699
|
|
|
1694
|
-
var _path$
|
|
1695
|
-
function _extends$
|
|
1700
|
+
var _path$1k;
|
|
1701
|
+
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); }
|
|
1696
1702
|
var SvgIconGearSmall = function SvgIconGearSmall(props) {
|
|
1697
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1703
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1m({
|
|
1698
1704
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1699
1705
|
width: 16,
|
|
1700
1706
|
height: 16
|
|
1701
|
-
}, props), _path$
|
|
1707
|
+
}, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
|
|
1702
1708
|
fillRule: "evenodd",
|
|
1703
1709
|
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"
|
|
1704
1710
|
})));
|
|
1705
1711
|
};
|
|
1706
1712
|
|
|
1707
|
-
var _path$
|
|
1708
|
-
function _extends$
|
|
1713
|
+
var _path$1j;
|
|
1714
|
+
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); }
|
|
1709
1715
|
var SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
|
|
1710
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1716
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1l({
|
|
1711
1717
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1712
1718
|
width: 24,
|
|
1713
1719
|
height: 24
|
|
1714
|
-
}, props), _path$
|
|
1720
|
+
}, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
|
|
1715
1721
|
fillRule: "evenodd",
|
|
1716
1722
|
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"
|
|
1717
1723
|
})));
|
|
1718
1724
|
};
|
|
1719
1725
|
|
|
1720
|
-
var _path$
|
|
1721
|
-
function _extends$
|
|
1726
|
+
var _path$1i;
|
|
1727
|
+
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); }
|
|
1722
1728
|
var SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
|
|
1723
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1729
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1k({
|
|
1724
1730
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1725
1731
|
width: 16,
|
|
1726
1732
|
height: 16
|
|
1727
|
-
}, props), _path$
|
|
1733
|
+
}, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
|
|
1728
1734
|
fillRule: "evenodd",
|
|
1729
1735
|
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"
|
|
1730
1736
|
})));
|
|
1731
1737
|
};
|
|
1732
1738
|
|
|
1733
|
-
var _path$
|
|
1734
|
-
function _extends$
|
|
1739
|
+
var _path$1h;
|
|
1740
|
+
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); }
|
|
1735
1741
|
var SvgIconGridLarge = function SvgIconGridLarge(props) {
|
|
1736
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1742
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1j({
|
|
1737
1743
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1738
1744
|
width: 24,
|
|
1739
1745
|
height: 24
|
|
1740
|
-
}, props), _path$
|
|
1746
|
+
}, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
|
|
1741
1747
|
fillRule: "evenodd",
|
|
1742
1748
|
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"
|
|
1743
1749
|
})));
|
|
1744
1750
|
};
|
|
1745
1751
|
|
|
1746
|
-
var _path$
|
|
1747
|
-
function _extends$
|
|
1752
|
+
var _path$1g, _path2$k;
|
|
1753
|
+
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); }
|
|
1748
1754
|
var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
|
|
1749
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1755
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1i({
|
|
1750
1756
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1751
1757
|
width: 24,
|
|
1752
1758
|
height: 24
|
|
1753
|
-
}, props), _path$
|
|
1759
|
+
}, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
|
|
1754
1760
|
fill: "#CCC",
|
|
1755
1761
|
fillRule: "evenodd",
|
|
1756
1762
|
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"
|
|
@@ -1760,14 +1766,14 @@ var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
|
|
|
1760
1766
|
})));
|
|
1761
1767
|
};
|
|
1762
1768
|
|
|
1763
|
-
var _path$
|
|
1764
|
-
function _extends$
|
|
1769
|
+
var _path$1f, _path2$j;
|
|
1770
|
+
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); }
|
|
1765
1771
|
var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
|
|
1766
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1772
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1h({
|
|
1767
1773
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1768
1774
|
width: 24,
|
|
1769
1775
|
height: 24
|
|
1770
|
-
}, props), _path$
|
|
1776
|
+
}, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
|
|
1771
1777
|
fill: "#CCC",
|
|
1772
1778
|
fillRule: "evenodd",
|
|
1773
1779
|
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"
|
|
@@ -1777,39 +1783,39 @@ var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
|
|
|
1777
1783
|
})));
|
|
1778
1784
|
};
|
|
1779
1785
|
|
|
1780
|
-
var _path$
|
|
1781
|
-
function _extends$
|
|
1786
|
+
var _path$1e;
|
|
1787
|
+
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); }
|
|
1782
1788
|
var SvgIconGridDots3Large = function SvgIconGridDots3Large(props) {
|
|
1783
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1789
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1g({
|
|
1784
1790
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1785
1791
|
width: 24,
|
|
1786
1792
|
height: 24
|
|
1787
|
-
}, props), _path$
|
|
1793
|
+
}, props), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
|
|
1788
1794
|
fillRule: "evenodd",
|
|
1789
1795
|
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"
|
|
1790
1796
|
})));
|
|
1791
1797
|
};
|
|
1792
1798
|
|
|
1793
|
-
var _path$
|
|
1794
|
-
function _extends$
|
|
1799
|
+
var _path$1d;
|
|
1800
|
+
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); }
|
|
1795
1801
|
var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
|
|
1796
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1802
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1f({
|
|
1797
1803
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1798
1804
|
width: 16,
|
|
1799
1805
|
height: 16
|
|
1800
|
-
}, props), _path$
|
|
1806
|
+
}, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
|
|
1801
1807
|
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"
|
|
1802
1808
|
})));
|
|
1803
1809
|
};
|
|
1804
1810
|
|
|
1805
|
-
var _path$
|
|
1806
|
-
function _extends$
|
|
1811
|
+
var _path$1c, _path2$i;
|
|
1812
|
+
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); }
|
|
1807
1813
|
var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
|
|
1808
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1814
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1e({
|
|
1809
1815
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1810
1816
|
width: 24,
|
|
1811
1817
|
height: 24
|
|
1812
|
-
}, props), _path$
|
|
1818
|
+
}, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
|
|
1813
1819
|
fillRule: "evenodd",
|
|
1814
1820
|
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"
|
|
1815
1821
|
})), _path2$i || (_path2$i = /*#__PURE__*/React.createElement("path", {
|
|
@@ -1818,53 +1824,53 @@ var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
|
|
|
1818
1824
|
})));
|
|
1819
1825
|
};
|
|
1820
1826
|
|
|
1821
|
-
var _path$
|
|
1822
|
-
function _extends$
|
|
1827
|
+
var _path$1b;
|
|
1828
|
+
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); }
|
|
1823
1829
|
var SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
|
|
1824
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1830
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1d({
|
|
1825
1831
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1826
1832
|
width: 16,
|
|
1827
1833
|
height: 16
|
|
1828
|
-
}, props), _path$
|
|
1834
|
+
}, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
|
|
1829
1835
|
fillRule: "evenodd",
|
|
1830
1836
|
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"
|
|
1831
1837
|
})));
|
|
1832
1838
|
};
|
|
1833
1839
|
|
|
1834
|
-
var _path$
|
|
1835
|
-
function _extends$
|
|
1840
|
+
var _path$1a;
|
|
1841
|
+
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); }
|
|
1836
1842
|
var SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props) {
|
|
1837
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1843
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1c({
|
|
1838
1844
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1839
1845
|
width: 24,
|
|
1840
1846
|
height: 24
|
|
1841
|
-
}, props), _path$
|
|
1847
|
+
}, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
|
|
1842
1848
|
fillRule: "evenodd",
|
|
1843
1849
|
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"
|
|
1844
1850
|
})));
|
|
1845
1851
|
};
|
|
1846
1852
|
|
|
1847
|
-
var _path$
|
|
1848
|
-
function _extends$
|
|
1853
|
+
var _path$19;
|
|
1854
|
+
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); }
|
|
1849
1855
|
var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
|
|
1850
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1856
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1b({
|
|
1851
1857
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1852
1858
|
width: 16,
|
|
1853
1859
|
height: 16
|
|
1854
|
-
}, props), _path$
|
|
1860
|
+
}, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
|
|
1855
1861
|
fillRule: "evenodd",
|
|
1856
1862
|
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"
|
|
1857
1863
|
})));
|
|
1858
1864
|
};
|
|
1859
1865
|
|
|
1860
|
-
var _path$
|
|
1861
|
-
function _extends$
|
|
1866
|
+
var _path$18, _path2$h;
|
|
1867
|
+
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); }
|
|
1862
1868
|
var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
|
|
1863
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1869
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1a({
|
|
1864
1870
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1865
1871
|
width: 24,
|
|
1866
1872
|
height: 24
|
|
1867
|
-
}, props), _path$
|
|
1873
|
+
}, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
|
|
1868
1874
|
fillRule: "evenodd",
|
|
1869
1875
|
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"
|
|
1870
1876
|
})), _path2$h || (_path2$h = /*#__PURE__*/React.createElement("path", {
|
|
@@ -1872,87 +1878,87 @@ var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
|
|
|
1872
1878
|
})));
|
|
1873
1879
|
};
|
|
1874
1880
|
|
|
1875
|
-
var _path$
|
|
1876
|
-
function _extends$
|
|
1881
|
+
var _path$17;
|
|
1882
|
+
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); }
|
|
1877
1883
|
var SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
|
|
1878
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1884
|
+
return /*#__PURE__*/React.createElement("svg", _extends$19({
|
|
1879
1885
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1880
1886
|
width: 16,
|
|
1881
1887
|
height: 16
|
|
1882
|
-
}, props), _path$
|
|
1888
|
+
}, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
|
|
1883
1889
|
fillRule: "evenodd",
|
|
1884
1890
|
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"
|
|
1885
1891
|
})));
|
|
1886
1892
|
};
|
|
1887
1893
|
|
|
1888
|
-
var _path$
|
|
1889
|
-
function _extends$
|
|
1894
|
+
var _path$16;
|
|
1895
|
+
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); }
|
|
1890
1896
|
var SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(props) {
|
|
1891
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1897
|
+
return /*#__PURE__*/React.createElement("svg", _extends$18({
|
|
1892
1898
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1893
1899
|
width: 16,
|
|
1894
1900
|
height: 16
|
|
1895
|
-
}, props), _path$
|
|
1901
|
+
}, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
|
|
1896
1902
|
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"
|
|
1897
1903
|
})));
|
|
1898
1904
|
};
|
|
1899
1905
|
|
|
1900
|
-
var _path$
|
|
1901
|
-
function _extends$
|
|
1906
|
+
var _path$15;
|
|
1907
|
+
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); }
|
|
1902
1908
|
var SvgIconLinesHorizontal3Large = function SvgIconLinesHorizontal3Large(props) {
|
|
1903
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1909
|
+
return /*#__PURE__*/React.createElement("svg", _extends$17({
|
|
1904
1910
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1905
1911
|
width: 24,
|
|
1906
1912
|
height: 24
|
|
1907
|
-
}, props), _path$
|
|
1913
|
+
}, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
|
|
1908
1914
|
fillRule: "evenodd",
|
|
1909
1915
|
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"
|
|
1910
1916
|
})));
|
|
1911
1917
|
};
|
|
1912
1918
|
|
|
1913
|
-
var _path$
|
|
1914
|
-
function _extends$
|
|
1919
|
+
var _path$14;
|
|
1920
|
+
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); }
|
|
1915
1921
|
var SvgIconLinesHorizontal3Small = function SvgIconLinesHorizontal3Small(props) {
|
|
1916
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1922
|
+
return /*#__PURE__*/React.createElement("svg", _extends$16({
|
|
1917
1923
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1918
1924
|
width: 16,
|
|
1919
1925
|
height: 16
|
|
1920
|
-
}, props), _path$
|
|
1926
|
+
}, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
|
|
1921
1927
|
fillRule: "evenodd",
|
|
1922
1928
|
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"
|
|
1923
1929
|
})));
|
|
1924
1930
|
};
|
|
1925
1931
|
|
|
1926
|
-
var _path$
|
|
1927
|
-
function _extends$
|
|
1932
|
+
var _path$13;
|
|
1933
|
+
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); }
|
|
1928
1934
|
var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
|
|
1929
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1935
|
+
return /*#__PURE__*/React.createElement("svg", _extends$15({
|
|
1930
1936
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1931
1937
|
width: 16,
|
|
1932
1938
|
height: 16
|
|
1933
|
-
}, props), _path$
|
|
1939
|
+
}, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
|
|
1934
1940
|
fillRule: "evenodd",
|
|
1935
1941
|
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"
|
|
1936
1942
|
})));
|
|
1937
1943
|
};
|
|
1938
1944
|
|
|
1939
|
-
var _path$
|
|
1940
|
-
function _extends$
|
|
1945
|
+
var _path$12;
|
|
1946
|
+
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); }
|
|
1941
1947
|
var SvgIconListSmall = function SvgIconListSmall(props) {
|
|
1942
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1948
|
+
return /*#__PURE__*/React.createElement("svg", _extends$14({
|
|
1943
1949
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1944
1950
|
width: 16,
|
|
1945
1951
|
height: 16
|
|
1946
|
-
}, props), _path$
|
|
1952
|
+
}, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
|
|
1947
1953
|
fillRule: "evenodd",
|
|
1948
1954
|
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"
|
|
1949
1955
|
})));
|
|
1950
1956
|
};
|
|
1951
1957
|
|
|
1952
1958
|
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;
|
|
1953
|
-
function _extends$
|
|
1959
|
+
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); }
|
|
1954
1960
|
var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
|
|
1955
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1961
|
+
return /*#__PURE__*/React.createElement("svg", _extends$13({
|
|
1956
1962
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1957
1963
|
width: 24,
|
|
1958
1964
|
height: 24
|
|
@@ -2122,9 +2128,9 @@ var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
|
|
|
2122
2128
|
};
|
|
2123
2129
|
|
|
2124
2130
|
var _animateTransform, _animate, _animateTransform2, _animate2, _animateTransform3, _animate3, _animateTransform4, _animate4, _animateTransform5, _animate5, _animateTransform6, _animate6, _animateTransform7, _animate7, _animateTransform8, _animate8, _animateTransform9, _animate9;
|
|
2125
|
-
function _extends$
|
|
2131
|
+
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); }
|
|
2126
2132
|
var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
|
|
2127
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
2133
|
+
return /*#__PURE__*/React.createElement("svg", _extends$12({
|
|
2128
2134
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2129
2135
|
width: 16,
|
|
2130
2136
|
height: 16
|
|
@@ -2293,14 +2299,14 @@ var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
|
|
|
2293
2299
|
}))));
|
|
2294
2300
|
};
|
|
2295
2301
|
|
|
2296
|
-
var _path
|
|
2297
|
-
function _extends
|
|
2302
|
+
var _path$11, _path2$g;
|
|
2303
|
+
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); }
|
|
2298
2304
|
var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
|
|
2299
|
-
return /*#__PURE__*/React.createElement("svg", _extends
|
|
2305
|
+
return /*#__PURE__*/React.createElement("svg", _extends$11({
|
|
2300
2306
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2301
2307
|
width: 16,
|
|
2302
2308
|
height: 16
|
|
2303
|
-
}, props), _path
|
|
2309
|
+
}, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
|
|
2304
2310
|
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"
|
|
2305
2311
|
})), _path2$g || (_path2$g = /*#__PURE__*/React.createElement("path", {
|
|
2306
2312
|
fillRule: "evenodd",
|
|
@@ -2308,325 +2314,351 @@ var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
|
|
|
2308
2314
|
})));
|
|
2309
2315
|
};
|
|
2310
2316
|
|
|
2311
|
-
var _path$
|
|
2312
|
-
function _extends$
|
|
2317
|
+
var _path$10;
|
|
2318
|
+
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); }
|
|
2313
2319
|
var SvgIconLockLarge = function SvgIconLockLarge(props) {
|
|
2314
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
2320
|
+
return /*#__PURE__*/React.createElement("svg", _extends$10({
|
|
2315
2321
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2316
2322
|
width: 24,
|
|
2317
2323
|
height: 24
|
|
2318
|
-
}, props), _path$
|
|
2324
|
+
}, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
|
|
2319
2325
|
fillRule: "evenodd",
|
|
2320
2326
|
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"
|
|
2321
2327
|
})));
|
|
2322
2328
|
};
|
|
2323
2329
|
|
|
2330
|
+
var _path$$;
|
|
2331
|
+
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); }
|
|
2332
|
+
var SvgIconLockSmall = function SvgIconLockSmall(props) {
|
|
2333
|
+
return /*#__PURE__*/React.createElement("svg", _extends$$({
|
|
2334
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2335
|
+
width: 16,
|
|
2336
|
+
height: 16
|
|
2337
|
+
}, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
|
|
2338
|
+
fillRule: "evenodd",
|
|
2339
|
+
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"
|
|
2340
|
+
})));
|
|
2341
|
+
};
|
|
2342
|
+
|
|
2343
|
+
var _path$_;
|
|
2344
|
+
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); }
|
|
2345
|
+
var SvgIconMinusSmall = function SvgIconMinusSmall(props) {
|
|
2346
|
+
return /*#__PURE__*/React.createElement("svg", _extends$_({
|
|
2347
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2348
|
+
width: 16,
|
|
2349
|
+
height: 16
|
|
2350
|
+
}, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
|
|
2351
|
+
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"
|
|
2352
|
+
})));
|
|
2353
|
+
};
|
|
2354
|
+
|
|
2324
2355
|
var _path$Z;
|
|
2325
2356
|
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); }
|
|
2326
|
-
var
|
|
2357
|
+
var SvgIconOpenSmall = function SvgIconOpenSmall(props) {
|
|
2327
2358
|
return /*#__PURE__*/React.createElement("svg", _extends$Z({
|
|
2328
2359
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2329
2360
|
width: 16,
|
|
2330
2361
|
height: 16
|
|
2331
2362
|
}, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
|
|
2332
2363
|
fillRule: "evenodd",
|
|
2333
|
-
d: "
|
|
2364
|
+
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"
|
|
2334
2365
|
})));
|
|
2335
2366
|
};
|
|
2336
2367
|
|
|
2337
2368
|
var _path$Y;
|
|
2338
2369
|
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); }
|
|
2339
|
-
var
|
|
2370
|
+
var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
|
|
2340
2371
|
return /*#__PURE__*/React.createElement("svg", _extends$Y({
|
|
2341
2372
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2342
|
-
width:
|
|
2343
|
-
height:
|
|
2373
|
+
width: 24,
|
|
2374
|
+
height: 24
|
|
2344
2375
|
}, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
|
|
2345
|
-
|
|
2376
|
+
fillRule: "evenodd",
|
|
2377
|
+
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"
|
|
2346
2378
|
})));
|
|
2347
2379
|
};
|
|
2348
2380
|
|
|
2349
2381
|
var _path$X;
|
|
2350
2382
|
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); }
|
|
2351
|
-
var
|
|
2383
|
+
var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
|
|
2352
2384
|
return /*#__PURE__*/React.createElement("svg", _extends$X({
|
|
2353
2385
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2354
2386
|
width: 16,
|
|
2355
2387
|
height: 16
|
|
2356
2388
|
}, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
|
|
2357
2389
|
fillRule: "evenodd",
|
|
2358
|
-
d: "
|
|
2390
|
+
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"
|
|
2359
2391
|
})));
|
|
2360
2392
|
};
|
|
2361
2393
|
|
|
2362
2394
|
var _path$W;
|
|
2363
2395
|
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); }
|
|
2364
|
-
var
|
|
2396
|
+
var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
|
|
2365
2397
|
return /*#__PURE__*/React.createElement("svg", _extends$W({
|
|
2366
2398
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2367
|
-
width:
|
|
2368
|
-
height:
|
|
2399
|
+
width: 16,
|
|
2400
|
+
height: 16
|
|
2369
2401
|
}, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
|
|
2370
|
-
|
|
2371
|
-
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"
|
|
2402
|
+
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"
|
|
2372
2403
|
})));
|
|
2373
2404
|
};
|
|
2374
2405
|
|
|
2375
2406
|
var _path$V;
|
|
2376
2407
|
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); }
|
|
2377
|
-
var
|
|
2408
|
+
var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
|
|
2378
2409
|
return /*#__PURE__*/React.createElement("svg", _extends$V({
|
|
2379
2410
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2380
|
-
width:
|
|
2381
|
-
height:
|
|
2411
|
+
width: 24,
|
|
2412
|
+
height: 24
|
|
2382
2413
|
}, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
|
|
2383
|
-
|
|
2384
|
-
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"
|
|
2414
|
+
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"
|
|
2385
2415
|
})));
|
|
2386
2416
|
};
|
|
2387
2417
|
|
|
2388
2418
|
var _path$U;
|
|
2389
2419
|
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); }
|
|
2390
|
-
var
|
|
2420
|
+
var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
|
|
2391
2421
|
return /*#__PURE__*/React.createElement("svg", _extends$U({
|
|
2392
2422
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2393
2423
|
width: 16,
|
|
2394
2424
|
height: 16
|
|
2395
2425
|
}, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
|
|
2396
|
-
d: "
|
|
2426
|
+
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"
|
|
2397
2427
|
})));
|
|
2398
2428
|
};
|
|
2399
2429
|
|
|
2400
2430
|
var _path$T;
|
|
2401
2431
|
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); }
|
|
2402
|
-
var
|
|
2432
|
+
var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
|
|
2403
2433
|
return /*#__PURE__*/React.createElement("svg", _extends$T({
|
|
2404
2434
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2405
|
-
width:
|
|
2406
|
-
height:
|
|
2435
|
+
width: 16,
|
|
2436
|
+
height: 16
|
|
2407
2437
|
}, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
|
|
2408
|
-
|
|
2438
|
+
fillRule: "evenodd",
|
|
2439
|
+
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"
|
|
2409
2440
|
})));
|
|
2410
2441
|
};
|
|
2411
2442
|
|
|
2412
2443
|
var _path$S;
|
|
2413
2444
|
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); }
|
|
2414
|
-
var
|
|
2445
|
+
var SvgIconPinSmall = function SvgIconPinSmall(props) {
|
|
2415
2446
|
return /*#__PURE__*/React.createElement("svg", _extends$S({
|
|
2416
2447
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2417
2448
|
width: 16,
|
|
2418
2449
|
height: 16
|
|
2419
2450
|
}, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
|
|
2420
|
-
d: "
|
|
2451
|
+
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"
|
|
2421
2452
|
})));
|
|
2422
2453
|
};
|
|
2423
2454
|
|
|
2424
|
-
var _path$R;
|
|
2455
|
+
var _path$R, _path2$f;
|
|
2425
2456
|
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); }
|
|
2426
|
-
var
|
|
2457
|
+
var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
|
|
2427
2458
|
return /*#__PURE__*/React.createElement("svg", _extends$R({
|
|
2428
2459
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2429
|
-
width:
|
|
2430
|
-
height:
|
|
2460
|
+
width: 24,
|
|
2461
|
+
height: 24
|
|
2431
2462
|
}, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
|
|
2432
2463
|
fillRule: "evenodd",
|
|
2433
|
-
d: "
|
|
2464
|
+
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"
|
|
2465
|
+
})), _path2$f || (_path2$f = /*#__PURE__*/React.createElement("path", {
|
|
2466
|
+
fillRule: "evenodd",
|
|
2467
|
+
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"
|
|
2434
2468
|
})));
|
|
2435
2469
|
};
|
|
2436
2470
|
|
|
2437
2471
|
var _path$Q;
|
|
2438
2472
|
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); }
|
|
2439
|
-
var
|
|
2473
|
+
var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
|
|
2440
2474
|
return /*#__PURE__*/React.createElement("svg", _extends$Q({
|
|
2441
2475
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2442
2476
|
width: 16,
|
|
2443
2477
|
height: 16
|
|
2444
2478
|
}, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
|
|
2445
|
-
|
|
2479
|
+
fillRule: "evenodd",
|
|
2480
|
+
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"
|
|
2446
2481
|
})));
|
|
2447
2482
|
};
|
|
2448
2483
|
|
|
2449
|
-
var _path$P
|
|
2484
|
+
var _path$P;
|
|
2450
2485
|
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); }
|
|
2451
|
-
var
|
|
2486
|
+
var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
|
|
2452
2487
|
return /*#__PURE__*/React.createElement("svg", _extends$P({
|
|
2453
2488
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2454
|
-
width:
|
|
2455
|
-
height:
|
|
2489
|
+
width: 16,
|
|
2490
|
+
height: 16
|
|
2456
2491
|
}, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
|
|
2457
2492
|
fillRule: "evenodd",
|
|
2458
|
-
d: "
|
|
2459
|
-
})), _path2$f || (_path2$f = /*#__PURE__*/React.createElement("path", {
|
|
2460
|
-
fillRule: "evenodd",
|
|
2461
|
-
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"
|
|
2493
|
+
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"
|
|
2462
2494
|
})));
|
|
2463
2495
|
};
|
|
2464
2496
|
|
|
2465
|
-
var _path$O;
|
|
2497
|
+
var _path$O, _path2$e;
|
|
2466
2498
|
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); }
|
|
2467
|
-
var
|
|
2499
|
+
var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
|
|
2468
2500
|
return /*#__PURE__*/React.createElement("svg", _extends$O({
|
|
2469
2501
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2470
|
-
width:
|
|
2471
|
-
height:
|
|
2502
|
+
width: 24,
|
|
2503
|
+
height: 24
|
|
2472
2504
|
}, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
|
|
2505
|
+
fill: "#CCC",
|
|
2473
2506
|
fillRule: "evenodd",
|
|
2474
|
-
d: "
|
|
2507
|
+
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"
|
|
2508
|
+
})), _path2$e || (_path2$e = /*#__PURE__*/React.createElement("path", {
|
|
2509
|
+
fillRule: "evenodd",
|
|
2510
|
+
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"
|
|
2475
2511
|
})));
|
|
2476
2512
|
};
|
|
2477
2513
|
|
|
2478
|
-
var _path$N;
|
|
2514
|
+
var _path$N, _path2$d;
|
|
2479
2515
|
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); }
|
|
2480
|
-
var
|
|
2516
|
+
var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
|
|
2481
2517
|
return /*#__PURE__*/React.createElement("svg", _extends$N({
|
|
2482
2518
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2483
|
-
width:
|
|
2484
|
-
height:
|
|
2519
|
+
width: 24,
|
|
2520
|
+
height: 24
|
|
2485
2521
|
}, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
|
|
2522
|
+
fill: "#CCC",
|
|
2486
2523
|
fillRule: "evenodd",
|
|
2487
|
-
d: "
|
|
2524
|
+
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"
|
|
2525
|
+
})), _path2$d || (_path2$d = /*#__PURE__*/React.createElement("path", {
|
|
2526
|
+
fillRule: "evenodd",
|
|
2527
|
+
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"
|
|
2488
2528
|
})));
|
|
2489
2529
|
};
|
|
2490
2530
|
|
|
2491
|
-
var _path$M
|
|
2531
|
+
var _path$M;
|
|
2492
2532
|
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); }
|
|
2493
|
-
var
|
|
2533
|
+
var SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
|
|
2494
2534
|
return /*#__PURE__*/React.createElement("svg", _extends$M({
|
|
2495
2535
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2496
|
-
width:
|
|
2497
|
-
height:
|
|
2536
|
+
width: 16,
|
|
2537
|
+
height: 16
|
|
2498
2538
|
}, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
|
|
2499
|
-
fill: "#CCC",
|
|
2500
2539
|
fillRule: "evenodd",
|
|
2501
|
-
d: "
|
|
2502
|
-
})), _path2$e || (_path2$e = /*#__PURE__*/React.createElement("path", {
|
|
2503
|
-
fillRule: "evenodd",
|
|
2504
|
-
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"
|
|
2540
|
+
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"
|
|
2505
2541
|
})));
|
|
2506
2542
|
};
|
|
2507
2543
|
|
|
2508
|
-
var _path$L
|
|
2544
|
+
var _path$L;
|
|
2509
2545
|
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); }
|
|
2510
|
-
var
|
|
2546
|
+
var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
|
|
2511
2547
|
return /*#__PURE__*/React.createElement("svg", _extends$L({
|
|
2512
2548
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2513
2549
|
width: 24,
|
|
2514
2550
|
height: 24
|
|
2515
2551
|
}, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
|
|
2516
|
-
fill: "#CCC",
|
|
2517
2552
|
fillRule: "evenodd",
|
|
2518
|
-
d: "
|
|
2519
|
-
})), _path2$d || (_path2$d = /*#__PURE__*/React.createElement("path", {
|
|
2520
|
-
fillRule: "evenodd",
|
|
2521
|
-
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"
|
|
2553
|
+
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"
|
|
2522
2554
|
})));
|
|
2523
2555
|
};
|
|
2524
2556
|
|
|
2525
2557
|
var _path$K;
|
|
2526
2558
|
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); }
|
|
2527
|
-
var
|
|
2559
|
+
var SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
|
|
2528
2560
|
return /*#__PURE__*/React.createElement("svg", _extends$K({
|
|
2529
2561
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2530
|
-
width:
|
|
2531
|
-
height:
|
|
2562
|
+
width: 24,
|
|
2563
|
+
height: 24
|
|
2532
2564
|
}, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
|
|
2533
2565
|
fillRule: "evenodd",
|
|
2534
|
-
d: "
|
|
2566
|
+
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"
|
|
2535
2567
|
})));
|
|
2536
2568
|
};
|
|
2537
2569
|
|
|
2538
2570
|
var _path$J;
|
|
2539
2571
|
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); }
|
|
2540
|
-
var
|
|
2572
|
+
var SvgIconReadLarge = function SvgIconReadLarge(props) {
|
|
2541
2573
|
return /*#__PURE__*/React.createElement("svg", _extends$J({
|
|
2542
2574
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2543
2575
|
width: 24,
|
|
2544
2576
|
height: 24
|
|
2545
2577
|
}, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
|
|
2546
2578
|
fillRule: "evenodd",
|
|
2547
|
-
d: "
|
|
2579
|
+
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"
|
|
2548
2580
|
})));
|
|
2549
2581
|
};
|
|
2550
2582
|
|
|
2551
2583
|
var _path$I;
|
|
2552
2584
|
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); }
|
|
2553
|
-
var
|
|
2585
|
+
var SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
|
|
2554
2586
|
return /*#__PURE__*/React.createElement("svg", _extends$I({
|
|
2555
2587
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2556
2588
|
width: 24,
|
|
2557
2589
|
height: 24
|
|
2558
2590
|
}, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
|
|
2559
2591
|
fillRule: "evenodd",
|
|
2560
|
-
d: "
|
|
2592
|
+
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"
|
|
2561
2593
|
})));
|
|
2562
2594
|
};
|
|
2563
2595
|
|
|
2564
2596
|
var _path$H;
|
|
2565
2597
|
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); }
|
|
2566
|
-
var
|
|
2598
|
+
var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
|
|
2567
2599
|
return /*#__PURE__*/React.createElement("svg", _extends$H({
|
|
2568
2600
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2569
|
-
width:
|
|
2570
|
-
height:
|
|
2601
|
+
width: 16,
|
|
2602
|
+
height: 16
|
|
2571
2603
|
}, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
|
|
2572
2604
|
fillRule: "evenodd",
|
|
2573
|
-
d: "
|
|
2605
|
+
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"
|
|
2574
2606
|
})));
|
|
2575
2607
|
};
|
|
2576
2608
|
|
|
2577
|
-
var _path$G;
|
|
2609
|
+
var _path$G, _path2$c, _path3$3;
|
|
2578
2610
|
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); }
|
|
2579
|
-
var
|
|
2611
|
+
var SvgIconReportLarge = function SvgIconReportLarge(props) {
|
|
2580
2612
|
return /*#__PURE__*/React.createElement("svg", _extends$G({
|
|
2581
2613
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2582
2614
|
width: 24,
|
|
2583
2615
|
height: 24
|
|
2584
2616
|
}, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
|
|
2617
|
+
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"
|
|
2618
|
+
})), _path2$c || (_path2$c = /*#__PURE__*/React.createElement("path", {
|
|
2619
|
+
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"
|
|
2620
|
+
})), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement("path", {
|
|
2585
2621
|
fillRule: "evenodd",
|
|
2586
|
-
d: "
|
|
2622
|
+
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"
|
|
2587
2623
|
})));
|
|
2588
2624
|
};
|
|
2589
2625
|
|
|
2590
2626
|
var _path$F;
|
|
2591
2627
|
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); }
|
|
2592
|
-
var
|
|
2628
|
+
var SvgIconRocketLarge = function SvgIconRocketLarge(props) {
|
|
2593
2629
|
return /*#__PURE__*/React.createElement("svg", _extends$F({
|
|
2594
2630
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2595
|
-
width:
|
|
2596
|
-
height:
|
|
2631
|
+
width: 24,
|
|
2632
|
+
height: 24
|
|
2597
2633
|
}, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
|
|
2598
2634
|
fillRule: "evenodd",
|
|
2599
|
-
d: "
|
|
2635
|
+
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"
|
|
2600
2636
|
})));
|
|
2601
2637
|
};
|
|
2602
2638
|
|
|
2603
|
-
var _path$E
|
|
2639
|
+
var _path$E;
|
|
2604
2640
|
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); }
|
|
2605
|
-
var
|
|
2641
|
+
var SvgIconRotateLeftSmall = function SvgIconRotateLeftSmall(props) {
|
|
2606
2642
|
return /*#__PURE__*/React.createElement("svg", _extends$E({
|
|
2607
2643
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2608
|
-
width:
|
|
2609
|
-
height:
|
|
2644
|
+
width: 16,
|
|
2645
|
+
height: 16
|
|
2610
2646
|
}, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
|
|
2611
|
-
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"
|
|
2612
|
-
})), _path2$c || (_path2$c = /*#__PURE__*/React.createElement("path", {
|
|
2613
|
-
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"
|
|
2614
|
-
})), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement("path", {
|
|
2615
2647
|
fillRule: "evenodd",
|
|
2616
|
-
d: "
|
|
2648
|
+
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"
|
|
2617
2649
|
})));
|
|
2618
2650
|
};
|
|
2619
2651
|
|
|
2620
2652
|
var _path$D;
|
|
2621
2653
|
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); }
|
|
2622
|
-
var
|
|
2654
|
+
var SvgIconRotateRightSmall = function SvgIconRotateRightSmall(props) {
|
|
2623
2655
|
return /*#__PURE__*/React.createElement("svg", _extends$D({
|
|
2624
2656
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2625
|
-
width:
|
|
2626
|
-
height:
|
|
2657
|
+
width: 16,
|
|
2658
|
+
height: 16
|
|
2627
2659
|
}, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
|
|
2628
2660
|
fillRule: "evenodd",
|
|
2629
|
-
d: "
|
|
2661
|
+
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"
|
|
2630
2662
|
})));
|
|
2631
2663
|
};
|
|
2632
2664
|
|
|
@@ -3406,6 +3438,14 @@ var iconMap = {
|
|
|
3406
3438
|
largeIcon: SvgIconRocketLarge,
|
|
3407
3439
|
smallIcon: null,
|
|
3408
3440
|
},
|
|
3441
|
+
RotateLeft: {
|
|
3442
|
+
largeIcon: null,
|
|
3443
|
+
smallIcon: SvgIconRotateLeftSmall,
|
|
3444
|
+
},
|
|
3445
|
+
RotateRight: {
|
|
3446
|
+
largeIcon: null,
|
|
3447
|
+
smallIcon: SvgIconRotateRightSmall,
|
|
3448
|
+
},
|
|
3409
3449
|
Save: {
|
|
3410
3450
|
largeIcon: SvgIconSaveLarge,
|
|
3411
3451
|
smallIcon: null,
|
|
@@ -3591,7 +3631,7 @@ var StyledAccordion = styled(Accordion$1, {
|
|
|
3591
3631
|
var typography = getTypography(props);
|
|
3592
3632
|
var borders = getBorders(props);
|
|
3593
3633
|
var spaces = getSpaces(props);
|
|
3594
|
-
return 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 "])), 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", accordionSummaryClasses.root, accordionSummaryClasses.expanded, accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, accordionDetailsClasses.root, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, accordionClasses.expanded, togglePosition === "left" && leftPosition(props));
|
|
3634
|
+
return 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 "])), 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", accordionSummaryClasses.root, focusVisibleA11yStyle(), accordionSummaryClasses.focusVisible, accordionSummaryClasses.expanded, accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, accordionDetailsClasses.root, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, accordionClasses.expanded, togglePosition === "left" && leftPosition(props));
|
|
3595
3635
|
});
|
|
3596
3636
|
var leftPosition = function (props) {
|
|
3597
3637
|
var _a, _b, _c;
|
|
@@ -3844,17 +3884,20 @@ var tertiary = function (props) {
|
|
|
3844
3884
|
var small$1 = function (props) {
|
|
3845
3885
|
var sdsType = props.sdsType;
|
|
3846
3886
|
var iconSizes = getIconSizes(props);
|
|
3847
|
-
|
|
3887
|
+
var spaces = getSpaces(props);
|
|
3888
|
+
return 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;") : "");
|
|
3848
3889
|
};
|
|
3849
3890
|
var medium$1 = function (props) {
|
|
3850
3891
|
var sdsType = props.sdsType;
|
|
3851
3892
|
var iconSizes = getIconSizes(props);
|
|
3852
|
-
|
|
3893
|
+
var spaces = getSpaces(props);
|
|
3894
|
+
return 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;") : "");
|
|
3853
3895
|
};
|
|
3854
3896
|
var large = function (props) {
|
|
3855
3897
|
var sdsType = props.sdsType;
|
|
3856
3898
|
var iconSizes = getIconSizes(props);
|
|
3857
|
-
|
|
3899
|
+
var spaces = getSpaces(props);
|
|
3900
|
+
return 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;") : "");
|
|
3858
3901
|
};
|
|
3859
3902
|
var doNotForwardProps$o = [
|
|
3860
3903
|
"on",
|
|
@@ -3996,7 +4039,7 @@ var disabledStyled$2 = function (props) {
|
|
|
3996
4039
|
var _a, _b, _c;
|
|
3997
4040
|
var colors = getColors(props);
|
|
3998
4041
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
3999
|
-
return 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 "])), outlinedInputClasses.disabled, outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, inputAdornmentClasses.root, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, 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]);
|
|
4042
|
+
return 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 "])), outlinedInputClasses.disabled, outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, inputAdornmentClasses.root, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, 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]);
|
|
4000
4043
|
};
|
|
4001
4044
|
var StyledLabel$2 = styled("label")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyM$1, function (props) {
|
|
4002
4045
|
var spaces = getSpaces(props);
|
|
@@ -4008,11 +4051,11 @@ var StyledSearchBase = styled(TextField, {
|
|
|
4008
4051
|
},
|
|
4009
4052
|
})(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4010
4053
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
4011
|
-
var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle, sdsStage = props.sdsStage
|
|
4054
|
+
var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle, sdsStage = props.sdsStage;
|
|
4012
4055
|
var spaces = getSpaces(props);
|
|
4013
4056
|
var iconSizes = getIconSizes(props);
|
|
4014
4057
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
4015
|
-
return 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:
|
|
4058
|
+
return 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, 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, 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, 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, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_j = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _j === void 0 ? void 0 : _j.borderHover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_k = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _k === void 0 ? void 0 : _k.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _l === void 0 ? void 0 : _l.icon, 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));
|
|
4016
4059
|
});
|
|
4017
4060
|
var StyledInputAdornment = styled(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"])));
|
|
4018
4061
|
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;
|
|
@@ -4125,11 +4168,78 @@ var MenuItem = forwardRef(function MenuItem(props, ref) {
|
|
|
4125
4168
|
return (jsxs(StyledMenuItem$1, __assign({}, originalMenuItemProps, { disabled: disabled, ref: ref, children: [isMultiSelect && selectionIcon(), jsxs(ContentWrapper, { children: [jsxs(TextWrapper, { selected: selected, className: "primary-text", disabled: disabled, children: [iconItem(), children] }), column && jsx(ColumnWrapper, { disabled: disabled, children: column })] })] })));
|
|
4126
4169
|
});
|
|
4127
4170
|
|
|
4171
|
+
/**
|
|
4172
|
+
* Adds a 'user-is-tabbing' class and a 'data-user-is-tabbing' attribute to the provided element when the user starts navigating
|
|
4173
|
+
* with the keyboard. This is useful for styling focus outlines differently when the user is using the keyboard to tab through elements.
|
|
4174
|
+
* It is particularly beneficial for input elements where the styles for :focus and :focus-visible are identical,
|
|
4175
|
+
* unlike button elements which have both :focus and :focus-visible states available to style separately.
|
|
4176
|
+
* By detecting when the user is tabbing, we can apply different styles for :focus and :focus-visible states.
|
|
4177
|
+
*
|
|
4178
|
+
* @param {HTMLElement} element - The element to which the 'user-is-tabbing' class will be added.
|
|
4179
|
+
* @returns {Function} A function to remove the 'user-is-tabbing' class and 'data-user-is-tabbing' attribute and clean up the event listeners.
|
|
4180
|
+
*/
|
|
4181
|
+
var detectUserTabbing = function (element) {
|
|
4182
|
+
if (!element)
|
|
4183
|
+
return;
|
|
4184
|
+
var removed = false;
|
|
4185
|
+
function handleFirstTab(e) {
|
|
4186
|
+
if (e.code === "Tab") {
|
|
4187
|
+
element.classList.add("user-is-tabbing");
|
|
4188
|
+
element.setAttribute("data-user-is-tabbing", "true");
|
|
4189
|
+
window.removeEventListener("keydown", handleFirstTab);
|
|
4190
|
+
window.addEventListener("mousedown", handleMouseDownOnce);
|
|
4191
|
+
}
|
|
4192
|
+
}
|
|
4193
|
+
function handleMouseDownOnce() {
|
|
4194
|
+
element.classList.remove("user-is-tabbing");
|
|
4195
|
+
element.removeAttribute("data-user-is-tabbing");
|
|
4196
|
+
window.removeEventListener("mousedown", handleMouseDownOnce);
|
|
4197
|
+
window.addEventListener("keydown", handleFirstTab);
|
|
4198
|
+
}
|
|
4199
|
+
window.addEventListener("keydown", handleFirstTab);
|
|
4200
|
+
return function () {
|
|
4201
|
+
if (removed) {
|
|
4202
|
+
return;
|
|
4203
|
+
}
|
|
4204
|
+
removed = true;
|
|
4205
|
+
window.removeEventListener("keydown", handleFirstTab);
|
|
4206
|
+
window.removeEventListener("mousedown", handleMouseDownOnce);
|
|
4207
|
+
};
|
|
4208
|
+
};
|
|
4209
|
+
/**
|
|
4210
|
+
* Custom hook that listens for keyboard and mouse events to detect when
|
|
4211
|
+
* the user is tabbing through elements.
|
|
4212
|
+
*
|
|
4213
|
+
* @param {React.RefObject} ref - The ref to the element to which the 'user-is-tabbing' class
|
|
4214
|
+
* and 'data-user-is-tabbing' attribute will be added.
|
|
4215
|
+
*/
|
|
4216
|
+
var useDetectUserTabbing = function (ref) {
|
|
4217
|
+
useEffect(function () {
|
|
4218
|
+
if (ref.current) {
|
|
4219
|
+
var destroyListener_1 = detectUserTabbing(ref.current);
|
|
4220
|
+
return function () { return destroyListener_1 === null || destroyListener_1 === void 0 ? void 0 : destroyListener_1(); };
|
|
4221
|
+
}
|
|
4222
|
+
}, [ref]);
|
|
4223
|
+
};
|
|
4224
|
+
|
|
4128
4225
|
/**
|
|
4129
4226
|
* @see https://mui.com/material-ui/react-text-field/
|
|
4130
4227
|
*/
|
|
4131
4228
|
var InputSearch = forwardRef(function InputSearch(props, ref) {
|
|
4132
|
-
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"]);
|
|
4229
|
+
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"]);
|
|
4230
|
+
/**
|
|
4231
|
+
* (masoudmanson): In case that the ref is not provided, we will create a new one.
|
|
4232
|
+
*/
|
|
4233
|
+
var inputRef = useRef(null);
|
|
4234
|
+
/**
|
|
4235
|
+
* (masoudmanson): This is a custom hook that listens for keyboard and mouse events
|
|
4236
|
+
* and adds a 'user-is-tabbing' class to the body element when the user starts
|
|
4237
|
+
* navigating with the keyboard. Unlike button elements which have both :focus
|
|
4238
|
+
* and :focus-visible states available to style separately, input elements have
|
|
4239
|
+
* identical styles for :focus and :focus-visible states. By detecting when the
|
|
4240
|
+
* user is tabbing, we can apply different styles for :focus and :focus-visible states.
|
|
4241
|
+
*/
|
|
4242
|
+
useDetectUserTabbing((ref ? ref : inputRef));
|
|
4133
4243
|
var _c = useState(false), hasValue = _c[0], setHasValue = _c[1];
|
|
4134
4244
|
var _d = useState(""), value = _d[0], setValue = _d[1];
|
|
4135
4245
|
var handleChange = function (event) {
|
|
@@ -4174,16 +4284,16 @@ var InputSearch = forwardRef(function InputSearch(props, ref) {
|
|
|
4174
4284
|
console.error("Error: @czi-sds/components component InputText requires id and label props for accessibility.");
|
|
4175
4285
|
return jsx(Fragment, {});
|
|
4176
4286
|
}
|
|
4177
|
-
return (jsxs(Fragment, { children: [jsx(StyledLabel$2, { htmlFor: id, children: label }), jsx(StyledSearchBase, __assign({ ref: ref,
|
|
4287
|
+
return (jsxs(Fragment, { children: [jsx(StyledLabel$2, { htmlFor: id, children: label }), jsx(StyledSearchBase, __assign({ id: id, ref: ref ? ref : inputRef,
|
|
4178
4288
|
// passed to mui Input
|
|
4179
4289
|
InputProps: {
|
|
4180
|
-
endAdornment: (jsx(StyledInputAdornment, { position: "end", children: jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
|
|
4290
|
+
endAdornment: (jsx(StyledInputAdornment, { position: "end", children: jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", disabled: disabled, sdsIconProps: {
|
|
4181
4291
|
sdsType: "iconButton",
|
|
4182
4292
|
}, icon: "XMarkCircle" }) })),
|
|
4183
|
-
startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(Button, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
|
|
4293
|
+
startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(Button, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", disabled: disabled, sdsIconProps: {
|
|
4184
4294
|
sdsType: "interactive",
|
|
4185
4295
|
}, icon: "Search" }) })),
|
|
4186
|
-
}, type: "search",
|
|
4296
|
+
}, type: "search", variant: "outlined", size: "small", placeholder: placeholder, value: value, sdsStyle: sdsStyle, sdsStage: hasValue ? "userInput" : "default", onChange: handleChange, onKeyDown: handleKeyPress, intent: intent, disabled: disabled,
|
|
4187
4297
|
/**
|
|
4188
4298
|
* (masoudmanson): This prevents the browser's default auto completion
|
|
4189
4299
|
* menu from being displayed for the InputSearch.
|
|
@@ -4208,7 +4318,7 @@ var StyledAutocompleteBase = styled(Autocomplete$1, {
|
|
|
4208
4318
|
var borders = getBorders(props);
|
|
4209
4319
|
var semanticTextColors = getSemanticTextColors(props);
|
|
4210
4320
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
4211
|
-
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(autocompleteClasses.popper, " > .").concat(autocompleteClasses.paper, " {\n .").concat(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(autocompleteClasses.option, " {\n min-height: unset;\n\n &.").concat(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(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(autocompleteClasses.groupUl, " {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .").concat(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(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(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(autocompleteClasses.loading, " {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n }\n }\n ");
|
|
4321
|
+
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(autocompleteClasses.popper, " > .").concat(autocompleteClasses.paper, " {\n .").concat(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(autocompleteClasses.option, " {\n min-height: unset;\n\n &.").concat(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(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(autocompleteClasses.groupUl, " {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .").concat(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(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(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(autocompleteClasses.loading, " {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n }\n }\n ");
|
|
4212
4322
|
});
|
|
4213
4323
|
var InputBaseWrapper$1 = styled("div", {
|
|
4214
4324
|
shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
|
|
@@ -4218,7 +4328,7 @@ var InputBaseWrapper$1 = styled("div", {
|
|
|
4218
4328
|
// (thuang): We cannot use `display: none;` here, since
|
|
4219
4329
|
// the component needs to be in the DOM to handle backdrop
|
|
4220
4330
|
// click to close the menu
|
|
4221
|
-
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 ";
|
|
4331
|
+
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 ";
|
|
4222
4332
|
}
|
|
4223
4333
|
});
|
|
4224
4334
|
var StyledMenuInputSearch$1 = styled(InputSearch, {
|
|
@@ -4245,10 +4355,12 @@ var StyledMenuItemText = styled("div")(templateObject_6$7 || (templateObject_6$7
|
|
|
4245
4355
|
var templateObject_1$K, templateObject_2$s, templateObject_3$k, templateObject_4$h, templateObject_5$b, templateObject_6$7;
|
|
4246
4356
|
|
|
4247
4357
|
var AutocompleteBase = function (props) {
|
|
4248
|
-
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;
|
|
4358
|
+
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;
|
|
4249
4359
|
var theme = useTheme();
|
|
4360
|
+
var ref = useRef(null);
|
|
4250
4361
|
var _r = useState(""), inputValue = _r[0], setInputValue = _r[1];
|
|
4251
|
-
|
|
4362
|
+
useDetectUserTabbing(ref);
|
|
4363
|
+
return (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,
|
|
4252
4364
|
/**
|
|
4253
4365
|
* (masoudmanson): Overrides the onOpen and onClose handlers to ensure that
|
|
4254
4366
|
* the onClick and onClickAway handlers are triggered when a controlled dropdown
|
|
@@ -4276,7 +4388,7 @@ var AutocompleteBase = function (props) {
|
|
|
4276
4388
|
* the provided onInputChange from props is called at the end to emit the input changes
|
|
4277
4389
|
* to the user.
|
|
4278
4390
|
*/
|
|
4279
|
-
onInputChange: defaultOnInputChange })));
|
|
4391
|
+
onInputChange: defaultOnInputChange, disabled: disabled || !search })));
|
|
4280
4392
|
/**
|
|
4281
4393
|
* (masoudmanson): Using a custom Popper or Paper with the Autocomplete
|
|
4282
4394
|
* without a useCallback results in scroll jumps while selecting an option!
|
|
@@ -4296,20 +4408,32 @@ var AutocompleteBase = function (props) {
|
|
|
4296
4408
|
}, []);
|
|
4297
4409
|
}
|
|
4298
4410
|
function defaultRenderInput(params) {
|
|
4299
|
-
return (jsx(InputBaseWrapper$1, { search: search, children: jsx(StyledMenuInputSearch$1, __assign({ id: "location-search", label:
|
|
4411
|
+
return (jsx(InputBaseWrapper$1, { search: search, children: jsx(StyledMenuInputSearch$1, __assign({ id: "location-search", "aria-label": "Search Input",
|
|
4412
|
+
// (masoudmanson): This is to ensure that the input field won't be focusable
|
|
4413
|
+
// when the search prop is set to false.
|
|
4414
|
+
tabIndex: search ? 0 : -1, "aria-hidden": !search, label: label, placeholder: label, ref: params.InputProps.ref, search: search,
|
|
4300
4415
|
// (masoudmanson): This prevents Backspace from deselecting selected dropdown options.
|
|
4301
4416
|
onKeyDown: function (event) {
|
|
4302
4417
|
if (event.key === "Backspace") {
|
|
4303
4418
|
event.stopPropagation();
|
|
4304
4419
|
}
|
|
4305
|
-
}, InputProps: __assign(__assign({
|
|
4420
|
+
}, InputProps: __assign(__assign({}, params.InputProps.ref), { "aria-hidden": !search, endAdornment: (jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsx(Button
|
|
4421
|
+
// (masoudmanson): This is to ensure that the clear button won't be focusable
|
|
4422
|
+
// when the search prop is set to false.
|
|
4423
|
+
, {
|
|
4424
|
+
// (masoudmanson): This is to ensure that the clear button won't be focusable
|
|
4425
|
+
// when the search prop is set to false.
|
|
4426
|
+
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: {
|
|
4427
|
+
sdsType: "iconButton",
|
|
4428
|
+
}, icon: "XMarkCircle" })) })),
|
|
4306
4429
|
/**
|
|
4307
4430
|
* (thuang): Works with css caret-color: "transparent" to hide
|
|
4308
4431
|
* mobile keyboard
|
|
4309
4432
|
*/
|
|
4310
|
-
inputMode: search ? "text" : "none"
|
|
4311
|
-
|
|
4312
|
-
|
|
4433
|
+
inputMode: search ? "text" : "none", inputProps: params.inputProps, startAdornment: (jsx(StyledInputAdornment, { position: "start", children: jsx(Button, { "aria-label": "Search Button",
|
|
4434
|
+
// (masoudmanson): This is to ensure that the search button won't be focusable
|
|
4435
|
+
// when the search prop is set to false.
|
|
4436
|
+
tabIndex: search ? 0 : -1, "aria-hidden": !search, disabled: !search, onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
|
|
4313
4437
|
sdsType: "interactive",
|
|
4314
4438
|
}, icon: "Search" }) })) }) }, InputBaseProps)) }));
|
|
4315
4439
|
}
|
|
@@ -4513,6 +4637,7 @@ var AutocompleteMultiColumn = function (props) {
|
|
|
4513
4637
|
}, [isOpenControlled, open]);
|
|
4514
4638
|
var anchorRef = useRef(null);
|
|
4515
4639
|
var _h = React__default.useState(null), anchorEl = _h[0], setAnchorEl = _h[1];
|
|
4640
|
+
useDetectUserTabbing(anchorRef);
|
|
4516
4641
|
useEffect(function () {
|
|
4517
4642
|
setAnchorEl(anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current);
|
|
4518
4643
|
}, [anchorRef]);
|
|
@@ -4554,7 +4679,7 @@ var AutocompleteMultiColumn = function (props) {
|
|
|
4554
4679
|
* inner autocompletes should remain hidden and unfocused when the parent
|
|
4555
4680
|
* input is focused. This prevents blurring of the main search input.
|
|
4556
4681
|
*/
|
|
4557
|
-
InputBaseProps: __assign(__assign({}, InputBaseProps), { autoFocus: false }), popperOpen: popperOpen, inputValue: inputValue, PaperComponent: StyledPaper$2 }, rest), autocompleteOptions.name)); }) }) })))] }) })));
|
|
4682
|
+
InputBaseProps: __assign(__assign({}, InputBaseProps), { autoFocus: false, tabIndex: -1 }), popperOpen: popperOpen, inputValue: inputValue, PaperComponent: StyledPaper$2 }, rest), autocompleteOptions.name)); }) }) })))] }) })));
|
|
4558
4683
|
function clearInput() {
|
|
4559
4684
|
setInputValue("");
|
|
4560
4685
|
/**
|
|
@@ -4651,6 +4776,11 @@ var AutocompleteMultiColumn = function (props) {
|
|
|
4651
4776
|
}
|
|
4652
4777
|
setPopperOpen(false);
|
|
4653
4778
|
}
|
|
4779
|
+
else {
|
|
4780
|
+
// (masoudmanson): This is to open the dropdown when the user types in the search input.
|
|
4781
|
+
// especially when the user is tabbing through the input.
|
|
4782
|
+
setPopperOpen(true);
|
|
4783
|
+
}
|
|
4654
4784
|
}
|
|
4655
4785
|
}
|
|
4656
4786
|
};
|
|
@@ -4968,11 +5098,14 @@ var Tooltip = forwardRef(function Tooltip(props, ref) {
|
|
|
4968
5098
|
return jsx(Fragment, { children: children });
|
|
4969
5099
|
var content = (jsxs(Fragment, { children: [title, sdsStyle === "dark" && subtitle && jsx(Subtitle$1, { children: subtitle })] }));
|
|
4970
5100
|
var leaveDelay = inverted || sdsStyle === "dark" ? 0 : 500;
|
|
4971
|
-
return (jsx(Tooltip$1, __assign({ classes: { arrow: arrow, tooltip: tooltip }, leaveDelay: leaveDelay, title: content, PopperComponent: PopperComponent,
|
|
5101
|
+
return (jsx(Tooltip$1, __assign({ classes: { arrow: arrow, tooltip: tooltip }, leaveDelay: leaveDelay, title: content, PopperComponent: PopperComponent,
|
|
5102
|
+
// (masoudmanson): Setting tabIndex to 0 makes the tooltip component
|
|
5103
|
+
// focusable and allows keyboard navigation.
|
|
5104
|
+
tabIndex: 0, ref: ref,
|
|
4972
5105
|
// (masoudmanson): SDS Tooltips should always have an arrow
|
|
4973
5106
|
// and by setting the arrow prop to true, we ensure that
|
|
4974
5107
|
// the arrow is always rendered.
|
|
4975
|
-
arrow: true })));
|
|
5108
|
+
arrow: true }, rest)));
|
|
4976
5109
|
});
|
|
4977
5110
|
function mergeClass$1(_a) {
|
|
4978
5111
|
var props = _a.props, className = _a.className, key = _a.key;
|
|
@@ -5012,10 +5145,10 @@ var verticalAlignToFlexMap = {
|
|
|
5012
5145
|
};
|
|
5013
5146
|
var StyledTableData = styled("td", {
|
|
5014
5147
|
shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
|
|
5015
|
-
})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
5148
|
+
})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodyS$1, focusVisibleA11yStyle, function (props) {
|
|
5016
5149
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
|
|
5017
5150
|
var spaces = getSpaces(props);
|
|
5018
|
-
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
|
|
5151
|
+
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 ");
|
|
5019
5152
|
});
|
|
5020
5153
|
var ShouldWrap = function (lineCount) {
|
|
5021
5154
|
return "\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: ".concat(lineCount, ";\n -webkit-box-orient: vertical; \n ");
|
|
@@ -5091,7 +5224,7 @@ var CellBasic = forwardRef(function (props, ref) {
|
|
|
5091
5224
|
var doNotForwardProps$i = ["horizontalAlign", "verticalAlign"];
|
|
5092
5225
|
var StyledCellComponentData = styled("td", {
|
|
5093
5226
|
shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
|
|
5094
|
-
})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
5227
|
+
})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodyS$1, focusVisibleA11yStyle, function (props) {
|
|
5095
5228
|
var spaces = getSpaces(props);
|
|
5096
5229
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
|
|
5097
5230
|
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 ");
|
|
@@ -5127,7 +5260,7 @@ var StyledSortingIcon = styled(Icon, {
|
|
|
5127
5260
|
});
|
|
5128
5261
|
var StyledTableHeader$1 = styled("th", {
|
|
5129
5262
|
shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
|
|
5130
|
-
})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderS, function (props) {
|
|
5263
|
+
})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontHeaderS, focusVisibleA11yStyle, function (props) {
|
|
5131
5264
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
5132
5265
|
var _j = props.active, active = _j === void 0 ? false : _j, _k = props.horizontalAlign, horizontalAlign = _k === void 0 ? "left" : _k;
|
|
5133
5266
|
var spaces = getSpaces(props);
|
|
@@ -5299,7 +5432,7 @@ var StyledPaper$1 = styled(Paper, {
|
|
|
5299
5432
|
var spaces = getSpaces(props);
|
|
5300
5433
|
var borders = getBorders(props);
|
|
5301
5434
|
var shadows = getShadows(props);
|
|
5302
|
-
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 ");
|
|
5435
|
+
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 ");
|
|
5303
5436
|
});
|
|
5304
5437
|
var templateObject_1$z, templateObject_2$k, templateObject_3$c, templateObject_4$b;
|
|
5305
5438
|
|
|
@@ -5310,9 +5443,9 @@ var DEFAULT_POPPER_BASE_PROPS = {
|
|
|
5310
5443
|
disablePortal: true,
|
|
5311
5444
|
};
|
|
5312
5445
|
var DropdownMenu = function (props) {
|
|
5313
|
-
var _a;
|
|
5446
|
+
var _a, _b;
|
|
5314
5447
|
var theme = useTheme();
|
|
5315
|
-
var anchorEl = props.anchorEl, id = props.id, InputBaseProps = props.InputBaseProps,
|
|
5448
|
+
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"]);
|
|
5316
5449
|
var isMultiColumn = "options" in ((options === null || options === void 0 ? void 0 : options[0]) || EMPTY_OBJECT);
|
|
5317
5450
|
// (masoudmanson): The DropdownMenu's Popper component should have a minimum
|
|
5318
5451
|
// width of MINIMUM_DROPDOWN_MENU_POPPER_WIDTH pixels if the DropdownMenu is
|
|
@@ -5330,7 +5463,7 @@ var DropdownMenu = function (props) {
|
|
|
5330
5463
|
{
|
|
5331
5464
|
name: "offset",
|
|
5332
5465
|
options: {
|
|
5333
|
-
offset: [0, (_a = theme.app) === null || _a === void 0 ? void 0 : _a.spacing.s],
|
|
5466
|
+
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],
|
|
5334
5467
|
},
|
|
5335
5468
|
},
|
|
5336
5469
|
], open: open, anchorEl: anchorEl, placement: PopperPlacement }, PopperBaseProps, {
|
|
@@ -5357,20 +5490,20 @@ var inputDropdownStyles = function (props) {
|
|
|
5357
5490
|
var spaces = getSpaces(props);
|
|
5358
5491
|
var borders = getBorders(props);
|
|
5359
5492
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5360
|
-
var
|
|
5493
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5361
5494
|
/**
|
|
5362
5495
|
* (masoudmanson)
|
|
5363
5496
|
* The top/bottom padding is set to 1px less than the actual value to account for the border.
|
|
5364
5497
|
*/
|
|
5365
5498
|
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");
|
|
5366
|
-
return 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 =
|
|
5499
|
+
return 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);
|
|
5367
5500
|
};
|
|
5368
5501
|
var minimal$1 = function (props) {
|
|
5369
5502
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
5370
5503
|
var spaces = getSpaces(props);
|
|
5371
5504
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5372
|
-
var
|
|
5373
|
-
return 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
|
|
5505
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5506
|
+
return 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);
|
|
5374
5507
|
};
|
|
5375
5508
|
var square$1 = function (props) {
|
|
5376
5509
|
var corners = getCorners(props);
|
|
@@ -5381,18 +5514,22 @@ var rounded$1 = function (props) {
|
|
|
5381
5514
|
return 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);
|
|
5382
5515
|
};
|
|
5383
5516
|
var userInput$1 = function (props) {
|
|
5384
|
-
var _a, _b;
|
|
5517
|
+
var _a, _b, _c, _d, _e, _f;
|
|
5518
|
+
var sdsStyle = props.sdsStyle;
|
|
5385
5519
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5386
|
-
|
|
5520
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5521
|
+
return 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"
|
|
5522
|
+
? "\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 ")
|
|
5523
|
+
: "");
|
|
5387
5524
|
};
|
|
5388
5525
|
var isOpen = function (props) {
|
|
5389
5526
|
var _a, _b;
|
|
5390
5527
|
var colors = getColors(props);
|
|
5391
5528
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5392
|
-
var
|
|
5529
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5393
5530
|
return 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"
|
|
5394
5531
|
? "& > span, &:hover > span { color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary, "; }")
|
|
5395
|
-
: "", (_b =
|
|
5532
|
+
: "", (_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]);
|
|
5396
5533
|
};
|
|
5397
5534
|
var warning$1 = function (props) {
|
|
5398
5535
|
var colors = getColors(props);
|
|
@@ -5407,8 +5544,8 @@ var error$1 = function (props) {
|
|
|
5407
5544
|
var isDisabled = function (props) {
|
|
5408
5545
|
var _a, _b, _c, _d;
|
|
5409
5546
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5410
|
-
var
|
|
5411
|
-
return 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 =
|
|
5547
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5548
|
+
return 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);
|
|
5412
5549
|
};
|
|
5413
5550
|
/**
|
|
5414
5551
|
* (masoudmanson): `Button as React.ComponentType<InputDropdownProps>` is a
|
|
@@ -5420,7 +5557,7 @@ var isDisabled = function (props) {
|
|
|
5420
5557
|
*/
|
|
5421
5558
|
var StyledInputDropdown = styled(Button, {
|
|
5422
5559
|
shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
|
|
5423
|
-
})(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) {
|
|
5560
|
+
})(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) {
|
|
5424
5561
|
var disabled = props.disabled, intent = props.intent, state = props.state, sdsStage = props.sdsStage, sdsStyle = props.sdsStyle;
|
|
5425
5562
|
return 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));
|
|
5426
5563
|
});
|
|
@@ -5450,9 +5587,9 @@ var StyledCounter = styled("span", {
|
|
|
5450
5587
|
var _a, _b;
|
|
5451
5588
|
var corners = getCorners(props);
|
|
5452
5589
|
var spaces = getSpaces(props);
|
|
5453
|
-
var
|
|
5590
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
5454
5591
|
var semanticTextColors = getSemanticTextColors(props);
|
|
5455
|
-
return "\n background-color: ".concat((_a =
|
|
5592
|
+
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 ");
|
|
5456
5593
|
});
|
|
5457
5594
|
var MinimalDetails = styled("div", {
|
|
5458
5595
|
shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
|
|
@@ -5491,7 +5628,7 @@ var InputDropdown = function (props) {
|
|
|
5491
5628
|
var shouldRenderInlineMinimalDetails = isMinimal && sdsType === "value" && !multiple;
|
|
5492
5629
|
var shouldRenderMinimalDetails = isMinimal && sdsType === "label";
|
|
5493
5630
|
var shouldRenderCounter = multiple && counter !== undefined && counter !== "0" && !isMinimal;
|
|
5494
|
-
return (jsxs(StyledInputDropdown, __assign({}, props, { children: [jsxs(LabelWrapper, { isMinimal: isMinimal, children: [jsx(StyledLabel$1, { className: "styled-label", details: details, counter: counter, sdsType: sdsType, children: renderLabelText({
|
|
5631
|
+
return (jsxs(StyledInputDropdown, __assign({}, props, { "aria-label": "Dropdown input", children: [jsxs(LabelWrapper, { isMinimal: isMinimal, children: [jsx(StyledLabel$1, { className: "styled-label", details: details, counter: counter, sdsType: sdsType, children: renderLabelText({
|
|
5495
5632
|
counter: counter,
|
|
5496
5633
|
details: details,
|
|
5497
5634
|
isMinimal: isMinimal,
|
|
@@ -5635,7 +5772,7 @@ function createTypeCss(props, type) {
|
|
|
5635
5772
|
secondary: generateSecondaryTagColors(intent, colors, semanticColors),
|
|
5636
5773
|
};
|
|
5637
5774
|
var typeColors = typeToColors[type];
|
|
5638
|
-
return 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
|
|
5775
|
+
return 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);
|
|
5639
5776
|
}
|
|
5640
5777
|
var typeToCss = {
|
|
5641
5778
|
primary: primary,
|
|
@@ -5671,10 +5808,10 @@ var Tag = function (props) {
|
|
|
5671
5808
|
};
|
|
5672
5809
|
|
|
5673
5810
|
var StyledTag = styled(Tag)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5674
|
-
var _a, _b;
|
|
5811
|
+
var _a, _b, _c, _d;
|
|
5675
5812
|
var spaces = getSpaces(props);
|
|
5676
5813
|
var iconSizes = getIconSizes(props);
|
|
5677
|
-
return 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
|
|
5814
|
+
return 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);
|
|
5678
5815
|
});
|
|
5679
5816
|
var templateObject_1$w, templateObject_2$h;
|
|
5680
5817
|
|
|
@@ -6130,7 +6267,7 @@ var StyledCheckbox = styled(Checkbox)(templateObject_1$o || (templateObject_1$o
|
|
|
6130
6267
|
warning: "notice",
|
|
6131
6268
|
};
|
|
6132
6269
|
var checkboxColor = intentToColor[intent];
|
|
6133
|
-
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(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(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(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(checkboxClasses.root, " {\n ").concat(focusVisibleA11yStyle(), "\n padding: 0;\n
|
|
6270
|
+
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(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(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(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(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 ");
|
|
6134
6271
|
});
|
|
6135
6272
|
var StyledFormControlLabel$1 = styled(FormControlLabel)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6136
6273
|
var spaces = getSpaces(props);
|
|
@@ -6210,7 +6347,7 @@ var StyledRadioButton = styled(Radio)(templateObject_1$n || (templateObject_1$n
|
|
|
6210
6347
|
warning: "notice",
|
|
6211
6348
|
};
|
|
6212
6349
|
var radioColor = intentToColor[intent];
|
|
6213
|
-
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(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(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(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(radioClasses.root, " {\n ").concat(focusVisibleA11yStyle(), "\n
|
|
6350
|
+
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(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(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(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(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 ");
|
|
6214
6351
|
});
|
|
6215
6352
|
var StyledFormControlLabel = styled(FormControlLabel)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6216
6353
|
var spaces = getSpaces(props);
|
|
@@ -6233,19 +6370,26 @@ var templateObject_1$n, templateObject_2$c, templateObject_3$7, templateObject_4
|
|
|
6233
6370
|
* @see https://mui.com/material-ui/react-radio-button/
|
|
6234
6371
|
*/
|
|
6235
6372
|
var InputRadio = function (props) {
|
|
6236
|
-
var
|
|
6373
|
+
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;
|
|
6374
|
+
// (masoudmanson): We don't need to pass the label prop to the radio component
|
|
6375
|
+
// so we are destructuring it here.
|
|
6376
|
+
var label = props.label, restProps = __rest(props, ["label"]);
|
|
6237
6377
|
var newProps;
|
|
6238
6378
|
switch (stage) {
|
|
6239
6379
|
case "checked":
|
|
6240
|
-
newProps = __assign(__assign({},
|
|
6380
|
+
newProps = __assign(__assign({}, restProps), { checked: true, color: "primary" });
|
|
6241
6381
|
break;
|
|
6242
6382
|
case "unchecked":
|
|
6243
|
-
newProps = __assign(__assign({},
|
|
6383
|
+
newProps = __assign(__assign({}, restProps), { checked: false, color: "default" });
|
|
6244
6384
|
break;
|
|
6245
6385
|
default:
|
|
6246
|
-
newProps =
|
|
6386
|
+
newProps = restProps;
|
|
6247
6387
|
}
|
|
6248
|
-
|
|
6388
|
+
// (masoudmanson): The id for the label and caption is required for accessibility.
|
|
6389
|
+
// Otherwise, the screen reader will read the label twice!
|
|
6390
|
+
var labelId = "".concat(value, "-label");
|
|
6391
|
+
var captionId = caption ? "".concat(value, "-caption") : undefined;
|
|
6392
|
+
var finalLabel = caption ? (jsxs(StyledLabelContainer, { children: [jsx(StyledRadioLabel, { id: labelId, children: label }), jsx(StyledRadioCaption, { disabled: disabled, id: captionId, children: caption })] })) : (jsx(StyledLabelContainer, { children: jsx(StyledRadioLabel, { id: labelId, children: label }) }));
|
|
6249
6393
|
return (jsx(StyledFormControlLabel, { control: jsx(StyledRadioButton, __assign({ disabled: disabled, checkedIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconRadioChecked, viewBox: "0 0 16 16" }), icon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconRadioUnchecked, viewBox: "0 0 16 16" }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
|
|
6250
6394
|
};
|
|
6251
6395
|
|
|
@@ -6256,7 +6400,7 @@ var inputSlider = function (props) {
|
|
|
6256
6400
|
var shadows = getShadows(props);
|
|
6257
6401
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6258
6402
|
var semanticTextColors = getSemanticTextColors(props);
|
|
6259
|
-
return "\n position: relative;\n\n .".concat(sliderClasses.rail, ",\n .").concat(sliderClasses.track, " {\n border-radius: 2px;\n }\n\n .").concat(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(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(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(sliderClasses.focusVisible, ", &:hover, &:focus, &:active {\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n }\n }\n\n .").concat(sliderClasses.thumb, "::before {\n display: none;\n }\n\n .").concat(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(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(sliderClasses.mark, " {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n opacity: 1;\n }\n\n .").concat(sliderClasses.mark, ".").concat(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(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(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 ");
|
|
6403
|
+
return "\n position: relative;\n\n .".concat(sliderClasses.rail, ",\n .").concat(sliderClasses.track, " {\n border-radius: 2px;\n }\n\n .").concat(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(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(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(sliderClasses.focusVisible, ", &:hover, &:focus, &:active {\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n }\n }\n\n .").concat(sliderClasses.thumb, "::before {\n display: none;\n }\n\n .").concat(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(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(sliderClasses.mark, " {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n opacity: 1;\n }\n\n .").concat(sliderClasses.mark, ".").concat(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(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(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 ");
|
|
6260
6404
|
};
|
|
6261
6405
|
var horizontal = function (props) {
|
|
6262
6406
|
var marks = props.marks;
|
|
@@ -6280,7 +6424,8 @@ var templateObject_1$m;
|
|
|
6280
6424
|
* @see https://mui.com/material-ui/react-slider/
|
|
6281
6425
|
*/
|
|
6282
6426
|
var InputSlider = forwardRef(function (props, ref) {
|
|
6283
|
-
|
|
6427
|
+
var min = props.min, max = props.max, rest = __rest(props, ["min", "max"]);
|
|
6428
|
+
return (jsx(StyledSlider, __assign({ ref: ref, min: min, max: max }, rest, { orientation: "horizontal", "aria-label": "Slider - min ".concat(min, " to max ").concat(max) })));
|
|
6284
6429
|
});
|
|
6285
6430
|
|
|
6286
6431
|
var sdsPropNames$1 = ["sdsStyle", "sdsStage", "sdsType", "intent", "hideLabel"];
|
|
@@ -6332,7 +6477,7 @@ var StyledInputBase = styled(TextField, {
|
|
|
6332
6477
|
var borders = getBorders(props);
|
|
6333
6478
|
var corners = getCorners(props);
|
|
6334
6479
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6335
|
-
return 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, 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, 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, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderHover, outlinedInputClasses.root, outlinedInputClasses.focused, 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));
|
|
6480
|
+
return 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, 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, 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, outlinedInputClasses.input, outlinedInputClasses.input, focusVisibleA11yStyle(), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderHover, outlinedInputClasses.root, outlinedInputClasses.focused, 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));
|
|
6336
6481
|
});
|
|
6337
6482
|
var templateObject_1$l, templateObject_2$b, templateObject_3$6, templateObject_4$5, templateObject_5$2, templateObject_6$1, templateObject_7, templateObject_8;
|
|
6338
6483
|
|
|
@@ -6341,6 +6486,19 @@ var templateObject_1$l, templateObject_2$b, templateObject_3$6, templateObject_4
|
|
|
6341
6486
|
*/
|
|
6342
6487
|
var InputText = forwardRef(function InputText(props, ref) {
|
|
6343
6488
|
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"]);
|
|
6489
|
+
/**
|
|
6490
|
+
* (masoudmanson): In case that the ref is not provided, we will create a new one.
|
|
6491
|
+
*/
|
|
6492
|
+
var inputRef = useRef(null);
|
|
6493
|
+
/**
|
|
6494
|
+
* (masoudmanson): This is a custom hook that listens for keyboard and mouse events
|
|
6495
|
+
* and adds a 'user-is-tabbing' class to the body element when the user starts
|
|
6496
|
+
* navigating with the keyboard. Unlike button elements which have both :focus
|
|
6497
|
+
* and :focus-visible states available to style separately, input elements have
|
|
6498
|
+
* identical styles for :focus and :focus-visible states. By detecting when the
|
|
6499
|
+
* user is tabbing, we can apply different styles for :focus and :focus-visible states.
|
|
6500
|
+
*/
|
|
6501
|
+
useDetectUserTabbing((ref ? ref : inputRef));
|
|
6344
6502
|
var _b = useState(false), hasValue = _b[0], setHasValue = _b[1];
|
|
6345
6503
|
var handleChange = function (event) {
|
|
6346
6504
|
if (event.target.value) {
|
|
@@ -6359,18 +6517,17 @@ var InputText = forwardRef(function InputText(props, ref) {
|
|
|
6359
6517
|
return jsx(Fragment, {});
|
|
6360
6518
|
}
|
|
6361
6519
|
var finalLabel = typeof label === "string" ? (jsx(StyledLabel, { htmlFor: id, children: label })) : (label);
|
|
6362
|
-
return (jsxs(Fragment, { children: [!hideLabel && finalLabel, 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))] }));
|
|
6520
|
+
return (jsxs(Fragment, { children: [!hideLabel && finalLabel, 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))] }));
|
|
6363
6521
|
});
|
|
6364
6522
|
|
|
6365
6523
|
var toggle = function (props) {
|
|
6366
|
-
var _a;
|
|
6367
|
-
var disabled = props.disabled;
|
|
6524
|
+
var _a, _b, _c, _d;
|
|
6525
|
+
var disabled = props.disabled, _e = props.width, width = _e === void 0 ? 62 : _e;
|
|
6368
6526
|
var corners = getCorners(props);
|
|
6369
|
-
var spaces = getSpaces(props);
|
|
6370
6527
|
var shadows = getShadows(props);
|
|
6528
|
+
var iconSizes = getIconSizes(props);
|
|
6371
6529
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6372
|
-
|
|
6373
|
-
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(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(switchClasses.checked, " {\n transform: unset;\n }\n\n &:hover {\n background-color: transparent;\n }\n }\n\n .").concat(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(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 ");
|
|
6530
|
+
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(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(switchClasses.input, " {\n width: 100%;\n height: 100%;\n left: 0;\n }\n\n &.").concat(switchClasses.checked, " {\n transform: unset;\n }\n\n &:hover {\n background-color: transparent;\n }\n }\n\n .").concat(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(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 ");
|
|
6374
6531
|
};
|
|
6375
6532
|
var toggleOn = function (props) {
|
|
6376
6533
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
@@ -6380,7 +6537,7 @@ var toggleOn = function (props) {
|
|
|
6380
6537
|
var spaces = getSpaces(props);
|
|
6381
6538
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6382
6539
|
var semanticTextColors = getSemanticTextColors(props);
|
|
6383
|
-
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(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.
|
|
6540
|
+
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(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(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 &&
|
|
6384
6541
|
"&: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(switchClasses.thumb, " {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.blue[500], ";\n }\n }"), "\n ");
|
|
6385
6542
|
};
|
|
6386
6543
|
var toggleOff = function (props) {
|
|
@@ -6392,7 +6549,7 @@ var toggleOff = function (props) {
|
|
|
6392
6549
|
var semanticTextColors = getSemanticTextColors(props);
|
|
6393
6550
|
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(switchClasses.thumb, " {\n color: ").concat(disabled
|
|
6394
6551
|
? (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled
|
|
6395
|
-
: (_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.
|
|
6552
|
+
: (_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(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 &&
|
|
6396
6553
|
"&: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(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 ");
|
|
6397
6554
|
};
|
|
6398
6555
|
var Toggle = styled(Switch)(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
@@ -6419,9 +6576,11 @@ var InputToggle = function (props) {
|
|
|
6419
6576
|
|
|
6420
6577
|
var doNotForwardProps$9 = ["sdsStyle", "sdsSize", "fontWeight"];
|
|
6421
6578
|
var defaultStyle = function (props) {
|
|
6422
|
-
var _a, _b, _c;
|
|
6579
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
6580
|
+
var _h = props.sdsSize, sdsSize = _h === void 0 ? "s" : _h;
|
|
6423
6581
|
var semanticTextColors = getSemanticTextColors(props);
|
|
6424
|
-
|
|
6582
|
+
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6583
|
+
return 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);
|
|
6425
6584
|
};
|
|
6426
6585
|
var dashedStyle = function (props) {
|
|
6427
6586
|
var _a = props.sdsSize, sdsSize = _a === void 0 ? "s" : _a;
|
|
@@ -6437,7 +6596,7 @@ var StyledLink = styled(Link$1, {
|
|
|
6437
6596
|
shouldForwardProp: function (prop) {
|
|
6438
6597
|
return !doNotForwardProps$9.includes(prop.toString());
|
|
6439
6598
|
},
|
|
6440
|
-
})(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n all: unset;\n\n ", "\n"], ["\n all: unset;\n\n ", "\n"])), function (props) {
|
|
6599
|
+
})(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) {
|
|
6441
6600
|
var _a = props.fontWeight, fontWeight = _a === void 0 ? "normal" : _a, sdsStyle = props.sdsStyle, _b = props.sdsSize, sdsSize = _b === void 0 ? "s" : _b;
|
|
6442
6601
|
return 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");
|
|
6443
6602
|
});
|
|
@@ -6586,7 +6745,7 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4, templateObject_4
|
|
|
6586
6745
|
|
|
6587
6746
|
var LoadingIndicator = function (_a) {
|
|
6588
6747
|
var ariaLabel = _a["aria-label"], sdsStyle = _a.sdsStyle;
|
|
6589
|
-
return (jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, children: [jsx(Icon, { sdsIcon: "Loading", sdsSize: "l", sdsType: "static" }), jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
|
|
6748
|
+
return (jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, "aria-label": "Loading", children: [jsx(Icon, { sdsIcon: "Loading", sdsSize: "l", sdsType: "static" }), jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
|
|
6590
6749
|
};
|
|
6591
6750
|
|
|
6592
6751
|
var StyledMenu = styled(Menu$1)(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"])), menuClasses.paper, function (props) {
|
|
@@ -6751,7 +6910,7 @@ var StyledTabs$1 = styled(Tabs$1, {
|
|
|
6751
6910
|
var _c = props.sdsIndicatorColor, sdsIndicatorColor = _c === void 0 ? "info" : _c;
|
|
6752
6911
|
var spaces = getSpaces(props);
|
|
6753
6912
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6754
|
-
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 .
|
|
6913
|
+
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(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(tabsClasses.scroller, " {\n overflow: visible !important;\n }\n ");
|
|
6755
6914
|
});
|
|
6756
6915
|
var StyledTab$1 = styled(Tab$1, {
|
|
6757
6916
|
shouldForwardProp: function (prop) { return !doNotForwardProps$4.includes(prop); },
|
|
@@ -6759,7 +6918,7 @@ var StyledTab$1 = styled(Tab$1, {
|
|
|
6759
6918
|
var _a, _b;
|
|
6760
6919
|
var spaces = getSpaces(props);
|
|
6761
6920
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
6762
|
-
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 ");
|
|
6921
|
+
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 ");
|
|
6763
6922
|
});
|
|
6764
6923
|
var templateObject_1$c, templateObject_2$6;
|
|
6765
6924
|
|
|
@@ -6900,7 +7059,7 @@ var NavigationJumpTo = forwardRef(function (props, ref) {
|
|
|
6900
7059
|
return (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) {
|
|
6901
7060
|
var _b;
|
|
6902
7061
|
var title = _a.title, elementRef = _a.elementRef;
|
|
6903
|
-
return (jsx(StyledTab$1, __assign({ label: title }, a11yProps(toKebabCase(title), ((_b = elementRef.current) === null || _b === void 0 ? void 0 : _b.getAttribute("id")) ||
|
|
7062
|
+
return (jsx(StyledTab$1, __assign({ label: title, tabIndex: 0 }, a11yProps(toKebabCase(title), ((_b = elementRef.current) === null || _b === void 0 ? void 0 : _b.getAttribute("id")) ||
|
|
6904
7063
|
"navigation-panel-".concat(index + 1))), toKebabCase(title)));
|
|
6905
7064
|
}) })));
|
|
6906
7065
|
});
|
|
@@ -7007,7 +7166,7 @@ var StyledPaginationChevronList = styled("li", {
|
|
|
7007
7166
|
var disabled = props.disabled;
|
|
7008
7167
|
var spaces = getSpaces(props);
|
|
7009
7168
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
7010
|
-
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 ");
|
|
7169
|
+
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 ");
|
|
7011
7170
|
});
|
|
7012
7171
|
var StyledPagination = styled("ul", {
|
|
7013
7172
|
shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
|
|
@@ -7027,7 +7186,7 @@ var Page = styled("li", {
|
|
|
7027
7186
|
var corners = getCorners(props);
|
|
7028
7187
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
7029
7188
|
var semanticTextColors = getSemanticTextColors(props);
|
|
7030
|
-
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 ");
|
|
7189
|
+
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 ");
|
|
7031
7190
|
});
|
|
7032
7191
|
var templateObject_1$a, templateObject_2$4, templateObject_3$2, templateObject_4$1;
|
|
7033
7192
|
|
|
@@ -7106,6 +7265,22 @@ var usePagination = function (_a) {
|
|
|
7106
7265
|
}, [totalCount, pageSize, siblingCount, currentPage]);
|
|
7107
7266
|
};
|
|
7108
7267
|
|
|
7268
|
+
var PaginationPageList = function (paginationRange, truncateDropdown, sdsStyle, onPageChange, currentPage) {
|
|
7269
|
+
function handlePageKeyDown(event, pageNumber) {
|
|
7270
|
+
if (event.key === "Enter" || event.code === "Space") {
|
|
7271
|
+
onPageChange(pageNumber);
|
|
7272
|
+
}
|
|
7273
|
+
}
|
|
7274
|
+
return paginationRange.map(function (pageNumber) {
|
|
7275
|
+
if (Array.isArray(pageNumber)) {
|
|
7276
|
+
if (truncateDropdown) {
|
|
7277
|
+
return (jsx(PageListDropdown, { pageList: pageNumber, onPageChange: onPageChange, sdsStyle: sdsStyle }, pageNumber.join("-")));
|
|
7278
|
+
}
|
|
7279
|
+
return (jsx(Page, { sdsStyle: sdsStyle, children: jsx(StyledPaginationButton, { "aria-label": "Go to a page", disabled: true, icon: "DotsHorizontal", sdsSize: "small", sdsStyle: "icon", sdsType: "tertiary" }) }, pageNumber.join("-")));
|
|
7280
|
+
}
|
|
7281
|
+
return (jsx(Page, { onClick: function () { return onPageChange(pageNumber); }, onKeyDown: function (event) { return handlePageKeyDown(event, pageNumber); }, selected: pageNumber === currentPage, sdsStyle: sdsStyle, tabIndex: 0, children: pageNumber }, pageNumber));
|
|
7282
|
+
});
|
|
7283
|
+
};
|
|
7109
7284
|
var Pagination = forwardRef(function (props, ref) {
|
|
7110
7285
|
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;
|
|
7111
7286
|
if (pageSize < 1) {
|
|
@@ -7121,15 +7296,19 @@ var Pagination = forwardRef(function (props, ref) {
|
|
|
7121
7296
|
return null;
|
|
7122
7297
|
}
|
|
7123
7298
|
var lastPage = paginationRange[paginationRange.length - 1];
|
|
7124
|
-
return (jsxs(StyledPagination, __assign({ ref: ref }, props, { children: [jsx(StyledPaginationChevronList, { "data-order": "first", disabled: currentPage === 1, onClick: function () { return currentPage > 1 && onPreviousPage(); }, children: jsx(Icon, { "aria-label": "Previous page", sdsIcon: "ChevronLeft", sdsSize: "xs", sdsType: "button" }) }, "prevPage"), paginationRange
|
|
7125
|
-
|
|
7126
|
-
|
|
7127
|
-
|
|
7128
|
-
|
|
7129
|
-
|
|
7130
|
-
|
|
7131
|
-
|
|
7132
|
-
|
|
7299
|
+
return (jsxs(StyledPagination, __assign({ ref: ref }, props, { children: [jsx(StyledPaginationChevronList, { "data-order": "first", disabled: currentPage === 1, onClick: function () { return currentPage > 1 && onPreviousPage(); }, onKeyDown: handleGoBackButtonKeyDown, tabIndex: 0, children: jsx(Icon, { "aria-label": "Previous page", sdsIcon: "ChevronLeft", sdsSize: "xs", sdsType: "button" }) }, "prevPage"), PaginationPageList(paginationRange, truncateDropdown, sdsStyle, onPageChange, currentPage), jsx(StyledPaginationChevronList, { "data-order": "last", disabled: currentPage === lastPage, onClick: function () { return currentPage !== lastPage && onNextPage(); }, onKeyDown: handleGoNextButtonKeyDown, tabIndex: 0, children: jsx(Icon, { "aria-label": "Next page", sdsIcon: "ChevronRight", sdsSize: "xs", sdsType: "button" }) }, "onNextPage")] })));
|
|
7300
|
+
function handleGoBackButtonKeyDown(event) {
|
|
7301
|
+
if ((event.key === "Enter" || event.code === "Space") &&
|
|
7302
|
+
currentPage > 1) {
|
|
7303
|
+
onPreviousPage();
|
|
7304
|
+
}
|
|
7305
|
+
}
|
|
7306
|
+
function handleGoNextButtonKeyDown(event) {
|
|
7307
|
+
if ((event.key === "Enter" || event.code === "Space") &&
|
|
7308
|
+
currentPage !== lastPage) {
|
|
7309
|
+
onNextPage();
|
|
7310
|
+
}
|
|
7311
|
+
}
|
|
7133
7312
|
});
|
|
7134
7313
|
|
|
7135
7314
|
var doNotForwardProps$1 = ["buttonDefinition"];
|
|
@@ -7139,7 +7318,7 @@ var StyledSegmentedControl = styled(ToggleButtonGroup, {
|
|
|
7139
7318
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
7140
7319
|
var spaces = getSpaces(props);
|
|
7141
7320
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
7142
|
-
return "\n
|
|
7321
|
+
return "\n .".concat(toggleButtonClasses.root, ".").concat(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(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 ");
|
|
7143
7322
|
});
|
|
7144
7323
|
var templateObject_1$8;
|
|
7145
7324
|
|
|
@@ -7153,7 +7332,7 @@ var SegmentedControl = function (props) {
|
|
|
7153
7332
|
setActive(newActive);
|
|
7154
7333
|
}
|
|
7155
7334
|
};
|
|
7156
|
-
return (jsxs(StyledSegmentedControl, __assign({ size: "small", value: active, exclusive: true, onChange: handleActive }, props, { children: [buttonDefinition.map(function (button) {
|
|
7335
|
+
return (jsxs(StyledSegmentedControl, __assign({ "aria-label": "Segmented Control", size: "small", value: active, exclusive: true, onChange: handleActive }, props, { children: [buttonDefinition.map(function (button) {
|
|
7157
7336
|
var icon = button.icon, tooltipText = button.tooltipText, value = button.value;
|
|
7158
7337
|
var iconItem = function () {
|
|
7159
7338
|
if (icon) {
|
|
@@ -7165,7 +7344,7 @@ var SegmentedControl = function (props) {
|
|
|
7165
7344
|
}
|
|
7166
7345
|
}
|
|
7167
7346
|
};
|
|
7168
|
-
return (jsx(
|
|
7347
|
+
return (jsx(Tooltip, { title: tooltipText !== null && tooltipText !== void 0 ? tooltipText : value, sdsStyle: "dark", arrow: true, children: jsx(ToggleButton, { "aria-label": tooltipText, value: value, children: jsx("span", { tabIndex: -1, children: iconItem() }) }) }, value));
|
|
7169
7348
|
}), ";"] })));
|
|
7170
7349
|
};
|
|
7171
7350
|
|
|
@@ -7199,7 +7378,7 @@ var hoverStyled = function (props) {
|
|
|
7199
7378
|
};
|
|
7200
7379
|
var StyledTableRow = styled("tr", {
|
|
7201
7380
|
shouldForwardProp: function (prop) { return !doNotForwardProps.includes(prop); },
|
|
7202
|
-
})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderS, function (props) {
|
|
7381
|
+
})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontHeaderS, focusVisibleA11yStyle, function (props) {
|
|
7203
7382
|
var _a, _b;
|
|
7204
7383
|
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;
|
|
7205
7384
|
var semanticComponentColors = getSemanticComponentColors(props);
|
|
@@ -7364,7 +7543,7 @@ var TooltipCondensed = forwardRef(function TooltipCondensed(props, ref) {
|
|
|
7364
7543
|
key: "tooltip",
|
|
7365
7544
|
props: props,
|
|
7366
7545
|
});
|
|
7367
|
-
return (jsx(Tooltip, { followCursor: true, placement: "right-end", enterDelay: 50, leaveDelay: 50, title: title, ref: ref, classes: { tooltip: tooltip }, children: children }));
|
|
7546
|
+
return (jsx(Tooltip, { followCursor: true, placement: "right-end", enterDelay: 50, leaveDelay: 50, title: title, ref: ref, classes: { tooltip: tooltip }, arrow: false, children: children }));
|
|
7368
7547
|
});
|
|
7369
7548
|
function mergeClass(_a) {
|
|
7370
7549
|
var props = _a.props, className = _a.className, key = _a.key;
|