@open-ui-kit/core 2.2.3 → 2.3.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/index.cjs.js +989 -792
- package/index.cjs.js.map +1 -1
- package/index.d.ts +33 -3
- package/index.esm.js +979 -794
- package/index.esm.js.map +1 -1
- package/index.umd.js +992 -796
- package/index.umd.js.map +1 -1
- package/package.json +2 -1
package/index.esm.js
CHANGED
|
@@ -4,7 +4,7 @@ import '@mui/material/Button';
|
|
|
4
4
|
import '@mui/material/Divider';
|
|
5
5
|
import '@mui/material/Tab';
|
|
6
6
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
|
-
import { SvgIcon, styled, Accordion as Accordion$1, AccordionSummary, accordionSummaryClasses, Box, AccordionDetails, Typography,
|
|
7
|
+
import { SvgIcon, useTheme, styled, Accordion as Accordion$1, AccordionSummary, accordionSummaryClasses, Box, AccordionDetails, Typography, CircularProgress, Backdrop as Backdrop$1, Avatar as Avatar$1, AvatarGroup as AvatarGroup$1, Dialog as Dialog$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, DialogContentText as DialogContentText$1, Button as Button$1, circularProgressClasses, Checkbox as Checkbox$2, TextField, Chip, Stack, InputAdornment, IconButton, List as List$2, ListItem as ListItem$1, ListItemButton as ListItemButton$1, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, ListSubheader as ListSubheader$1, Tooltip as Tooltip$1, Popover as Popover$1, Alert, Badge as Badge$1, Menu as Menu$2, MenuItem as MenuItem$1, Breadcrumbs as Breadcrumbs$1, Card as Card$1, CardActionArea as CardActionArea$1, CardHeader as CardHeader$1, CardContent as CardContent$1, CardActions as CardActions$1, Divider as Divider$1, createTheme, ThemeProvider as ThemeProvider$1, CssBaseline, Skeleton as Skeleton$1, Drawer, ClickAwayListener, Popper, Paper, Icon as Icon$1, ButtonBase, Radio, FormControlLabel, RadioGroup as RadioGroup$1, Select as Select$1, Slider as Slider$1, Snackbar, OutlinedInput, PaginationItem, Tabs as Tabs$1, Tab as Tab$1, Switch, Pagination as Pagination$1 } from '@mui/material';
|
|
8
8
|
export { Box, ButtonGroup, Container, Grid, IconButton, ListItemAvatar, Paper, Stack, Typography, useTheme } from '@mui/material';
|
|
9
9
|
import DoneIcon from '@mui/icons-material/Done';
|
|
10
10
|
import CloseIcon from '@mui/icons-material/Close';
|
|
@@ -25,6 +25,7 @@ import { KeyboardArrowDown as KeyboardArrowDown$1, KeyboardArrowRight as Keyboar
|
|
|
25
25
|
import { Link as Link$2 } from 'react-router-dom';
|
|
26
26
|
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
|
|
27
27
|
import { Prism } from 'react-syntax-highlighter';
|
|
28
|
+
import { refractor } from 'refractor/all';
|
|
28
29
|
import DoneRoundedIcon from '@mui/icons-material/DoneRounded';
|
|
29
30
|
import copy from 'copy-to-clipboard';
|
|
30
31
|
import { AdapterDayjs } from '@mui/x-date-pickers/node/AdapterDayjs/index.js';
|
|
@@ -175,15 +176,31 @@ const ComposeDisabled = (props) => {
|
|
|
175
176
|
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 20", children: [jsx("path", { d: "M 8.94,10.57 C 8.94,9.64 9.7,8.88 10.63,8.88 L 17.62,8.88 C 18.56,8.88 19.31,9.64 19.31,10.57 L 19.31,17.55 C 19.31,18.48 18.56,19.24 17.62,19.24 L 10.63,19.24 C 9.7,19.24 8.94,18.48 8.94,17.55 L 8.94,10.57", fill: "currentColor", fillOpacity: "0.4" }), jsx("path", { d: "M 8.1,17.55 L 8.1,15.81 C 8.1,15.39 8.44,15.05 8.86,15.05 C 9.28,15.05 9.63,15.39 9.63,15.81 L 9.63,17.55 C 9.63,18.06 10.04,18.48 10.56,18.48 L 12.3,18.48 L 12.38,18.48 C 12.77,18.52 13.07,18.85 13.07,19.24 C 13.07,19.64 12.77,19.96 12.38,20 L 12.3,20 L 10.56,20 C 9.2,20 8.1,18.9 8.1,17.55 M 18.47,17.55 L 18.47,15.81 C 18.47,15.39 18.82,15.05 19.24,15.05 C 19.66,15.05 20,15.39 20,15.81 L 20,17.55 C 20,18.9 18.9,20 17.54,20 L 15.8,20 C 15.38,20 15.03,19.66 15.03,19.24 C 15.03,18.82 15.38,18.48 15.8,18.48 L 17.54,18.48 C 18.06,18.48 18.47,18.06 18.47,17.55 M 8.1,12.32 L 8.1,10.57 C 8.1,9.22 9.2,8.12 10.56,8.12 L 12.3,8.12 L 12.38,8.13 C 12.77,8.17 13.07,8.49 13.07,8.88 C 13.07,9.28 12.77,9.6 12.38,9.64 L 12.3,9.64 L 10.56,9.64 C 10.04,9.64 9.63,10.06 9.63,10.57 L 9.63,12.32 C 9.63,12.74 9.28,13.08 8.86,13.08 C 8.44,13.08 8.1,12.74 8.1,12.32 M 18.47,12.32 L 18.47,10.57 C 18.47,10.06 18.06,9.64 17.54,9.64 L 15.8,9.64 C 15.38,9.64 15.03,9.3 15.03,8.88 C 15.03,8.46 15.38,8.12 15.8,8.12 L 17.54,8.12 C 18.9,8.12 20,9.22 20,10.57 L 20,12.32 C 20,12.74 19.66,13.08 19.24,13.08 C 18.82,13.08 18.47,12.74 18.47,12.32", fill: "currentColor" }), jsx("path", { d: "M 4.547e-13,17 L 4.547e-13,15.25 C 4.547e-13,14.7 0.45,14.25 1,14.25 C 1.55,14.25 2,14.7 2,15.25 L 2,17 C 2,17.56 2.45,18 3,18 L 4.75,18 C 5.3,18 5.75,18.45 5.75,19 C 5.75,19.56 5.3,20 4.75,20 L 3,20 C 1.34,20 4.547e-13,18.66 4.547e-13,17 M 4.547e-13,11.75 L 4.547e-13,8.25 C 4.547e-13,7.7 0.45,7.25 1,7.25 C 1.55,7.25 2,7.7 2,8.25 L 2,11.75 C 2,12.31 1.55,12.75 1,12.75 C 0.45,12.75 4.547e-13,12.31 4.547e-13,11.75 M 4.547e-13,4.75 L 4.547e-13,3 C 4.547e-13,1.35 1.34,4.547e-13 3,4.547e-13 L 4.75,4.547e-13 C 5.3,4.547e-13 5.75,0.45 5.75,1 C 5.75,1.56 5.3,2 4.75,2 L 3,2 C 2.45,2 2,2.45 2,3 L 2,4.75 C 2,5.31 1.55,5.75 1,5.75 C 0.45,5.75 4.547e-13,5.31 4.547e-13,4.75 M 18,4.75 L 18,3 C 18,2.45 17.55,2 17,2 L 15.25,2 C 14.7,2 14.25,1.56 14.25,1 C 14.25,0.45 14.7,4.547e-13 15.25,4.547e-13 L 17,4.547e-13 C 18.66,4.547e-13 20,1.35 20,3 L 20,4.75 C 20,5.31 19.55,5.75 19,5.75 C 18.45,5.75 18,5.31 18,4.75 M 11.75,4.547e-13 C 12.3,4.547e-13 12.75,0.45 12.75,1 C 12.75,1.56 12.3,2 11.75,2 L 8.25,2 C 7.7,2 7.25,1.56 7.25,1 C 7.25,0.45 7.7,4.547e-13 8.25,4.547e-13 L 11.75,4.547e-13", fill: "currentColor" })] })));
|
|
176
177
|
};
|
|
177
178
|
|
|
179
|
+
const DashboardMark = (_a) => {
|
|
180
|
+
var { tones } = _a, props = __rest(_a, ["tones"]);
|
|
181
|
+
return (jsx(SvgIcon, Object.assign({}, props, { children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [jsx("rect", { x: "2", y: "3.11108", width: "8.88889", height: "11.1111", rx: "1", fill: tones.block }), jsx("path", { d: "M2 17.5555C2 16.9419 2.49746 16.4444 3.11111 16.4444H9.77778C10.3914 16.4444 10.8889 16.9419 10.8889 17.5555V19.7778C10.8889 20.3914 10.3914 20.8889 9.77778 20.8889H3.11111C2.49746 20.8889 2 20.3914 2 19.7778V17.5555Z", fill: tones.bars }), jsx("path", { d: "M13.1111 4.2222C13.1111 3.60855 13.6086 3.11108 14.2222 3.11108H20.8889C21.5025 3.11108 22 3.60855 22 4.2222V8.66664C22 9.28029 21.5025 9.77775 20.8889 9.77775H14.2222C13.6086 9.77775 13.1111 9.28029 13.1111 8.66664V4.2222Z", fill: tones.bars }), jsx("rect", { x: "13.1111", y: "12", width: "8.88889", height: "8.88889", rx: "1", fill: tones.square })] }) })));
|
|
182
|
+
};
|
|
178
183
|
const DashboardSelected = (props) => {
|
|
179
|
-
|
|
184
|
+
const { vars } = useTheme().palette;
|
|
185
|
+
return (jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
186
|
+
block: vars.brandIconPrimaryDefault,
|
|
187
|
+
bars: vars.brandIconPrimaryDefault,
|
|
188
|
+
square: vars.brandIconPrimaryStrong,
|
|
189
|
+
} })));
|
|
180
190
|
};
|
|
181
191
|
const DashboardUnSelected = (props) => {
|
|
182
|
-
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
192
|
+
const { vars } = useTheme().palette;
|
|
193
|
+
return (jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
194
|
+
block: vars.brandIconSecondaryWeak,
|
|
195
|
+
bars: vars.brandIconSecondaryMedium,
|
|
196
|
+
square: vars.brandIconSecondaryDefault,
|
|
197
|
+
} })));
|
|
198
|
+
};
|
|
199
|
+
const DashboardDisabled = (props) => (jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
200
|
+
block: "currentColor",
|
|
201
|
+
bars: "currentColor",
|
|
202
|
+
square: "currentColor",
|
|
203
|
+
} })));
|
|
187
204
|
|
|
188
205
|
const DataLakeSelected = (props) => {
|
|
189
206
|
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 17", children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 19,9.568 L 19,4 C 19,2.9 18.12,1.958 16.36,1.175 C 14.6,0.392 12.48,6.821e-13 10,6.821e-13 C 7.52,6.821e-13 5.4,0.392 3.64,1.175 C 1.88,1.958 1,2.9 1,4 L 1,9.555 C 1.17,9.472 1.4,9.378 1.64,9.283 C 2.05,9.123 2.51,9.04 3,9.012 L 3,6.525 C 3.42,6.758 3.88,6.967 4.4,7.15 C 4.92,7.333 5.47,7.488 6.06,7.613 C 6.65,7.738 7.28,7.833 7.95,7.9 C 8.62,7.967 9.3,8 10,8 C 10.7,8 11.38,7.967 12.03,7.9 C 12.68,7.833 13.3,7.738 13.89,7.613 C 14.48,7.488 15.04,7.333 15.56,7.15 C 16.09,6.967 16.57,6.758 17,6.525 L 17,9.013 C 17.48,9.043 17.93,9.125 18.33,9.283 C 18.58,9.383 18.82,9.481 19,9.568 M 14.48,5.388 C 12.98,5.812 11.48,6.025 10,6.025 C 8.48,6.025 7,5.817 5.54,5.4 C 4.08,4.983 3.23,4.525 3,4.025 C 3.23,3.525 4.08,3.062 5.54,2.638 C 7,2.213 8.48,2 10,2 C 11.5,2 13,2.217 14.49,2.65 C 15.98,3.083 16.82,3.542 17,4.025 C 16.82,4.508 15.98,4.963 14.48,5.388", fill: "currentColor" }), jsx("path", { d: "M 3.33,16 C 2.86,16 2.51,16.104 2.29,16.312 C 2.06,16.521 1.76,16.667 1.38,16.75 C 0.99,16.833 0.67,16.796 0.4,16.638 C 0.13,16.479 1.364e-12,16.242 1.364e-12,15.925 C 1.364e-12,15.675 0.11,15.433 0.33,15.2 C 0.54,14.967 0.88,14.733 1.35,14.5 C 1.43,14.45 1.65,14.354 2.01,14.212 C 2.37,14.071 2.84,14 3.42,14 C 4.34,14 4.96,14.167 5.28,14.5 C 5.59,14.833 6.06,15 6.68,15 C 7.29,15 7.75,14.833 8.06,14.5 C 8.37,14.167 9.01,14 9.98,14 C 10.94,14 11.6,14.167 11.94,14.5 C 12.28,14.833 12.75,15 13.35,15 C 13.95,15 14.4,14.833 14.7,14.5 C 15,14.167 15.62,14 16.55,14 C 17.13,14 17.6,14.071 17.96,14.212 C 18.32,14.354 18.54,14.45 18.62,14.5 C 19.11,14.75 19.46,14.987 19.68,15.212 C 19.89,15.438 20,15.675 20,15.925 C 20,16.242 19.86,16.479 19.59,16.638 C 19.31,16.796 18.98,16.833 18.6,16.75 C 18.22,16.667 17.92,16.521 17.7,16.312 C 17.48,16.104 17.14,16 16.68,16 C 16.06,16 15.6,16.167 15.29,16.5 C 14.98,16.833 14.34,17 13.38,17 C 12.41,17 11.75,16.833 11.41,16.5 C 11.07,16.167 10.59,16 9.98,16 C 9.36,16 8.9,16.167 8.61,16.5 C 8.32,16.833 7.68,17 6.7,17 C 5.72,17 5.06,16.833 4.74,16.5 C 4.41,16.167 3.94,16 3.33,16 M 3.33,12 C 2.86,12 2.51,12.104 2.29,12.312 C 2.06,12.521 1.76,12.667 1.38,12.75 C 0.99,12.833 0.67,12.796 0.4,12.637 C 0.13,12.479 1.364e-12,12.242 1.364e-12,11.925 C 1.364e-12,11.675 0.11,11.433 0.33,11.2 C 0.54,10.967 0.88,10.733 1.35,10.5 C 1.43,10.45 1.65,10.354 2.01,10.212 C 2.37,10.071 2.84,10 3.42,10 C 4.34,10 4.96,10.167 5.28,10.5 C 5.59,10.833 6.06,11 6.68,11 C 7.29,11 7.75,10.833 8.06,10.5 C 8.37,10.167 9.01,10 9.98,10 C 10.94,10 11.6,10.167 11.94,10.5 C 12.28,10.833 12.75,11 13.35,11 C 13.95,11 14.4,10.833 14.7,10.5 C 15,10.167 15.62,10 16.55,10 C 17.13,10 17.6,10.071 17.96,10.212 C 18.32,10.354 18.54,10.45 18.62,10.5 C 19.11,10.75 19.46,10.987 19.68,11.212 C 19.89,11.438 20,11.675 20,11.925 C 20,12.242 19.86,12.479 19.59,12.637 C 19.31,12.796 18.98,12.833 18.6,12.75 C 18.22,12.667 17.92,12.521 17.7,12.312 C 17.48,12.104 17.14,12 16.68,12 C 16.06,12 15.6,12.167 15.29,12.5 C 14.98,12.833 14.34,13 13.38,13 C 12.41,13 11.75,12.833 11.41,12.5 C 11.07,12.167 10.59,12 9.98,12 C 9.36,12 8.9,12.167 8.61,12.5 C 8.32,12.833 7.68,13 6.7,13 C 5.72,13 5.06,12.833 4.74,12.5 C 4.41,12.167 3.94,12 3.33,12", fill: "currentColor" })] })));
|
|
@@ -3991,70 +4008,631 @@ const BitbucketLogoColored = (props) => {
|
|
|
3991
4008
|
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 16.2", children: [jsx("path", { d: "M 0.58,0 C 0.43,0 0.28,0.06 0.17,0.17 C 0.06,0.27 9.095e-13,0.42 9.095e-13,0.57 C 9.095e-13,0.61 9.095e-13,0.64 0.01,0.67 L 2.46,15.54 C 2.49,15.72 2.58,15.88 2.72,16 C 2.86,16.12 3.04,16.19 3.22,16.19 L 14.97,16.19 C 15.11,16.19 15.24,16.14 15.35,16.06 C 15.45,15.97 15.52,15.84 15.55,15.71 L 17.99,0.67 C 18.02,0.52 17.98,0.37 17.89,0.24 C 17.8,0.12 17.67,0.03 17.52,0.01 C 17.49,0 17.46,0 17.42,0 L 0.58,0 M 10.89,10.75 L 7.14,10.75 L 6.13,5.44 L 11.8,5.44 L 10.89,10.75", fill: "currentColor" }), jsx("path", { d: "M 17.21,5.44 L 11.8,5.44 L 10.89,10.75 L 7.14,10.75 L 2.72,16.01 C 2.86,16.13 3.04,16.2 3.22,16.2 L 14.97,16.2 C 15.11,16.2 15.24,16.15 15.35,16.06 C 15.46,15.98 15.53,15.85 15.55,15.72 L 17.21,5.44", fill: "currentColor" })] })));
|
|
3992
4009
|
};
|
|
3993
4010
|
|
|
3994
|
-
const
|
|
3995
|
-
|
|
3996
|
-
|
|
3997
|
-
const
|
|
3998
|
-
|
|
3999
|
-
|
|
4000
|
-
const
|
|
4001
|
-
|
|
4011
|
+
const surfaceLight50 = "#fbfcfe";
|
|
4012
|
+
const surfaceLight100 = "#f5f8fd";
|
|
4013
|
+
const surfaceLight200 = "#eff3fc";
|
|
4014
|
+
const surfaceLight300 = "#e8eefb";
|
|
4015
|
+
const surfaceLight400 = "#e3eafa";
|
|
4016
|
+
const surfaceLight500 = "#dee6f9";
|
|
4017
|
+
const surfaceLight600 = "#dae3f8";
|
|
4018
|
+
const surfaceLight700 = "#d5dff7";
|
|
4019
|
+
const surfaceLight800 = "#d1dbf6";
|
|
4020
|
+
const surfaceLight900 = "#c8d5f5";
|
|
4021
|
+
const surfaceLight50Alpha40 = "#fbfcfe66";
|
|
4022
|
+
const surfaceLight800Alpha40 = "#d1dbf666";
|
|
4023
|
+
const surfaceLight900Alpha40 = "#c8d5f566";
|
|
4024
|
+
const surfaceLight900Alpha10 = "#c8d5f519";
|
|
4025
|
+
const surfaceDark50 = "#4f628d";
|
|
4026
|
+
const surfaceDark100 = "#3a4e77";
|
|
4027
|
+
const surfaceDark200 = "#31466e";
|
|
4028
|
+
const surfaceDark300 = "#263b62";
|
|
4029
|
+
const surfaceDark400 = "#183056";
|
|
4030
|
+
const surfaceDark500 = "#0d274d";
|
|
4031
|
+
const surfaceDark600 = "#062242";
|
|
4032
|
+
const surfaceDark700 = "#001c3b";
|
|
4033
|
+
const surfaceDark800 = "#041930";
|
|
4034
|
+
const surfaceDark900 = "#00142b";
|
|
4035
|
+
const surfaceDark800Alpha40 = "#04193066";
|
|
4036
|
+
const surfaceDark900Alpha40 = "#00142b66";
|
|
4037
|
+
const surfaceDark900Alpha10 = "#00142b19";
|
|
4038
|
+
const blue50 = "#e8f1ff";
|
|
4039
|
+
const blue100 = "#9bcaff";
|
|
4040
|
+
const blue200 = "#79b9ff";
|
|
4041
|
+
const blue300 = "#187adc";
|
|
4042
|
+
const blue400 = "#0063c2";
|
|
4043
|
+
const blue500 = "#0051af";
|
|
4044
|
+
const blue600 = "#004ba8";
|
|
4045
|
+
const blue700 = "#00409f";
|
|
4046
|
+
const blue800 = "#003796";
|
|
4047
|
+
const blue900 = "#002786";
|
|
4048
|
+
const blueAlpha40 = "#0051af66";
|
|
4049
|
+
const blueAlpha10 = "#0051af19";
|
|
4050
|
+
const blueFocusRingWeak = "#cce1ff";
|
|
4051
|
+
const blueFocusRingStrong = "#3e84e5";
|
|
4052
|
+
const lightBlue50 = "#edfcff";
|
|
4053
|
+
const lightBlue100 = "#bcf2ff";
|
|
4054
|
+
const lightBlue200 = "#8fe9ff";
|
|
4055
|
+
const lightBlue300 = "#62e0ff";
|
|
4056
|
+
const lightBlue400 = "#41d9ff";
|
|
4057
|
+
const lightBlue500 = "#1fd2ff";
|
|
4058
|
+
const lightBlue600 = "#1bcdff";
|
|
4059
|
+
const lightBlue700 = "#17c7ff";
|
|
4060
|
+
const lightBlue800 = "#12c1ff";
|
|
4061
|
+
const lightBlue900 = "#0ab6ff";
|
|
4062
|
+
const lightBlueAlpha40 = "#1fd2ff66";
|
|
4063
|
+
const lightBlueAlpha10 = "#1fd2ff19";
|
|
4064
|
+
const grey0 = "#ffffff";
|
|
4065
|
+
const grey50 = "#e8e9ea";
|
|
4066
|
+
const grey100 = "#c5c7cb";
|
|
4067
|
+
const grey200 = "#9ea2a8";
|
|
4068
|
+
const grey300 = "#777d85";
|
|
4069
|
+
const grey400 = "#59616b";
|
|
4070
|
+
const grey500 = "#3c4551";
|
|
4071
|
+
const grey600 = "#363e4a";
|
|
4072
|
+
const grey700 = "#2e3640";
|
|
4073
|
+
const grey800 = "#272e37";
|
|
4074
|
+
const grey900 = "#1a1f27";
|
|
4075
|
+
const greyAlpha40 = "#3c455166";
|
|
4076
|
+
const greyAlpha10 = "#3c455119";
|
|
4077
|
+
const purple50 = "#faecff";
|
|
4078
|
+
const purple100 = "#f1dbff";
|
|
4079
|
+
const purple200 = "#deb8ff";
|
|
4080
|
+
const purple300 = "#ca93ff";
|
|
4081
|
+
const purple400 = "#c080ff";
|
|
4082
|
+
const purple500 = "#b76dff";
|
|
4083
|
+
const purple600 = "#9c4eea";
|
|
4084
|
+
const purple700 = "#6a21ba";
|
|
4085
|
+
const purple800 = "#5300a4";
|
|
4086
|
+
const purple900 = "#1b0077";
|
|
4087
|
+
const purpleAlpha40 = "#b76dff66";
|
|
4088
|
+
const purpleAlpha10 = "#b76dff19";
|
|
4089
|
+
const red50 = "#f8e5ea";
|
|
4090
|
+
const red100 = "#eebfcb";
|
|
4091
|
+
const red200 = "#e394a9";
|
|
4092
|
+
const red300 = "#d76987";
|
|
4093
|
+
const red400 = "#cf496d";
|
|
4094
|
+
const red500 = "#c62953";
|
|
4095
|
+
const red600 = "#c0244c";
|
|
4096
|
+
const red700 = "#b91f42";
|
|
4097
|
+
const red800 = "#b11939";
|
|
4098
|
+
const red900 = "#a40f29";
|
|
4099
|
+
const redAlpha40 = "#c6295366";
|
|
4100
|
+
const redAlpha10 = "#c6295319";
|
|
4101
|
+
const orange50 = "#fdece8";
|
|
4102
|
+
const orange100 = "#fbd1c5";
|
|
4103
|
+
const orange200 = "#f9b29e";
|
|
4104
|
+
const orange300 = "#f69377";
|
|
4105
|
+
const orange400 = "#f47b5a";
|
|
4106
|
+
const orange500 = "#f2643d";
|
|
4107
|
+
const orange600 = "#f05c37";
|
|
4108
|
+
const orange700 = "#ee522f";
|
|
4109
|
+
const orange800 = "#ec4827";
|
|
4110
|
+
const orange900 = "#e8361a";
|
|
4111
|
+
const orangeAlpha40 = "#f2643d66";
|
|
4112
|
+
const orangeAlpha10 = "#f2643d19";
|
|
4113
|
+
const lightOrange50 = "#fff5e9";
|
|
4114
|
+
const lightOrange100 = "#ffe7c7";
|
|
4115
|
+
const lightOrange200 = "#ffd7a2";
|
|
4116
|
+
const lightOrange300 = "#ffc77d";
|
|
4117
|
+
const lightOrange400 = "#ffbb61";
|
|
4118
|
+
const lightOrange500 = "#fbaf45";
|
|
4119
|
+
const lightOrange600 = "#fbab2c";
|
|
4120
|
+
const lightOrange700 = "#fb9f36";
|
|
4121
|
+
const lightOrange800 = "#fb962e";
|
|
4122
|
+
const lightOrange900 = "#fb861f";
|
|
4123
|
+
const lightAlphaOrange40 = "#fbaf4566";
|
|
4124
|
+
const lightAlphaOrange10 = "#fbaf4519";
|
|
4125
|
+
const yellow50 = "#fffceb";
|
|
4126
|
+
const yellow100 = "#fff8cd";
|
|
4127
|
+
const yellow200 = "#fff3ac";
|
|
4128
|
+
const yellow300 = "#ffee8b";
|
|
4129
|
+
const yellow400 = "#ffea72";
|
|
4130
|
+
const yellow500 = "#ffe659";
|
|
4131
|
+
const yellow600 = "#ffe351";
|
|
4132
|
+
const yellow700 = "#ffdf48";
|
|
4133
|
+
const yellow800 = "#ffdb3e";
|
|
4134
|
+
const yellow900 = "#ffd52e";
|
|
4135
|
+
const yellowAlpha40 = "#ffe65966";
|
|
4136
|
+
const yellowAlpha10 = "#ffe65919";
|
|
4137
|
+
const green50 = "#ebfbf7";
|
|
4138
|
+
const green100 = "#b3eadd";
|
|
4139
|
+
const green200 = "#80dcc6";
|
|
4140
|
+
const green300 = "#4dceaf";
|
|
4141
|
+
const green400 = "#26c49e";
|
|
4142
|
+
const green500 = "#00b98d";
|
|
4143
|
+
const green600 = "#00b285";
|
|
4144
|
+
const green700 = "#00aa7a";
|
|
4145
|
+
const green800 = "#00a270";
|
|
4146
|
+
const green900 = "#00935d";
|
|
4147
|
+
const green40 = "#00b98d66";
|
|
4148
|
+
const green10 = "#00b98d19";
|
|
4149
|
+
const night10 = "#dff1f5";
|
|
4150
|
+
const night50 = "#96d0dd";
|
|
4151
|
+
const night100 = "#62bed2";
|
|
4152
|
+
const night200 = "#46aace";
|
|
4153
|
+
const night300 = "#3d91be";
|
|
4154
|
+
const night400 = "#3577ae";
|
|
4155
|
+
const night500 = "#2d5e9e";
|
|
4156
|
+
const night600 = "#24448e";
|
|
4157
|
+
const night700 = "#1c2b7f";
|
|
4158
|
+
const night800 = "#162065";
|
|
4159
|
+
const night900 = "#11174b";
|
|
4160
|
+
const sunset10 = "#fff6d4";
|
|
4161
|
+
const sunset50 = "#f9cdac";
|
|
4162
|
+
const sunset100 = "#f3aca2";
|
|
4163
|
+
const sunset200 = "#ee8b97";
|
|
4164
|
+
const sunset300 = "#e96a8d";
|
|
4165
|
+
const sunset400 = "#db5087";
|
|
4166
|
+
const sunset500 = "#b8428c";
|
|
4167
|
+
const sunset600 = "#973490";
|
|
4168
|
+
const sunset700 = "#742796";
|
|
4169
|
+
const sunset800 = "#5e1f88";
|
|
4170
|
+
const sunset900 = "#4d1a70";
|
|
4171
|
+
const lavender10 = "#f1f5ff";
|
|
4172
|
+
const lavender50 = "#e0e5ff";
|
|
4173
|
+
const lavender100 = "#c8cdfb";
|
|
4174
|
+
const lavender200 = "#bac1ff";
|
|
4175
|
+
const lavender300 = "#a8afff";
|
|
4176
|
+
const lavender400 = "#9ca6ff";
|
|
4177
|
+
const lavender500 = "#8a95ff";
|
|
4178
|
+
const lavender600 = "#5c6ddd";
|
|
4179
|
+
const lavender700 = "#2847a5";
|
|
4180
|
+
const lavender800 = "#00358f";
|
|
4181
|
+
const lavender900 = "#002378";
|
|
4182
|
+
const lime10 = "#fcfee8";
|
|
4183
|
+
const lime50 = "#fcffd0";
|
|
4184
|
+
const lime100 = "#eaff80";
|
|
4185
|
+
const lime200 = "#d3f474";
|
|
4186
|
+
const lime300 = "#bbdc5e";
|
|
4187
|
+
const lime400 = "#a4c547";
|
|
4188
|
+
const lime500 = "#89ab2c";
|
|
4189
|
+
const lime600 = "#7da11b";
|
|
4190
|
+
const lime700 = "#5f8200";
|
|
4191
|
+
const lime800 = "#345900";
|
|
4192
|
+
const lime900 = "#193100";
|
|
4193
|
+
const pink10 = "#fff9ff";
|
|
4194
|
+
const pink50 = "#ffdeea";
|
|
4195
|
+
const pink100 = "#ffc4d5";
|
|
4196
|
+
const pink200 = "#ffa6ca";
|
|
4197
|
+
const pink300 = "#ff87a9";
|
|
4198
|
+
const pink400 = "#f2638c";
|
|
4199
|
+
const pink500 = "#e3447c";
|
|
4200
|
+
const pink600 = "#c2306f";
|
|
4201
|
+
const pink700 = "#97174a";
|
|
4202
|
+
const pink800 = "#7f0037";
|
|
4203
|
+
const pink900 = "#500014";
|
|
4204
|
+
const teal10 = "#efffff";
|
|
4205
|
+
const teal50 = "#c7ffff";
|
|
4206
|
+
const teal100 = "#92ffff";
|
|
4207
|
+
const teal200 = "#78fbff";
|
|
4208
|
+
const teal300 = "#5de2e8";
|
|
4209
|
+
const teal400 = "#3ecbd1";
|
|
4210
|
+
const teal500 = "#0bb2b8";
|
|
4211
|
+
const teal600 = "#028e99";
|
|
4212
|
+
const teal700 = "#007178";
|
|
4213
|
+
const teal800 = "#00484f";
|
|
4214
|
+
const teal900 = "#00353c";
|
|
4215
|
+
const outshiftLogoLightOrange = "#fbaf45";
|
|
4216
|
+
const outshiftBlue = "#0051af";
|
|
4217
|
+
const outshiftMidnightBlue = "#0d274d";
|
|
4218
|
+
const agentcyYellow = "#fbaf45";
|
|
4219
|
+
const illustrationShell = "#1e2939";
|
|
4220
|
+
const illustrationRing = "#2e3e57";
|
|
4221
|
+
const illustrationSurface = "#233043";
|
|
4222
|
+
const illustrationSurfaceSubtle = "#2e3640";
|
|
4223
|
+
const illustrationStroke = "#384d6b";
|
|
4224
|
+
const illustrationGradientStart = "#384c6b";
|
|
4225
|
+
const illustrationGradientEnd = "#2a3a50";
|
|
4226
|
+
const illustrationInfoGradientStart = "#834dd7";
|
|
4227
|
+
const illustrationInfoGradientMiddle = "#7670d5";
|
|
4228
|
+
const illustrationInfoGradientEnd = "#58c0d0";
|
|
4229
|
+
const illustrationPositiveGradientStart = "#1ac1e5";
|
|
4230
|
+
const illustrationPositiveGradientMiddle = "#4cc9b2";
|
|
4231
|
+
const illustrationPositiveGradientEnd = "#a7d755";
|
|
4232
|
+
const illustrationNegativeGradientStart = "#e09e89";
|
|
4233
|
+
const illustrationWarningGradientStart = "#ff9900";
|
|
4234
|
+
const illustrationWarningGradientEnd = "#c8511b";
|
|
4235
|
+
const outshiftOrange = "#fb861f";
|
|
4236
|
+
const agentcyBlue = "#187adc";
|
|
4237
|
+
const agentcyDarkBlue = "#00142b";
|
|
4238
|
+
const outshiftLogoLightBlue = "#17c7ff";
|
|
4239
|
+
const outshiftLogoGreen = "#74bf4b";
|
|
4240
|
+
const outshiftLogoWhite = "#ffffff";
|
|
4241
|
+
const outshiftLogoOrange = "#f2643d";
|
|
4242
|
+
const outshiftLogoDark = "#00142b";
|
|
4243
|
+
const brandColors = {
|
|
4244
|
+
outshiftLogoLightOrange,
|
|
4245
|
+
outshiftBlue,
|
|
4246
|
+
outshiftMidnightBlue,
|
|
4247
|
+
agentcyYellow,
|
|
4248
|
+
outshiftOrange,
|
|
4249
|
+
agentcyBlue,
|
|
4250
|
+
agentcyDarkBlue,
|
|
4251
|
+
outshiftLogoLightBlue,
|
|
4252
|
+
outshiftLogoGreen,
|
|
4253
|
+
outshiftLogoWhite,
|
|
4254
|
+
outshiftLogoOrange,
|
|
4255
|
+
outshiftLogoDark,
|
|
4002
4256
|
};
|
|
4003
|
-
|
|
4004
|
-
|
|
4005
|
-
|
|
4257
|
+
const gradientStopColors = {
|
|
4258
|
+
illustrationBlueStart: "#214694",
|
|
4259
|
+
illustrationBlueMiddle: "#3169a8",
|
|
4260
|
+
illustrationBlueEnd: "#56bad5",
|
|
4261
|
+
illustrationRainbowRed: "#ba4d5f",
|
|
4262
|
+
illustrationRainbowOrange: "#df875d",
|
|
4263
|
+
illustrationRainbowYellow: "#eab069",
|
|
4264
|
+
illustrationRainbowGreen: "#8cbdac",
|
|
4265
|
+
illustrationRainbowTeal: "#58c0d0",
|
|
4266
|
+
illustrationPurpleStart: "#834dd7",
|
|
4267
|
+
illustrationPurpleMiddle: "#7670d5",
|
|
4268
|
+
illustrationGreenStart: "#1ac1e5",
|
|
4269
|
+
illustrationGreenMiddle: "#4cc9b2",
|
|
4270
|
+
illustrationGreenEnd: "#a7d755",
|
|
4271
|
+
illustrationLightBlueStart: "#00dff0",
|
|
4272
|
+
illustrationLightBlueMiddle: "#00aff0",
|
|
4273
|
+
illustrationLightBlueEnd: "#006df0",
|
|
4274
|
+
illustrationPinkStart: "#e09e89",
|
|
4275
|
+
illustrationPinkEnd: "#c0328a",
|
|
4276
|
+
illustrationOrangeStart: "#ff9900",
|
|
4277
|
+
illustrationOrangeEnd: "#c8511b",
|
|
4278
|
+
primaryOrange: "#ff6d2e",
|
|
4279
|
+
primaryPurple: "#341686",
|
|
4280
|
+
secondaryBlueWeak: "#80a8d7",
|
|
4281
|
+
secondaryBlueStrong: "#021d60",
|
|
4282
|
+
secondaryBlueHoverWeak: "#b3cbe7",
|
|
4006
4283
|
};
|
|
4007
|
-
const
|
|
4008
|
-
|
|
4284
|
+
const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
|
|
4285
|
+
const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
|
|
4286
|
+
const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
|
|
4287
|
+
const lightModeCardFloating = "0px 4px 12px rgba(200, 213, 245, 0.7)";
|
|
4288
|
+
const lightModeSideDrawerRight = "-8px 0px 12px rgba(200, 213, 245, 0.1), -4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
4289
|
+
const lightModeSideDrawerLeft = "8px 0px 12px rgba(200, 213, 245, 0.1), 4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
4290
|
+
const lightModeFooterBottom = "0px -4px 12px rgba(200, 213, 245, 0.33)";
|
|
4291
|
+
const lightModeSideDrawer = "-4px 0px 4px rgba(200, 213, 245, 0.1), -8px 0px 12px rgba(200, 213, 245, 0.1)";
|
|
4292
|
+
const darkModeCardLifted = "0px 4px 4px rgba(6, 34, 66, 0.33)";
|
|
4293
|
+
const darkModeCardSubtle = "0px 2px 5px rgba(6, 34, 66, 0.4)";
|
|
4294
|
+
const darkModeCardRaised = "0px 4px 12px rgba(6, 34, 66, 0.5)";
|
|
4295
|
+
const darkModeCardFloating = "0px 4px 12px rgba(6, 34, 66, 0.7)";
|
|
4296
|
+
const darkModeSideDrawerRight = "-8px 0px 12px rgba(21, 29, 40, 0.1), -4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
4297
|
+
const darkModeSideDrawerLeft = "8px 0px 12px rgba(21, 29, 40, 0.1), 4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
4298
|
+
const darkModeFooterBottom = "0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 12px rgba(6, 34, 66, 0.33)";
|
|
4299
|
+
const surfaceLightPalette = {
|
|
4300
|
+
50: surfaceLight50,
|
|
4301
|
+
100: surfaceLight100,
|
|
4302
|
+
200: surfaceLight200,
|
|
4303
|
+
300: surfaceLight300,
|
|
4304
|
+
400: surfaceLight400,
|
|
4305
|
+
500: surfaceLight500,
|
|
4306
|
+
600: surfaceLight600,
|
|
4307
|
+
700: surfaceLight700,
|
|
4308
|
+
800: surfaceLight800,
|
|
4309
|
+
900: surfaceLight900,
|
|
4009
4310
|
};
|
|
4010
|
-
const
|
|
4011
|
-
|
|
4311
|
+
const surfaceDarkPalette = {
|
|
4312
|
+
50: surfaceDark50,
|
|
4313
|
+
100: surfaceDark100,
|
|
4314
|
+
200: surfaceDark200,
|
|
4315
|
+
300: surfaceDark300,
|
|
4316
|
+
400: surfaceDark400,
|
|
4317
|
+
500: surfaceDark500,
|
|
4318
|
+
600: surfaceDark600,
|
|
4319
|
+
700: surfaceDark700,
|
|
4320
|
+
800: surfaceDark800,
|
|
4321
|
+
900: surfaceDark900,
|
|
4012
4322
|
};
|
|
4013
|
-
const
|
|
4014
|
-
|
|
4323
|
+
const bluePalette = {
|
|
4324
|
+
50: blue50,
|
|
4325
|
+
100: blue100,
|
|
4326
|
+
200: blue200,
|
|
4327
|
+
300: blue300,
|
|
4328
|
+
400: blue400,
|
|
4329
|
+
500: blue500,
|
|
4330
|
+
600: blue600,
|
|
4331
|
+
700: blue700,
|
|
4332
|
+
800: blue800,
|
|
4333
|
+
900: blue900,
|
|
4334
|
+
alpha40: blueAlpha40,
|
|
4335
|
+
alpha10: blueAlpha10,
|
|
4015
4336
|
};
|
|
4016
|
-
|
|
4017
|
-
|
|
4018
|
-
|
|
4337
|
+
const lightBluePalette = {
|
|
4338
|
+
50: lightBlue50,
|
|
4339
|
+
100: lightBlue100,
|
|
4340
|
+
200: lightBlue200,
|
|
4341
|
+
300: lightBlue300,
|
|
4342
|
+
400: lightBlue400,
|
|
4343
|
+
500: lightBlue500,
|
|
4344
|
+
600: lightBlue600,
|
|
4345
|
+
700: lightBlue700,
|
|
4346
|
+
800: lightBlue800,
|
|
4347
|
+
900: lightBlue900,
|
|
4348
|
+
alpha40: lightBlueAlpha40,
|
|
4349
|
+
alpha10: lightBlueAlpha10,
|
|
4019
4350
|
};
|
|
4020
|
-
|
|
4021
|
-
|
|
4022
|
-
|
|
4351
|
+
const greyPalette = {
|
|
4352
|
+
0: grey0,
|
|
4353
|
+
50: grey50,
|
|
4354
|
+
100: grey100,
|
|
4355
|
+
200: grey200,
|
|
4356
|
+
300: grey300,
|
|
4357
|
+
400: grey400,
|
|
4358
|
+
500: grey500,
|
|
4359
|
+
600: grey600,
|
|
4360
|
+
700: grey700,
|
|
4361
|
+
800: grey800,
|
|
4362
|
+
900: grey900,
|
|
4363
|
+
alpha40: greyAlpha40,
|
|
4364
|
+
alpha10: greyAlpha10,
|
|
4023
4365
|
};
|
|
4024
|
-
const
|
|
4025
|
-
|
|
4366
|
+
const purplePalette = {
|
|
4367
|
+
50: purple50,
|
|
4368
|
+
100: purple100,
|
|
4369
|
+
200: purple200,
|
|
4370
|
+
300: purple300,
|
|
4371
|
+
400: purple400,
|
|
4372
|
+
500: purple500,
|
|
4373
|
+
600: purple600,
|
|
4374
|
+
700: purple700,
|
|
4375
|
+
800: purple800,
|
|
4376
|
+
900: purple900,
|
|
4377
|
+
alpha40: purpleAlpha40,
|
|
4378
|
+
alpha10: purpleAlpha10,
|
|
4026
4379
|
};
|
|
4027
|
-
|
|
4028
|
-
|
|
4029
|
-
|
|
4380
|
+
const redPalette = {
|
|
4381
|
+
50: red50,
|
|
4382
|
+
100: red100,
|
|
4383
|
+
200: red200,
|
|
4384
|
+
300: red300,
|
|
4385
|
+
400: red400,
|
|
4386
|
+
500: red500,
|
|
4387
|
+
600: red600,
|
|
4388
|
+
700: red700,
|
|
4389
|
+
800: red800,
|
|
4390
|
+
900: red900,
|
|
4391
|
+
alpha40: redAlpha40,
|
|
4392
|
+
alpha10: redAlpha10,
|
|
4030
4393
|
};
|
|
4031
|
-
const
|
|
4032
|
-
|
|
4394
|
+
const orangePalette = {
|
|
4395
|
+
50: orange50,
|
|
4396
|
+
100: orange100,
|
|
4397
|
+
200: orange200,
|
|
4398
|
+
300: orange300,
|
|
4399
|
+
400: orange400,
|
|
4400
|
+
500: orange500,
|
|
4401
|
+
600: orange600,
|
|
4402
|
+
700: orange700,
|
|
4403
|
+
800: orange800,
|
|
4404
|
+
900: orange900,
|
|
4405
|
+
alpha40: orangeAlpha40,
|
|
4406
|
+
alpha10: orangeAlpha10,
|
|
4033
4407
|
};
|
|
4034
|
-
|
|
4035
|
-
|
|
4036
|
-
|
|
4408
|
+
const lightOrangePalette = {
|
|
4409
|
+
50: lightOrange50,
|
|
4410
|
+
100: lightOrange100,
|
|
4411
|
+
200: lightOrange200,
|
|
4412
|
+
300: lightOrange300,
|
|
4413
|
+
400: lightOrange400,
|
|
4414
|
+
500: lightOrange500,
|
|
4415
|
+
600: lightOrange600,
|
|
4416
|
+
700: lightOrange700,
|
|
4417
|
+
800: lightOrange800,
|
|
4418
|
+
900: lightOrange900,
|
|
4419
|
+
alpha40: lightAlphaOrange40,
|
|
4420
|
+
alpha10: lightAlphaOrange10,
|
|
4037
4421
|
};
|
|
4038
|
-
const
|
|
4039
|
-
|
|
4422
|
+
const yellowPalette = {
|
|
4423
|
+
50: yellow50,
|
|
4424
|
+
100: yellow100,
|
|
4425
|
+
200: yellow200,
|
|
4426
|
+
300: yellow300,
|
|
4427
|
+
400: yellow400,
|
|
4428
|
+
500: yellow500,
|
|
4429
|
+
600: yellow600,
|
|
4430
|
+
700: yellow700,
|
|
4431
|
+
800: yellow800,
|
|
4432
|
+
900: yellow900,
|
|
4433
|
+
alpha40: yellowAlpha40,
|
|
4434
|
+
alpha10: yellowAlpha10,
|
|
4040
4435
|
};
|
|
4041
|
-
|
|
4042
|
-
|
|
4043
|
-
|
|
4436
|
+
const greenPalette = {
|
|
4437
|
+
50: green50,
|
|
4438
|
+
100: green100,
|
|
4439
|
+
200: green200,
|
|
4440
|
+
300: green300,
|
|
4441
|
+
400: green400,
|
|
4442
|
+
500: green500,
|
|
4443
|
+
600: green600,
|
|
4444
|
+
700: green700,
|
|
4445
|
+
800: green800,
|
|
4446
|
+
900: green900,
|
|
4447
|
+
40: green40,
|
|
4448
|
+
10: green10,
|
|
4044
4449
|
};
|
|
4045
|
-
|
|
4046
|
-
|
|
4047
|
-
|
|
4450
|
+
const nightPalette = {
|
|
4451
|
+
10: night10,
|
|
4452
|
+
50: night50,
|
|
4453
|
+
100: night100,
|
|
4454
|
+
200: night200,
|
|
4455
|
+
300: night300,
|
|
4456
|
+
400: night400,
|
|
4457
|
+
500: night500,
|
|
4458
|
+
600: night600,
|
|
4459
|
+
700: night700,
|
|
4460
|
+
800: night800,
|
|
4461
|
+
900: night900,
|
|
4048
4462
|
};
|
|
4049
|
-
const
|
|
4050
|
-
|
|
4463
|
+
const sunsetPalette = {
|
|
4464
|
+
10: sunset10,
|
|
4465
|
+
50: sunset50,
|
|
4466
|
+
100: sunset100,
|
|
4467
|
+
200: sunset200,
|
|
4468
|
+
300: sunset300,
|
|
4469
|
+
400: sunset400,
|
|
4470
|
+
500: sunset500,
|
|
4471
|
+
600: sunset600,
|
|
4472
|
+
700: sunset700,
|
|
4473
|
+
800: sunset800,
|
|
4474
|
+
900: sunset900,
|
|
4051
4475
|
};
|
|
4052
|
-
|
|
4053
|
-
|
|
4054
|
-
|
|
4476
|
+
const lavenderPalette = {
|
|
4477
|
+
10: lavender10,
|
|
4478
|
+
50: lavender50,
|
|
4479
|
+
100: lavender100,
|
|
4480
|
+
200: lavender200,
|
|
4481
|
+
300: lavender300,
|
|
4482
|
+
400: lavender400,
|
|
4483
|
+
500: lavender500,
|
|
4484
|
+
600: lavender600,
|
|
4485
|
+
700: lavender700,
|
|
4486
|
+
800: lavender800,
|
|
4487
|
+
900: lavender900,
|
|
4055
4488
|
};
|
|
4056
|
-
const
|
|
4057
|
-
|
|
4489
|
+
const limePalette = {
|
|
4490
|
+
10: lime10,
|
|
4491
|
+
50: lime50,
|
|
4492
|
+
100: lime100,
|
|
4493
|
+
200: lime200,
|
|
4494
|
+
300: lime300,
|
|
4495
|
+
400: lime400,
|
|
4496
|
+
500: lime500,
|
|
4497
|
+
600: lime600,
|
|
4498
|
+
700: lime700,
|
|
4499
|
+
800: lime800,
|
|
4500
|
+
900: lime900,
|
|
4501
|
+
};
|
|
4502
|
+
const pinkPalette = {
|
|
4503
|
+
10: pink10,
|
|
4504
|
+
50: pink50,
|
|
4505
|
+
100: pink100,
|
|
4506
|
+
200: pink200,
|
|
4507
|
+
300: pink300,
|
|
4508
|
+
400: pink400,
|
|
4509
|
+
500: pink500,
|
|
4510
|
+
600: pink600,
|
|
4511
|
+
700: pink700,
|
|
4512
|
+
800: pink800,
|
|
4513
|
+
900: pink900,
|
|
4514
|
+
};
|
|
4515
|
+
const tealPalette = {
|
|
4516
|
+
10: teal10,
|
|
4517
|
+
50: teal50,
|
|
4518
|
+
100: teal100,
|
|
4519
|
+
200: teal200,
|
|
4520
|
+
300: teal300,
|
|
4521
|
+
400: teal400,
|
|
4522
|
+
500: teal500,
|
|
4523
|
+
600: teal600,
|
|
4524
|
+
700: teal700,
|
|
4525
|
+
800: teal800,
|
|
4526
|
+
900: teal900,
|
|
4527
|
+
};
|
|
4528
|
+
const OS_LIGHT_COLORS = {
|
|
4529
|
+
surfaceLight: surfaceLightPalette,
|
|
4530
|
+
surfaceDark: surfaceDarkPalette,
|
|
4531
|
+
blue: bluePalette,
|
|
4532
|
+
lightBlue: lightBluePalette,
|
|
4533
|
+
grey: greyPalette,
|
|
4534
|
+
purple: purplePalette,
|
|
4535
|
+
red: redPalette,
|
|
4536
|
+
orange: orangePalette,
|
|
4537
|
+
lightOrange: lightOrangePalette,
|
|
4538
|
+
yellow: yellowPalette,
|
|
4539
|
+
green: greenPalette,
|
|
4540
|
+
lavender: lavenderPalette,
|
|
4541
|
+
lime: limePalette,
|
|
4542
|
+
pink: pinkPalette,
|
|
4543
|
+
teal: tealPalette,
|
|
4544
|
+
night: nightPalette,
|
|
4545
|
+
sunset: sunsetPalette,
|
|
4546
|
+
brand: brandColors,
|
|
4547
|
+
};
|
|
4548
|
+
const darkNavy100 = "#1e293b";
|
|
4549
|
+
const darkNavy200 = "#0a141f";
|
|
4550
|
+
const darkNavy300 = "#0f1623";
|
|
4551
|
+
const darkNavy400 = "#060a0f";
|
|
4552
|
+
const darkNavyPalette = {
|
|
4553
|
+
100: darkNavy100,
|
|
4554
|
+
200: darkNavy200,
|
|
4555
|
+
300: darkNavy300,
|
|
4556
|
+
400: darkNavy400,
|
|
4557
|
+
};
|
|
4558
|
+
const electricBlue300 = "#0ab6ff";
|
|
4559
|
+
const electricBlue500 = "#558bff";
|
|
4560
|
+
const electricBlue700 = "#1469cc";
|
|
4561
|
+
const electricBlueAlpha40 = "#558bff66";
|
|
4562
|
+
const electricBlueAlpha10 = "#558bff19";
|
|
4563
|
+
const electricBluePalette = {
|
|
4564
|
+
300: electricBlue300,
|
|
4565
|
+
500: electricBlue500,
|
|
4566
|
+
700: electricBlue700,
|
|
4567
|
+
alpha40: electricBlueAlpha40,
|
|
4568
|
+
alpha10: electricBlueAlpha10,
|
|
4569
|
+
};
|
|
4570
|
+
|
|
4571
|
+
const AgntcyBrand = (props) => {
|
|
4572
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "72.613 0 65.387 14.882", children: jsx("path", { d: "M130.578 14.8819H72.6131V6.02383C72.6131 2.69748 75.3103 7.84099e-05 78.6378 7.84099e-05H138L130.576 14.8819H130.578ZM78.0431 5.21151L75.8398 12.5169H79.3037L79.9993 9.98013H82.159V12.5169H85.4925V2.37046H81.2896C79.4342 2.37046 78.709 2.99407 78.0431 5.21151ZM80.681 7.51669L81.1611 5.80707C81.3923 4.96689 81.4951 4.84991 82.0009 4.84991H82.161V7.51669H80.681ZM91.8571 12.8066C92.9735 12.8066 94.1176 12.5886 95.0029 12.227V6.4878H91.8136V10.0532H91.6397C90.4798 10.0532 89.7112 9.09608 89.7112 7.56055C89.7112 5.77783 90.7545 4.9084 92.4934 4.9084C93.5663 4.9084 94.4515 5.25676 95.0167 5.8788V2.55916C94.2619 2.24024 93.1889 2.08058 92.1594 2.08058C88.5078 2.08058 86.1445 4.23973 86.1445 7.6471C86.1445 10.6476 88.1462 12.8066 91.8551 12.8066H91.8571ZM95.8861 12.5169H99.1484V7.37185C101.192 9.38596 101.83 10.6915 101.83 12.5169H104.946V2.37046H101.684V5.79107L98.7414 2.37046H95.8861V12.5169ZM108.25 12.5169H111.656V5.12516H111.99C113.049 5.12516 113.846 5.35635 114.308 5.8788V2.37184H105.598V5.8788C106.062 5.35774 106.861 5.12516 107.916 5.12516H108.25V12.5169ZM114.601 7.44357C114.601 10.6184 116.818 12.8066 120.007 12.8066C120.92 12.8066 121.76 12.6179 122.224 12.328V9.00835C121.862 9.57348 121.224 9.86316 120.428 9.86316C119.021 9.86316 118.165 8.93524 118.165 7.44239C118.165 5.94934 119.021 5.02142 120.428 5.02142C121.224 5.02142 121.862 5.3113 122.224 5.87623V2.55659C121.76 2.26672 120.92 2.07801 120.007 2.07801C116.818 2.07801 114.601 4.2662 114.601 7.441V7.44357ZM124.166 12.5169H127.79L132.819 2.37046H129.167L127.676 5.76182L126.198 2.37046H122.516L125.877 9.18263L124.168 12.5169H124.166Z", fill: "currentColor" }) })));
|
|
4573
|
+
};
|
|
4574
|
+
const CiscoBrand = (props) => {
|
|
4575
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 45.1 24", children: [jsx("path", { d: "M 14.73,15.84 L 12.75,15.84 L 12.75,23.702 L 14.73,23.702 L 14.73,15.84", fill: "currentColor" }), jsx("path", { d: "M 30.71,18.091 C 30.2,17.814 29.63,17.669 29.05,17.668 C 28.77,17.668 28.5,17.722 28.25,17.828 C 27.99,17.933 27.76,18.088 27.57,18.282 C 27.37,18.477 27.22,18.709 27.11,18.963 C 27.01,19.218 26.96,19.49 26.96,19.766 C 26.96,20.041 27.01,20.314 27.11,20.569 C 27.22,20.823 27.37,21.054 27.57,21.249 C 27.76,21.444 27.99,21.599 28.25,21.704 C 28.5,21.809 28.77,21.864 29.05,21.864 C 29.63,21.866 30.2,21.724 30.71,21.45 L 30.71,23.557 C 30.12,23.738 29.51,23.832 28.9,23.836 C 27.83,23.836 26.79,23.408 26.03,22.644 C 25.27,21.881 24.84,20.845 24.84,19.766 C 24.84,18.686 25.27,17.651 26.03,16.888 C 26.79,16.124 27.83,15.695 28.9,15.695 C 29.52,15.696 30.12,15.79 30.71,15.974 L 30.71,18.091", fill: "currentColor" }), jsx("path", { d: "M 10.04,18.091 C 9.53,17.812 8.96,17.667 8.38,17.668 C 8.1,17.668 7.83,17.722 7.58,17.828 C 7.32,17.933 7.09,18.088 6.9,18.282 C 6.7,18.477 6.55,18.709 6.44,18.963 C 6.34,19.218 6.28,19.49 6.28,19.766 C 6.28,20.041 6.34,20.314 6.44,20.569 C 6.55,20.823 6.7,21.054 6.9,21.249 C 7.09,21.444 7.32,21.599 7.58,21.704 C 7.83,21.809 8.1,21.864 8.38,21.864 C 8.96,21.868 9.53,21.726 10.04,21.45 L 10.04,23.557 C 9.45,23.739 8.84,23.833 8.23,23.836 C 7.16,23.836 6.12,23.408 5.36,22.644 C 4.6,21.881 4.17,20.845 4.17,19.766 C 4.17,18.686 4.6,17.651 5.36,16.888 C 6.12,16.124 7.16,15.695 8.23,15.695 C 8.84,15.695 9.45,15.789 10.04,15.974 L 10.04,18.091", fill: "currentColor" }), jsx("path", { d: "M 36.89,17.707 C 36.49,17.703 36.08,17.821 35.74,18.046 C 35.4,18.271 35.13,18.593 34.97,18.97 C 34.82,19.348 34.77,19.765 34.85,20.167 C 34.93,20.57 35.12,20.94 35.41,21.232 C 35.7,21.523 36.06,21.722 36.47,21.803 C 36.87,21.885 37.28,21.845 37.66,21.689 C 38.04,21.533 38.36,21.268 38.59,20.927 C 38.82,20.586 38.94,20.186 38.94,19.776 C 38.94,19.504 38.89,19.234 38.79,18.982 C 38.69,18.73 38.54,18.501 38.35,18.308 C 38.16,18.115 37.93,17.962 37.68,17.859 C 37.43,17.756 37.16,17.704 36.89,17.707 M 41.03,19.776 C 41.05,20.599 40.82,21.408 40.37,22.1 C 39.93,22.793 39.28,23.336 38.53,23.662 C 37.78,23.988 36.94,24.081 36.14,23.93 C 35.33,23.778 34.58,23.39 34,22.813 C 33.41,22.236 33.01,21.497 32.84,20.69 C 32.68,19.884 32.76,19.046 33.07,18.284 C 33.38,17.521 33.91,16.869 34.59,16.41 C 35.27,15.95 36.07,15.705 36.89,15.705 C 37.43,15.691 37.97,15.786 38.48,15.984 C 38.98,16.183 39.44,16.481 39.82,16.861 C 40.21,17.241 40.51,17.694 40.72,18.195 C 40.93,18.696 41.03,19.233 41.03,19.776", fill: "currentColor" }), jsx("path", { d: "M 22.23,17.629 C 21.73,17.489 21.21,17.409 20.69,17.389 C 19.89,17.389 19.47,17.648 19.47,18.033 C 19.47,18.418 20.04,18.678 20.37,18.784 L 20.92,18.957 C 21.43,19.067 21.89,19.345 22.23,19.745 C 22.56,20.146 22.76,20.647 22.78,21.171 C 22.78,23.143 21.04,23.807 19.54,23.807 C 18.82,23.8 18.11,23.729 17.41,23.596 L 17.41,21.815 C 18.01,21.995 18.64,22.095 19.28,22.114 C 20.24,22.114 20.72,21.825 20.72,21.373 C 20.72,20.92 20.32,20.747 19.83,20.593 L 19.41,20.458 C 18.31,20.112 17.4,19.496 17.4,18.158 C 17.4,16.686 18.49,15.705 20.27,15.705 C 20.92,15.715 21.57,15.799 22.19,15.955 L 22.23,17.629", fill: "currentColor" }), jsx("path", { d: "M 1.92,7.391 C 1.92,7.135 1.82,6.891 1.64,6.71 C 1.46,6.53 1.21,6.428 0.96,6.428 C 0.71,6.428 0.46,6.53 0.28,6.71 C 0.1,6.891 0,7.135 0,7.391 L 0,9.459 C 0,9.715 0.1,9.959 0.28,10.14 C 0.46,10.32 0.71,10.422 0.96,10.422 C 1.21,10.422 1.46,10.32 1.64,10.14 C 1.82,9.959 1.92,9.715 1.92,9.459 L 1.92,7.391", fill: "currentColor" }), jsx("path", { d: "M 7.35,4.686 C 7.35,4.431 7.25,4.186 7.07,4.006 C 6.89,3.826 6.64,3.724 6.39,3.724 C 6.13,3.724 5.89,3.826 5.71,4.006 C 5.53,4.186 5.43,4.431 5.43,4.686 L 5.43,9.498 C 5.43,9.753 5.53,9.998 5.71,10.178 C 5.89,10.359 6.13,10.46 6.39,10.46 C 6.64,10.46 6.89,10.359 7.07,10.178 C 7.25,9.998 7.35,9.753 7.35,9.498 L 7.35,4.686", fill: "currentColor" }), jsx("path", { d: "M 12.74,0.962 C 12.74,0.707 12.64,0.462 12.46,0.282 C 12.28,0.101 12.04,1.705e-13 11.78,1.705e-13 C 11.53,1.705e-13 11.29,0.101 11.11,0.282 C 10.93,0.462 10.82,0.707 10.82,0.962 L 10.82,11.423 C 10.82,11.678 10.93,11.923 11.11,12.103 C 11.29,12.284 11.53,12.385 11.78,12.385 C 12.04,12.385 12.28,12.284 12.46,12.103 C 12.64,11.923 12.74,11.678 12.74,11.423 L 12.74,0.962", fill: "currentColor" }), jsx("path", { d: "M 18.14,4.686 C 18.14,4.431 18.03,4.186 17.85,4.006 C 17.67,3.826 17.43,3.724 17.18,3.724 C 16.92,3.724 16.68,3.826 16.5,4.006 C 16.32,4.186 16.22,4.431 16.22,4.686 L 16.22,9.498 C 16.22,9.753 16.32,9.998 16.5,10.178 C 16.68,10.359 16.92,10.46 17.18,10.46 C 17.43,10.46 17.67,10.359 17.85,10.178 C 18.03,9.998 18.14,9.753 18.14,9.498 L 18.14,4.686", fill: "currentColor" }), jsx("path", { d: "M 23.53,7.391 C 23.53,7.135 23.43,6.891 23.25,6.71 C 23.07,6.53 22.83,6.428 22.57,6.428 C 22.32,6.428 22.07,6.53 21.89,6.71 C 21.71,6.891 21.61,7.135 21.61,7.391 L 21.61,9.459 C 21.61,9.715 21.71,9.959 21.89,10.14 C 22.07,10.32 22.32,10.422 22.57,10.422 C 22.83,10.422 23.07,10.32 23.25,10.14 C 23.43,9.959 23.53,9.715 23.53,9.459 L 23.53,7.391", fill: "currentColor" }), jsx("path", { d: "M 28.92,4.686 C 28.92,4.431 28.82,4.186 28.64,4.006 C 28.46,3.826 28.22,3.724 27.96,3.724 C 27.71,3.724 27.46,3.826 27.28,4.006 C 27.1,4.186 27,4.431 27,4.686 L 27,9.498 C 27,9.753 27.1,9.998 27.28,10.178 C 27.46,10.359 27.71,10.46 27.96,10.46 C 28.22,10.46 28.46,10.359 28.64,10.178 C 28.82,9.998 28.92,9.753 28.92,9.498 L 28.92,4.686", fill: "currentColor" }), jsx("path", { d: "M 34.32,0.962 C 34.32,0.707 34.22,0.462 34.04,0.282 C 33.86,0.101 33.62,1.705e-13 33.36,1.705e-13 C 33.11,1.705e-13 32.87,0.101 32.69,0.282 C 32.51,0.462 32.4,0.707 32.4,0.962 L 32.4,11.423 C 32.4,11.678 32.51,11.923 32.69,12.103 C 32.87,12.284 33.11,12.385 33.36,12.385 C 33.62,12.385 33.86,12.284 34.04,12.103 C 34.22,11.923 34.32,11.678 34.32,11.423 L 34.32,0.962", fill: "currentColor" }), jsx("path", { d: "M 39.72,4.687 C 39.72,4.424 39.61,4.172 39.43,3.986 C 39.24,3.8 38.99,3.696 38.73,3.696 C 38.47,3.696 38.21,3.8 38.03,3.986 C 37.84,4.172 37.74,4.424 37.74,4.687 L 37.74,9.499 C 37.74,9.761 37.84,10.014 38.03,10.199 C 38.21,10.385 38.47,10.49 38.73,10.49 C 38.99,10.49 39.24,10.385 39.43,10.199 C 39.61,10.014 39.72,9.761 39.72,9.499 L 39.72,4.687", fill: "currentColor" }), jsx("path", { d: "M 45.1,7.391 C 45.1,7.135 45,6.891 44.82,6.71 C 44.64,6.53 44.39,6.428 44.14,6.428 C 43.89,6.428 43.64,6.53 43.46,6.71 C 43.28,6.891 43.18,7.135 43.18,7.391 L 43.18,9.459 C 43.18,9.715 43.28,9.959 43.46,10.14 C 43.64,10.32 43.89,10.422 44.14,10.422 C 44.39,10.422 44.64,10.32 44.82,10.14 C 45,9.959 45.1,9.715 45.1,9.459 L 45.1,7.391", fill: "currentColor" })] })));
|
|
4576
|
+
};
|
|
4577
|
+
const OutshiftBrand = (props) => {
|
|
4578
|
+
const { vars } = useTheme().palette;
|
|
4579
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 87.49 36", children: [jsx("path", { d: "M 33,33.673 C 33,33.344 32.92,33.095 32.75,32.931 C 32.62,32.796 32.45,32.73 32.24,32.73 C 31.99,32.73 31.8,32.818 31.65,32.997 C 31.52,33.168 31.45,33.395 31.45,33.673 C 31.45,34.01 31.53,34.267 31.69,34.446 C 31.83,34.601 32.01,34.678 32.24,34.678 C 32.49,34.678 32.68,34.586 32.81,34.401 C 32.94,34.23 33,33.988 33,33.675 L 33,33.673 M 31.39,35.015 L 30.99,35.015 L 30.99,31.383 L 31.47,31.383 L 31.47,32.755 C 31.68,32.462 31.97,32.317 32.35,32.317 C 32.73,32.317 33.02,32.451 33.23,32.72 C 33.41,32.962 33.51,33.284 33.51,33.684 C 33.51,34.159 33.38,34.522 33.13,34.775 C 32.91,34.987 32.64,35.093 32.32,35.093 C 31.94,35.093 31.66,34.952 31.46,34.669 L 31.39,35.017 L 31.39,35.015", fill: outshiftLogoLightBlue }), jsx("path", { d: "M 36.15,32.391 L 35.24,35.051 C 35.12,35.403 35,35.644 34.89,35.772 C 34.76,35.924 34.59,35.999 34.38,35.999 C 34.29,35.999 34.19,35.983 34.06,35.953 L 34.06,35.559 C 34.16,35.582 34.24,35.593 34.32,35.593 C 34.42,35.593 34.5,35.557 34.56,35.484 C 34.62,35.411 34.69,35.255 34.78,35.013 L 34.62,35.013 L 33.65,32.388 L 34.18,32.388 L 34.92,34.618 L 35.66,32.388 L 36.15,32.388 L 36.15,32.391", fill: outshiftLogoLightBlue }), jsx("path", { d: "M 42.08,31.381 L 42.08,35.042 L 43,35.042 L 43,31.381 L 42.08,31.381 M 40.79,32.415 C 40.79,32.119 40.78,31.851 40.8,31.587 C 40.8,31.452 40.74,31.399 40.63,31.389 C 40.31,31.362 39.98,31.301 39.67,31.335 C 38.14,31.506 37.59,33.108 38.24,34.215 C 38.75,35.079 39.82,35.296 40.69,35.022 C 40.73,35.009 40.78,34.962 40.79,34.928 C 40.79,34.631 40.79,34.333 40.79,34.078 C 40.48,34.118 40.2,34.184 39.92,34.183 C 39.43,34.181 39.05,33.817 39,33.353 C 38.95,32.823 39.22,32.412 39.72,32.272 C 40.08,32.169 40.42,32.269 40.79,32.415 M 50.51,31.438 C 49.48,31.122 48.52,31.394 48.02,32.133 C 47.55,32.83 47.6,33.8 48.13,34.449 C 48.64,35.079 49.69,35.318 50.5,34.985 C 50.51,34.946 50.51,34.903 50.51,34.86 C 50.51,34.586 50.51,34.314 50.51,34.023 C 50.44,34.05 50.38,34.086 50.32,34.093 C 50.04,34.124 49.74,34.203 49.47,34.164 C 48.96,34.091 48.68,33.64 48.73,33.072 C 48.77,32.614 49.17,32.234 49.65,32.242 C 49.94,32.247 50.22,32.32 50.51,32.361 L 50.51,31.438 M 44.25,34.254 C 44.25,34.439 44.24,34.675 44.25,34.913 C 44.26,34.96 44.33,35.039 44.37,35.042 C 44.82,35.065 45.28,35.129 45.72,35.077 C 46.51,34.984 46.97,34.267 46.74,33.569 C 46.62,33.178 46.31,32.977 45.95,32.844 C 45.78,32.785 45.61,32.754 45.46,32.668 C 45.37,32.611 45.24,32.477 45.25,32.391 C 45.26,32.301 45.41,32.185 45.51,32.157 C 45.68,32.113 45.87,32.12 46.04,32.13 C 46.2,32.138 46.36,32.179 46.53,32.206 L 46.53,31.376 C 46.13,31.361 45.73,31.313 45.34,31.337 C 44.74,31.373 44.35,31.761 44.26,32.347 C 44.19,32.834 44.47,33.258 45.03,33.483 C 45.2,33.553 45.38,33.599 45.55,33.672 C 45.7,33.732 45.85,33.836 45.79,34.006 C 45.74,34.115 45.6,34.253 45.49,34.259 C 45.09,34.284 44.69,34.259 44.25,34.254 L 44.25,34.254", fill: outshiftLogoLightBlue }), jsx("path", { d: "M 53.43,34.186 C 52.89,34.186 52.46,33.748 52.47,33.215 C 52.48,32.675 52.89,32.273 53.44,32.274 C 54,32.274 54.41,32.688 54.41,33.234 C 54.41,33.773 53.98,34.186 53.43,34.186 L 53.43,34.186 M 53.44,31.32 C 52.32,31.32 51.49,32.135 51.49,33.237 C 51.49,34.316 52.33,35.135 53.44,35.135 C 54.55,35.135 55.39,34.308 55.39,33.216 C 55.39,32.132 54.55,31.318 53.44,31.318 L 53.44,31.32", fill: outshiftLogoLightBlue }), jsx("path", { d: "M 0,19.099 C 0,19.819 0.6,20.397 1.32,20.393 L 14.36,20.365 C 15.09,20.362 15.67,19.779 15.67,19.058 C 15.66,18.341 15.08,17.758 14.35,17.761 L 1.31,17.79 C 0.59,17.793 0,18.38 0,19.099", fill: outshiftLogoLightBlue }), jsx("path", { d: "M 8.85,29.588 C 9.21,30.21 10.02,30.413 10.64,30.05 L 16.15,26.834 C 16.79,26.465 17,25.671 16.63,25.048 C 16.27,24.428 15.48,24.217 14.84,24.586 L 9.33,27.803 C 8.71,28.167 8.49,28.969 8.85,29.59 L 8.85,29.588", fill: outshiftLogoLightBlue }), jsx("path", { d: "M 17.5,33.387 C 18.12,33.745 18.92,33.518 19.28,32.892 L 20.99,30.448 C 21.35,29.813 21.14,29.018 20.51,28.661 C 19.89,28.305 19.09,28.521 18.73,29.156 L 17.02,31.602 C 16.66,32.228 16.87,33.033 17.49,33.389 L 17.5,33.387", fill: outshiftLogoLightBlue }), jsx("path", { d: "M 36.51,0.17 C 35.88,-0.188 35.08,0.038 34.72,0.665 L 28.23,11.971 C 27.87,12.606 28.08,13.4 28.71,13.757 C 29.33,14.113 30.13,13.896 30.49,13.261 L 36.99,1.957 C 37.34,1.33 37.13,0.526 36.51,0.17", fill: outshiftLogoGreen }), jsx("path", { d: "M 14.6,10.35 C 14.05,10.813 13.98,11.639 14.44,12.193 L 16.14,14.651 C 16.61,15.211 17.43,15.286 17.98,14.823 C 18.53,14.363 18.61,13.541 18.14,12.981 L 16.44,10.523 C 15.98,9.969 15.15,9.89 14.6,10.35", fill: outshiftLogoOrange }), jsx("path", { d: "M 23.18,3.334 C 22.46,3.337 21.88,3.932 21.89,4.654 L 21.92,11.037 C 21.92,11.768 22.5,12.348 23.22,12.345 C 23.94,12.341 24.52,11.756 24.52,11.025 L 24.49,4.641 C 24.49,3.919 23.9,3.33 23.18,3.334 L 23.18,3.334", fill: outshiftBlue }), jsx("path", { d: "M 30.99,15.782 L 33.34,15.782 L 33.34,22.463 C 33.34,23.766 33.98,24.417 35.25,24.417 C 35.99,24.417 36.57,24.149 36.99,23.616 C 37.33,23.16 37.5,22.599 37.5,21.936 L 37.5,15.784 L 39.84,15.784 L 39.84,25.941 L 37.91,25.941 L 37.65,24.808 C 36.92,25.759 35.91,26.234 34.61,26.234 C 33.41,26.234 32.49,25.87 31.85,25.14 C 31.28,24.475 30.99,23.565 30.99,22.405 L 30.99,15.782", fill: vars.brandLogoSecondary }), jsx("path", { d: "M 47.47,24.22 L 47.47,25.998 C 46.92,26.155 46.4,26.232 45.91,26.232 C 44.9,26.232 44.14,25.933 43.62,25.333 C 43.18,24.825 42.96,24.141 42.96,23.282 L 42.96,17.577 L 41.43,17.577 L 41.43,15.781 L 42.96,15.781 L 43.11,13.338 L 45.3,13.338 L 45.3,15.781 L 47.45,15.781 L 47.45,17.577 L 45.3,17.577 L 45.3,23.359 C 45.3,24.037 45.65,24.375 46.34,24.375 C 46.64,24.375 47.01,24.323 47.47,24.219 L 47.47,24.22", fill: vars.brandLogoSecondary }), jsx("path", { d: "M 50.84,23.048 C 51.02,24.024 51.76,24.513 53.05,24.513 C 53.76,24.513 54.3,24.377 54.67,24.104 C 54.97,23.869 55.12,23.564 55.12,23.185 C 55.12,22.704 54.85,22.345 54.33,22.111 C 54.03,21.981 53.38,21.799 52.36,21.565 C 51.11,21.278 50.22,20.887 49.68,20.393 C 49.15,19.912 48.88,19.281 48.88,18.499 C 48.88,17.509 49.29,16.747 50.09,16.213 C 50.81,15.732 51.79,15.49 53.04,15.49 C 54.29,15.49 55.37,15.795 56.15,16.408 C 56.83,16.929 57.25,17.631 57.42,18.518 L 55.03,18.518 C 54.84,17.646 54.16,17.209 53,17.209 C 51.85,17.209 51.25,17.566 51.25,18.283 C 51.25,18.648 51.39,18.921 51.7,19.103 C 51.99,19.285 52.6,19.488 53.51,19.71 C 54.92,20.036 55.89,20.4 56.44,20.803 C 57.13,21.311 57.48,22.027 57.48,22.951 C 57.48,24.005 57.05,24.833 56.19,25.432 C 55.41,25.965 54.35,26.232 53.02,26.232 C 51.63,26.232 50.52,25.9 49.68,25.237 C 48.98,24.677 48.57,23.948 48.45,23.049 L 50.84,23.049 L 50.84,23.048", fill: vars.brandLogoSecondary }), jsx("path", { d: "M 61.49,25.939 L 59.15,25.939 L 59.15,11.876 L 61.49,11.876 L 61.49,16.838 C 62.22,15.939 63.21,15.49 64.44,15.49 C 65.68,15.49 66.6,15.868 67.24,16.623 C 67.81,17.288 68.1,18.193 68.1,19.337 L 68.1,25.939 L 65.75,25.939 L 65.75,19.396 C 65.75,18.003 65.11,17.305 63.82,17.305 C 63.1,17.305 62.53,17.552 62.1,18.047 C 61.7,18.503 61.49,19.083 61.49,19.785 L 61.49,25.938 L 61.49,25.939", fill: vars.brandLogoSecondary }), jsx("path", { d: "M 72.42,25.939 L 70.07,25.939 L 70.07,15.782 L 72.42,15.782 L 72.42,25.939", fill: vars.brandLogoSecondary }), jsx("path", { d: "M 80.63,11.855 L 80.63,13.691 C 79.99,13.522 79.49,13.438 79.11,13.438 C 78.35,13.438 77.98,13.796 77.98,14.513 L 77.98,15.782 L 80.18,15.782 L 80.18,17.579 L 77.98,17.579 L 77.98,25.939 L 75.63,25.939 L 75.63,17.579 L 74.11,17.579 L 74.11,15.782 L 75.63,15.782 L 75.63,14.63 C 75.63,13.614 75.94,12.833 76.57,12.286 C 77.12,11.817 77.83,11.583 78.72,11.583 C 79.29,11.583 79.93,11.675 80.63,11.857 L 80.63,11.855", fill: vars.brandLogoSecondary }), jsx("path", { d: "M 87.49,24.22 L 87.49,25.998 C 86.94,26.155 86.42,26.232 85.93,26.232 C 84.92,26.232 84.16,25.933 83.64,25.333 C 83.2,24.825 82.98,24.141 82.98,23.282 L 82.98,17.577 L 81.45,17.577 L 81.45,15.781 L 82.98,15.781 L 83.13,13.338 L 85.32,13.338 L 85.32,15.781 L 87.47,15.781 L 87.47,17.577 L 85.32,17.577 L 85.32,23.359 C 85.32,24.037 85.66,24.375 86.35,24.375 C 86.65,24.375 87.03,24.323 87.49,24.219 L 87.49,24.22", fill: vars.brandLogoSecondary }), jsx("path", { d: "M 72.88,12.374 C 72.88,13.259 72.16,13.978 71.28,13.978 C 70.4,13.978 69.68,13.259 69.68,12.374 C 69.68,11.49 70.39,10.771 71.28,10.771 C 72.17,10.771 72.88,11.49 72.88,12.374", fill: vars.brandLogoSecondary }), jsx("path", { d: "M 24.05,24.065 C 22.29,24.065 20.87,22.641 20.87,20.884 C 20.87,19.127 22.29,17.702 24.05,17.702 C 25.81,17.702 27.23,19.127 27.23,20.884 C 27.23,22.641 25.81,24.065 24.05,24.065 M 24.05,15.474 C 21.06,15.474 18.64,17.895 18.64,20.884 C 18.64,23.872 21.06,26.294 24.05,26.294 C 27.04,26.294 29.46,23.872 29.46,20.884 C 29.46,17.895 27.04,15.474 24.05,15.474", fill: vars.brandLogoSecondary })] })));
|
|
4580
|
+
};
|
|
4581
|
+
|
|
4582
|
+
const CiscoAIAssistantDefault = (props) => {
|
|
4583
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 28 26", children: [jsx("path", { d: "M 20.5,15 C 24.64,15 28,11.642 28,7.5 C 28,3.358 24.64,1.137e-13 20.5,1.137e-13 C 16.36,1.137e-13 13,3.358 13,7.5 C 13,11.642 16.36,15 20.5,15", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.423 C 8.81,5.423 5.42,8.817 5.42,13.004 C 5.42,17.191 8.81,20.585 13,20.585 C 17.19,20.585 20.58,17.191 20.58,13.004 C 20.58,8.817 17.19,5.423 13,5.423 M 9.095e-13,13.004 C 9.095e-13,5.826 5.82,0.008 13,0.008 C 20.18,0.008 26,5.826 26,13.004 C 26,20.182 20.18,26 13,26 C 5.82,26 9.095e-13,20.182 9.095e-13,13.004", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 25.99,12.605 C 24.62,14.074 22.67,14.992 20.51,14.992 C 20.44,14.992 20.38,14.991 20.32,14.99 C 20.49,14.354 20.58,13.686 20.58,12.996 C 20.58,8.907 17.35,5.574 13.3,5.42 C 13.89,3.343 15.36,1.636 17.28,0.72 C 22.24,2.447 25.83,7.096 25.99,12.605", fill: "currentColor" }), jsx("path", { d: "M 20.5,15 C 24.64,15 28,11.642 28,7.5 C 28,3.358 24.64,1.137e-13 20.5,1.137e-13 C 16.35,1.137e-13 13,3.358 13,7.5 C 13,11.642 16.35,15 20.5,15", fill: "currentColor" })] })));
|
|
4584
|
+
};
|
|
4585
|
+
const CiscoAIAssistantProcessing_loop = (props) => {
|
|
4586
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 26 26", children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.415 C 8.81,5.415 5.42,8.809 5.42,12.996 C 5.42,17.183 8.81,20.577 13,20.577 C 17.19,20.577 20.58,17.183 20.58,12.996 C 20.58,8.809 17.19,5.415 13,5.415 M 9.095e-13,12.996 C 9.095e-13,5.819 5.82,2.274e-13 13,2.274e-13 C 20.18,2.274e-13 26,5.819 26,12.996 C 26,20.174 20.18,25.993 13,25.993 C 5.82,25.993 9.095e-13,20.174 9.095e-13,12.996", fill: "currentColor" }), jsx("path", { d: "M 13,2.742 C 7.33,2.742 2.74,7.335 2.74,13 C 2.74,18.665 7.33,23.257 13,23.257 C 16.73,23.257 19.99,21.269 21.79,18.294", stroke: "currentColor", strokeWidth: "8.19239", strokeLinecap: "round" })] })));
|
|
4587
|
+
};
|
|
4588
|
+
const CiscoAIAssistantProcessing_start = (props) => {
|
|
4589
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 28 26", children: [jsx("path", { d: "M 22.59,18.263 C 25.58,18.263 28,15.841 28,12.855 C 28,9.868 25.58,7.447 22.59,7.447 C 19.6,7.447 17.18,9.868 17.18,12.855 C 17.18,15.841 19.6,18.263 22.59,18.263", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,5.415 C 8.81,5.415 5.42,8.809 5.42,12.996 C 5.42,17.183 8.81,20.577 13,20.577 C 17.19,20.577 20.58,17.183 20.58,12.996 C 20.58,8.809 17.19,5.415 13,5.415 M 9.095e-13,12.996 C 9.095e-13,5.819 5.82,1.137e-13 13,1.137e-13 C 20.18,1.137e-13 26,5.819 26,12.996 C 26,20.174 20.18,25.992 13,25.992 C 5.82,25.992 9.095e-13,20.174 9.095e-13,12.996", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 19.37,17.123 C 20.14,15.935 20.59,14.516 20.59,12.992 C 20.59,11.371 20.08,9.869 19.21,8.636 C 20.14,7.892 21.31,7.447 22.58,7.447 C 23.46,7.447 24.29,7.658 25.03,8.033 C 25.66,9.561 26.01,11.236 26.01,12.992 C 26.01,14.583 25.72,16.108 25.2,17.516 C 24.42,17.948 23.53,18.193 22.58,18.193 C 21.38,18.193 20.26,17.795 19.37,17.123", fill: "currentColor" }), jsx("path", { d: "M 22.59,18.27 C 25.58,18.27 28,15.847 28,12.859 C 28,9.87 25.58,7.447 22.59,7.447 C 19.6,7.447 17.18,9.87 17.18,12.859 C 17.18,15.847 19.6,18.27 22.59,18.27", fill: "currentColor" })] })));
|
|
4590
|
+
};
|
|
4591
|
+
const CiscoAIAssistantProcessing_end = (props) => {
|
|
4592
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 26 28", children: [jsx("path", { d: "M 13,11.336 C 16.13,11.336 18.67,8.798 18.67,5.668 C 18.67,2.538 16.13,1.137e-13 13,1.137e-13 C 9.87,1.137e-13 7.33,2.538 7.33,5.668 C 7.33,8.798 9.87,11.336 13,11.336", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 13,7.419 C 8.81,7.419 5.42,10.813 5.42,15 C 5.42,19.187 8.81,22.581 13,22.581 C 17.19,22.581 20.58,19.187 20.58,15 C 20.58,10.813 17.19,7.419 13,7.419 M 9.095e-13,15 C 9.095e-13,7.822 5.82,2.004 13,2.004 C 20.18,2.004 26,7.822 26,15 C 26,22.178 20.18,27.996 13,27.996 C 5.82,27.996 9.095e-13,22.178 9.095e-13,15", fill: "currentColor" }), jsx("path", { d: "M 13,11.336 C 16.13,11.336 18.67,8.798 18.67,5.668 C 18.67,2.538 16.13,1.137e-13 13,1.137e-13 C 9.87,1.137e-13 7.33,2.538 7.33,5.668 C 7.33,8.798 9.87,11.336 13,11.336", fill: "currentColor" })] })));
|
|
4593
|
+
};
|
|
4594
|
+
|
|
4595
|
+
const Cisco = (props) => {
|
|
4596
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 23 13.494", children: [jsx("path", { d: "M 17.54,0.6 L 17.54,6.57 C 17.54,6.9 17.28,7.16 16.96,7.16 C 16.63,7.16 16.37,6.9 16.37,6.57 L 16.37,0.6 C 16.37,0.27 16.63,4.547e-13 16.96,4.547e-13 C 17.28,4.547e-13 17.54,0.27 17.54,0.6", fill: "currentColor" }), jsx("path", { d: "M 14.23,6.04 C 14.66,6.04 14.81,5.79 14.81,5.49 L 14.81,2.82 C 14.81,2.53 14.66,2.28 14.23,2.28 C 13.8,2.28 13.64,2.53 13.64,2.82 L 13.64,5.49 C 13.64,5.79 13.8,6.04 14.23,6.04", fill: "currentColor" }), jsx("path", { d: "M 3.9,5.49 C 3.87,5.8 3.62,6.04 3.31,6.04 C 3.01,6.04 2.75,5.8 2.73,5.49 L 2.73,2.82 C 2.76,2.52 3.01,2.29 3.31,2.29 C 3.61,2.29 3.86,2.52 3.9,2.82 L 3.9,5.49", fill: "currentColor" }), jsx("path", { d: "M 22.42,3.79 C 22.11,3.79 21.86,4.03 21.83,4.34 L 21.83,5.49 C 21.86,5.79 22.12,6.02 22.42,6.02 C 22.71,6.02 22.97,5.79 23,5.49 L 23,4.34 C 22.97,4.03 22.72,3.79 22.42,3.79", fill: "currentColor" }), jsx("path", { d: "M 6.63,8.94 L 7.8,8.94 L 7.8,13.32 L 6.63,13.32 L 6.63,8.94", fill: "currentColor" }), jsx("path", { d: "M 13.18,12.86 C 12.74,12.43 12.5,11.84 12.49,11.23 C 12.51,10.6 12.77,10 13.21,9.57 C 13.66,9.14 14.26,8.92 14.88,8.94 C 15.26,8.97 15.63,9.02 16,9.1 L 16,10.29 C 15.83,10.28 15.69,10.23 15.55,10.18 C 15.37,10.12 15.18,10.06 14.9,10.06 C 14.58,10.04 14.27,10.16 14.03,10.38 C 13.8,10.59 13.66,10.9 13.64,11.23 C 13.7,11.9 14.27,12.41 14.93,12.39 C 15.21,12.39 15.38,12.33 15.55,12.27 C 15.68,12.22 15.81,12.17 15.98,12.16 L 15.98,13.33 C 15.6,13.41 15.21,13.46 14.81,13.49 C 14.21,13.51 13.62,13.29 13.18,12.86", fill: "currentColor" }), jsx("path", { d: "M 1.6,11.23 C 1.6,11.84 1.85,12.43 2.28,12.85 C 2.71,13.28 3.3,13.51 3.9,13.49 C 4.29,13.46 4.68,13.41 5.07,13.33 L 5.07,12.16 C 4.74,12.31 4.39,12.39 4.04,12.39 C 3.36,12.43 2.78,11.91 2.73,11.23 C 2.74,10.9 2.88,10.6 3.11,10.38 C 3.35,10.16 3.66,10.04 3.98,10.06 C 4.35,10.06 4.72,10.14 5.06,10.29 L 5.06,9.1 C 4.7,9.02 4.33,8.97 3.95,8.94 C 3.34,8.92 2.75,9.15 2.31,9.58 C 1.87,10.01 1.61,10.6 1.6,11.23", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 17.21,9.62 C 17.62,9.19 18.19,8.96 18.77,8.96 C 19.36,8.96 19.92,9.2 20.34,9.62 C 20.75,10.05 20.97,10.63 20.96,11.23 C 20.96,12.02 20.54,12.76 19.87,13.15 C 19.19,13.55 18.36,13.55 17.68,13.15 C 17.01,12.76 16.59,12.02 16.59,11.23 C 16.57,10.63 16.8,10.05 17.21,9.62 M 18.77,12.38 C 18.31,12.4 17.89,12.13 17.7,11.7 C 17.51,11.28 17.59,10.77 17.91,10.43 C 18.23,10.09 18.71,9.99 19.14,10.16 C 19.57,10.33 19.85,10.76 19.85,11.23 C 19.86,11.52 19.75,11.81 19.55,12.03 C 19.34,12.24 19.07,12.36 18.77,12.37 L 18.77,12.38", fill: "currentColor" }), jsx("path", { d: "M 10.51,10.68 L 10.79,10.78 C 11.36,10.91 11.76,11.43 11.76,12.03 C 11.76,13.13 11.07,13.49 10.27,13.49 C 9.96,13.51 9.65,13.46 9.36,13.37 L 9.36,12.37 C 9.59,12.49 9.86,12.54 10.12,12.51 C 10.64,12.51 10.77,12.34 10.77,12.12 C 10.77,11.9 10.51,11.77 10.25,11.68 C 10.22,11.67 10.17,11.66 10.13,11.65 C 10.08,11.63 10.03,11.62 10,11.61 C 9.42,11.41 8.92,11.05 8.92,10.33 C 8.92,9.51 9.61,8.96 10.57,8.96 C 10.95,8.97 11.33,9.01 11.69,9.1 L 11.69,10.04 C 11.39,9.96 11.08,9.92 10.77,9.91 C 10.35,9.91 10.06,10 10.06,10.26 C 10.06,10.52 10.33,10.62 10.5,10.68 L 10.51,10.68", fill: "currentColor" }), jsx("path", { d: "M 0.58,3.79 C 0.28,3.8 0.03,4.03 0,4.34 L 0,5.49 C 0.03,5.79 0.29,6.02 0.58,6.02 C 0.88,6.02 1.14,5.79 1.17,5.49 L 1.17,4.34 C 1.14,4.03 0.89,3.8 0.58,3.79", fill: "currentColor" }), jsx("path", { d: "M 9.36,5.49 L 9.36,2.82 C 9.32,2.52 9.07,2.29 8.77,2.29 C 8.47,2.29 8.22,2.52 8.19,2.82 L 8.19,5.49 C 8.22,5.79 8.47,6.02 8.77,6.02 C 9.07,6.02 9.32,5.79 9.36,5.49", fill: "currentColor" }), jsx("path", { d: "M 10.91,4.34 C 10.94,4.03 11.2,3.8 11.5,3.79 C 11.8,3.8 12.06,4.03 12.08,4.34 L 12.08,5.49 C 12.05,5.79 11.8,6.02 11.5,6.02 C 11.2,6.02 10.95,5.79 10.91,5.49 L 10.91,4.34", fill: "currentColor" }), jsx("path", { d: "M 6.63,0.6 C 6.64,0.44 6.58,0.29 6.47,0.18 C 6.35,0.07 6.2,0.02 6.04,0.04 C 5.89,0.02 5.73,0.07 5.62,0.18 C 5.5,0.29 5.44,0.44 5.46,0.6 L 5.46,6.57 C 5.44,6.72 5.5,6.88 5.62,6.99 C 5.73,7.1 5.89,7.15 6.04,7.13 C 6.2,7.15 6.35,7.1 6.47,6.99 C 6.58,6.88 6.64,6.72 6.63,6.57 L 6.63,0.6", fill: "currentColor" }), jsx("path", { d: "M 20.27,5.49 C 20.24,5.8 19.99,6.04 19.68,6.04 C 19.38,6.04 19.13,5.8 19.1,5.49 L 19.1,2.82 C 19.14,2.52 19.39,2.29 19.69,2.29 C 19.98,2.29 20.24,2.52 20.27,2.82 L 20.27,5.49", fill: "currentColor" })] })));
|
|
4597
|
+
};
|
|
4598
|
+
|
|
4599
|
+
const GCPLogo = (props) => {
|
|
4600
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 14.727", children: jsx("path", { d: "M 18,9.613 C 18,12.436 15.71,14.727 12.89,14.727 L 5.11,14.727 C 2.29,14.727 0,12.436 0,9.613 C 0,7.862 0.88,6.316 2.22,5.4 C 2.93,2.307 5.69,0 9,0 C 12.31,0 15.07,2.307 15.78,5.4 C 17.12,6.316 18,7.862 18,9.613 M 12.79,11.454 C 13.86,11.454 14.73,10.587 14.73,9.515 C 14.73,8.468 13.91,7.609 12.86,7.568 L 12.89,7.159 C 12.89,5.015 11.14,3.272 9,3.272 C 7.84,3.272 6.79,3.78 6.08,4.59 C 7.31,4.827 8.37,5.498 9.11,6.43 L 6.95,8.59 C 6.61,7.993 5.96,7.568 5.22,7.568 C 4.14,7.568 3.27,8.435 3.27,9.515 C 3.27,10.554 4.09,11.397 5.11,11.454 L 12.79,11.454", fill: "currentColor" }) })));
|
|
4601
|
+
};
|
|
4602
|
+
const GCPLogoColored = (props) => {
|
|
4603
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 14.47", children: [jsx("path", { d: "M 11.97,3.995 L 13.54,2.43 L 13.64,1.772 C 10.79,-0.821 6.26,-0.527 3.69,2.385 C 2.97,3.194 2.44,4.202 2.16,5.243 L 2.72,5.165 L 5.85,4.648 L 6.09,4.401 C 7.48,2.873 9.84,2.667 11.44,3.968 L 11.97,3.995", fill: "currentColor" }), jsx("path", { d: "M 15.76,5.197 C 15.4,3.873 14.67,2.682 13.64,1.772 L 11.44,3.968 C 12.37,4.725 12.9,5.867 12.88,7.064 L 12.88,7.454 C 13.96,7.454 14.83,8.329 14.83,9.408 C 14.83,10.488 13.96,11.341 12.88,11.341 L 8.96,11.341 L 8.58,11.758 L 8.58,14.102 L 8.96,14.47 L 12.88,14.47 C 15.68,14.492 17.98,12.256 18,9.448 C 18.01,7.746 17.17,6.151 15.76,5.197", fill: "currentColor" }), jsx("path", { d: "M 5.05,14.47 L 8.96,14.47 L 8.96,11.341 L 5.05,11.341 C 4.77,11.341 4.51,11.281 4.25,11.165 L 3.7,11.335 L 2.12,12.9 L 1.98,13.433 C 2.87,14.1 3.95,14.475 5.05,14.47", fill: "currentColor" }), jsx("path", { d: "M 5.05,4.319 C 2.25,4.336 -0.02,6.625 0,9.433 C 0.01,11.001 0.74,12.477 1.98,13.432 L 4.25,11.165 C 3.27,10.721 2.83,9.563 3.28,8.579 C 3.72,7.596 4.88,7.158 5.86,7.603 C 6.29,7.799 6.64,8.146 6.84,8.579 L 9.11,6.312 C 8.14,5.051 6.64,4.313 5.05,4.319", fill: "currentColor" })] })));
|
|
4604
|
+
};
|
|
4605
|
+
|
|
4606
|
+
const GitlabLogo = (props) => {
|
|
4607
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 18.5", children: jsx("path", { d: "M 19.965,10.126 L 17.305,1.032 L 17.305,1.002 C 17.095,0.381 16.595,1.705e-13 15.975,1.705e-13 C 15.355,1.705e-13 14.815,0.371 14.625,0.972 L 12.915,6.11 L 7.095,6.11 L 5.385,0.972 C 5.185,0.381 4.665,0.01 4.035,0.01 C 3.405,0.01 2.875,0.421 2.715,1.022 L 0.045,10.126 C -0.085,10.547 0.075,11.018 0.425,11.288 L 9.415,18.069 L 9.705,18.29 L 9.985,18.5 L 10.265,18.29 L 10.595,18.049 L 19.575,11.298 C 19.925,11.038 20.085,10.557 19.965,10.136 L 19.965,10.126 M 7.975,13.662 L 3.465,7.622 L 6.045,7.622 L 7.965,13.672 L 7.975,13.662 M 2.735,6.15 L 4.035,1.593 L 5.545,6.15 L 2.735,6.15 M 6.275,13.842 L 1.535,10.277 L 2.115,8.273 L 6.265,13.852 L 6.275,13.842 M 12.445,7.622 L 10.035,15.195 L 7.615,7.622 L 12.445,7.622 M 18.505,10.277 L 13.625,13.953 L 17.895,8.213 L 18.505,10.267 L 18.505,10.277 M 14.425,6.14 L 15.935,1.583 L 17.285,6.14 L 14.425,6.14 M 16.515,7.612 L 12.085,13.562 L 13.995,7.612 L 16.515,7.612", fill: "currentColor" }) })));
|
|
4608
|
+
};
|
|
4609
|
+
const GitlabLogoColored = (props) => {
|
|
4610
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 18.5", children: [jsx("path", { d: "M 9.997,18.5 L 13.677,7.119 L 6.318,7.119 L 9.997,18.5 L 9.997,18.5", fill: "currentColor" }), jsx("path", { d: "M 9.997,18.5 L 6.318,7.119 L 1.157,7.119 L 9.997,18.5", fill: "currentColor" }), jsx("path", { d: "M 1.157,7.119 L 0.037,10.578 C -0.013,10.732 -0.013,10.897 0.037,11.051 C 0.088,11.205 0.177,11.339 0.307,11.434 L 9.997,18.5 L 1.157,7.119 L 1.157,7.119", fill: "currentColor" }), jsx("path", { d: "M 1.157,7.119 L 6.318,7.119 L 4.097,0.265 C 3.987,-0.088 3.487,-0.088 3.367,0.265 L 1.157,7.119", fill: "currentColor" }), jsx("path", { d: "M 9.997,18.5 L 13.677,7.119 L 18.838,7.119 L 9.997,18.5 L 9.997,18.5", fill: "currentColor" }), jsx("path", { d: "M 18.838,7.119 L 19.957,10.578 C 20.008,10.732 20.008,10.897 19.957,11.051 C 19.907,11.205 19.818,11.339 19.688,11.434 L 9.997,18.5 L 18.838,7.119 L 18.838,7.119", fill: "currentColor" }), jsx("path", { d: "M 18.838,7.119 L 13.677,7.119 L 15.898,0.265 C 16.008,-0.088 16.508,-0.088 16.628,0.265 L 18.838,7.119", fill: "currentColor" })] })));
|
|
4611
|
+
};
|
|
4612
|
+
|
|
4613
|
+
const GithubLogo = (props) => {
|
|
4614
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 19.6", children: jsx("path", { d: "M 6.69,15.782 C 6.69,15.863 6.6,15.928 6.48,15.928 C 6.35,15.94 6.25,15.875 6.25,15.782 C 6.25,15.701 6.35,15.636 6.46,15.636 C 6.58,15.624 6.69,15.689 6.69,15.782 M 5.44,15.6 C 5.41,15.681 5.49,15.774 5.61,15.798 C 5.71,15.839 5.83,15.798 5.86,15.717 C 5.88,15.636 5.81,15.543 5.69,15.506 C 5.58,15.478 5.46,15.519 5.44,15.6 M 7.22,15.531 C 7.1,15.559 7.02,15.636 7.03,15.729 C 7.04,15.81 7.15,15.863 7.27,15.835 C 7.39,15.806 7.47,15.729 7.46,15.648 C 7.44,15.571 7.33,15.519 7.22,15.531 M 9.87,3.411e-13 C 4.28,3.411e-13 0,4.268 0,9.889 C 0,14.384 2.81,18.23 6.83,19.584 C 7.35,19.677 7.53,19.357 7.53,19.093 C 7.53,18.842 7.52,17.456 7.52,16.605 C 7.52,16.605 4.7,17.213 4.1,15.397 C 4.1,15.397 3.65,14.218 2.98,13.914 C 2.98,13.914 2.06,13.277 3.05,13.29 C 3.05,13.29 4.05,13.371 4.6,14.335 C 5.49,15.9 6.97,15.45 7.54,15.182 C 7.64,14.534 7.9,14.084 8.19,13.816 C 5.94,13.565 3.66,13.237 3.66,9.338 C 3.66,8.223 3.97,7.664 4.61,6.951 C 4.51,6.687 4.17,5.601 4.72,4.199 C 5.56,3.936 7.5,5.293 7.5,5.293 C 8.31,5.066 9.17,4.949 10.03,4.949 C 10.89,4.949 11.76,5.066 12.56,5.293 C 12.56,5.293 14.5,3.931 15.35,4.199 C 15.9,5.605 15.56,6.687 15.45,6.951 C 16.1,7.668 16.49,8.228 16.49,9.338 C 16.49,13.249 14.12,13.561 11.86,13.816 C 12.23,14.137 12.55,14.745 12.55,15.697 C 12.55,17.063 12.54,18.753 12.54,19.085 C 12.54,19.349 12.72,19.669 13.23,19.576 C 17.27,18.23 20,14.384 20,9.889 C 20,4.268 15.46,3.411e-13 9.87,3.411e-13 M 3.92,13.979 C 3.87,14.019 3.88,14.112 3.95,14.189 C 4.01,14.254 4.1,14.283 4.16,14.23 C 4.21,14.189 4.2,14.096 4.13,14.019 C 4.06,13.954 3.97,13.926 3.92,13.979 M 3.48,13.65 C 3.46,13.703 3.5,13.768 3.58,13.808 C 3.64,13.849 3.72,13.837 3.75,13.78 C 3.78,13.727 3.74,13.662 3.66,13.622 C 3.58,13.598 3.51,13.61 3.48,13.65 M 4.79,15.093 C 4.73,15.146 4.75,15.267 4.84,15.344 C 4.94,15.438 5.05,15.45 5.1,15.385 C 5.16,15.332 5.13,15.211 5.05,15.134 C 4.96,15.04 4.84,15.028 4.79,15.093 M 4.33,14.497 C 4.27,14.538 4.27,14.643 4.33,14.736 C 4.4,14.83 4.5,14.87 4.56,14.83 C 4.62,14.777 4.62,14.672 4.56,14.578 C 4.5,14.485 4.4,14.445 4.33,14.497", fill: "currentColor" }) })));
|
|
4615
|
+
};
|
|
4616
|
+
const GithubLogoColored = (props) => {
|
|
4617
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 19.6", children: jsx("path", { d: "M 6.69,15.782 C 6.69,15.863 6.6,15.928 6.48,15.928 C 6.35,15.94 6.25,15.875 6.25,15.782 C 6.25,15.701 6.35,15.636 6.46,15.636 C 6.58,15.624 6.69,15.689 6.69,15.782 M 5.44,15.599 C 5.41,15.681 5.49,15.774 5.61,15.798 C 5.71,15.839 5.83,15.798 5.86,15.717 C 5.88,15.636 5.81,15.543 5.69,15.506 C 5.58,15.478 5.46,15.518 5.44,15.599 M 7.22,15.531 C 7.1,15.559 7.02,15.636 7.03,15.729 C 7.04,15.81 7.15,15.863 7.27,15.835 C 7.39,15.806 7.47,15.729 7.46,15.648 C 7.44,15.571 7.33,15.518 7.22,15.531 M 9.87,3.411e-13 C 4.28,3.411e-13 0,4.268 0,9.889 C 0,14.384 2.81,18.23 6.83,19.583 C 7.35,19.677 7.53,19.356 7.53,19.093 C 7.53,18.842 7.52,17.456 7.52,16.605 C 7.52,16.605 4.7,17.213 4.1,15.397 C 4.1,15.397 3.65,14.217 2.98,13.913 C 2.98,13.913 2.06,13.277 3.05,13.289 C 3.05,13.289 4.05,13.37 4.6,14.335 C 5.49,15.899 6.97,15.45 7.54,15.182 C 7.64,14.534 7.9,14.084 8.19,13.816 C 5.94,13.565 3.66,13.237 3.66,9.338 C 3.66,8.223 3.97,7.664 4.61,6.951 C 4.51,6.687 4.17,5.601 4.72,4.199 C 5.56,3.935 7.5,5.293 7.5,5.293 C 8.31,5.066 9.17,4.949 10.03,4.949 C 10.89,4.949 11.76,5.066 12.56,5.293 C 12.56,5.293 14.5,3.931 15.35,4.199 C 15.9,5.605 15.56,6.687 15.45,6.951 C 16.1,7.668 16.49,8.227 16.49,9.338 C 16.49,13.249 14.12,13.561 11.86,13.816 C 12.23,14.136 12.55,14.744 12.55,15.697 C 12.55,17.063 12.54,18.753 12.54,19.085 C 12.54,19.348 12.72,19.669 13.23,19.575 C 17.27,18.23 20,14.384 20,9.889 C 20,4.268 15.46,3.411e-13 9.87,3.411e-13 M 3.92,13.978 C 3.87,14.019 3.88,14.112 3.95,14.189 C 4.01,14.254 4.1,14.282 4.16,14.23 C 4.21,14.189 4.2,14.096 4.13,14.019 C 4.06,13.954 3.97,13.926 3.92,13.978 M 3.48,13.65 C 3.46,13.703 3.5,13.768 3.58,13.808 C 3.64,13.849 3.72,13.836 3.75,13.78 C 3.78,13.727 3.74,13.662 3.66,13.622 C 3.58,13.597 3.51,13.61 3.48,13.65 M 4.79,15.093 C 4.73,15.146 4.75,15.267 4.84,15.344 C 4.94,15.437 5.05,15.45 5.1,15.385 C 5.16,15.332 5.13,15.21 5.05,15.133 C 4.96,15.04 4.84,15.028 4.79,15.093 M 4.33,14.497 C 4.27,14.538 4.27,14.643 4.33,14.736 C 4.4,14.829 4.5,14.87 4.56,14.829 C 4.62,14.777 4.62,14.671 4.56,14.578 C 4.5,14.485 4.4,14.444 4.33,14.497", fill: "currentColor" }) })));
|
|
4618
|
+
};
|
|
4619
|
+
|
|
4620
|
+
const Google = (props) => {
|
|
4621
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 21 21", children: [jsx("path", { d: "M 20.8,8.44 L 19.95,8.44 L 19.95,8.4 L 10.5,8.4 L 10.5,12.6 L 16.43,12.6 C 15.57,15.04 13.24,16.8 10.5,16.8 C 7.02,16.8 4.2,13.98 4.2,10.5 C 4.2,7.02 7.02,4.2 10.5,4.2 C 12.11,4.2 13.57,4.81 14.68,5.8 L 17.65,2.83 C 15.77,1.08 13.27,0 10.5,0 C 4.7,0 0,4.7 0,10.5 C 0,16.3 4.7,21 10.5,21 C 16.3,21 21,16.3 21,10.5 C 21,9.8 20.93,9.11 20.8,8.44", fill: "currentColor" }), jsx("path", { d: "M 1.21,5.61 L 4.66,8.14 C 5.59,5.83 7.85,4.2 10.5,4.2 C 12.11,4.2 13.57,4.81 14.68,5.8 L 17.65,2.83 C 15.77,1.08 13.27,0 10.5,0 C 6.47,0 2.97,2.28 1.21,5.61", fill: "currentColor" }), jsx("path", { d: "M 10.5,21 C 13.21,21 15.68,19.96 17.54,18.27 L 14.29,15.52 C 13.24,16.32 11.93,16.8 10.5,16.8 C 7.77,16.8 5.45,15.06 4.58,12.63 L 1.15,15.27 C 2.89,18.67 6.42,21 10.5,21", fill: "currentColor" }), jsx("path", { d: "M 20.8,8.44 L 19.95,8.44 L 19.95,8.4 L 10.5,8.4 L 10.5,12.6 L 16.43,12.6 C 16.02,13.77 15.26,14.79 14.29,15.52 C 14.29,15.52 14.29,15.52 14.29,15.52 L 17.54,18.27 C 17.31,18.48 21,15.75 21,10.5 C 21,9.8 20.93,9.11 20.8,8.44", fill: "currentColor" })] })));
|
|
4622
|
+
};
|
|
4623
|
+
|
|
4624
|
+
const K8 = (props) => {
|
|
4625
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 17.528", children: jsx("path", { d: "M 9.021,0 C 9.261,0 9.511,0.059 9.731,0.163 L 15.591,2.98 C 16.061,3.201 16.381,3.608 16.501,4.109 L 17.961,10.429 C 18.071,10.929 17.961,11.453 17.631,11.849 L 13.561,16.911 C 13.241,17.307 12.771,17.528 12.261,17.528 L 5.741,17.528 C 5.231,17.528 4.761,17.307 4.441,16.911 L 0.371,11.849 C 0.041,11.441 -0.069,10.929 0.041,10.429 L 1.501,4.109 C 1.621,3.608 1.941,3.201 2.411,2.98 L 8.301,0.163 C 8.531,0.059 8.771,0 9.021,0 M 9.031,2.689 C 8.941,2.689 8.841,2.735 8.771,2.805 C 8.721,2.858 8.691,2.923 8.671,2.997 L 8.671,3.073 L 8.671,3.166 C 8.671,3.248 8.681,3.317 8.701,3.387 C 8.711,3.422 8.711,3.457 8.731,3.504 L 8.731,3.515 C 8.751,3.748 8.781,3.957 8.761,4.144 C 8.751,4.225 8.701,4.26 8.671,4.295 L 8.661,4.307 L 8.651,4.318 L 8.631,4.47 C 8.421,4.493 8.211,4.516 8.001,4.563 C 7.111,4.761 6.321,5.214 5.701,5.866 L 5.581,5.785 L 5.561,5.785 L 5.491,5.796 C 5.461,5.796 5.421,5.785 5.391,5.761 C 5.271,5.683 5.161,5.578 5.041,5.457 L 4.921,5.331 C 4.901,5.308 4.871,5.273 4.841,5.249 C 4.791,5.191 4.751,5.145 4.691,5.086 C 4.681,5.075 4.651,5.063 4.631,5.04 L 4.611,5.028 L 4.611,5.017 C 4.541,4.958 4.441,4.924 4.351,4.924 C 4.251,4.924 4.141,4.97 4.081,5.052 C 3.981,5.181 3.991,5.371 4.101,5.51 L 4.161,5.575 L 4.191,5.587 L 4.251,5.633 C 4.321,5.68 4.371,5.715 4.441,5.75 L 4.501,5.775 L 4.551,5.808 C 4.761,5.936 4.931,6.041 5.071,6.169 C 5.131,6.227 5.131,6.285 5.131,6.343 L 5.131,6.367 L 5.251,6.471 C 5.221,6.506 5.201,6.53 5.191,6.565 C 4.611,7.484 4.391,8.566 4.541,9.637 L 4.391,9.684 L 4.371,9.707 C 4.351,9.754 4.321,9.8 4.251,9.835 C 4.071,9.893 3.861,9.917 3.621,9.94 L 3.611,9.94 C 3.571,9.94 3.521,9.94 3.491,9.951 C 3.421,9.951 3.351,9.963 3.271,9.975 C 3.241,9.975 3.221,9.986 3.201,9.986 L 3.181,9.988 L 3.161,9.998 C 2.951,10.045 2.831,10.242 2.861,10.429 C 2.901,10.592 3.051,10.696 3.231,10.696 L 3.281,10.695 L 3.331,10.685 C 3.341,10.685 3.351,10.685 3.351,10.673 L 3.421,10.661 C 3.501,10.638 3.561,10.615 3.631,10.58 C 3.661,10.568 3.701,10.545 3.731,10.533 L 3.751,10.533 C 3.971,10.452 4.161,10.382 4.351,10.359 L 4.371,10.359 C 4.441,10.359 4.491,10.394 4.521,10.417 L 4.551,10.429 L 4.711,10.405 C 4.991,11.267 5.531,12.035 6.241,12.593 C 6.401,12.721 6.561,12.826 6.741,12.931 L 6.671,13.082 L 6.681,13.106 C 6.701,13.152 6.721,13.21 6.701,13.292 C 6.631,13.466 6.531,13.641 6.401,13.839 L 6.401,13.85 C 6.381,13.885 6.351,13.909 6.331,13.944 C 6.281,14.002 6.251,14.06 6.201,14.13 C 6.191,14.141 6.181,14.165 6.171,14.188 L 6.161,14.204 L 6.151,14.211 C 6.061,14.409 6.131,14.63 6.311,14.712 C 6.351,14.735 6.401,14.747 6.451,14.747 C 6.561,14.747 6.671,14.687 6.741,14.598 L 6.791,14.525 C 6.791,14.514 6.811,14.502 6.811,14.502 C 6.821,14.479 6.831,14.456 6.841,14.444 C 6.881,14.362 6.891,14.304 6.911,14.234 L 6.931,14.182 L 6.951,14.13 C 7.031,13.897 7.091,13.711 7.191,13.548 C 7.241,13.478 7.291,13.466 7.341,13.443 L 7.351,13.442 L 7.361,13.431 L 7.451,13.28 C 7.961,13.478 8.521,13.583 9.081,13.583 C 9.411,13.583 9.761,13.548 10.091,13.466 C 10.301,13.42 10.501,13.362 10.691,13.292 L 10.761,13.42 C 10.771,13.42 10.771,13.42 10.791,13.431 C 10.841,13.443 10.891,13.466 10.941,13.536 C 11.031,13.699 11.101,13.897 11.181,14.118 L 11.181,14.13 C 11.191,14.165 11.211,14.2 11.221,14.234 C 11.241,14.304 11.251,14.374 11.291,14.444 C 11.301,14.467 11.311,14.479 11.321,14.502 L 11.331,14.518 L 11.331,14.525 C 11.401,14.665 11.541,14.747 11.681,14.747 C 11.731,14.747 11.781,14.735 11.821,14.712 C 11.901,14.665 11.971,14.595 12.001,14.502 C 12.011,14.432 12.021,14.356 12.001,14.283 L 11.971,14.211 C 11.971,14.2 11.961,14.2 11.961,14.188 C 11.951,14.165 11.941,14.141 11.931,14.13 C 11.891,14.06 11.851,14.002 11.801,13.944 C 11.781,13.909 11.751,13.885 11.731,13.85 L 11.731,13.839 C 11.601,13.641 11.481,13.466 11.431,13.292 C 11.401,13.21 11.431,13.164 11.441,13.106 L 11.451,13.082 L 11.391,12.943 C 12.011,12.582 12.531,12.07 12.931,11.441 C 13.141,11.115 13.301,10.755 13.421,10.394 L 13.561,10.417 C 13.571,10.417 13.571,10.405 13.581,10.405 C 13.631,10.382 13.661,10.347 13.731,10.347 L 13.751,10.347 C 13.941,10.37 14.141,10.44 14.361,10.522 L 14.371,10.522 L 14.481,10.568 C 14.551,10.603 14.601,10.626 14.691,10.65 L 14.761,10.661 L 14.771,10.663 L 14.791,10.673 C 14.831,10.685 14.851,10.685 14.881,10.685 C 15.061,10.685 15.211,10.568 15.261,10.417 C 15.261,10.297 15.161,10.143 15.001,10.065 L 14.921,10.033 L 14.911,10.033 C 14.901,10.033 14.881,10.033 14.881,10.021 C 14.861,10.021 14.841,10.01 14.811,10.01 C 14.731,9.998 14.661,9.986 14.591,9.986 C 14.561,9.986 14.521,9.986 14.481,9.975 L 14.461,9.975 C 14.221,9.951 14.021,9.928 13.841,9.87 C 13.751,9.835 13.731,9.788 13.711,9.742 L 13.701,9.73 L 13.701,9.719 L 13.541,9.672 C 13.611,9.137 13.591,8.578 13.461,8.031 C 13.341,7.484 13.111,6.972 12.811,6.506 L 12.931,6.402 L 12.931,6.378 C 12.931,6.32 12.941,6.262 12.991,6.204 C 13.091,6.108 13.221,6.025 13.361,5.935 L 13.511,5.843 L 13.611,5.785 C 13.681,5.75 13.741,5.715 13.811,5.668 C 13.821,5.657 13.851,5.645 13.871,5.622 L 13.891,5.61 L 13.891,5.599 C 14.061,5.459 14.091,5.226 13.981,5.075 C 13.921,4.993 13.811,4.947 13.711,4.947 C 13.641,4.947 13.571,4.966 13.511,5.001 L 13.451,5.04 C 13.441,5.052 13.441,5.052 13.431,5.063 C 13.411,5.075 13.391,5.098 13.371,5.11 C 13.311,5.168 13.271,5.214 13.221,5.273 L 13.181,5.313 L 13.141,5.354 C 12.971,5.529 12.821,5.668 12.671,5.773 C 12.641,5.796 12.601,5.808 12.571,5.808 C 12.541,5.808 12.521,5.808 12.501,5.796 L 12.471,5.796 L 12.331,5.89 C 12.181,5.727 12.021,5.587 11.861,5.447 C 11.161,4.9 10.311,4.563 9.421,4.481 L 9.411,4.33 C 9.401,4.318 9.401,4.318 9.391,4.307 C 9.351,4.272 9.311,4.237 9.301,4.155 C 9.291,3.969 9.311,3.76 9.331,3.527 L 9.331,3.515 C 9.331,3.48 9.341,3.434 9.351,3.399 C 9.371,3.329 9.381,3.259 9.391,3.178 L 9.391,3.073 C 9.391,2.863 9.231,2.689 9.031,2.689 M 9.131,10.778 C 9.171,10.801 9.211,10.83 9.231,10.86 L 9.271,10.906 L 10.171,12.524 C 10.061,12.559 9.951,12.582 9.831,12.617 C 9.561,12.675 9.301,12.71 9.021,12.71 C 8.611,12.71 8.211,12.64 7.841,12.524 L 8.761,10.859 C 8.851,10.755 9.011,10.708 9.131,10.778 M 7.431,9.986 C 7.591,9.975 7.731,10.079 7.761,10.231 C 7.771,10.277 7.771,10.319 7.761,10.358 L 7.751,10.417 L 7.041,12.128 C 6.391,11.709 5.861,11.069 5.581,10.301 L 7.431,9.986 M 10.581,9.975 L 12.441,10.289 C 12.371,10.545 12.251,10.778 12.101,10.999 C 11.811,11.464 11.431,11.837 10.981,12.128 L 10.251,10.37 C 10.221,10.231 10.271,10.079 10.411,10.01 C 10.461,9.986 10.521,9.975 10.581,9.975 M 9.301,8.473 L 9.651,8.916 L 9.531,9.463 L 9.021,9.707 L 8.511,9.463 L 8.381,8.916 L 8.731,8.473 L 9.301,8.473 M 12.121,7.147 C 12.321,7.472 12.471,7.845 12.571,8.252 C 12.661,8.648 12.681,9.044 12.651,9.428 L 10.871,8.916 C 10.711,8.869 10.611,8.706 10.651,8.543 C 10.661,8.497 10.681,8.45 10.721,8.415 L 12.121,7.147 M 5.901,7.147 L 7.281,8.38 C 7.411,8.485 7.421,8.683 7.321,8.811 C 7.281,8.857 7.241,8.892 7.181,8.904 L 5.371,9.428 C 5.301,8.636 5.481,7.833 5.901,7.147 M 8.561,5.424 L 8.461,7.286 C 8.451,7.449 8.321,7.589 8.141,7.589 C 8.101,7.589 8.041,7.577 8.001,7.554 L 6.461,6.448 C 6.931,5.971 7.531,5.645 8.191,5.494 L 8.561,5.424 M 9.471,5.436 C 10.271,5.529 11.011,5.89 11.571,6.448 L 10.041,7.531 C 9.911,7.612 9.741,7.589 9.631,7.461 C 9.601,7.426 9.591,7.379 9.581,7.333 L 9.471,5.436", fill: "currentColor" }) })));
|
|
4626
|
+
};
|
|
4627
|
+
const K8Colored = (props) => {
|
|
4628
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 17.528", children: [jsx("ellipse", { cx: "2481", cy: "592.135", rx: "7.66845", ry: "7.66845", fill: "currentColor" }), jsx("path", { d: "M 9.021,0 C 9.261,0 9.511,0.059 9.731,0.163 L 15.591,2.98 C 16.061,3.201 16.381,3.608 16.501,4.109 L 17.961,10.429 C 18.071,10.929 17.961,11.453 17.631,11.849 L 13.561,16.911 C 13.241,17.307 12.771,17.528 12.261,17.528 L 5.741,17.528 C 5.231,17.528 4.761,17.307 4.441,16.911 L 0.371,11.849 C 0.041,11.441 -0.069,10.929 0.041,10.429 L 1.501,4.109 C 1.621,3.608 1.941,3.201 2.411,2.98 L 8.301,0.163 C 8.531,0.059 8.771,0 9.021,0 M 9.031,2.689 C 8.941,2.689 8.841,2.735 8.771,2.805 C 8.721,2.858 8.691,2.923 8.671,2.997 L 8.671,3.073 L 8.671,3.166 C 8.671,3.248 8.681,3.317 8.701,3.387 C 8.711,3.422 8.711,3.457 8.731,3.504 L 8.731,3.515 C 8.751,3.748 8.781,3.957 8.761,4.144 C 8.751,4.225 8.701,4.26 8.671,4.295 L 8.661,4.307 L 8.651,4.318 L 8.631,4.47 C 8.421,4.493 8.211,4.516 8.001,4.563 C 7.111,4.761 6.321,5.214 5.701,5.866 L 5.581,5.785 L 5.561,5.785 L 5.491,5.796 C 5.461,5.796 5.421,5.785 5.391,5.761 C 5.271,5.683 5.161,5.578 5.041,5.457 L 4.921,5.331 C 4.901,5.308 4.871,5.273 4.841,5.249 C 4.791,5.191 4.751,5.145 4.691,5.086 C 4.681,5.075 4.651,5.063 4.631,5.04 L 4.611,5.028 L 4.611,5.017 C 4.541,4.958 4.441,4.924 4.351,4.924 C 4.251,4.924 4.141,4.97 4.081,5.052 C 3.981,5.181 3.991,5.371 4.101,5.51 L 4.161,5.575 L 4.191,5.587 L 4.251,5.633 C 4.321,5.68 4.371,5.715 4.441,5.75 L 4.501,5.775 L 4.551,5.808 C 4.761,5.936 4.931,6.041 5.071,6.169 C 5.131,6.227 5.131,6.285 5.131,6.343 L 5.131,6.367 L 5.251,6.471 C 5.221,6.506 5.201,6.53 5.191,6.565 C 4.611,7.484 4.391,8.566 4.541,9.637 L 4.391,9.684 L 4.371,9.707 C 4.351,9.754 4.321,9.8 4.251,9.835 C 4.071,9.893 3.861,9.917 3.621,9.94 L 3.611,9.94 C 3.571,9.94 3.521,9.94 3.491,9.951 C 3.421,9.951 3.351,9.963 3.271,9.975 C 3.241,9.975 3.221,9.986 3.201,9.986 L 3.181,9.988 L 3.161,9.998 C 2.951,10.045 2.831,10.242 2.861,10.429 C 2.901,10.592 3.051,10.696 3.231,10.696 L 3.281,10.695 L 3.331,10.685 C 3.341,10.685 3.351,10.685 3.351,10.673 L 3.421,10.661 C 3.501,10.638 3.561,10.615 3.631,10.58 C 3.661,10.568 3.701,10.545 3.731,10.533 L 3.751,10.533 C 3.971,10.452 4.161,10.382 4.351,10.359 L 4.371,10.359 C 4.441,10.359 4.491,10.394 4.521,10.417 L 4.551,10.429 L 4.711,10.405 C 4.991,11.267 5.531,12.035 6.241,12.593 C 6.401,12.721 6.561,12.826 6.741,12.931 L 6.671,13.082 L 6.681,13.106 C 6.701,13.152 6.721,13.21 6.701,13.292 C 6.631,13.466 6.531,13.641 6.401,13.839 L 6.401,13.85 C 6.381,13.885 6.351,13.909 6.331,13.944 C 6.281,14.002 6.251,14.06 6.201,14.13 C 6.191,14.141 6.181,14.165 6.171,14.188 L 6.161,14.204 L 6.151,14.211 C 6.061,14.409 6.131,14.63 6.311,14.712 C 6.351,14.735 6.401,14.747 6.451,14.747 C 6.561,14.747 6.671,14.687 6.741,14.598 L 6.791,14.525 C 6.791,14.514 6.811,14.502 6.811,14.502 C 6.821,14.479 6.831,14.456 6.841,14.444 C 6.881,14.362 6.891,14.304 6.911,14.234 L 6.931,14.182 L 6.951,14.13 C 7.031,13.897 7.091,13.711 7.191,13.548 C 7.241,13.478 7.291,13.466 7.341,13.443 L 7.351,13.442 L 7.361,13.431 L 7.451,13.28 C 7.961,13.478 8.521,13.583 9.081,13.583 C 9.411,13.583 9.761,13.548 10.091,13.466 C 10.301,13.42 10.501,13.362 10.691,13.292 L 10.761,13.42 C 10.771,13.42 10.771,13.42 10.791,13.431 C 10.841,13.443 10.891,13.466 10.941,13.536 C 11.031,13.699 11.101,13.897 11.181,14.118 L 11.181,14.13 C 11.191,14.165 11.211,14.2 11.221,14.234 C 11.241,14.304 11.251,14.374 11.291,14.444 C 11.301,14.467 11.311,14.479 11.321,14.502 L 11.331,14.518 L 11.331,14.525 C 11.401,14.665 11.541,14.747 11.681,14.747 C 11.731,14.747 11.781,14.735 11.821,14.712 C 11.901,14.665 11.971,14.595 12.001,14.502 C 12.011,14.432 12.021,14.356 12.001,14.283 L 11.971,14.211 C 11.971,14.2 11.961,14.2 11.961,14.188 C 11.951,14.165 11.941,14.141 11.931,14.13 C 11.891,14.06 11.851,14.002 11.801,13.944 C 11.781,13.909 11.751,13.885 11.731,13.85 L 11.731,13.839 C 11.601,13.641 11.481,13.466 11.431,13.292 C 11.401,13.21 11.431,13.164 11.441,13.106 L 11.451,13.082 L 11.391,12.943 C 12.011,12.582 12.531,12.07 12.931,11.441 C 13.141,11.115 13.301,10.755 13.421,10.394 L 13.561,10.417 C 13.571,10.417 13.571,10.405 13.581,10.405 C 13.631,10.382 13.661,10.347 13.731,10.347 L 13.751,10.347 C 13.941,10.37 14.141,10.44 14.361,10.522 L 14.371,10.522 L 14.481,10.568 C 14.551,10.603 14.601,10.626 14.691,10.65 L 14.761,10.661 L 14.771,10.663 L 14.791,10.673 C 14.831,10.685 14.851,10.685 14.881,10.685 C 15.061,10.685 15.211,10.568 15.261,10.417 C 15.261,10.297 15.161,10.143 15.001,10.065 L 14.921,10.033 L 14.911,10.033 C 14.901,10.033 14.881,10.033 14.881,10.021 C 14.861,10.021 14.841,10.01 14.811,10.01 C 14.731,9.998 14.661,9.986 14.591,9.986 C 14.561,9.986 14.521,9.986 14.481,9.975 L 14.461,9.975 C 14.221,9.951 14.021,9.928 13.841,9.87 C 13.751,9.835 13.731,9.788 13.711,9.742 L 13.701,9.73 L 13.701,9.719 L 13.541,9.672 C 13.611,9.137 13.591,8.578 13.461,8.031 C 13.341,7.484 13.111,6.972 12.811,6.506 L 12.931,6.402 L 12.931,6.378 C 12.931,6.32 12.941,6.262 12.991,6.204 C 13.091,6.108 13.221,6.025 13.361,5.935 L 13.511,5.843 L 13.611,5.785 C 13.681,5.75 13.741,5.715 13.811,5.668 C 13.821,5.657 13.851,5.645 13.871,5.622 L 13.891,5.61 L 13.891,5.599 C 14.061,5.459 14.091,5.226 13.981,5.075 C 13.921,4.993 13.811,4.947 13.711,4.947 C 13.641,4.947 13.571,4.966 13.511,5.001 L 13.451,5.04 C 13.441,5.052 13.441,5.052 13.431,5.063 C 13.411,5.075 13.391,5.098 13.371,5.11 C 13.311,5.168 13.271,5.214 13.221,5.273 L 13.181,5.313 L 13.141,5.354 C 12.971,5.529 12.821,5.668 12.671,5.773 C 12.641,5.796 12.601,5.808 12.571,5.808 C 12.541,5.808 12.521,5.808 12.501,5.796 L 12.471,5.796 L 12.331,5.89 C 12.181,5.727 12.021,5.587 11.861,5.447 C 11.161,4.9 10.311,4.563 9.421,4.481 L 9.411,4.33 C 9.401,4.318 9.401,4.318 9.391,4.307 C 9.351,4.272 9.311,4.237 9.301,4.155 C 9.291,3.969 9.311,3.76 9.331,3.527 L 9.331,3.515 C 9.331,3.48 9.341,3.434 9.351,3.399 C 9.371,3.329 9.381,3.259 9.391,3.178 L 9.391,3.073 C 9.391,2.863 9.231,2.689 9.031,2.689 M 9.131,10.778 C 9.171,10.801 9.211,10.83 9.231,10.86 L 9.271,10.906 L 10.171,12.524 C 10.061,12.559 9.951,12.582 9.831,12.617 C 9.561,12.675 9.301,12.71 9.021,12.71 C 8.611,12.71 8.211,12.64 7.841,12.524 L 8.761,10.859 C 8.851,10.755 9.011,10.708 9.131,10.778 M 7.431,9.986 C 7.591,9.975 7.731,10.079 7.761,10.231 C 7.771,10.277 7.771,10.319 7.761,10.358 L 7.751,10.417 L 7.041,12.128 C 6.391,11.709 5.861,11.069 5.581,10.301 L 7.431,9.986 M 10.581,9.975 L 12.441,10.289 C 12.371,10.545 12.251,10.778 12.101,10.999 C 11.811,11.464 11.431,11.837 10.981,12.128 L 10.251,10.37 C 10.221,10.231 10.271,10.079 10.411,10.01 C 10.461,9.986 10.521,9.975 10.581,9.975 M 9.301,8.473 L 9.651,8.916 L 9.531,9.463 L 9.021,9.707 L 8.511,9.463 L 8.381,8.916 L 8.731,8.473 L 9.301,8.473 M 12.121,7.147 C 12.321,7.472 12.471,7.845 12.571,8.252 C 12.661,8.648 12.681,9.044 12.651,9.428 L 10.871,8.916 C 10.711,8.869 10.611,8.706 10.651,8.543 C 10.661,8.497 10.681,8.45 10.721,8.415 L 12.121,7.147 M 5.901,7.147 L 7.281,8.38 C 7.411,8.485 7.421,8.683 7.321,8.811 C 7.281,8.857 7.241,8.892 7.181,8.904 L 5.371,9.428 C 5.301,8.636 5.481,7.833 5.901,7.147 M 8.561,5.424 L 8.461,7.286 C 8.451,7.449 8.321,7.589 8.141,7.589 C 8.101,7.589 8.041,7.577 8.001,7.554 L 6.461,6.448 C 6.931,5.971 7.531,5.645 8.191,5.494 L 8.561,5.424 M 9.471,5.436 C 10.271,5.529 11.011,5.89 11.571,6.448 L 10.041,7.531 C 9.911,7.612 9.741,7.589 9.631,7.461 C 9.601,7.426 9.591,7.379 9.581,7.333 L 9.471,5.436", fill: "currentColor" })] })));
|
|
4629
|
+
};
|
|
4630
|
+
|
|
4631
|
+
const MicrosoftAzure = (props) => {
|
|
4632
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 15", children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 0,13.535 L 5.19,4.893 L 11.25,0 L 4.68,13.548 L 4.68,13.535 L 0,13.535 M 13.99,13.376 L 9.11,7.743 L 11.65,0.968 L 20,15 L 4.5,15 L 13.99,13.376", fill: "currentColor" }) })));
|
|
4633
|
+
};
|
|
4634
|
+
const MicrosoftAzureColored = (props) => {
|
|
4635
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 15", children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 0,13.535 L 5.19,4.893 L 11.25,0 L 4.68,13.548 L 4.68,13.535 L 0,13.535 M 13.99,13.376 L 9.11,7.743 L 11.65,0.968 L 20,15 L 4.5,15 L 13.99,13.376", fill: "currentColor" }) })));
|
|
4058
4636
|
};
|
|
4059
4637
|
|
|
4060
4638
|
const OracleLogo = (props) => {
|
|
@@ -4064,14 +4642,21 @@ const OracleLogoColored = (props) => {
|
|
|
4064
4642
|
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 12.625", children: jsx("path", { d: "M 6.31,12.625 C 2.79,12.625 1.364e-12,9.767 1.364e-12,6.312 C 1.364e-12,2.79 2.86,0 6.31,0 L 13.69,0 C 17.21,0 20,2.857 20,6.312 C 20,9.834 17.14,12.625 13.69,12.625 L 6.31,12.625 M 13.56,10.365 C 15.81,10.365 17.67,8.505 17.67,6.245 C 17.67,3.986 15.81,2.126 13.56,2.126 L 6.51,2.126 C 4.25,2.126 2.39,3.986 2.39,6.245 C 2.39,8.505 4.25,10.365 6.51,10.365 L 13.56,10.365", fill: "currentColor" }) })));
|
|
4065
4643
|
};
|
|
4066
4644
|
|
|
4645
|
+
const BRACKET_PATH = "M 10,10.583 C 10.55,10.583 11,11.033 11,11.583 L 11,13.583 L 19,13.583 C 19.55,13.583 20,14.033 20,14.583 L 20,17.583 C 20,18.143 19.55,18.583 19,18.583 C 18.45,18.583 18,18.143 18,17.583 L 18,15.583 L 11,15.583 L 11,17.583 C 11,18.143 10.55,18.583 10,18.583 C 9.45,18.583 9,18.143 9,17.583 L 9,15.583 L 2,15.583 L 2,17.583 C 2,18.143 1.55,18.583 1,18.583 C 0.45,18.583 0,18.143 0,17.583 L 0,14.583 C 0,14.033 0.45,13.583 1,13.583 L 9,13.583 L 9,11.583 C 9,11.033 9.45,10.583 10,10.583";
|
|
4646
|
+
const ARROW_PATH = "M 11.06,7.643 L 12.29,8.883 C 12.68,9.273 13.32,9.273 13.71,8.883 L 17.29,5.293 C 17.68,4.903 17.68,4.273 17.29,3.883 L 13.71,0.293 C 13.32,-0.097 12.68,-0.097 12.29,0.293 L 11.06,1.523 L 12.35,2.823 C 12.39,2.863 12.43,2.903 12.47,2.943 L 13,2.413 L 15.17,4.583 L 13,6.753 L 12.47,6.233 C 12.43,6.273 12.39,6.313 12.35,6.353 L 11.06,7.643";
|
|
4647
|
+
const DIAMOND_PATH = "M 6.29,0.293 C 6.68,-0.097 7.32,-0.097 7.71,0.293 L 11.29,3.883 C 11.68,4.273 11.68,4.903 11.29,5.293 L 7.71,8.883 C 7.32,9.273 6.68,9.273 6.29,8.883 L 2.71,5.293 C 2.32,4.903 2.32,4.273 2.71,3.883 L 6.29,0.293";
|
|
4067
4648
|
function OrgSwitcherWeak(props) {
|
|
4068
|
-
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsx("path", { d:
|
|
4649
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsx("path", { d: BRACKET_PATH, fill: "currentColor" }) })));
|
|
4069
4650
|
}
|
|
4070
4651
|
function OrgSwitcherMedium(props) {
|
|
4071
|
-
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsx("path", { d:
|
|
4652
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsx("path", { d: `${BRACKET_PATH} ${ARROW_PATH}`, fill: "currentColor" }) })));
|
|
4072
4653
|
}
|
|
4073
4654
|
function OrgSwitcherDefault(props) {
|
|
4074
|
-
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsx("path", { d:
|
|
4655
|
+
return (jsx(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsx("path", { d: `${BRACKET_PATH} ${DIAMOND_PATH}`, fill: "currentColor" }) })));
|
|
4656
|
+
}
|
|
4657
|
+
function OrgSwitcher(props) {
|
|
4658
|
+
const { vars } = useTheme().palette;
|
|
4659
|
+
return (jsxs(SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: [jsx("path", { d: BRACKET_PATH, fill: vars.brandIconSecondaryWeak }), jsx("path", { d: ARROW_PATH, fill: vars.brandIconSecondaryWeak }), jsx("path", { d: DIAMOND_PATH, fill: vars.brandIconSecondaryDefault })] })));
|
|
4075
4660
|
}
|
|
4076
4661
|
|
|
4077
4662
|
var index = /*#__PURE__*/Object.freeze({
|
|
@@ -4860,6 +5445,7 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
4860
5445
|
OracleServicesSubnet: OracleServicesSubnet,
|
|
4861
5446
|
OracleServicesUser: OracleServicesUser,
|
|
4862
5447
|
OracleServicesVirtualNetwork: OracleServicesVirtualNetwork,
|
|
5448
|
+
OrgSwitcher: OrgSwitcher,
|
|
4863
5449
|
OrgSwitcherDefault: OrgSwitcherDefault,
|
|
4864
5450
|
OrgSwitcherMedium: OrgSwitcherMedium,
|
|
4865
5451
|
OrgSwitcherWeak: OrgSwitcherWeak,
|
|
@@ -5110,15 +5696,15 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
5110
5696
|
});
|
|
5111
5697
|
|
|
5112
5698
|
const StyledAccordion = styled(Accordion$1, {
|
|
5113
|
-
shouldForwardProp: (prop) => prop !== "contained" && prop !== "
|
|
5114
|
-
})(({ theme, contained,
|
|
5699
|
+
shouldForwardProp: (prop) => prop !== "contained" && prop !== "showBorder",
|
|
5700
|
+
})(({ theme, contained, showBorder }) => (Object.assign(Object.assign({ padding: 0, color: theme.palette.vars.baseTextStrong, backgroundColor: "transparent", boxShadow: "none", "&::before": {
|
|
5115
5701
|
display: "none",
|
|
5116
5702
|
}, "&.Mui-expanded": {
|
|
5117
5703
|
marginTop: 0,
|
|
5118
5704
|
}, "&.Mui-disabled": {
|
|
5119
5705
|
color: theme.palette.vars.baseTextDisabled,
|
|
5120
5706
|
backgroundColor: "transparent",
|
|
5121
|
-
} }, (
|
|
5707
|
+
} }, (showBorder &&
|
|
5122
5708
|
!contained && {
|
|
5123
5709
|
borderTop: `1px solid ${theme.palette.vars.controlBorderDefault}`,
|
|
5124
5710
|
})), (contained && {
|
|
@@ -5207,12 +5793,13 @@ const StyledAccordionContent = styled(Box)(() => ({
|
|
|
5207
5793
|
}));
|
|
5208
5794
|
|
|
5209
5795
|
const Accordion = (_a) => {
|
|
5210
|
-
var { contained = false, size = "large", arrowPosition = "left", title, subTitle, titleStartIcon, titleEndIcon, titleSlot, subTitleStartIcon, subTitleEndIcon, subTitleSlot, action, endSlot, showDivider, accordionSummaryProps, detailsContentBoxProps, children } = _a, props = __rest(_a, ["contained", "size", "arrowPosition", "title", "subTitle", "titleStartIcon", "titleEndIcon", "titleSlot", "subTitleStartIcon", "subTitleEndIcon", "subTitleSlot", "action", "endSlot", "showDivider", "accordionSummaryProps", "detailsContentBoxProps", "children"]);
|
|
5796
|
+
var { contained = false, size = "large", arrowPosition = "left", title, subTitle, titleStartIcon, titleEndIcon, titleSlot, subTitleStartIcon, subTitleEndIcon, subTitleSlot, action, endSlot, showDivider, showBorder, accordionSummaryProps, detailsContentBoxProps, children } = _a, props = __rest(_a, ["contained", "size", "arrowPosition", "title", "subTitle", "titleStartIcon", "titleEndIcon", "titleSlot", "subTitleStartIcon", "subTitleEndIcon", "subTitleSlot", "action", "endSlot", "showDivider", "showBorder", "accordionSummaryProps", "detailsContentBoxProps", "children"]);
|
|
5211
5797
|
const textVariant = size === "large" ? "h6" : "body2Semibold";
|
|
5212
5798
|
const summaryTextLineHeight = size === "large" ? "24px" : "20px";
|
|
5213
5799
|
const mediumSize = size === "medium";
|
|
5214
5800
|
const shouldShowDivider = showDivider !== null && showDivider !== void 0 ? showDivider : (mediumSize && !contained);
|
|
5215
|
-
|
|
5801
|
+
const shouldShowBorder = showBorder !== null && showBorder !== void 0 ? showBorder : (mediumSize && !contained);
|
|
5802
|
+
return (jsxs(StyledAccordion, Object.assign({}, props, { showBorder: shouldShowBorder, contained: contained, children: [jsxs(StyledAccordionSummary, Object.assign({ "aria-controls": "panel-content", disableRipple: true, expandIcon: jsx(KeyboardArrowRight, { fontSize: "small" }) }, accordionSummaryProps, { contained: contained, arrowPosition: arrowPosition, mediumSize: mediumSize, children: [jsxs(StyledSummaryValue, { children: [titleStartIcon, jsx(Typography, { variant: textVariant, noWrap: true, sx: (theme) => ({
|
|
5216
5803
|
color: textVariant === "h6"
|
|
5217
5804
|
? theme.palette.vars.baseTextStrong
|
|
5218
5805
|
: theme.palette.vars.baseTextDefault,
|
|
@@ -5383,7 +5970,8 @@ const ActivityTimeline = (_a) => {
|
|
|
5383
5970
|
var _a, _b;
|
|
5384
5971
|
return (jsxs(StyledTimelineItem, { children: [jsxs(StyledTimelineSeparator, { children: [jsx(ActivityTimelineDot, Object.assign({ automaticProgress: automaticProgress, status: step.status }, (automaticProgress && { percent: setPercent(index) }))), index < steps.length - 1 && (jsx(StyledTimelineConnector, { lineColor: setStepColor(automaticProgress
|
|
5385
5972
|
? ActivityTimelineStepStatus.InProgress
|
|
5386
|
-
: step.status, theme) }))] }), jsx(StyledTimelineContent, { mediumSize: isMedium, children: step.content ? (jsx(Accordion, { defaultExpanded: step.defaultExpanded, title: step.title, titleStartIcon: step.titleStartIcon, subTitle: step.subTitle, size: size,
|
|
5973
|
+
: step.status, theme) }))] }), jsx(StyledTimelineContent, { mediumSize: isMedium, children: step.content ? (jsx(Accordion, { defaultExpanded: step.defaultExpanded, title: step.title, titleStartIcon: step.titleStartIcon, subTitle: step.subTitle, size: size,
|
|
5974
|
+
showBorder: false, showDivider: false, children: step.content })) : (jsxs(Typography, { variant: isMedium ? "body2Semibold" : "h6", sx: [
|
|
5387
5975
|
{
|
|
5388
5976
|
alignItems: "center",
|
|
5389
5977
|
color: isMedium
|
|
@@ -5539,7 +6127,7 @@ const StyledAvatar = styled(Avatar$1, {
|
|
|
5539
6127
|
borderRadius: "50px",
|
|
5540
6128
|
backgroundColor: hasImage
|
|
5541
6129
|
? "transparent"
|
|
5542
|
-
: theme.palette.vars.
|
|
6130
|
+
: theme.palette.vars.interactivePrimaryWeakDefault,
|
|
5543
6131
|
color: theme.palette.vars.brandIconPrimaryDefault,
|
|
5544
6132
|
fontSize: avatarSize === "L" ? "16px" : "12px",
|
|
5545
6133
|
fontWeight: 600,
|
|
@@ -5561,7 +6149,7 @@ const StyledAvatar = styled(Avatar$1, {
|
|
|
5561
6149
|
"&:hover": {
|
|
5562
6150
|
backgroundColor: hasImage
|
|
5563
6151
|
? "transparent"
|
|
5564
|
-
: theme.palette.vars.
|
|
6152
|
+
: theme.palette.vars.interactivePrimaryWeakHover,
|
|
5565
6153
|
color: theme.palette.vars.brandIconPrimaryStrong,
|
|
5566
6154
|
"& .MuiSvgIcon-root": {
|
|
5567
6155
|
color: theme.palette.vars.brandIconPrimaryStrong,
|
|
@@ -5586,7 +6174,7 @@ const StyledAvatarGroup = styled(AvatarGroup$1, {
|
|
|
5586
6174
|
width: avatarSize === "L" ? 40 : 32,
|
|
5587
6175
|
height: avatarSize === "L" ? 40 : 32,
|
|
5588
6176
|
borderRadius: "50px",
|
|
5589
|
-
backgroundColor: theme.palette.vars.
|
|
6177
|
+
backgroundColor: theme.palette.vars.interactivePrimaryWeakDefault,
|
|
5590
6178
|
border: `2px solid ${theme.palette.mode === "dark"
|
|
5591
6179
|
? theme.palette.vars.baseBorderWeak
|
|
5592
6180
|
: theme.palette.vars.baseBackgroundWeak}`,
|
|
@@ -5600,641 +6188,103 @@ const StyledAvatarGroup = styled(AvatarGroup$1, {
|
|
|
5600
6188
|
"&:first-of-type": {
|
|
5601
6189
|
marginLeft: 0,
|
|
5602
6190
|
},
|
|
5603
|
-
},
|
|
5604
|
-
}));
|
|
5605
|
-
|
|
5606
|
-
const Avatar = (_a) => {
|
|
5607
|
-
var { size = "L", src, alt, initials, icon } = _a, props = __rest(_a, ["size", "src", "alt", "initials", "icon"]);
|
|
5608
|
-
const hasImage = !!src;
|
|
5609
|
-
return (jsx(StyledAvatar, Object.assign({ avatarSize: size, hasImage: hasImage }, props, { children: hasImage ? (jsxs(Fragment, { children: [jsx(Box, { component: "img", className: "avatar-image", src: src, alt: alt !== null && alt !== void 0 ? alt : "" }), jsx(AvatarImageOverlay, { className: "avatar-image-overlay" })] })) : icon ? (icon) : (initials) })));
|
|
5610
|
-
};
|
|
5611
|
-
|
|
5612
|
-
const AvatarGroup = (_a) => {
|
|
5613
|
-
var { size = "L", children } = _a, props = __rest(_a, ["size", "children"]);
|
|
5614
|
-
return (jsx(StyledAvatarGroup, Object.assign({ avatarSize: size }, props, { children: React__default.Children.map(children, (child) => {
|
|
5615
|
-
if (!React__default.isValidElement(child))
|
|
5616
|
-
return child;
|
|
5617
|
-
return jsx(Avatar, Object.assign({}, child.props, { size: size }));
|
|
5618
|
-
}) })));
|
|
5619
|
-
};
|
|
5620
|
-
|
|
5621
|
-
const styles$7 = {
|
|
5622
|
-
styledPaper: {
|
|
5623
|
-
width: "480px",
|
|
5624
|
-
maxWidth: "calc(100vw - 80px)",
|
|
5625
|
-
},
|
|
5626
|
-
styledBody: {
|
|
5627
|
-
display: "flex",
|
|
5628
|
-
flexDirection: "column",
|
|
5629
|
-
alignItems: "stretch",
|
|
5630
|
-
gap: "16px",
|
|
5631
|
-
width: "100%",
|
|
5632
|
-
},
|
|
5633
|
-
styledBodyText: (theme) => ({
|
|
5634
|
-
fontFamily: theme.typography.body2.fontFamily,
|
|
5635
|
-
fontWeight: theme.typography.body2.fontWeight,
|
|
5636
|
-
fontSize: theme.typography.body2.fontSize,
|
|
5637
|
-
lineHeight: theme.typography.body2.lineHeight,
|
|
5638
|
-
letterSpacing: theme.typography.body2.letterSpacing,
|
|
5639
|
-
color: theme.palette.vars.baseTextDefault,
|
|
5640
|
-
}),
|
|
5641
|
-
styledCommentSection: {
|
|
5642
|
-
display: "flex",
|
|
5643
|
-
flexDirection: "column",
|
|
5644
|
-
gap: "8px",
|
|
5645
|
-
width: "100%",
|
|
5646
|
-
},
|
|
5647
|
-
styledTextArea: (theme) => ({
|
|
5648
|
-
width: "100%",
|
|
5649
|
-
"&& .MuiInput-root.MuiInputBase-multiline": {
|
|
5650
|
-
marginTop: 0,
|
|
5651
|
-
minHeight: "138px",
|
|
5652
|
-
alignItems: "flex-start",
|
|
5653
|
-
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
5654
|
-
},
|
|
5655
|
-
"& .MuiFormHelperText-root.Mui-error": {
|
|
5656
|
-
marginBottom: "12px",
|
|
5657
|
-
},
|
|
5658
|
-
}),
|
|
5659
|
-
styledDismiss: {
|
|
5660
|
-
display: "flex",
|
|
5661
|
-
gap: "8px",
|
|
5662
|
-
alignItems: "center",
|
|
5663
|
-
},
|
|
5664
|
-
styledConfirmButton: {
|
|
5665
|
-
"&&.Mui-disabled": {
|
|
5666
|
-
opacity: 1,
|
|
5667
|
-
},
|
|
5668
|
-
},
|
|
5669
|
-
styledCommentSuggestionsStack: {
|
|
5670
|
-
display: "flex",
|
|
5671
|
-
flexDirection: "row",
|
|
5672
|
-
flexWrap: "wrap",
|
|
5673
|
-
gap: "8px",
|
|
5674
|
-
},
|
|
5675
|
-
styledSuggestionTag: {
|
|
5676
|
-
width: "max-content",
|
|
5677
|
-
},
|
|
5678
|
-
};
|
|
5679
|
-
|
|
5680
|
-
const DialogTitle = (_a) => {
|
|
5681
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
5682
|
-
const theme = useTheme();
|
|
5683
|
-
return (jsx(Typography, Object.assign({ variant: "h5" }, props, { sx: [
|
|
5684
|
-
{
|
|
5685
|
-
padding: 0,
|
|
5686
|
-
lineHeight: "30px",
|
|
5687
|
-
color: theme.palette.vars.baseTextStrong,
|
|
5688
|
-
},
|
|
5689
|
-
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
5690
|
-
], children: children })));
|
|
5691
|
-
};
|
|
5692
|
-
|
|
5693
|
-
const DialogSubtitle = (_a) => {
|
|
5694
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
5695
|
-
const theme = useTheme();
|
|
5696
|
-
return (jsx(Typography, Object.assign({ variant: "subtitle1" }, props, { sx: [
|
|
5697
|
-
{ padding: 0, color: theme.palette.vars.baseTextDefault },
|
|
5698
|
-
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
5699
|
-
], children: children })));
|
|
5700
|
-
};
|
|
5701
|
-
|
|
5702
|
-
const surfaceLight50 = "#fbfcfe";
|
|
5703
|
-
const surfaceLight100 = "#f5f8fd";
|
|
5704
|
-
const surfaceLight200 = "#eff3fc";
|
|
5705
|
-
const surfaceLight300 = "#e8eefb";
|
|
5706
|
-
const surfaceLight400 = "#e3eafa";
|
|
5707
|
-
const surfaceLight500 = "#dee6f9";
|
|
5708
|
-
const surfaceLight600 = "#dae3f8";
|
|
5709
|
-
const surfaceLight700 = "#d5dff7";
|
|
5710
|
-
const surfaceLight800 = "#d1dbf6";
|
|
5711
|
-
const surfaceLight900 = "#c8d5f5";
|
|
5712
|
-
const surfaceLight50Alpha40 = "#fbfcfe66";
|
|
5713
|
-
const surfaceLight800Alpha40 = "#d1dbf666";
|
|
5714
|
-
const surfaceLight900Alpha40 = "#c8d5f566";
|
|
5715
|
-
const surfaceLight900Alpha10 = "#c8d5f519";
|
|
5716
|
-
const surfaceDark50 = "#4f628d";
|
|
5717
|
-
const surfaceDark100 = "#3a4e77";
|
|
5718
|
-
const surfaceDark200 = "#31466e";
|
|
5719
|
-
const surfaceDark300 = "#263b62";
|
|
5720
|
-
const surfaceDark400 = "#183056";
|
|
5721
|
-
const surfaceDark500 = "#0d274d";
|
|
5722
|
-
const surfaceDark600 = "#062242";
|
|
5723
|
-
const surfaceDark700 = "#001c3b";
|
|
5724
|
-
const surfaceDark800 = "#041930";
|
|
5725
|
-
const surfaceDark900 = "#00142b";
|
|
5726
|
-
const surfaceDark800Alpha40 = "#04193066";
|
|
5727
|
-
const surfaceDark900Alpha40 = "#00142b66";
|
|
5728
|
-
const surfaceDark900Alpha10 = "#00142b19";
|
|
5729
|
-
const blue50 = "#e8f1ff";
|
|
5730
|
-
const blue100 = "#9bcaff";
|
|
5731
|
-
const blue200 = "#79b9ff";
|
|
5732
|
-
const blue300 = "#187adc";
|
|
5733
|
-
const blue400 = "#0063c2";
|
|
5734
|
-
const blue500 = "#0051af";
|
|
5735
|
-
const blue600 = "#004ba8";
|
|
5736
|
-
const blue700 = "#00409f";
|
|
5737
|
-
const blue800 = "#003796";
|
|
5738
|
-
const blue900 = "#002786";
|
|
5739
|
-
const blueAlpha40 = "#0051af66";
|
|
5740
|
-
const blueAlpha10 = "#0051af19";
|
|
5741
|
-
const blueFocusRingWeak = "#cce1ff";
|
|
5742
|
-
const blueFocusRingStrong = "#3e84e5";
|
|
5743
|
-
const lightBlue50 = "#edfcff";
|
|
5744
|
-
const lightBlue100 = "#bcf2ff";
|
|
5745
|
-
const lightBlue200 = "#8fe9ff";
|
|
5746
|
-
const lightBlue300 = "#62e0ff";
|
|
5747
|
-
const lightBlue400 = "#41d9ff";
|
|
5748
|
-
const lightBlue500 = "#1fd2ff";
|
|
5749
|
-
const lightBlue600 = "#1bcdff";
|
|
5750
|
-
const lightBlue700 = "#17c7ff";
|
|
5751
|
-
const lightBlue800 = "#12c1ff";
|
|
5752
|
-
const lightBlue900 = "#0ab6ff";
|
|
5753
|
-
const lightBlueAlpha40 = "#1fd2ff66";
|
|
5754
|
-
const lightBlueAlpha10 = "#1fd2ff19";
|
|
5755
|
-
const grey0 = "#ffffff";
|
|
5756
|
-
const grey50 = "#e8e9ea";
|
|
5757
|
-
const grey100 = "#c5c7cb";
|
|
5758
|
-
const grey200 = "#9ea2a8";
|
|
5759
|
-
const grey300 = "#777d85";
|
|
5760
|
-
const grey400 = "#59616b";
|
|
5761
|
-
const grey500 = "#3c4551";
|
|
5762
|
-
const grey600 = "#363e4a";
|
|
5763
|
-
const grey700 = "#2e3640";
|
|
5764
|
-
const grey800 = "#272e37";
|
|
5765
|
-
const grey900 = "#1a1f27";
|
|
5766
|
-
const greyAlpha40 = "#3c455166";
|
|
5767
|
-
const greyAlpha10 = "#3c455119";
|
|
5768
|
-
const purple50 = "#faecff";
|
|
5769
|
-
const purple100 = "#f1dbff";
|
|
5770
|
-
const purple200 = "#deb8ff";
|
|
5771
|
-
const purple300 = "#ca93ff";
|
|
5772
|
-
const purple400 = "#c080ff";
|
|
5773
|
-
const purple500 = "#b76dff";
|
|
5774
|
-
const purple600 = "#9c4eea";
|
|
5775
|
-
const purple700 = "#6a21ba";
|
|
5776
|
-
const purple800 = "#5300a4";
|
|
5777
|
-
const purple900 = "#1b0077";
|
|
5778
|
-
const purpleAlpha40 = "#b76dff66";
|
|
5779
|
-
const purpleAlpha10 = "#b76dff19";
|
|
5780
|
-
const red50 = "#f8e5ea";
|
|
5781
|
-
const red100 = "#eebfcb";
|
|
5782
|
-
const red200 = "#e394a9";
|
|
5783
|
-
const red300 = "#d76987";
|
|
5784
|
-
const red400 = "#cf496d";
|
|
5785
|
-
const red500 = "#c62953";
|
|
5786
|
-
const red600 = "#c0244c";
|
|
5787
|
-
const red700 = "#b91f42";
|
|
5788
|
-
const red800 = "#b11939";
|
|
5789
|
-
const red900 = "#a40f29";
|
|
5790
|
-
const redAlpha40 = "#c6295366";
|
|
5791
|
-
const redAlpha10 = "#c6295319";
|
|
5792
|
-
const orange50 = "#fdece8";
|
|
5793
|
-
const orange100 = "#fbd1c5";
|
|
5794
|
-
const orange200 = "#f9b29e";
|
|
5795
|
-
const orange300 = "#f69377";
|
|
5796
|
-
const orange400 = "#f47b5a";
|
|
5797
|
-
const orange500 = "#f2643d";
|
|
5798
|
-
const orange600 = "#f05c37";
|
|
5799
|
-
const orange700 = "#ee522f";
|
|
5800
|
-
const orange800 = "#ec4827";
|
|
5801
|
-
const orange900 = "#e8361a";
|
|
5802
|
-
const orangeAlpha40 = "#f2643d66";
|
|
5803
|
-
const orangeAlpha10 = "#f2643d19";
|
|
5804
|
-
const lightOrange50 = "#fff5e9";
|
|
5805
|
-
const lightOrange100 = "#ffe7c7";
|
|
5806
|
-
const lightOrange200 = "#ffd7a2";
|
|
5807
|
-
const lightOrange300 = "#ffc77d";
|
|
5808
|
-
const lightOrange400 = "#ffbb61";
|
|
5809
|
-
const lightOrange500 = "#fbaf45";
|
|
5810
|
-
const lightOrange600 = "#fbab2c";
|
|
5811
|
-
const lightOrange700 = "#fb9f36";
|
|
5812
|
-
const lightOrange800 = "#fb962e";
|
|
5813
|
-
const lightOrange900 = "#fb861f";
|
|
5814
|
-
const lightAlphaOrange40 = "#fbaf4566";
|
|
5815
|
-
const lightAlphaOrange10 = "#fbaf4519";
|
|
5816
|
-
const yellow50 = "#fffceb";
|
|
5817
|
-
const yellow100 = "#fff8cd";
|
|
5818
|
-
const yellow200 = "#fff3ac";
|
|
5819
|
-
const yellow300 = "#ffee8b";
|
|
5820
|
-
const yellow400 = "#ffea72";
|
|
5821
|
-
const yellow500 = "#ffe659";
|
|
5822
|
-
const yellow600 = "#ffe351";
|
|
5823
|
-
const yellow700 = "#ffdf48";
|
|
5824
|
-
const yellow800 = "#ffdb3e";
|
|
5825
|
-
const yellow900 = "#ffd52e";
|
|
5826
|
-
const yellowAlpha40 = "#ffe65966";
|
|
5827
|
-
const yellowAlpha10 = "#ffe65919";
|
|
5828
|
-
const green50 = "#ebfbf7";
|
|
5829
|
-
const green100 = "#b3eadd";
|
|
5830
|
-
const green200 = "#80dcc6";
|
|
5831
|
-
const green300 = "#4dceaf";
|
|
5832
|
-
const green400 = "#26c49e";
|
|
5833
|
-
const green500 = "#00b98d";
|
|
5834
|
-
const green600 = "#00b285";
|
|
5835
|
-
const green700 = "#00aa7a";
|
|
5836
|
-
const green800 = "#00a270";
|
|
5837
|
-
const green900 = "#00935d";
|
|
5838
|
-
const green40 = "#00b98d66";
|
|
5839
|
-
const green10 = "#00b98d19";
|
|
5840
|
-
const night10 = "#dff1f5";
|
|
5841
|
-
const night50 = "#96d0dd";
|
|
5842
|
-
const night100 = "#62bed2";
|
|
5843
|
-
const night200 = "#46aace";
|
|
5844
|
-
const night300 = "#3d91be";
|
|
5845
|
-
const night400 = "#3577ae";
|
|
5846
|
-
const night500 = "#2d5e9e";
|
|
5847
|
-
const night600 = "#24448e";
|
|
5848
|
-
const night700 = "#1c2b7f";
|
|
5849
|
-
const night800 = "#162065";
|
|
5850
|
-
const night900 = "#11174b";
|
|
5851
|
-
const sunset10 = "#fff6d4";
|
|
5852
|
-
const sunset50 = "#f9cdac";
|
|
5853
|
-
const sunset100 = "#f3aca2";
|
|
5854
|
-
const sunset200 = "#ee8b97";
|
|
5855
|
-
const sunset300 = "#e96a8d";
|
|
5856
|
-
const sunset400 = "#db5087";
|
|
5857
|
-
const sunset500 = "#b8428c";
|
|
5858
|
-
const sunset600 = "#973490";
|
|
5859
|
-
const sunset700 = "#742796";
|
|
5860
|
-
const sunset800 = "#5e1f88";
|
|
5861
|
-
const sunset900 = "#4d1a70";
|
|
5862
|
-
const lavender10 = "#f1f5ff";
|
|
5863
|
-
const lavender50 = "#e0e5ff";
|
|
5864
|
-
const lavender100 = "#c8cdfb";
|
|
5865
|
-
const lavender200 = "#bac1ff";
|
|
5866
|
-
const lavender300 = "#a8afff";
|
|
5867
|
-
const lavender400 = "#9ca6ff";
|
|
5868
|
-
const lavender500 = "#8a95ff";
|
|
5869
|
-
const lavender600 = "#5c6ddd";
|
|
5870
|
-
const lavender700 = "#2847a5";
|
|
5871
|
-
const lavender800 = "#00358f";
|
|
5872
|
-
const lavender900 = "#002378";
|
|
5873
|
-
const lime10 = "#fcfee8";
|
|
5874
|
-
const lime50 = "#fcffd0";
|
|
5875
|
-
const lime100 = "#eaff80";
|
|
5876
|
-
const lime200 = "#d3f474";
|
|
5877
|
-
const lime300 = "#bbdc5e";
|
|
5878
|
-
const lime400 = "#a4c547";
|
|
5879
|
-
const lime500 = "#89ab2c";
|
|
5880
|
-
const lime600 = "#7da11b";
|
|
5881
|
-
const lime700 = "#5f8200";
|
|
5882
|
-
const lime800 = "#345900";
|
|
5883
|
-
const lime900 = "#193100";
|
|
5884
|
-
const pink10 = "#fff9ff";
|
|
5885
|
-
const pink50 = "#ffdeea";
|
|
5886
|
-
const pink100 = "#ffc4d5";
|
|
5887
|
-
const pink200 = "#ffa6ca";
|
|
5888
|
-
const pink300 = "#ff87a9";
|
|
5889
|
-
const pink400 = "#f2638c";
|
|
5890
|
-
const pink500 = "#e3447c";
|
|
5891
|
-
const pink600 = "#c2306f";
|
|
5892
|
-
const pink700 = "#97174a";
|
|
5893
|
-
const pink800 = "#7f0037";
|
|
5894
|
-
const pink900 = "#500014";
|
|
5895
|
-
const teal10 = "#efffff";
|
|
5896
|
-
const teal50 = "#c7ffff";
|
|
5897
|
-
const teal100 = "#92ffff";
|
|
5898
|
-
const teal200 = "#78fbff";
|
|
5899
|
-
const teal300 = "#5de2e8";
|
|
5900
|
-
const teal400 = "#3ecbd1";
|
|
5901
|
-
const teal500 = "#0bb2b8";
|
|
5902
|
-
const teal600 = "#028e99";
|
|
5903
|
-
const teal700 = "#007178";
|
|
5904
|
-
const teal800 = "#00484f";
|
|
5905
|
-
const teal900 = "#00353c";
|
|
5906
|
-
const outshiftLogoLightOrange = "#fbaf45";
|
|
5907
|
-
const outshiftBlue = "#0051af";
|
|
5908
|
-
const outshiftMidnightBlue = "#0d274d";
|
|
5909
|
-
const agentcyYellow = "#fbaf45";
|
|
5910
|
-
const illustrationShell = "#1e2939";
|
|
5911
|
-
const illustrationRing = "#2e3e57";
|
|
5912
|
-
const illustrationSurface = "#233043";
|
|
5913
|
-
const illustrationSurfaceSubtle = "#2e3640";
|
|
5914
|
-
const illustrationStroke = "#384d6b";
|
|
5915
|
-
const illustrationGradientStart = "#384c6b";
|
|
5916
|
-
const illustrationGradientEnd = "#2a3a50";
|
|
5917
|
-
const illustrationInfoGradientStart = "#834dd7";
|
|
5918
|
-
const illustrationInfoGradientMiddle = "#7670d5";
|
|
5919
|
-
const illustrationInfoGradientEnd = "#58c0d0";
|
|
5920
|
-
const illustrationPositiveGradientStart = "#1ac1e5";
|
|
5921
|
-
const illustrationPositiveGradientMiddle = "#4cc9b2";
|
|
5922
|
-
const illustrationPositiveGradientEnd = "#a7d755";
|
|
5923
|
-
const illustrationNegativeGradientStart = "#e09e89";
|
|
5924
|
-
const illustrationWarningGradientStart = "#ff9900";
|
|
5925
|
-
const illustrationWarningGradientEnd = "#c8511b";
|
|
5926
|
-
const outshiftOrange = "#fb861f";
|
|
5927
|
-
const agentcyBlue = "#187adc";
|
|
5928
|
-
const agentcyDarkBlue = "#00142b";
|
|
5929
|
-
const outshiftLogoLightBlue = "#17c7ff";
|
|
5930
|
-
const outshiftLogoGreen = "#74bf4b";
|
|
5931
|
-
const outshiftLogoWhite = "#ffffff";
|
|
5932
|
-
const outshiftLogoOrange = "#f2643d";
|
|
5933
|
-
const outshiftLogoDark = "#00142b";
|
|
5934
|
-
const brandColors = {
|
|
5935
|
-
outshiftLogoLightOrange,
|
|
5936
|
-
outshiftBlue,
|
|
5937
|
-
outshiftMidnightBlue,
|
|
5938
|
-
agentcyYellow,
|
|
5939
|
-
outshiftOrange,
|
|
5940
|
-
agentcyBlue,
|
|
5941
|
-
agentcyDarkBlue,
|
|
5942
|
-
outshiftLogoLightBlue,
|
|
5943
|
-
outshiftLogoGreen,
|
|
5944
|
-
outshiftLogoWhite,
|
|
5945
|
-
outshiftLogoOrange,
|
|
5946
|
-
outshiftLogoDark,
|
|
5947
|
-
};
|
|
5948
|
-
const gradientStopColors = {
|
|
5949
|
-
illustrationBlueStart: "#214694",
|
|
5950
|
-
illustrationBlueMiddle: "#3169a8",
|
|
5951
|
-
illustrationBlueEnd: "#56bad5",
|
|
5952
|
-
illustrationRainbowRed: "#ba4d5f",
|
|
5953
|
-
illustrationRainbowOrange: "#df875d",
|
|
5954
|
-
illustrationRainbowYellow: "#eab069",
|
|
5955
|
-
illustrationRainbowGreen: "#8cbdac",
|
|
5956
|
-
illustrationRainbowTeal: "#58c0d0",
|
|
5957
|
-
illustrationPurpleStart: "#834dd7",
|
|
5958
|
-
illustrationPurpleMiddle: "#7670d5",
|
|
5959
|
-
illustrationGreenStart: "#1ac1e5",
|
|
5960
|
-
illustrationGreenMiddle: "#4cc9b2",
|
|
5961
|
-
illustrationGreenEnd: "#a7d755",
|
|
5962
|
-
illustrationLightBlueStart: "#00dff0",
|
|
5963
|
-
illustrationLightBlueMiddle: "#00aff0",
|
|
5964
|
-
illustrationLightBlueEnd: "#006df0",
|
|
5965
|
-
illustrationPinkStart: "#e09e89",
|
|
5966
|
-
illustrationPinkEnd: "#c0328a",
|
|
5967
|
-
illustrationOrangeStart: "#ff9900",
|
|
5968
|
-
illustrationOrangeEnd: "#c8511b",
|
|
5969
|
-
primaryOrange: "#ff6d2e",
|
|
5970
|
-
primaryPurple: "#341686",
|
|
5971
|
-
secondaryBlueWeak: "#80a8d7",
|
|
5972
|
-
secondaryBlueStrong: "#021d60",
|
|
5973
|
-
secondaryBlueHoverWeak: "#b3cbe7",
|
|
5974
|
-
};
|
|
5975
|
-
const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
|
|
5976
|
-
const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
|
|
5977
|
-
const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
|
|
5978
|
-
const lightModeCardFloating = "0px 4px 12px rgba(200, 213, 245, 0.7)";
|
|
5979
|
-
const lightModeSideDrawerRight = "-8px 0px 12px rgba(200, 213, 245, 0.1), -4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
5980
|
-
const lightModeSideDrawerLeft = "8px 0px 12px rgba(200, 213, 245, 0.1), 4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
5981
|
-
const lightModeFooterBottom = "0px -4px 12px rgba(200, 213, 245, 0.33)";
|
|
5982
|
-
const lightModeSideDrawer = "-4px 0px 4px rgba(200, 213, 245, 0.1), -8px 0px 12px rgba(200, 213, 245, 0.1)";
|
|
5983
|
-
const darkModeCardLifted = "0px 4px 4px rgba(6, 34, 66, 0.33)";
|
|
5984
|
-
const darkModeCardSubtle = "0px 2px 5px rgba(6, 34, 66, 0.4)";
|
|
5985
|
-
const darkModeCardRaised = "0px 4px 12px rgba(6, 34, 66, 0.5)";
|
|
5986
|
-
const darkModeCardFloating = "0px 4px 12px rgba(6, 34, 66, 0.7)";
|
|
5987
|
-
const darkModeSideDrawerRight = "-8px 0px 12px rgba(21, 29, 40, 0.1), -4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
5988
|
-
const darkModeSideDrawerLeft = "8px 0px 12px rgba(21, 29, 40, 0.1), 4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
5989
|
-
const darkModeFooterBottom = "0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 12px rgba(6, 34, 66, 0.33)";
|
|
5990
|
-
const surfaceLightPalette = {
|
|
5991
|
-
50: surfaceLight50,
|
|
5992
|
-
100: surfaceLight100,
|
|
5993
|
-
200: surfaceLight200,
|
|
5994
|
-
300: surfaceLight300,
|
|
5995
|
-
400: surfaceLight400,
|
|
5996
|
-
500: surfaceLight500,
|
|
5997
|
-
600: surfaceLight600,
|
|
5998
|
-
700: surfaceLight700,
|
|
5999
|
-
800: surfaceLight800,
|
|
6000
|
-
900: surfaceLight900,
|
|
6001
|
-
};
|
|
6002
|
-
const surfaceDarkPalette = {
|
|
6003
|
-
50: surfaceDark50,
|
|
6004
|
-
100: surfaceDark100,
|
|
6005
|
-
200: surfaceDark200,
|
|
6006
|
-
300: surfaceDark300,
|
|
6007
|
-
400: surfaceDark400,
|
|
6008
|
-
500: surfaceDark500,
|
|
6009
|
-
600: surfaceDark600,
|
|
6010
|
-
700: surfaceDark700,
|
|
6011
|
-
800: surfaceDark800,
|
|
6012
|
-
900: surfaceDark900,
|
|
6013
|
-
};
|
|
6014
|
-
const bluePalette = {
|
|
6015
|
-
50: blue50,
|
|
6016
|
-
100: blue100,
|
|
6017
|
-
200: blue200,
|
|
6018
|
-
300: blue300,
|
|
6019
|
-
400: blue400,
|
|
6020
|
-
500: blue500,
|
|
6021
|
-
600: blue600,
|
|
6022
|
-
700: blue700,
|
|
6023
|
-
800: blue800,
|
|
6024
|
-
900: blue900,
|
|
6025
|
-
alpha40: blueAlpha40,
|
|
6026
|
-
alpha10: blueAlpha10,
|
|
6027
|
-
};
|
|
6028
|
-
const lightBluePalette = {
|
|
6029
|
-
50: lightBlue50,
|
|
6030
|
-
100: lightBlue100,
|
|
6031
|
-
200: lightBlue200,
|
|
6032
|
-
300: lightBlue300,
|
|
6033
|
-
400: lightBlue400,
|
|
6034
|
-
500: lightBlue500,
|
|
6035
|
-
600: lightBlue600,
|
|
6036
|
-
700: lightBlue700,
|
|
6037
|
-
800: lightBlue800,
|
|
6038
|
-
900: lightBlue900,
|
|
6039
|
-
alpha40: lightBlueAlpha40,
|
|
6040
|
-
alpha10: lightBlueAlpha10,
|
|
6041
|
-
};
|
|
6042
|
-
const greyPalette = {
|
|
6043
|
-
0: grey0,
|
|
6044
|
-
50: grey50,
|
|
6045
|
-
100: grey100,
|
|
6046
|
-
200: grey200,
|
|
6047
|
-
300: grey300,
|
|
6048
|
-
400: grey400,
|
|
6049
|
-
500: grey500,
|
|
6050
|
-
600: grey600,
|
|
6051
|
-
700: grey700,
|
|
6052
|
-
800: grey800,
|
|
6053
|
-
900: grey900,
|
|
6054
|
-
alpha40: greyAlpha40,
|
|
6055
|
-
alpha10: greyAlpha10,
|
|
6056
|
-
};
|
|
6057
|
-
const purplePalette = {
|
|
6058
|
-
50: purple50,
|
|
6059
|
-
100: purple100,
|
|
6060
|
-
200: purple200,
|
|
6061
|
-
300: purple300,
|
|
6062
|
-
400: purple400,
|
|
6063
|
-
500: purple500,
|
|
6064
|
-
600: purple600,
|
|
6065
|
-
700: purple700,
|
|
6066
|
-
800: purple800,
|
|
6067
|
-
900: purple900,
|
|
6068
|
-
alpha40: purpleAlpha40,
|
|
6069
|
-
alpha10: purpleAlpha10,
|
|
6070
|
-
};
|
|
6071
|
-
const redPalette = {
|
|
6072
|
-
50: red50,
|
|
6073
|
-
100: red100,
|
|
6074
|
-
200: red200,
|
|
6075
|
-
300: red300,
|
|
6076
|
-
400: red400,
|
|
6077
|
-
500: red500,
|
|
6078
|
-
600: red600,
|
|
6079
|
-
700: red700,
|
|
6080
|
-
800: red800,
|
|
6081
|
-
900: red900,
|
|
6082
|
-
alpha40: redAlpha40,
|
|
6083
|
-
alpha10: redAlpha10,
|
|
6084
|
-
};
|
|
6085
|
-
const orangePalette = {
|
|
6086
|
-
50: orange50,
|
|
6087
|
-
100: orange100,
|
|
6088
|
-
200: orange200,
|
|
6089
|
-
300: orange300,
|
|
6090
|
-
400: orange400,
|
|
6091
|
-
500: orange500,
|
|
6092
|
-
600: orange600,
|
|
6093
|
-
700: orange700,
|
|
6094
|
-
800: orange800,
|
|
6095
|
-
900: orange900,
|
|
6096
|
-
alpha40: orangeAlpha40,
|
|
6097
|
-
alpha10: orangeAlpha10,
|
|
6098
|
-
};
|
|
6099
|
-
const lightOrangePalette = {
|
|
6100
|
-
50: lightOrange50,
|
|
6101
|
-
100: lightOrange100,
|
|
6102
|
-
200: lightOrange200,
|
|
6103
|
-
300: lightOrange300,
|
|
6104
|
-
400: lightOrange400,
|
|
6105
|
-
500: lightOrange500,
|
|
6106
|
-
600: lightOrange600,
|
|
6107
|
-
700: lightOrange700,
|
|
6108
|
-
800: lightOrange800,
|
|
6109
|
-
900: lightOrange900,
|
|
6110
|
-
alpha40: lightAlphaOrange40,
|
|
6111
|
-
alpha10: lightAlphaOrange10,
|
|
6112
|
-
};
|
|
6113
|
-
const yellowPalette = {
|
|
6114
|
-
50: yellow50,
|
|
6115
|
-
100: yellow100,
|
|
6116
|
-
200: yellow200,
|
|
6117
|
-
300: yellow300,
|
|
6118
|
-
400: yellow400,
|
|
6119
|
-
500: yellow500,
|
|
6120
|
-
600: yellow600,
|
|
6121
|
-
700: yellow700,
|
|
6122
|
-
800: yellow800,
|
|
6123
|
-
900: yellow900,
|
|
6124
|
-
alpha40: yellowAlpha40,
|
|
6125
|
-
alpha10: yellowAlpha10,
|
|
6126
|
-
};
|
|
6127
|
-
const greenPalette = {
|
|
6128
|
-
50: green50,
|
|
6129
|
-
100: green100,
|
|
6130
|
-
200: green200,
|
|
6131
|
-
300: green300,
|
|
6132
|
-
400: green400,
|
|
6133
|
-
500: green500,
|
|
6134
|
-
600: green600,
|
|
6135
|
-
700: green700,
|
|
6136
|
-
800: green800,
|
|
6137
|
-
900: green900,
|
|
6138
|
-
40: green40,
|
|
6139
|
-
10: green10,
|
|
6140
|
-
};
|
|
6141
|
-
const nightPalette = {
|
|
6142
|
-
10: night10,
|
|
6143
|
-
50: night50,
|
|
6144
|
-
100: night100,
|
|
6145
|
-
200: night200,
|
|
6146
|
-
300: night300,
|
|
6147
|
-
400: night400,
|
|
6148
|
-
500: night500,
|
|
6149
|
-
600: night600,
|
|
6150
|
-
700: night700,
|
|
6151
|
-
800: night800,
|
|
6152
|
-
900: night900,
|
|
6153
|
-
};
|
|
6154
|
-
const sunsetPalette = {
|
|
6155
|
-
10: sunset10,
|
|
6156
|
-
50: sunset50,
|
|
6157
|
-
100: sunset100,
|
|
6158
|
-
200: sunset200,
|
|
6159
|
-
300: sunset300,
|
|
6160
|
-
400: sunset400,
|
|
6161
|
-
500: sunset500,
|
|
6162
|
-
600: sunset600,
|
|
6163
|
-
700: sunset700,
|
|
6164
|
-
800: sunset800,
|
|
6165
|
-
900: sunset900,
|
|
6166
|
-
};
|
|
6167
|
-
const lavenderPalette = {
|
|
6168
|
-
10: lavender10,
|
|
6169
|
-
50: lavender50,
|
|
6170
|
-
100: lavender100,
|
|
6171
|
-
200: lavender200,
|
|
6172
|
-
300: lavender300,
|
|
6173
|
-
400: lavender400,
|
|
6174
|
-
500: lavender500,
|
|
6175
|
-
600: lavender600,
|
|
6176
|
-
700: lavender700,
|
|
6177
|
-
800: lavender800,
|
|
6178
|
-
900: lavender900,
|
|
6191
|
+
},
|
|
6192
|
+
}));
|
|
6193
|
+
|
|
6194
|
+
const Avatar = (_a) => {
|
|
6195
|
+
var { size = "L", src, alt, initials, icon } = _a, props = __rest(_a, ["size", "src", "alt", "initials", "icon"]);
|
|
6196
|
+
const hasImage = !!src;
|
|
6197
|
+
return (jsx(StyledAvatar, Object.assign({ avatarSize: size, hasImage: hasImage }, props, { children: hasImage ? (jsxs(Fragment, { children: [jsx(Box, { component: "img", className: "avatar-image", src: src, alt: alt !== null && alt !== void 0 ? alt : "" }), jsx(AvatarImageOverlay, { className: "avatar-image-overlay" })] })) : icon ? (icon) : (initials) })));
|
|
6179
6198
|
};
|
|
6180
|
-
|
|
6181
|
-
|
|
6182
|
-
|
|
6183
|
-
|
|
6184
|
-
|
|
6185
|
-
|
|
6186
|
-
|
|
6187
|
-
|
|
6188
|
-
600: lime600,
|
|
6189
|
-
700: lime700,
|
|
6190
|
-
800: lime800,
|
|
6191
|
-
900: lime900,
|
|
6199
|
+
|
|
6200
|
+
const AvatarGroup = (_a) => {
|
|
6201
|
+
var { size = "L", children } = _a, props = __rest(_a, ["size", "children"]);
|
|
6202
|
+
return (jsx(StyledAvatarGroup, Object.assign({ avatarSize: size }, props, { children: React__default.Children.map(children, (child) => {
|
|
6203
|
+
if (!React__default.isValidElement(child))
|
|
6204
|
+
return child;
|
|
6205
|
+
return jsx(Avatar, Object.assign({}, child.props, { size: size }));
|
|
6206
|
+
}) })));
|
|
6192
6207
|
};
|
|
6193
|
-
|
|
6194
|
-
|
|
6195
|
-
|
|
6196
|
-
|
|
6197
|
-
|
|
6198
|
-
|
|
6199
|
-
|
|
6200
|
-
|
|
6201
|
-
|
|
6202
|
-
|
|
6203
|
-
|
|
6204
|
-
|
|
6208
|
+
|
|
6209
|
+
const styles$7 = {
|
|
6210
|
+
styledPaper: {
|
|
6211
|
+
width: "480px",
|
|
6212
|
+
maxWidth: "calc(100vw - 80px)",
|
|
6213
|
+
},
|
|
6214
|
+
styledBody: {
|
|
6215
|
+
display: "flex",
|
|
6216
|
+
flexDirection: "column",
|
|
6217
|
+
alignItems: "stretch",
|
|
6218
|
+
gap: "16px",
|
|
6219
|
+
width: "100%",
|
|
6220
|
+
},
|
|
6221
|
+
styledBodyText: (theme) => ({
|
|
6222
|
+
fontFamily: theme.typography.body2.fontFamily,
|
|
6223
|
+
fontWeight: theme.typography.body2.fontWeight,
|
|
6224
|
+
fontSize: theme.typography.body2.fontSize,
|
|
6225
|
+
lineHeight: theme.typography.body2.lineHeight,
|
|
6226
|
+
letterSpacing: theme.typography.body2.letterSpacing,
|
|
6227
|
+
color: theme.palette.vars.baseTextDefault,
|
|
6228
|
+
}),
|
|
6229
|
+
styledCommentSection: {
|
|
6230
|
+
display: "flex",
|
|
6231
|
+
flexDirection: "column",
|
|
6232
|
+
gap: "8px",
|
|
6233
|
+
width: "100%",
|
|
6234
|
+
},
|
|
6235
|
+
styledTextArea: (theme) => ({
|
|
6236
|
+
width: "100%",
|
|
6237
|
+
"&& .MuiInput-root.MuiInputBase-multiline": {
|
|
6238
|
+
marginTop: 0,
|
|
6239
|
+
minHeight: "138px",
|
|
6240
|
+
alignItems: "flex-start",
|
|
6241
|
+
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
6242
|
+
},
|
|
6243
|
+
"& .MuiFormHelperText-root.Mui-error": {
|
|
6244
|
+
marginBottom: "12px",
|
|
6245
|
+
},
|
|
6246
|
+
}),
|
|
6247
|
+
styledDismiss: {
|
|
6248
|
+
display: "flex",
|
|
6249
|
+
gap: "8px",
|
|
6250
|
+
alignItems: "center",
|
|
6251
|
+
},
|
|
6252
|
+
styledConfirmButton: {
|
|
6253
|
+
"&&.Mui-disabled": {
|
|
6254
|
+
opacity: 1,
|
|
6255
|
+
},
|
|
6256
|
+
},
|
|
6257
|
+
styledCommentSuggestionsStack: {
|
|
6258
|
+
display: "flex",
|
|
6259
|
+
flexDirection: "row",
|
|
6260
|
+
flexWrap: "wrap",
|
|
6261
|
+
gap: "8px",
|
|
6262
|
+
},
|
|
6263
|
+
styledSuggestionTag: {
|
|
6264
|
+
width: "max-content",
|
|
6265
|
+
},
|
|
6205
6266
|
};
|
|
6206
|
-
|
|
6207
|
-
|
|
6208
|
-
|
|
6209
|
-
|
|
6210
|
-
|
|
6211
|
-
|
|
6212
|
-
|
|
6213
|
-
|
|
6214
|
-
|
|
6215
|
-
|
|
6216
|
-
|
|
6217
|
-
|
|
6267
|
+
|
|
6268
|
+
const DialogTitle = (_a) => {
|
|
6269
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
6270
|
+
const theme = useTheme();
|
|
6271
|
+
return (jsx(Typography, Object.assign({ variant: "h5" }, props, { sx: [
|
|
6272
|
+
{
|
|
6273
|
+
padding: 0,
|
|
6274
|
+
lineHeight: "30px",
|
|
6275
|
+
color: theme.palette.vars.baseTextStrong,
|
|
6276
|
+
},
|
|
6277
|
+
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
6278
|
+
], children: children })));
|
|
6218
6279
|
};
|
|
6219
|
-
|
|
6220
|
-
|
|
6221
|
-
|
|
6222
|
-
|
|
6223
|
-
|
|
6224
|
-
|
|
6225
|
-
|
|
6226
|
-
|
|
6227
|
-
orange: orangePalette,
|
|
6228
|
-
lightOrange: lightOrangePalette,
|
|
6229
|
-
yellow: yellowPalette,
|
|
6230
|
-
green: greenPalette,
|
|
6231
|
-
lavender: lavenderPalette,
|
|
6232
|
-
lime: limePalette,
|
|
6233
|
-
pink: pinkPalette,
|
|
6234
|
-
teal: tealPalette,
|
|
6235
|
-
night: nightPalette,
|
|
6236
|
-
sunset: sunsetPalette,
|
|
6237
|
-
brand: brandColors,
|
|
6280
|
+
|
|
6281
|
+
const DialogSubtitle = (_a) => {
|
|
6282
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
6283
|
+
const theme = useTheme();
|
|
6284
|
+
return (jsx(Typography, Object.assign({ variant: "subtitle1" }, props, { sx: [
|
|
6285
|
+
{ padding: 0, color: theme.palette.vars.baseTextDefault },
|
|
6286
|
+
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
6287
|
+
], children: children })));
|
|
6238
6288
|
};
|
|
6239
6289
|
|
|
6240
6290
|
const dialogMaxWidth = "calc(100vw - 80px)";
|
|
@@ -6276,7 +6326,10 @@ const StyledDialogActions = styled(DialogActions$1)({
|
|
|
6276
6326
|
gap: "16px",
|
|
6277
6327
|
padding: "8px 0 0",
|
|
6278
6328
|
});
|
|
6279
|
-
const StyledDialogContentText = styled(DialogContentText$1)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body2), {
|
|
6329
|
+
const StyledDialogContentText = styled(DialogContentText$1)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body2), {
|
|
6330
|
+
"&&": {
|
|
6331
|
+
color: theme.palette.vars.baseTextDefault,
|
|
6332
|
+
} })));
|
|
6280
6333
|
|
|
6281
6334
|
const Dialog = (props) => jsx(StyledDialog, Object.assign({}, props));
|
|
6282
6335
|
|
|
@@ -8872,8 +8925,8 @@ const cardInteractiveStyles = (theme) => ({
|
|
|
8872
8925
|
});
|
|
8873
8926
|
const cardActiveStyles = (theme) => (Object.assign(Object.assign({}, cardInteractiveStyles(theme)), { boxShadow: theme.shadows[2] }));
|
|
8874
8927
|
const cardDisabledStyles = (theme) => ({
|
|
8875
|
-
backgroundColor: theme.palette.vars.
|
|
8876
|
-
border: `1px solid ${theme.palette.vars.
|
|
8928
|
+
backgroundColor: theme.palette.vars.controlBackgroundDisabled,
|
|
8929
|
+
border: `1px solid ${theme.palette.vars.controlBorderDisabled}`,
|
|
8877
8930
|
boxShadow: theme.shadows[2],
|
|
8878
8931
|
color: theme.palette.vars.baseTextDisabled,
|
|
8879
8932
|
pointerEvents: "none",
|
|
@@ -8889,19 +8942,20 @@ const StyledCard = styled(Card$1, {
|
|
|
8889
8942
|
}, '&[aria-disabled="true"]': cardDisabledStyles(theme) })));
|
|
8890
8943
|
const StyledCardActionArea = styled(CardActionArea$1)(({ theme }) => ({
|
|
8891
8944
|
borderRadius: "8px",
|
|
8892
|
-
"&:hover .MuiCard-root, &:focus-visible .MuiCard-root":
|
|
8893
|
-
opacity: 0,
|
|
8894
|
-
} }),
|
|
8945
|
+
"&:hover .MuiCard-root, &:focus-visible .MuiCard-root": cardInteractiveStyles(theme),
|
|
8895
8946
|
"&:active .MuiCard-root": cardActiveStyles(theme),
|
|
8896
8947
|
"&.Mui-disabled .MuiCard-root": cardDisabledStyles(theme),
|
|
8897
8948
|
"& .MuiCardActionArea-focusHighlight": {
|
|
8898
8949
|
opacity: 0,
|
|
8899
8950
|
},
|
|
8951
|
+
"&:hover .MuiCardActionArea-focusHighlight": {
|
|
8952
|
+
opacity: 0,
|
|
8953
|
+
},
|
|
8954
|
+
"&.Mui-focusVisible .MuiCardActionArea-focusHighlight": {
|
|
8955
|
+
opacity: 0,
|
|
8956
|
+
},
|
|
8900
8957
|
"&:focus-visible": {
|
|
8901
8958
|
outline: "none",
|
|
8902
|
-
"& .MuiCardActionArea-focusHighlight": {
|
|
8903
|
-
opacity: 0,
|
|
8904
|
-
},
|
|
8905
8959
|
},
|
|
8906
8960
|
}));
|
|
8907
8961
|
const StyledCardHeader = styled(CardHeader$1)(({ theme }) => ({
|
|
@@ -8970,7 +9024,7 @@ const CardActions = (_a) => {
|
|
|
8970
9024
|
|
|
8971
9025
|
const containerStackStyles = (theme) => ({
|
|
8972
9026
|
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
8973
|
-
border: `1px solid ${theme.palette.vars.
|
|
9027
|
+
border: `1px solid ${theme.palette.vars.controlBorderWeak}`,
|
|
8974
9028
|
borderRadius: "6px",
|
|
8975
9029
|
position: "relative",
|
|
8976
9030
|
});
|
|
@@ -8988,7 +9042,7 @@ const customStyle = (theme, showLineNumbers, size = "medium") => {
|
|
|
8988
9042
|
margin: "0",
|
|
8989
9043
|
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
8990
9044
|
borderRadius: showLineNumbers ? "0 0 4px 4px" : "4px",
|
|
8991
|
-
color: theme.palette.vars.
|
|
9045
|
+
color: theme.palette.vars.baseTextStrong,
|
|
8992
9046
|
};
|
|
8993
9047
|
};
|
|
8994
9048
|
const lineNumberStyle = (theme, lineNumberWidth, showLineNumbers, size = "medium") => {
|
|
@@ -9028,43 +9082,79 @@ const headerStyles = (theme, size = "medium") => ({
|
|
|
9028
9082
|
borderRadius: "4px 4px 0 0",
|
|
9029
9083
|
});
|
|
9030
9084
|
const headerButtonStyles = (theme) => (Object.assign(Object.assign({ background: "none", border: "none", padding: 0, cursor: "pointer" }, theme.typography.body2Semibold), { color: theme.palette.vars.brandIconPrimaryDefault }));
|
|
9031
|
-
const prismStyle = {
|
|
9032
|
-
|
|
9033
|
-
|
|
9034
|
-
|
|
9035
|
-
|
|
9036
|
-
|
|
9037
|
-
|
|
9038
|
-
|
|
9039
|
-
|
|
9040
|
-
|
|
9041
|
-
|
|
9042
|
-
|
|
9043
|
-
|
|
9044
|
-
|
|
9045
|
-
|
|
9046
|
-
|
|
9047
|
-
|
|
9048
|
-
|
|
9049
|
-
|
|
9050
|
-
|
|
9051
|
-
|
|
9052
|
-
|
|
9053
|
-
|
|
9054
|
-
|
|
9055
|
-
|
|
9056
|
-
|
|
9057
|
-
|
|
9058
|
-
|
|
9059
|
-
|
|
9060
|
-
|
|
9061
|
-
|
|
9062
|
-
|
|
9063
|
-
|
|
9064
|
-
|
|
9065
|
-
|
|
9066
|
-
|
|
9085
|
+
const prismStyle = (theme) => {
|
|
9086
|
+
const { vars } = theme.palette;
|
|
9087
|
+
return {
|
|
9088
|
+
'pre[class*="language-"]': {
|
|
9089
|
+
background: "transparent",
|
|
9090
|
+
textShadow: "none",
|
|
9091
|
+
},
|
|
9092
|
+
'code[class*="language-"]': {
|
|
9093
|
+
background: "transparent",
|
|
9094
|
+
textShadow: "none",
|
|
9095
|
+
},
|
|
9096
|
+
punctuation: { color: vars.baseTextStrong },
|
|
9097
|
+
operator: { color: vars.baseTextStrong },
|
|
9098
|
+
comment: { color: vars.accentEDefault },
|
|
9099
|
+
prolog: { color: vars.accentEDefault },
|
|
9100
|
+
doctype: { color: vars.accentEDefault },
|
|
9101
|
+
cdata: { color: vars.accentEDefault },
|
|
9102
|
+
keyword: { color: vars.accentADefault },
|
|
9103
|
+
atrule: { color: vars.accentADefault },
|
|
9104
|
+
arrow: { color: vars.accentADefault },
|
|
9105
|
+
"control-flow": { color: vars.accentBDefault },
|
|
9106
|
+
function: { color: vars.accentFDefault },
|
|
9107
|
+
"function-variable": { color: vars.accentFDefault },
|
|
9108
|
+
"class-name": { color: vars.accentJDefault },
|
|
9109
|
+
builtin: { color: vars.accentJDefault },
|
|
9110
|
+
entity: { color: vars.accentJDefault, cursor: "help" },
|
|
9111
|
+
parameter: { color: vars.accentHDefault },
|
|
9112
|
+
identifier: { color: vars.accentHDefault },
|
|
9113
|
+
variable: { color: vars.accentHDefault },
|
|
9114
|
+
property: { color: vars.accentHDefault },
|
|
9115
|
+
"literal-property": { color: vars.accentHDefault },
|
|
9116
|
+
"string-property": { color: vars.accentHDefault },
|
|
9117
|
+
"attr-name": { color: vars.accentHDefault },
|
|
9118
|
+
tag: { color: vars.accentHDefault },
|
|
9119
|
+
selector: { color: vars.accentHDefault },
|
|
9120
|
+
"declaration-name": { color: vars.accentGDefault },
|
|
9121
|
+
number: { color: vars.successTextDefault },
|
|
9122
|
+
boolean: { color: vars.successTextDefault },
|
|
9123
|
+
string: { color: vars.successTextDefault },
|
|
9124
|
+
char: { color: vars.successTextDefault },
|
|
9125
|
+
"attr-value": { color: vars.successTextDefault },
|
|
9126
|
+
url: { color: vars.successTextDefault },
|
|
9127
|
+
inserted: { color: vars.successTextDefault },
|
|
9128
|
+
".language-css .token.string": { color: vars.successTextDefault },
|
|
9129
|
+
".style .token.string": { color: vars.successTextDefault },
|
|
9130
|
+
regex: { color: vars.accentBDefault },
|
|
9131
|
+
"regex-delimiter": { color: vars.accentBDefault },
|
|
9132
|
+
"regex-source": { color: vars.accentBDefault },
|
|
9133
|
+
constant: { color: vars.accentBDefault },
|
|
9134
|
+
symbol: { color: vars.accentBDefault },
|
|
9135
|
+
deleted: { color: vars.accentBDefault },
|
|
9136
|
+
important: { color: vars.accentBDefault, fontWeight: "bold" },
|
|
9137
|
+
bold: { fontWeight: "bold" },
|
|
9138
|
+
italic: { fontStyle: "italic" },
|
|
9139
|
+
};
|
|
9140
|
+
};
|
|
9141
|
+
|
|
9142
|
+
let patched = false;
|
|
9143
|
+
const patchJavaScriptGrammar = () => {
|
|
9144
|
+
if (patched)
|
|
9145
|
+
return;
|
|
9146
|
+
patched = true;
|
|
9147
|
+
refractor.languages.insertBefore("javascript", "keyword", {
|
|
9148
|
+
"declaration-name": {
|
|
9149
|
+
pattern: /((?:\b(?:const|let|var)\s+))[A-Za-z_$][\w$]*/,
|
|
9150
|
+
lookbehind: true,
|
|
9151
|
+
},
|
|
9152
|
+
});
|
|
9153
|
+
const javascript = refractor.languages.javascript;
|
|
9154
|
+
javascript.identifier = /\b[A-Za-z_$][\w$]*\b/;
|
|
9155
|
+
delete javascript.console;
|
|
9067
9156
|
};
|
|
9157
|
+
patchJavaScriptGrammar();
|
|
9068
9158
|
|
|
9069
9159
|
const Separator = ({ showLineNumbers, lineNumberWidth, size = "medium", }) => {
|
|
9070
9160
|
const theme = useTheme();
|
|
@@ -9147,7 +9237,7 @@ const CodeBlock = (props) => {
|
|
|
9147
9237
|
: containerSx
|
|
9148
9238
|
? [containerSx]
|
|
9149
9239
|
: []),
|
|
9150
|
-
], children: [jsxs(Stack, { justifyContent: "center", sx: { flex: 1, minWidth: 0 }, children: [jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size }), jsx(SyntaxHighlighter, Object.assign({ language: "javascript", style: prismStyle, showLineNumbers: showLineNumbers, startingLineNumber: startingLineNumber }, highlighterProps, { customStyle: Object.assign(Object.assign({}, customStyle(theme, showLineNumbers, size)), (typeof customStyleProp === "object" ? customStyleProp : {})), codeTagProps: Object.assign(Object.assign({}, restCodeTagProps), { style: Object.assign(Object.assign({}, codeTextStyle(size)), (typeof codeTagStyle === "object" ? codeTagStyle : {})) }), lineNumberStyle: Object.assign(Object.assign({}, lineNumberStyle(theme, lineNumberWidth, showLineNumbers, size)), (typeof lineNumberStyleProp === "object"
|
|
9240
|
+
], children: [jsxs(Stack, { justifyContent: "center", sx: { flex: 1, minWidth: 0 }, children: [jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size }), jsx(SyntaxHighlighter, Object.assign({ language: "javascript", style: prismStyle(theme), showLineNumbers: showLineNumbers, startingLineNumber: startingLineNumber }, highlighterProps, { customStyle: Object.assign(Object.assign({}, customStyle(theme, showLineNumbers, size)), (typeof customStyleProp === "object" ? customStyleProp : {})), codeTagProps: Object.assign(Object.assign({}, restCodeTagProps), { style: Object.assign(Object.assign({}, codeTextStyle(size)), (typeof codeTagStyle === "object" ? codeTagStyle : {})) }), lineNumberStyle: Object.assign(Object.assign({}, lineNumberStyle(theme, lineNumberWidth, showLineNumbers, size)), (typeof lineNumberStyleProp === "object"
|
|
9151
9241
|
? lineNumberStyleProp
|
|
9152
9242
|
: {})), children: text })), jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size })] }), jsx(CopyButton, Object.assign({}, restCopyButtonProps, { text: text, size: (_a = copyButtonProps === null || copyButtonProps === void 0 ? void 0 : copyButtonProps.size) !== null && _a !== void 0 ? _a : (size === "small" ? "medium" : "large"), sx: [
|
|
9153
9243
|
{
|
|
@@ -10485,7 +10575,7 @@ const snackbarComponent = (theme) => {
|
|
|
10485
10575
|
};
|
|
10486
10576
|
};
|
|
10487
10577
|
|
|
10488
|
-
const shadows$
|
|
10578
|
+
const shadows$2 = [
|
|
10489
10579
|
`none`,
|
|
10490
10580
|
darkModeCardLifted,
|
|
10491
10581
|
darkModeCardSubtle,
|
|
@@ -10496,7 +10586,7 @@ const shadows$1 = [
|
|
|
10496
10586
|
darkModeFooterBottom,
|
|
10497
10587
|
...Array(17).fill("none"),
|
|
10498
10588
|
];
|
|
10499
|
-
const palette$
|
|
10589
|
+
const palette$3 = {
|
|
10500
10590
|
mode: "dark",
|
|
10501
10591
|
primary: bluePalette,
|
|
10502
10592
|
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
@@ -10524,44 +10614,44 @@ const palette$2 = {
|
|
|
10524
10614
|
focusOpacity: 0.18,
|
|
10525
10615
|
},
|
|
10526
10616
|
};
|
|
10527
|
-
const theme$
|
|
10617
|
+
const theme$2 = createTheme({
|
|
10528
10618
|
breakpoints,
|
|
10529
|
-
palette: palette$
|
|
10619
|
+
palette: palette$3,
|
|
10530
10620
|
typography,
|
|
10531
10621
|
mixins: commonMixins,
|
|
10532
10622
|
});
|
|
10533
10623
|
const darkThemeOptions = {
|
|
10534
|
-
shadows: shadows$
|
|
10535
|
-
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$
|
|
10624
|
+
shadows: shadows$2,
|
|
10625
|
+
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$2)), inputComponents(theme$2)), snackbarComponent(theme$2)), { MuiCssBaseline: {
|
|
10536
10626
|
styleOverrides: {
|
|
10537
10627
|
html: {
|
|
10538
10628
|
scrollbarWidth: "thin",
|
|
10539
|
-
scrollbarColor: `${theme$
|
|
10629
|
+
scrollbarColor: `${theme$2.palette.vars.baseTextMedium} ${theme$2.palette.background.default}`,
|
|
10540
10630
|
},
|
|
10541
10631
|
"*::-webkit-scrollbar": {
|
|
10542
10632
|
width: "12px",
|
|
10543
10633
|
height: "12px",
|
|
10544
10634
|
},
|
|
10545
10635
|
"*::-webkit-scrollbar-track": {
|
|
10546
|
-
backgroundColor: theme$
|
|
10636
|
+
backgroundColor: theme$2.palette.background.default,
|
|
10547
10637
|
borderRadius: 8,
|
|
10548
10638
|
},
|
|
10549
10639
|
"*::-webkit-scrollbar-thumb": {
|
|
10550
|
-
backgroundColor: theme$
|
|
10640
|
+
backgroundColor: theme$2.palette.vars.controlIconMedium,
|
|
10551
10641
|
borderRadius: 8,
|
|
10552
10642
|
border: "2px solid transparent",
|
|
10553
10643
|
backgroundClip: "content-box",
|
|
10554
10644
|
},
|
|
10555
10645
|
"*::-webkit-scrollbar-thumb:hover": {
|
|
10556
|
-
backgroundColor: theme$
|
|
10646
|
+
backgroundColor: theme$2.palette.vars.baseTextMedium,
|
|
10557
10647
|
},
|
|
10558
10648
|
"*::-webkit-scrollbar-corner": {
|
|
10559
|
-
backgroundColor: theme$
|
|
10649
|
+
backgroundColor: theme$2.palette.background.default,
|
|
10560
10650
|
},
|
|
10561
10651
|
},
|
|
10562
10652
|
} }),
|
|
10563
10653
|
};
|
|
10564
|
-
const darkTheme = createTheme(theme$
|
|
10654
|
+
const darkTheme = createTheme(theme$2, darkThemeOptions);
|
|
10565
10655
|
|
|
10566
10656
|
const iocSurface50 = "rgba(255, 255, 255, 0.02)";
|
|
10567
10657
|
const iocSurface100 = "rgba(255, 255, 255, 0.035)";
|
|
@@ -10994,7 +11084,7 @@ const iocShadows = [
|
|
|
10994
11084
|
iocShadowLg,
|
|
10995
11085
|
...Array(19).fill("none"),
|
|
10996
11086
|
];
|
|
10997
|
-
const palette$
|
|
11087
|
+
const palette$2 = {
|
|
10998
11088
|
mode: "dark",
|
|
10999
11089
|
primary: Object.assign(Object.assign({}, iocTealPalette), { main: iocTealPalette[500], light: iocTealPalette[300], dark: iocTealPalette[700], contrastText: iocBackdropPalette[900] }),
|
|
11000
11090
|
secondary: {
|
|
@@ -11029,7 +11119,7 @@ const palette$1 = {
|
|
|
11029
11119
|
};
|
|
11030
11120
|
const baseTheme = createTheme({
|
|
11031
11121
|
breakpoints,
|
|
11032
|
-
palette: palette$
|
|
11122
|
+
palette: palette$2,
|
|
11033
11123
|
typography,
|
|
11034
11124
|
mixins: commonMixins,
|
|
11035
11125
|
});
|
|
@@ -11400,7 +11490,7 @@ const lightVars = {
|
|
|
11400
11490
|
accentJWeak: tealPalette[50],
|
|
11401
11491
|
};
|
|
11402
11492
|
|
|
11403
|
-
const shadows = [
|
|
11493
|
+
const shadows$1 = [
|
|
11404
11494
|
`none`,
|
|
11405
11495
|
lightModeCardLifted,
|
|
11406
11496
|
lightModeCardSubtle,
|
|
@@ -11411,7 +11501,7 @@ const shadows = [
|
|
|
11411
11501
|
lightModeFooterBottom,
|
|
11412
11502
|
...Array(17).fill("none"),
|
|
11413
11503
|
];
|
|
11414
|
-
const palette = {
|
|
11504
|
+
const palette$1 = {
|
|
11415
11505
|
mode: "light",
|
|
11416
11506
|
primary: bluePalette,
|
|
11417
11507
|
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
@@ -11439,23 +11529,112 @@ const palette = {
|
|
|
11439
11529
|
focusOpacity: 0.18,
|
|
11440
11530
|
},
|
|
11441
11531
|
};
|
|
11532
|
+
const theme$1 = createTheme({
|
|
11533
|
+
breakpoints,
|
|
11534
|
+
palette: palette$1,
|
|
11535
|
+
typography,
|
|
11536
|
+
mixins: commonMixins,
|
|
11537
|
+
});
|
|
11538
|
+
const lightThemeOptions = {
|
|
11539
|
+
shadows: shadows$1,
|
|
11540
|
+
components: Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$1)), inputComponents(theme$1)), snackbarComponent(theme$1)),
|
|
11541
|
+
};
|
|
11542
|
+
const lightTheme = createTheme(theme$1, lightThemeOptions);
|
|
11543
|
+
|
|
11544
|
+
const midnightVars = Object.assign(Object.assign({}, darkVars), {
|
|
11545
|
+
baseBackgroundStrong: darkNavyPalette[400], baseBackgroundMedium: darkNavyPalette[200], baseBackgroundWeak: darkNavyPalette[100], baseBackgroundHover: darkNavyPalette[300], baseBorderDefault: surfaceDarkPalette[300], baseBorderStrong: surfaceDarkPalette[100], baseBorderMedium: surfaceDarkPalette[200], baseBorderWeak: surfaceDarkPalette[500],
|
|
11546
|
+
controlBackgroundDefault: darkNavyPalette[200], controlBackgroundWeak: darkNavyPalette[100], controlBackgroundMedium: darkNavyPalette[100], controlBackgroundDisabled: darkNavyPalette[200], controlBorderDefault: surfaceDarkPalette[100], controlBorderStrong: surfaceDarkPalette[200], controlBorderMedium: surfaceDarkPalette[300], controlBorderWeak: surfaceDarkPalette[400], controlBorderHover: electricBluePalette[700], controlBorderActive: electricBluePalette[700], controlBorderDisabled: surfaceDarkPalette[400], controlIconHover: electricBluePalette[700], controlIconActive: electricBluePalette[700],
|
|
11547
|
+
interactivePrimaryDefaultDefault: electricBluePalette[500], interactivePrimaryDefaultHover: electricBluePalette[300], interactivePrimaryDefaultActive: electricBluePalette[700], interactivePrimaryDefaultDisabled: electricBluePalette["alpha40"], interactivePrimaryWeakDefault: darkNavyPalette[200], interactivePrimaryWeakHover: darkNavyPalette[100], interactivePrimaryWeakActive: darkNavyPalette[100], interactivePrimaryWeakDisabled: electricBluePalette["alpha10"],
|
|
11548
|
+
interactiveSecondaryDefaultDefault: greyPalette[50], interactiveSecondaryDefaultHover: greyPalette[0], interactiveSecondaryDefaultActive: greyPalette[100], interactiveSecondaryDefaultDisabled: greyPalette[0], interactiveSecondaryWeakDefault: darkNavyPalette[200], interactiveSecondaryWeakHover: darkNavyPalette[100], interactiveSecondaryWeakActive: greyPalette[800], interactiveSecondaryWeakDisabled: surfaceDarkPalette[900],
|
|
11549
|
+
interactiveInverseBackgroundDefault: greyPalette[200], interactiveInverseBackgroundHover: greyPalette[100], interactiveInverseBackgroundActive: greyPalette[200], interactiveInverseBackgroundDisabled: greyPalette[200], interactiveInverseTextHover: surfaceDarkPalette[600], interactiveInverseTextDisabled: surfaceDark900,
|
|
11550
|
+
excellentBackgroundDefault: electricBluePalette[700], excellentBackgroundWeak: electricBluePalette["alpha10"], excellentBackgroundDisabled: electricBluePalette["alpha40"], excellentBackgroundHover: electricBluePalette[500], excellentBackgroundActive: electricBluePalette[700], excellentTextDefault: electricBluePalette[300], excellentTextHover: electricBluePalette[300], excellentTextActive: electricBluePalette[300], excellentTextInDefault: electricBluePalette[300], excellentTextInDisabled: electricBluePalette["alpha10"], excellentBorderDefault: electricBluePalette[500], excellentBorderHover: electricBluePalette[300], excellentBorderActive: electricBluePalette[700], excellentBorderDisabled: electricBluePalette["alpha40"], excellentBorderWeak: electricBluePalette[500], excellentIconDefault: electricBluePalette[500], excellentIconHover: electricBluePalette[300], excellentIconActive: electricBluePalette[700], excellentIconDisabled: electricBluePalette["alpha40"], excellentIconInDefault: electricBluePalette[300], excellentIconInHover: electricBluePalette[300], excellentIconInActive: electricBluePalette[300], excellentIconInDisabled: electricBluePalette["alpha10"],
|
|
11551
|
+
brandIconPrimaryDefault: electricBluePalette[500], brandIconPrimaryStrong: electricBluePalette[700], brandIconPrimaryMedium: electricBluePalette[300], brandIconPrimaryWeak: electricBluePalette[300],
|
|
11552
|
+
brandBackgroundPrimaryDefault: darkNavyPalette[200], brandBackgroundPrimaryWeak: darkNavyPalette[100], brandBackgroundPrimaryMedium: surfaceDarkPalette[400], brandBackgroundSecondaryDefault: darkNavyPalette[100], brandTextPrimary: electricBluePalette[500], brandTextSecondary: greyPalette[0] });
|
|
11553
|
+
|
|
11554
|
+
const shadows = [
|
|
11555
|
+
`none`,
|
|
11556
|
+
darkModeCardLifted,
|
|
11557
|
+
darkModeCardSubtle,
|
|
11558
|
+
darkModeCardRaised,
|
|
11559
|
+
darkModeCardFloating,
|
|
11560
|
+
darkModeSideDrawerRight,
|
|
11561
|
+
darkModeSideDrawerLeft,
|
|
11562
|
+
darkModeFooterBottom,
|
|
11563
|
+
...Array(17).fill("none"),
|
|
11564
|
+
];
|
|
11565
|
+
const palette = {
|
|
11566
|
+
mode: "dark",
|
|
11567
|
+
primary: bluePalette,
|
|
11568
|
+
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
11569
|
+
tertiary: lightOrangePalette,
|
|
11570
|
+
error: redPalette,
|
|
11571
|
+
warning: lightOrangePalette,
|
|
11572
|
+
info: bluePalette,
|
|
11573
|
+
success: greenPalette,
|
|
11574
|
+
negative: redPalette,
|
|
11575
|
+
orange: orangePalette,
|
|
11576
|
+
grey: greyPalette,
|
|
11577
|
+
vars: midnightVars,
|
|
11578
|
+
text: {
|
|
11579
|
+
primary: midnightVars.baseTextStrong,
|
|
11580
|
+
secondary: midnightVars.baseTextDefault,
|
|
11581
|
+
disabled: midnightVars.baseTextDisabled,
|
|
11582
|
+
},
|
|
11583
|
+
background: {
|
|
11584
|
+
paper: darkNavy200,
|
|
11585
|
+
default: darkNavy400,
|
|
11586
|
+
},
|
|
11587
|
+
action: {
|
|
11588
|
+
hoverOpacity: 0.05,
|
|
11589
|
+
selectedOpacity: 0.25,
|
|
11590
|
+
focusOpacity: 0.18,
|
|
11591
|
+
},
|
|
11592
|
+
};
|
|
11442
11593
|
const theme = createTheme({
|
|
11443
11594
|
breakpoints,
|
|
11444
11595
|
palette,
|
|
11445
11596
|
typography,
|
|
11446
11597
|
mixins: commonMixins,
|
|
11447
11598
|
});
|
|
11448
|
-
const
|
|
11599
|
+
const midnightThemeOptions = {
|
|
11449
11600
|
shadows,
|
|
11450
|
-
components: Object.assign(Object.assign(Object.assign({}, buttonComponent(theme)), inputComponents(theme)), snackbarComponent(theme)),
|
|
11601
|
+
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme)), inputComponents(theme)), snackbarComponent(theme)), { MuiCssBaseline: {
|
|
11602
|
+
styleOverrides: {
|
|
11603
|
+
html: {
|
|
11604
|
+
scrollbarWidth: "thin",
|
|
11605
|
+
scrollbarColor: `${theme.palette.vars.baseTextMedium} ${theme.palette.background.default}`,
|
|
11606
|
+
},
|
|
11607
|
+
"*::-webkit-scrollbar": {
|
|
11608
|
+
width: "12px",
|
|
11609
|
+
height: "12px",
|
|
11610
|
+
},
|
|
11611
|
+
"*::-webkit-scrollbar-track": {
|
|
11612
|
+
backgroundColor: theme.palette.background.default,
|
|
11613
|
+
borderRadius: 8,
|
|
11614
|
+
},
|
|
11615
|
+
"*::-webkit-scrollbar-thumb": {
|
|
11616
|
+
backgroundColor: theme.palette.vars.controlIconMedium,
|
|
11617
|
+
borderRadius: 8,
|
|
11618
|
+
border: "2px solid transparent",
|
|
11619
|
+
backgroundClip: "content-box",
|
|
11620
|
+
},
|
|
11621
|
+
"*::-webkit-scrollbar-thumb:hover": {
|
|
11622
|
+
backgroundColor: theme.palette.vars.baseTextMedium,
|
|
11623
|
+
},
|
|
11624
|
+
"*::-webkit-scrollbar-corner": {
|
|
11625
|
+
backgroundColor: theme.palette.background.default,
|
|
11626
|
+
},
|
|
11627
|
+
},
|
|
11628
|
+
} }),
|
|
11451
11629
|
};
|
|
11452
|
-
const
|
|
11630
|
+
const midnightTheme = createTheme(theme, midnightThemeOptions);
|
|
11453
11631
|
|
|
11454
11632
|
var ThemeMode;
|
|
11455
11633
|
(function (ThemeMode) {
|
|
11456
11634
|
ThemeMode["Light"] = "light";
|
|
11457
11635
|
ThemeMode["Dark"] = "dark";
|
|
11458
11636
|
ThemeMode["IoC"] = "ioc";
|
|
11637
|
+
ThemeMode["Midnight"] = "midnight";
|
|
11459
11638
|
})(ThemeMode || (ThemeMode = {}));
|
|
11460
11639
|
const ThemeModeContext = React__default.createContext(null);
|
|
11461
11640
|
function useThemeMode() {
|
|
@@ -11469,6 +11648,9 @@ function resolveBuiltInTheme(mode) {
|
|
|
11469
11648
|
if (mode === ThemeMode.IoC) {
|
|
11470
11649
|
return iocTheme;
|
|
11471
11650
|
}
|
|
11651
|
+
if (mode === ThemeMode.Midnight) {
|
|
11652
|
+
return midnightTheme;
|
|
11653
|
+
}
|
|
11472
11654
|
return mode === ThemeMode.Dark ? darkTheme : lightTheme;
|
|
11473
11655
|
}
|
|
11474
11656
|
const ThemeProvider = ({ children, defaultMode, customTheme, }) => {
|
|
@@ -11648,10 +11830,13 @@ const getFloatingButtonStyles = (theme, variant) => {
|
|
|
11648
11830
|
const borderColor = variant === "primary"
|
|
11649
11831
|
? theme.palette.vars.interactivePrimaryDefaultDefault
|
|
11650
11832
|
: theme.palette.vars.controlBorderDefault;
|
|
11833
|
+
const backgroundColor = variant === "primary"
|
|
11834
|
+
? theme.palette.vars.baseBackgroundWeak
|
|
11835
|
+
: theme.palette.vars.controlBackgroundDefault;
|
|
11651
11836
|
return {
|
|
11652
11837
|
borderRadius: "100px",
|
|
11653
11838
|
boxShadow: theme.shadows[4],
|
|
11654
|
-
background: `${
|
|
11839
|
+
background: `${backgroundColor} !important`,
|
|
11655
11840
|
color: `${theme.palette.vars.baseTextStrong} !important`,
|
|
11656
11841
|
border: `2px solid ${borderColor} !important`,
|
|
11657
11842
|
letterSpacing: "0.1px",
|
|
@@ -12534,7 +12719,7 @@ const getMessageRootStyles = (theme, type, hasTitle, hasAction) => ({
|
|
|
12534
12719
|
height: "auto",
|
|
12535
12720
|
padding: "12px 16px",
|
|
12536
12721
|
gap: "12px",
|
|
12537
|
-
background: theme.palette.vars.
|
|
12722
|
+
background: theme.palette.vars.controlBackgroundDefault,
|
|
12538
12723
|
borderStyle: "solid",
|
|
12539
12724
|
borderColor: getMessageStatusColor(theme, type),
|
|
12540
12725
|
borderWidth: "1px 1px 1px 4px",
|
|
@@ -12730,8 +12915,9 @@ const getNavigationItemsStyles = () => ({
|
|
|
12730
12915
|
gap: "4px",
|
|
12731
12916
|
});
|
|
12732
12917
|
const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
12733
|
-
const selected = state === "selected"
|
|
12918
|
+
const selected = state === "selected";
|
|
12734
12919
|
const open = state === "open";
|
|
12920
|
+
const active = selected || open;
|
|
12735
12921
|
const disabled = state === "disabled";
|
|
12736
12922
|
return {
|
|
12737
12923
|
boxSizing: "border-box",
|
|
@@ -12744,19 +12930,19 @@ const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
|
12744
12930
|
gap: "8px",
|
|
12745
12931
|
position: "relative",
|
|
12746
12932
|
isolation: "isolate",
|
|
12747
|
-
border:
|
|
12748
|
-
? `1px solid ${theme.palette.vars.
|
|
12933
|
+
border: open
|
|
12934
|
+
? `1px solid ${theme.palette.vars.baseBorderStrong}`
|
|
12749
12935
|
: "1px solid transparent",
|
|
12750
|
-
borderRightWidth:
|
|
12751
|
-
borderRadius:
|
|
12752
|
-
backgroundColor:
|
|
12753
|
-
?
|
|
12936
|
+
borderRightWidth: open ? 0 : "1px",
|
|
12937
|
+
borderRadius: open ? "8px 0px 0px 8px" : "8px",
|
|
12938
|
+
backgroundColor: active
|
|
12939
|
+
? theme.palette.vars.brandBackgroundPrimaryWeak
|
|
12754
12940
|
: "transparent",
|
|
12755
12941
|
color: disabled
|
|
12756
12942
|
? theme.palette.vars.baseTextDisabled
|
|
12757
12943
|
: selected
|
|
12758
|
-
?
|
|
12759
|
-
: theme.palette.vars.
|
|
12944
|
+
? theme.palette.vars.brandTextPrimary
|
|
12945
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12760
12946
|
cursor: disabled ? "default" : "pointer",
|
|
12761
12947
|
font: "inherit",
|
|
12762
12948
|
textAlign: "left",
|
|
@@ -12769,18 +12955,16 @@ const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
|
12769
12955
|
right: compact ? "-24px" : "-23px",
|
|
12770
12956
|
width: compact ? "24px" : "23px",
|
|
12771
12957
|
height: "40px",
|
|
12772
|
-
backgroundColor:
|
|
12773
|
-
borderTop: `1px solid ${theme.palette.vars.
|
|
12774
|
-
borderBottom: `1px solid ${theme.palette.vars.
|
|
12958
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
|
|
12959
|
+
borderTop: `1px solid ${theme.palette.vars.baseBorderStrong}`,
|
|
12960
|
+
borderBottom: `1px solid ${theme.palette.vars.baseBorderStrong}`,
|
|
12775
12961
|
zIndex: -1,
|
|
12776
12962
|
}
|
|
12777
12963
|
: undefined,
|
|
12778
12964
|
"&:hover": disabled
|
|
12779
12965
|
? {}
|
|
12780
12966
|
: {
|
|
12781
|
-
backgroundColor:
|
|
12782
|
-
? getNavigationActiveBackground(theme)
|
|
12783
|
-
: theme.palette.vars.baseBackgroundHover,
|
|
12967
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
|
|
12784
12968
|
},
|
|
12785
12969
|
};
|
|
12786
12970
|
};
|
|
@@ -12856,18 +13040,19 @@ const getNavigationDrawerItemStyles = (theme, selected = false) => ({
|
|
|
12856
13040
|
border: 0,
|
|
12857
13041
|
borderRadius: "6px",
|
|
12858
13042
|
backgroundColor: selected
|
|
12859
|
-
? theme.palette.vars.
|
|
13043
|
+
? theme.palette.vars.brandBackgroundPrimaryMedium
|
|
12860
13044
|
: "transparent",
|
|
12861
13045
|
color: selected
|
|
12862
|
-
? theme.palette.vars.
|
|
12863
|
-
: theme.palette.vars.
|
|
13046
|
+
? theme.palette.vars.brandTextPrimary
|
|
13047
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12864
13048
|
cursor: "pointer",
|
|
12865
13049
|
font: "inherit",
|
|
12866
13050
|
textAlign: "left",
|
|
12867
13051
|
"&:hover": {
|
|
12868
|
-
backgroundColor:
|
|
12869
|
-
|
|
12870
|
-
|
|
13052
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryMedium,
|
|
13053
|
+
color: selected
|
|
13054
|
+
? theme.palette.vars.brandTextPrimary
|
|
13055
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12871
13056
|
},
|
|
12872
13057
|
});
|
|
12873
13058
|
const getNavigationSubtextStyles = (theme) => ({
|
|
@@ -12967,12 +13152,12 @@ const Navigation = (_a) => {
|
|
|
12967
13152
|
: [];
|
|
12968
13153
|
return (jsxs(StyledNavigationFrame, Object.assign({ sx: Array.isArray(sx) ? sx : sx ? [sx] : [] }, props, { children: [jsx(StyledNavigationRoot, { compact: isCompact, children: jsxs(StyledNavigationContent, { compact: isCompact, children: [jsxs(StyledNavigationSwitcher, { "aria-expanded": isOrganizationDrawerOpen, "aria-label": isCompact
|
|
12969
13154
|
? getAccessibleLabel(organizationLabel, "Open organization switcher")
|
|
12970
|
-
: undefined, compact: isCompact, onClick: handleOrganizationClick, selected: isOrganizationDrawerOpen, type: "button", children: [jsx(
|
|
13155
|
+
: undefined, compact: isCompact, onClick: handleOrganizationClick, selected: isOrganizationDrawerOpen, type: "button", children: [jsx(OrgSwitcher, { fontSize: "small" }), !isCompact ? (jsxs(Fragment, { children: [jsx(StyledNavigationSwitcherLabel, { children: organizationLabel }), jsx(KeyboardArrowRight, { fontSize: "small" })] })) : null] }), jsx(StyledNavigationSections, { children: sections.map((section, sectionIndex) => (jsxs(StyledNavigationSection, { children: [jsx(StyledNavigationSectionHead, { compact: isCompact, children: section.label }), jsx(StyledNavigationItems, { children: section.items.map((item) => {
|
|
12971
13156
|
var _a;
|
|
12972
13157
|
const state = (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
|
|
12973
13158
|
? "open"
|
|
12974
13159
|
: getItemState(item, selectedItemId);
|
|
12975
|
-
const selected = state === "selected"
|
|
13160
|
+
const selected = state === "selected";
|
|
12976
13161
|
return (jsxs(StyledNavigationItem, { "aria-expanded": ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length)
|
|
12977
13162
|
? (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
|
|
12978
13163
|
: undefined, "aria-label": isCompact
|
|
@@ -13716,7 +13901,7 @@ const getPopoverPaperStyles = (theme, size = "medium") => {
|
|
|
13716
13901
|
width,
|
|
13717
13902
|
minWidth: width,
|
|
13718
13903
|
maxWidth: width,
|
|
13719
|
-
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.
|
|
13904
|
+
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.baseBackgroundWeak,
|
|
13720
13905
|
borderRadius: "6px",
|
|
13721
13906
|
boxShadow: "none",
|
|
13722
13907
|
filter: theme.palette.mode === "dark"
|
|
@@ -13745,7 +13930,7 @@ const getPopoverContentStyles = (theme, featureHighlight = false, size = "medium
|
|
|
13745
13930
|
gap: layout.gap,
|
|
13746
13931
|
padding: layout.padding,
|
|
13747
13932
|
width: "100%",
|
|
13748
|
-
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.
|
|
13933
|
+
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.baseBackgroundWeak,
|
|
13749
13934
|
border: featureHighlight
|
|
13750
13935
|
? `2px solid ${(_b = theme.palette.vars) === null || _b === void 0 ? void 0 : _b.controlBorderActive}`
|
|
13751
13936
|
: "0px solid transparent",
|
|
@@ -13975,7 +14160,7 @@ const Popover = (_a) => {
|
|
|
13975
14160
|
});
|
|
13976
14161
|
const bg = featureHighlight
|
|
13977
14162
|
? theme.palette.vars.controlBorderActive
|
|
13978
|
-
: theme.palette.vars.
|
|
14163
|
+
: theme.palette.vars.baseBackgroundWeak;
|
|
13979
14164
|
return (jsx(Popover$1, Object.assign({}, props, { open: open, disableScrollLock: disableScrollLock, marginThreshold: null, anchorOrigin: resolvedAnchorOrigin, transformOrigin: resolvedTransformOrigin, onClose: onClose, slotProps: {
|
|
13980
14165
|
paper: {
|
|
13981
14166
|
ref: paperRef,
|
|
@@ -17200,5 +17385,5 @@ const gradientsPalette = {
|
|
|
17200
17385
|
},
|
|
17201
17386
|
};
|
|
17202
17387
|
|
|
17203
|
-
export { Accordion, StyledAccordionSummary as AccordionSummary, ActionsDialog, ActivityTimeline, ActivityTimelineStepStatus, AddDomain, AddRepos, AnchorLinkMenu, AttackPathAnalysis, AttackPathAnalysisWalkThrough, Avatar, AvatarGroup, Backdrop, Badge, Banner, BarChart, BarGraph, BasePage, Breadcrumbs, Button, Card, CardActionArea, CardActions, CardContent, CardDescription, CardHeader, CardSubheader, Celebration, ChartType, ChartTypeComponents, ChartWidget, Checkbox, CiCd, Cloud, CloudSimple, CodeBlock, CopyButton, CreateTableInstance, Dashboard, Data, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogActions, DialogContent, DialogContentText, DialogSubtitle, DialogTitle, Divider, DonutChart, EMPTY_FUNCTION, EmptyData, EmptyState, FiltersBar, FiltersDrawer, FloatingButton, Footer, GaugeChart, GeneralSize, Git, GitSimple, GlobalSearchInput, Header, HorizontalBarChart, Icon, IconPosition, index as Icons, IndicatorBadge, Info, InputField, KeyValuePairs, Kubernetes, LabelAndChildrenTooltipContent, Layout, LineChart, Link, LinkColorEnum, LinkType, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, LoadingErrorState, LoadingStates, Menu, MenuItem, StyledMenuSubheader as MenuSubheader, Message, Navigation, NavigationDrawer, NavigationSubNavigation, Negative, NestedMenu, NestedMenuListbox, NoData, OS_LIGHT_COLORS, OverflowTooltip, POPOVER_PLACEMENTS, PageTitle, Pagination, PathDisplay, PickerItem, Popover, PopoverPlacement, PopoverPlacementAlign, PopoverPlacementSide, Positive, RadioButton, RadioGroup, Recon, RemainingTags, SEVERITY_VALUE, ScrollArea, SearchInput, Select, SelectNode, SelectNodeListItem, Sent, Severity, SeverityBadge, SeverityBadgeLabel, SeverityBar, Shield, SideDrawer, Skeleton, Slider, SpiderChart, Spinner, StaticDatePicker, StaticDateTimePicker, StepperModal, StepperPanel, Success, Tab, Table, Tabs, Tag, TagAvatarSize, TagBackgroundColorVariants, TagStatus, Tags, ThemeMode, ThemeProvider, TimePicker, Toast, Toaster, Toggle, Tooltip, TooltipSize, Upload, ViewSwitcher, Warning, Widget, agentcyBlue, agentcyDarkBlue, agentcyYellow, augmentTreeData, blue100, blue200, blue300, blue400, blue50, blue500, blue600, blue700, blue800, blue900, blueAlpha10, blueAlpha40, blueFocusRingStrong, blueFocusRingWeak, bluePalette, brandColors, capitalize, darkModeCardFloating, darkModeCardLifted, darkModeCardRaised, darkModeCardSubtle, darkModeFooterBottom, darkModeSideDrawerLeft, darkModeSideDrawerRight, darkVars, deepCopyTree, flattenSelectTree, flattenSelectTreeWithSearch, flattenSelectTreeWithoutSearch, formatNodeValue, getAllSelectedLeaves, getAllSelectedParents, getChildrenOfTopLevelNode, getColorBySeverity, getLeafCounts, getTagStyle, gradientStopColors, gradientsPalette, green10, green100, green200, green300, green40, green400, green50, green500, green600, green700, green800, green900, greenPalette, grey0, grey100, grey200, grey300, grey400, grey50, grey500, grey600, grey700, grey800, grey900, greyAlpha10, greyAlpha40, greyPalette, illustrationGradientEnd, illustrationGradientStart, illustrationInfoGradientEnd, illustrationInfoGradientMiddle, illustrationInfoGradientStart, illustrationNegativeGradientStart, illustrationPositiveGradientEnd, illustrationPositiveGradientMiddle, illustrationPositiveGradientStart, illustrationRing, illustrationShell, illustrationStroke, illustrationSurface, illustrationSurfaceSubtle, illustrationWarningGradientEnd, illustrationWarningGradientStart, iocVars, isLeaf, lavender10, lavender100, lavender200, lavender300, lavender400, lavender50, lavender500, lavender600, lavender700, lavender800, lavender900, lavenderPalette, lightAlphaOrange10, lightAlphaOrange40, lightBlue100, lightBlue200, lightBlue300, lightBlue400, lightBlue50, lightBlue500, lightBlue600, lightBlue700, lightBlue800, lightBlue900, lightBlueAlpha10, lightBlueAlpha40, lightBluePalette, lightModeCardFloating, lightModeCardLifted, lightModeCardRaised, lightModeCardSubtle, lightModeFooterBottom, lightModeSideDrawer, lightModeSideDrawerLeft, lightModeSideDrawerRight, lightOrange100, lightOrange200, lightOrange300, lightOrange400, lightOrange50, lightOrange500, lightOrange600, lightOrange700, lightOrange800, lightOrange900, lightOrangePalette, lightVars, lime10, lime100, lime200, lime300, lime400, lime50, lime500, lime600, lime700, lime800, lime900, limePalette, mergeNodeChildrenValueToText, night10, night100, night200, night300, night400, night50, night500, night600, night700, night800, night900, nightPalette, normalizeSeverity, orange100, orange200, orange300, orange400, orange50, orange500, orange600, orange700, orange800, orange900, orangeAlpha10, orangeAlpha40, orangePalette, outshiftBlue, outshiftLogoDark, outshiftLogoGreen, outshiftLogoLightBlue, outshiftLogoLightOrange, outshiftLogoOrange, outshiftLogoWhite, outshiftMidnightBlue, outshiftOrange, pink10, pink100, pink200, pink300, pink400, pink50, pink500, pink600, pink700, pink800, pink900, pinkPalette, purple100, purple200, purple300, purple400, purple50, purple500, purple600, purple700, purple800, purple900, purpleAlpha10, purpleAlpha40, purplePalette, red100, red200, red300, red400, red50, red500, red600, red700, red800, red900, redAlpha10, redAlpha40, redPalette, selectTagStyle, setSelectedMainSkillCategories, sortBySeverity, sunset10, sunset100, sunset200, sunset300, sunset400, sunset50, sunset500, sunset600, sunset700, sunset800, sunset900, sunsetPalette, surfaceDark100, surfaceDark200, surfaceDark300, surfaceDark400, surfaceDark50, surfaceDark500, surfaceDark600, surfaceDark700, surfaceDark800, surfaceDark800Alpha40, surfaceDark900, surfaceDark900Alpha10, surfaceDark900Alpha40, surfaceDarkPalette, surfaceLight100, surfaceLight200, surfaceLight300, surfaceLight400, surfaceLight50, surfaceLight500, surfaceLight50Alpha40, surfaceLight600, surfaceLight700, surfaceLight800, surfaceLight800Alpha40, surfaceLight900, surfaceLight900Alpha10, surfaceLight900Alpha40, surfaceLightPalette, teal10, teal100, teal200, teal300, teal400, teal50, teal500, teal600, teal700, teal800, teal900, tealPalette, toast, upwardsPush, useNestedMenu, useThemeMode, yellow100, yellow200, yellow300, yellow400, yellow50, yellow500, yellow600, yellow700, yellow800, yellow900, yellowAlpha10, yellowAlpha40, yellowPalette };
|
|
17388
|
+
export { Accordion, StyledAccordionSummary as AccordionSummary, ActionsDialog, ActivityTimeline, ActivityTimelineStepStatus, AddDomain, AddRepos, AnchorLinkMenu, AttackPathAnalysis, AttackPathAnalysisWalkThrough, Avatar, AvatarGroup, Backdrop, Badge, Banner, BarChart, BarGraph, BasePage, Breadcrumbs, Button, Card, CardActionArea, CardActions, CardContent, CardDescription, CardHeader, CardSubheader, Celebration, ChartType, ChartTypeComponents, ChartWidget, Checkbox, CiCd, Cloud, CloudSimple, CodeBlock, CopyButton, CreateTableInstance, Dashboard, Data, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogActions, DialogContent, DialogContentText, DialogSubtitle, DialogTitle, Divider, DonutChart, EMPTY_FUNCTION, EmptyData, EmptyState, FiltersBar, FiltersDrawer, FloatingButton, Footer, GaugeChart, GeneralSize, Git, GitSimple, GlobalSearchInput, Header, HorizontalBarChart, Icon, IconPosition, index as Icons, IndicatorBadge, Info, InputField, KeyValuePairs, Kubernetes, LabelAndChildrenTooltipContent, Layout, LineChart, Link, LinkColorEnum, LinkType, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, LoadingErrorState, LoadingStates, Menu, MenuItem, StyledMenuSubheader as MenuSubheader, Message, Navigation, NavigationDrawer, NavigationSubNavigation, Negative, NestedMenu, NestedMenuListbox, NoData, OS_LIGHT_COLORS, OverflowTooltip, POPOVER_PLACEMENTS, PageTitle, Pagination, PathDisplay, PickerItem, Popover, PopoverPlacement, PopoverPlacementAlign, PopoverPlacementSide, Positive, RadioButton, RadioGroup, Recon, RemainingTags, SEVERITY_VALUE, ScrollArea, SearchInput, Select, SelectNode, SelectNodeListItem, Sent, Severity, SeverityBadge, SeverityBadgeLabel, SeverityBar, Shield, SideDrawer, Skeleton, Slider, SpiderChart, Spinner, StaticDatePicker, StaticDateTimePicker, StepperModal, StepperPanel, Success, Tab, Table, Tabs, Tag, TagAvatarSize, TagBackgroundColorVariants, TagStatus, Tags, ThemeMode, ThemeProvider, TimePicker, Toast, Toaster, Toggle, Tooltip, TooltipSize, Upload, ViewSwitcher, Warning, Widget, agentcyBlue, agentcyDarkBlue, agentcyYellow, augmentTreeData, blue100, blue200, blue300, blue400, blue50, blue500, blue600, blue700, blue800, blue900, blueAlpha10, blueAlpha40, blueFocusRingStrong, blueFocusRingWeak, bluePalette, brandColors, capitalize, darkModeCardFloating, darkModeCardLifted, darkModeCardRaised, darkModeCardSubtle, darkModeFooterBottom, darkModeSideDrawerLeft, darkModeSideDrawerRight, darkNavy100, darkNavy200, darkNavy300, darkNavy400, darkNavyPalette, darkVars, deepCopyTree, electricBlue300, electricBlue500, electricBlue700, electricBlueAlpha10, electricBlueAlpha40, electricBluePalette, flattenSelectTree, flattenSelectTreeWithSearch, flattenSelectTreeWithoutSearch, formatNodeValue, getAllSelectedLeaves, getAllSelectedParents, getChildrenOfTopLevelNode, getColorBySeverity, getLeafCounts, getTagStyle, gradientStopColors, gradientsPalette, green10, green100, green200, green300, green40, green400, green50, green500, green600, green700, green800, green900, greenPalette, grey0, grey100, grey200, grey300, grey400, grey50, grey500, grey600, grey700, grey800, grey900, greyAlpha10, greyAlpha40, greyPalette, illustrationGradientEnd, illustrationGradientStart, illustrationInfoGradientEnd, illustrationInfoGradientMiddle, illustrationInfoGradientStart, illustrationNegativeGradientStart, illustrationPositiveGradientEnd, illustrationPositiveGradientMiddle, illustrationPositiveGradientStart, illustrationRing, illustrationShell, illustrationStroke, illustrationSurface, illustrationSurfaceSubtle, illustrationWarningGradientEnd, illustrationWarningGradientStart, iocVars, isLeaf, lavender10, lavender100, lavender200, lavender300, lavender400, lavender50, lavender500, lavender600, lavender700, lavender800, lavender900, lavenderPalette, lightAlphaOrange10, lightAlphaOrange40, lightBlue100, lightBlue200, lightBlue300, lightBlue400, lightBlue50, lightBlue500, lightBlue600, lightBlue700, lightBlue800, lightBlue900, lightBlueAlpha10, lightBlueAlpha40, lightBluePalette, lightModeCardFloating, lightModeCardLifted, lightModeCardRaised, lightModeCardSubtle, lightModeFooterBottom, lightModeSideDrawer, lightModeSideDrawerLeft, lightModeSideDrawerRight, lightOrange100, lightOrange200, lightOrange300, lightOrange400, lightOrange50, lightOrange500, lightOrange600, lightOrange700, lightOrange800, lightOrange900, lightOrangePalette, lightVars, lime10, lime100, lime200, lime300, lime400, lime50, lime500, lime600, lime700, lime800, lime900, limePalette, mergeNodeChildrenValueToText, midnightVars, night10, night100, night200, night300, night400, night50, night500, night600, night700, night800, night900, nightPalette, normalizeSeverity, orange100, orange200, orange300, orange400, orange50, orange500, orange600, orange700, orange800, orange900, orangeAlpha10, orangeAlpha40, orangePalette, outshiftBlue, outshiftLogoDark, outshiftLogoGreen, outshiftLogoLightBlue, outshiftLogoLightOrange, outshiftLogoOrange, outshiftLogoWhite, outshiftMidnightBlue, outshiftOrange, pink10, pink100, pink200, pink300, pink400, pink50, pink500, pink600, pink700, pink800, pink900, pinkPalette, purple100, purple200, purple300, purple400, purple50, purple500, purple600, purple700, purple800, purple900, purpleAlpha10, purpleAlpha40, purplePalette, red100, red200, red300, red400, red50, red500, red600, red700, red800, red900, redAlpha10, redAlpha40, redPalette, selectTagStyle, setSelectedMainSkillCategories, sortBySeverity, sunset10, sunset100, sunset200, sunset300, sunset400, sunset50, sunset500, sunset600, sunset700, sunset800, sunset900, sunsetPalette, surfaceDark100, surfaceDark200, surfaceDark300, surfaceDark400, surfaceDark50, surfaceDark500, surfaceDark600, surfaceDark700, surfaceDark800, surfaceDark800Alpha40, surfaceDark900, surfaceDark900Alpha10, surfaceDark900Alpha40, surfaceDarkPalette, surfaceLight100, surfaceLight200, surfaceLight300, surfaceLight400, surfaceLight50, surfaceLight500, surfaceLight50Alpha40, surfaceLight600, surfaceLight700, surfaceLight800, surfaceLight800Alpha40, surfaceLight900, surfaceLight900Alpha10, surfaceLight900Alpha40, surfaceLightPalette, teal10, teal100, teal200, teal300, teal400, teal50, teal500, teal600, teal700, teal800, teal900, tealPalette, toast, upwardsPush, useNestedMenu, useThemeMode, yellow100, yellow200, yellow300, yellow400, yellow50, yellow500, yellow600, yellow700, yellow800, yellow900, yellowAlpha10, yellowAlpha40, yellowPalette };
|
|
17204
17389
|
//# sourceMappingURL=index.esm.js.map
|