@open-ui-kit/core 2.2.2 → 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 +991 -813
- package/index.cjs.js.map +1 -1
- package/index.d.ts +33 -3
- package/index.esm.js +981 -815
- package/index.esm.js.map +1 -1
- package/index.umd.js +994 -817
- 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}`,
|
|
@@ -5615,626 +6203,88 @@ const AvatarGroup = (_a) => {
|
|
|
5615
6203
|
if (!React__default.isValidElement(child))
|
|
5616
6204
|
return child;
|
|
5617
6205
|
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,
|
|
6179
|
-
};
|
|
6180
|
-
const limePalette = {
|
|
6181
|
-
10: lime10,
|
|
6182
|
-
50: lime50,
|
|
6183
|
-
100: lime100,
|
|
6184
|
-
200: lime200,
|
|
6185
|
-
300: lime300,
|
|
6186
|
-
400: lime400,
|
|
6187
|
-
500: lime500,
|
|
6188
|
-
600: lime600,
|
|
6189
|
-
700: lime700,
|
|
6190
|
-
800: lime800,
|
|
6191
|
-
900: lime900,
|
|
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
|
|
|
@@ -8322,10 +8375,11 @@ const StyledBanner = styled(Alert, {
|
|
|
8322
8375
|
padding: "8px 4px 8px 12px",
|
|
8323
8376
|
width: "800px",
|
|
8324
8377
|
maxWidth: "100%",
|
|
8325
|
-
height: "
|
|
8378
|
+
height: "auto",
|
|
8326
8379
|
display: "flex",
|
|
8380
|
+
flexDirection: "row",
|
|
8381
|
+
alignItems: "flex-start",
|
|
8327
8382
|
justifyContent: "center",
|
|
8328
|
-
alignItems: "center",
|
|
8329
8383
|
gap: "16px",
|
|
8330
8384
|
borderRadius: 0,
|
|
8331
8385
|
border: `1px solid ${getBannerColors(theme, status).border}`,
|
|
@@ -8347,15 +8401,12 @@ const StyledBanner = styled(Alert, {
|
|
|
8347
8401
|
padding: 0,
|
|
8348
8402
|
width: "486px",
|
|
8349
8403
|
maxWidth: "100%",
|
|
8350
|
-
height: "
|
|
8351
|
-
|
|
8352
|
-
alignItems: "center",
|
|
8404
|
+
height: "auto",
|
|
8405
|
+
minWidth: 0,
|
|
8353
8406
|
color: "inherit",
|
|
8354
8407
|
"& .MuiTypography-root": {
|
|
8355
|
-
display: "flex",
|
|
8356
|
-
alignItems: "center",
|
|
8357
8408
|
color: "inherit",
|
|
8358
|
-
height: "
|
|
8409
|
+
height: "auto",
|
|
8359
8410
|
letterSpacing: "0.15px",
|
|
8360
8411
|
},
|
|
8361
8412
|
},
|
|
@@ -8874,8 +8925,8 @@ const cardInteractiveStyles = (theme) => ({
|
|
|
8874
8925
|
});
|
|
8875
8926
|
const cardActiveStyles = (theme) => (Object.assign(Object.assign({}, cardInteractiveStyles(theme)), { boxShadow: theme.shadows[2] }));
|
|
8876
8927
|
const cardDisabledStyles = (theme) => ({
|
|
8877
|
-
backgroundColor: theme.palette.vars.
|
|
8878
|
-
border: `1px solid ${theme.palette.vars.
|
|
8928
|
+
backgroundColor: theme.palette.vars.controlBackgroundDisabled,
|
|
8929
|
+
border: `1px solid ${theme.palette.vars.controlBorderDisabled}`,
|
|
8879
8930
|
boxShadow: theme.shadows[2],
|
|
8880
8931
|
color: theme.palette.vars.baseTextDisabled,
|
|
8881
8932
|
pointerEvents: "none",
|
|
@@ -8891,19 +8942,20 @@ const StyledCard = styled(Card$1, {
|
|
|
8891
8942
|
}, '&[aria-disabled="true"]': cardDisabledStyles(theme) })));
|
|
8892
8943
|
const StyledCardActionArea = styled(CardActionArea$1)(({ theme }) => ({
|
|
8893
8944
|
borderRadius: "8px",
|
|
8894
|
-
"&:hover .MuiCard-root, &:focus-visible .MuiCard-root":
|
|
8895
|
-
opacity: 0,
|
|
8896
|
-
} }),
|
|
8945
|
+
"&:hover .MuiCard-root, &:focus-visible .MuiCard-root": cardInteractiveStyles(theme),
|
|
8897
8946
|
"&:active .MuiCard-root": cardActiveStyles(theme),
|
|
8898
8947
|
"&.Mui-disabled .MuiCard-root": cardDisabledStyles(theme),
|
|
8899
8948
|
"& .MuiCardActionArea-focusHighlight": {
|
|
8900
8949
|
opacity: 0,
|
|
8901
8950
|
},
|
|
8951
|
+
"&:hover .MuiCardActionArea-focusHighlight": {
|
|
8952
|
+
opacity: 0,
|
|
8953
|
+
},
|
|
8954
|
+
"&.Mui-focusVisible .MuiCardActionArea-focusHighlight": {
|
|
8955
|
+
opacity: 0,
|
|
8956
|
+
},
|
|
8902
8957
|
"&:focus-visible": {
|
|
8903
8958
|
outline: "none",
|
|
8904
|
-
"& .MuiCardActionArea-focusHighlight": {
|
|
8905
|
-
opacity: 0,
|
|
8906
|
-
},
|
|
8907
8959
|
},
|
|
8908
8960
|
}));
|
|
8909
8961
|
const StyledCardHeader = styled(CardHeader$1)(({ theme }) => ({
|
|
@@ -8972,7 +9024,7 @@ const CardActions = (_a) => {
|
|
|
8972
9024
|
|
|
8973
9025
|
const containerStackStyles = (theme) => ({
|
|
8974
9026
|
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
8975
|
-
border: `1px solid ${theme.palette.vars.
|
|
9027
|
+
border: `1px solid ${theme.palette.vars.controlBorderWeak}`,
|
|
8976
9028
|
borderRadius: "6px",
|
|
8977
9029
|
position: "relative",
|
|
8978
9030
|
});
|
|
@@ -8990,7 +9042,7 @@ const customStyle = (theme, showLineNumbers, size = "medium") => {
|
|
|
8990
9042
|
margin: "0",
|
|
8991
9043
|
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
8992
9044
|
borderRadius: showLineNumbers ? "0 0 4px 4px" : "4px",
|
|
8993
|
-
color: theme.palette.vars.
|
|
9045
|
+
color: theme.palette.vars.baseTextStrong,
|
|
8994
9046
|
};
|
|
8995
9047
|
};
|
|
8996
9048
|
const lineNumberStyle = (theme, lineNumberWidth, showLineNumbers, size = "medium") => {
|
|
@@ -9030,43 +9082,79 @@ const headerStyles = (theme, size = "medium") => ({
|
|
|
9030
9082
|
borderRadius: "4px 4px 0 0",
|
|
9031
9083
|
});
|
|
9032
9084
|
const headerButtonStyles = (theme) => (Object.assign(Object.assign({ background: "none", border: "none", padding: 0, cursor: "pointer" }, theme.typography.body2Semibold), { color: theme.palette.vars.brandIconPrimaryDefault }));
|
|
9033
|
-
const prismStyle = {
|
|
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
|
-
|
|
9067
|
-
|
|
9068
|
-
|
|
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;
|
|
9069
9156
|
};
|
|
9157
|
+
patchJavaScriptGrammar();
|
|
9070
9158
|
|
|
9071
9159
|
const Separator = ({ showLineNumbers, lineNumberWidth, size = "medium", }) => {
|
|
9072
9160
|
const theme = useTheme();
|
|
@@ -9149,7 +9237,7 @@ const CodeBlock = (props) => {
|
|
|
9149
9237
|
: containerSx
|
|
9150
9238
|
? [containerSx]
|
|
9151
9239
|
: []),
|
|
9152
|
-
], 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"
|
|
9153
9241
|
? lineNumberStyleProp
|
|
9154
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: [
|
|
9155
9243
|
{
|
|
@@ -10487,7 +10575,7 @@ const snackbarComponent = (theme) => {
|
|
|
10487
10575
|
};
|
|
10488
10576
|
};
|
|
10489
10577
|
|
|
10490
|
-
const shadows$
|
|
10578
|
+
const shadows$2 = [
|
|
10491
10579
|
`none`,
|
|
10492
10580
|
darkModeCardLifted,
|
|
10493
10581
|
darkModeCardSubtle,
|
|
@@ -10498,7 +10586,7 @@ const shadows$1 = [
|
|
|
10498
10586
|
darkModeFooterBottom,
|
|
10499
10587
|
...Array(17).fill("none"),
|
|
10500
10588
|
];
|
|
10501
|
-
const palette$
|
|
10589
|
+
const palette$3 = {
|
|
10502
10590
|
mode: "dark",
|
|
10503
10591
|
primary: bluePalette,
|
|
10504
10592
|
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
@@ -10526,44 +10614,44 @@ const palette$2 = {
|
|
|
10526
10614
|
focusOpacity: 0.18,
|
|
10527
10615
|
},
|
|
10528
10616
|
};
|
|
10529
|
-
const theme$
|
|
10617
|
+
const theme$2 = createTheme({
|
|
10530
10618
|
breakpoints,
|
|
10531
|
-
palette: palette$
|
|
10619
|
+
palette: palette$3,
|
|
10532
10620
|
typography,
|
|
10533
10621
|
mixins: commonMixins,
|
|
10534
10622
|
});
|
|
10535
10623
|
const darkThemeOptions = {
|
|
10536
|
-
shadows: shadows$
|
|
10537
|
-
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: {
|
|
10538
10626
|
styleOverrides: {
|
|
10539
10627
|
html: {
|
|
10540
10628
|
scrollbarWidth: "thin",
|
|
10541
|
-
scrollbarColor: `${theme$
|
|
10629
|
+
scrollbarColor: `${theme$2.palette.vars.baseTextMedium} ${theme$2.palette.background.default}`,
|
|
10542
10630
|
},
|
|
10543
10631
|
"*::-webkit-scrollbar": {
|
|
10544
10632
|
width: "12px",
|
|
10545
10633
|
height: "12px",
|
|
10546
10634
|
},
|
|
10547
10635
|
"*::-webkit-scrollbar-track": {
|
|
10548
|
-
backgroundColor: theme$
|
|
10636
|
+
backgroundColor: theme$2.palette.background.default,
|
|
10549
10637
|
borderRadius: 8,
|
|
10550
10638
|
},
|
|
10551
10639
|
"*::-webkit-scrollbar-thumb": {
|
|
10552
|
-
backgroundColor: theme$
|
|
10640
|
+
backgroundColor: theme$2.palette.vars.controlIconMedium,
|
|
10553
10641
|
borderRadius: 8,
|
|
10554
10642
|
border: "2px solid transparent",
|
|
10555
10643
|
backgroundClip: "content-box",
|
|
10556
10644
|
},
|
|
10557
10645
|
"*::-webkit-scrollbar-thumb:hover": {
|
|
10558
|
-
backgroundColor: theme$
|
|
10646
|
+
backgroundColor: theme$2.palette.vars.baseTextMedium,
|
|
10559
10647
|
},
|
|
10560
10648
|
"*::-webkit-scrollbar-corner": {
|
|
10561
|
-
backgroundColor: theme$
|
|
10649
|
+
backgroundColor: theme$2.palette.background.default,
|
|
10562
10650
|
},
|
|
10563
10651
|
},
|
|
10564
10652
|
} }),
|
|
10565
10653
|
};
|
|
10566
|
-
const darkTheme = createTheme(theme$
|
|
10654
|
+
const darkTheme = createTheme(theme$2, darkThemeOptions);
|
|
10567
10655
|
|
|
10568
10656
|
const iocSurface50 = "rgba(255, 255, 255, 0.02)";
|
|
10569
10657
|
const iocSurface100 = "rgba(255, 255, 255, 0.035)";
|
|
@@ -10996,7 +11084,7 @@ const iocShadows = [
|
|
|
10996
11084
|
iocShadowLg,
|
|
10997
11085
|
...Array(19).fill("none"),
|
|
10998
11086
|
];
|
|
10999
|
-
const palette$
|
|
11087
|
+
const palette$2 = {
|
|
11000
11088
|
mode: "dark",
|
|
11001
11089
|
primary: Object.assign(Object.assign({}, iocTealPalette), { main: iocTealPalette[500], light: iocTealPalette[300], dark: iocTealPalette[700], contrastText: iocBackdropPalette[900] }),
|
|
11002
11090
|
secondary: {
|
|
@@ -11031,7 +11119,7 @@ const palette$1 = {
|
|
|
11031
11119
|
};
|
|
11032
11120
|
const baseTheme = createTheme({
|
|
11033
11121
|
breakpoints,
|
|
11034
|
-
palette: palette$
|
|
11122
|
+
palette: palette$2,
|
|
11035
11123
|
typography,
|
|
11036
11124
|
mixins: commonMixins,
|
|
11037
11125
|
});
|
|
@@ -11402,7 +11490,7 @@ const lightVars = {
|
|
|
11402
11490
|
accentJWeak: tealPalette[50],
|
|
11403
11491
|
};
|
|
11404
11492
|
|
|
11405
|
-
const shadows = [
|
|
11493
|
+
const shadows$1 = [
|
|
11406
11494
|
`none`,
|
|
11407
11495
|
lightModeCardLifted,
|
|
11408
11496
|
lightModeCardSubtle,
|
|
@@ -11413,7 +11501,7 @@ const shadows = [
|
|
|
11413
11501
|
lightModeFooterBottom,
|
|
11414
11502
|
...Array(17).fill("none"),
|
|
11415
11503
|
];
|
|
11416
|
-
const palette = {
|
|
11504
|
+
const palette$1 = {
|
|
11417
11505
|
mode: "light",
|
|
11418
11506
|
primary: bluePalette,
|
|
11419
11507
|
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
@@ -11441,23 +11529,112 @@ const palette = {
|
|
|
11441
11529
|
focusOpacity: 0.18,
|
|
11442
11530
|
},
|
|
11443
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
|
+
};
|
|
11444
11593
|
const theme = createTheme({
|
|
11445
11594
|
breakpoints,
|
|
11446
11595
|
palette,
|
|
11447
11596
|
typography,
|
|
11448
11597
|
mixins: commonMixins,
|
|
11449
11598
|
});
|
|
11450
|
-
const
|
|
11599
|
+
const midnightThemeOptions = {
|
|
11451
11600
|
shadows,
|
|
11452
|
-
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
|
+
} }),
|
|
11453
11629
|
};
|
|
11454
|
-
const
|
|
11630
|
+
const midnightTheme = createTheme(theme, midnightThemeOptions);
|
|
11455
11631
|
|
|
11456
11632
|
var ThemeMode;
|
|
11457
11633
|
(function (ThemeMode) {
|
|
11458
11634
|
ThemeMode["Light"] = "light";
|
|
11459
11635
|
ThemeMode["Dark"] = "dark";
|
|
11460
11636
|
ThemeMode["IoC"] = "ioc";
|
|
11637
|
+
ThemeMode["Midnight"] = "midnight";
|
|
11461
11638
|
})(ThemeMode || (ThemeMode = {}));
|
|
11462
11639
|
const ThemeModeContext = React__default.createContext(null);
|
|
11463
11640
|
function useThemeMode() {
|
|
@@ -11471,6 +11648,9 @@ function resolveBuiltInTheme(mode) {
|
|
|
11471
11648
|
if (mode === ThemeMode.IoC) {
|
|
11472
11649
|
return iocTheme;
|
|
11473
11650
|
}
|
|
11651
|
+
if (mode === ThemeMode.Midnight) {
|
|
11652
|
+
return midnightTheme;
|
|
11653
|
+
}
|
|
11474
11654
|
return mode === ThemeMode.Dark ? darkTheme : lightTheme;
|
|
11475
11655
|
}
|
|
11476
11656
|
const ThemeProvider = ({ children, defaultMode, customTheme, }) => {
|
|
@@ -11650,10 +11830,13 @@ const getFloatingButtonStyles = (theme, variant) => {
|
|
|
11650
11830
|
const borderColor = variant === "primary"
|
|
11651
11831
|
? theme.palette.vars.interactivePrimaryDefaultDefault
|
|
11652
11832
|
: theme.palette.vars.controlBorderDefault;
|
|
11833
|
+
const backgroundColor = variant === "primary"
|
|
11834
|
+
? theme.palette.vars.baseBackgroundWeak
|
|
11835
|
+
: theme.palette.vars.controlBackgroundDefault;
|
|
11653
11836
|
return {
|
|
11654
11837
|
borderRadius: "100px",
|
|
11655
11838
|
boxShadow: theme.shadows[4],
|
|
11656
|
-
background: `${
|
|
11839
|
+
background: `${backgroundColor} !important`,
|
|
11657
11840
|
color: `${theme.palette.vars.baseTextStrong} !important`,
|
|
11658
11841
|
border: `2px solid ${borderColor} !important`,
|
|
11659
11842
|
letterSpacing: "0.1px",
|
|
@@ -12527,34 +12710,16 @@ const getMessageIconColor = (theme, type) => {
|
|
|
12527
12710
|
}
|
|
12528
12711
|
return theme.palette.vars.successIconDefault;
|
|
12529
12712
|
};
|
|
12530
|
-
const getMessageTitleWidth = (type) => {
|
|
12531
|
-
if (type === "warning") {
|
|
12532
|
-
return "317px";
|
|
12533
|
-
}
|
|
12534
|
-
if (type === "info") {
|
|
12535
|
-
return "339px";
|
|
12536
|
-
}
|
|
12537
|
-
return "319px";
|
|
12538
|
-
};
|
|
12539
|
-
const getMessageTitleContentWidth = (type) => {
|
|
12540
|
-
if (type === "warning") {
|
|
12541
|
-
return "249px";
|
|
12542
|
-
}
|
|
12543
|
-
if (type === "info") {
|
|
12544
|
-
return "271px";
|
|
12545
|
-
}
|
|
12546
|
-
return "251px";
|
|
12547
|
-
};
|
|
12548
12713
|
const getMessageRootStyles = (theme, type, hasTitle, hasAction) => ({
|
|
12549
12714
|
boxSizing: "border-box",
|
|
12550
12715
|
display: "flex",
|
|
12551
12716
|
flexDirection: "row",
|
|
12552
12717
|
alignItems: hasTitle ? "flex-start" : "center",
|
|
12553
|
-
width: hasAction ? "480px" :
|
|
12554
|
-
height:
|
|
12718
|
+
width: hasAction ? "480px" : "320px",
|
|
12719
|
+
height: "auto",
|
|
12555
12720
|
padding: "12px 16px",
|
|
12556
12721
|
gap: "12px",
|
|
12557
|
-
background: theme.palette.vars.
|
|
12722
|
+
background: theme.palette.vars.controlBackgroundDefault,
|
|
12558
12723
|
borderStyle: "solid",
|
|
12559
12724
|
borderColor: getMessageStatusColor(theme, type),
|
|
12560
12725
|
borderWidth: "1px 1px 1px 4px",
|
|
@@ -12567,12 +12732,13 @@ const getMessageIconStyles = (theme, type) => ({
|
|
|
12567
12732
|
width: "24px",
|
|
12568
12733
|
height: "24px",
|
|
12569
12734
|
});
|
|
12570
|
-
const getMessageContentStyles = (
|
|
12571
|
-
const getMessageTitleRowStyles = (
|
|
12735
|
+
const getMessageContentStyles = (hasTitle, hasAction) => (Object.assign({ display: "flex", flexDirection: hasTitle ? "column" : "row", alignItems: hasTitle ? "flex-start" : "center", flex: "1 1 auto", minWidth: 0, width: "stretch", gap: hasTitle ? "4px" : "16px" }, (hasAction ? { paddingRight: "8px" } : {})));
|
|
12736
|
+
const getMessageTitleRowStyles = () => ({
|
|
12572
12737
|
display: "flex",
|
|
12573
12738
|
flexDirection: "row",
|
|
12574
12739
|
alignItems: "center",
|
|
12575
|
-
|
|
12740
|
+
flex: "1 1 auto",
|
|
12741
|
+
width: "stretch",
|
|
12576
12742
|
height: "24px",
|
|
12577
12743
|
gap: "4px",
|
|
12578
12744
|
});
|
|
@@ -12613,12 +12779,12 @@ const StyledMessageRoot = styled(Box, {
|
|
|
12613
12779
|
shouldForwardProp: (prop) => prop !== "messageType" && prop !== "hasTitle" && prop !== "hasAction",
|
|
12614
12780
|
})(({ theme, messageType, hasTitle, hasAction }) => getMessageRootStyles(theme, messageType, hasTitle, hasAction));
|
|
12615
12781
|
const StyledMessageContent = styled(Box, {
|
|
12616
|
-
shouldForwardProp: (prop) => prop !== "
|
|
12617
|
-
})(({
|
|
12782
|
+
shouldForwardProp: (prop) => prop !== "hasTitle" && prop !== "hasAction",
|
|
12783
|
+
})(({ hasTitle, hasAction }) => getMessageContentStyles(hasTitle, hasAction));
|
|
12618
12784
|
const StyledMessageTitle = styled("p")(({ theme }) => getMessageTitleStyles(theme));
|
|
12619
12785
|
const StyledMessageTitleRow = styled(Box, {
|
|
12620
12786
|
shouldForwardProp: (prop) => prop !== "messageType",
|
|
12621
|
-
})((
|
|
12787
|
+
})(() => getMessageTitleRowStyles());
|
|
12622
12788
|
const StyledMessageText = styled("p")(({ theme }) => getMessageTextStyles(theme));
|
|
12623
12789
|
const StyledMessageAction = styled("button")(({ theme }) => getMessageActionStyles(theme));
|
|
12624
12790
|
const StyledMessageCloseButton = styled(IconButton)(({ theme }) => getMessageCloseStyles(theme));
|
|
@@ -12641,7 +12807,7 @@ const Message = (_a) => {
|
|
|
12641
12807
|
var { actionLabel, children, hideClose = false, onActionClick, onClose, sx, title, type = "success" } = _a, props = __rest(_a, ["actionLabel", "children", "hideClose", "onActionClick", "onClose", "sx", "title", "type"]);
|
|
12642
12808
|
const hasTitle = Boolean(title);
|
|
12643
12809
|
const hasAction = Boolean(actionLabel);
|
|
12644
|
-
return (jsxs(StyledMessageRoot, Object.assign({ messageType: type, hasTitle: hasTitle, hasAction: hasAction, role: "status", sx: Array.isArray(sx) ? sx : sx ? [sx] : [] }, props, { children: [jsx(MessageIcon, { type: type }), jsxs(StyledMessageContent, {
|
|
12810
|
+
return (jsxs(StyledMessageRoot, Object.assign({ messageType: type, hasTitle: hasTitle, hasAction: hasAction, role: "status", sx: Array.isArray(sx) ? sx : sx ? [sx] : [] }, props, { children: [jsx(MessageIcon, { type: type }), jsxs(StyledMessageContent, { hasTitle: hasTitle, hasAction: hasAction, children: [title ? (jsxs(StyledMessageTitleRow, { messageType: type, children: [jsx(StyledMessageTitle, { children: title }), !hideClose && !hasAction ? (jsx(StyledMessageCloseButton, { "aria-label": "Close message", onClick: onClose, children: jsx(Close$1, {}) })) : null] })) : null, jsx(StyledMessageText, { children: children })] }), actionLabel ? (jsx(StyledMessageAction, { type: "button", onClick: onActionClick, children: actionLabel })) : null, !hideClose && (!hasTitle || hasAction) ? (jsx(StyledMessageCloseButton, { "aria-label": "Close message", onClick: onClose, children: jsx(Close$1, {}) })) : null] })));
|
|
12645
12811
|
};
|
|
12646
12812
|
|
|
12647
12813
|
const getNavigationActiveBackground = (theme) => theme.palette.mode === "dark"
|
|
@@ -12749,8 +12915,9 @@ const getNavigationItemsStyles = () => ({
|
|
|
12749
12915
|
gap: "4px",
|
|
12750
12916
|
});
|
|
12751
12917
|
const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
12752
|
-
const selected = state === "selected"
|
|
12918
|
+
const selected = state === "selected";
|
|
12753
12919
|
const open = state === "open";
|
|
12920
|
+
const active = selected || open;
|
|
12754
12921
|
const disabled = state === "disabled";
|
|
12755
12922
|
return {
|
|
12756
12923
|
boxSizing: "border-box",
|
|
@@ -12763,19 +12930,19 @@ const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
|
12763
12930
|
gap: "8px",
|
|
12764
12931
|
position: "relative",
|
|
12765
12932
|
isolation: "isolate",
|
|
12766
|
-
border:
|
|
12767
|
-
? `1px solid ${theme.palette.vars.
|
|
12933
|
+
border: open
|
|
12934
|
+
? `1px solid ${theme.palette.vars.baseBorderStrong}`
|
|
12768
12935
|
: "1px solid transparent",
|
|
12769
|
-
borderRightWidth:
|
|
12770
|
-
borderRadius:
|
|
12771
|
-
backgroundColor:
|
|
12772
|
-
?
|
|
12936
|
+
borderRightWidth: open ? 0 : "1px",
|
|
12937
|
+
borderRadius: open ? "8px 0px 0px 8px" : "8px",
|
|
12938
|
+
backgroundColor: active
|
|
12939
|
+
? theme.palette.vars.brandBackgroundPrimaryWeak
|
|
12773
12940
|
: "transparent",
|
|
12774
12941
|
color: disabled
|
|
12775
12942
|
? theme.palette.vars.baseTextDisabled
|
|
12776
12943
|
: selected
|
|
12777
|
-
?
|
|
12778
|
-
: theme.palette.vars.
|
|
12944
|
+
? theme.palette.vars.brandTextPrimary
|
|
12945
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12779
12946
|
cursor: disabled ? "default" : "pointer",
|
|
12780
12947
|
font: "inherit",
|
|
12781
12948
|
textAlign: "left",
|
|
@@ -12788,18 +12955,16 @@ const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
|
12788
12955
|
right: compact ? "-24px" : "-23px",
|
|
12789
12956
|
width: compact ? "24px" : "23px",
|
|
12790
12957
|
height: "40px",
|
|
12791
|
-
backgroundColor:
|
|
12792
|
-
borderTop: `1px solid ${theme.palette.vars.
|
|
12793
|
-
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}`,
|
|
12794
12961
|
zIndex: -1,
|
|
12795
12962
|
}
|
|
12796
12963
|
: undefined,
|
|
12797
12964
|
"&:hover": disabled
|
|
12798
12965
|
? {}
|
|
12799
12966
|
: {
|
|
12800
|
-
backgroundColor:
|
|
12801
|
-
? getNavigationActiveBackground(theme)
|
|
12802
|
-
: theme.palette.vars.baseBackgroundHover,
|
|
12967
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
|
|
12803
12968
|
},
|
|
12804
12969
|
};
|
|
12805
12970
|
};
|
|
@@ -12875,18 +13040,19 @@ const getNavigationDrawerItemStyles = (theme, selected = false) => ({
|
|
|
12875
13040
|
border: 0,
|
|
12876
13041
|
borderRadius: "6px",
|
|
12877
13042
|
backgroundColor: selected
|
|
12878
|
-
? theme.palette.vars.
|
|
13043
|
+
? theme.palette.vars.brandBackgroundPrimaryMedium
|
|
12879
13044
|
: "transparent",
|
|
12880
13045
|
color: selected
|
|
12881
|
-
? theme.palette.vars.
|
|
12882
|
-
: theme.palette.vars.
|
|
13046
|
+
? theme.palette.vars.brandTextPrimary
|
|
13047
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12883
13048
|
cursor: "pointer",
|
|
12884
13049
|
font: "inherit",
|
|
12885
13050
|
textAlign: "left",
|
|
12886
13051
|
"&:hover": {
|
|
12887
|
-
backgroundColor:
|
|
12888
|
-
|
|
12889
|
-
|
|
13052
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryMedium,
|
|
13053
|
+
color: selected
|
|
13054
|
+
? theme.palette.vars.brandTextPrimary
|
|
13055
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12890
13056
|
},
|
|
12891
13057
|
});
|
|
12892
13058
|
const getNavigationSubtextStyles = (theme) => ({
|
|
@@ -12986,12 +13152,12 @@ const Navigation = (_a) => {
|
|
|
12986
13152
|
: [];
|
|
12987
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
|
|
12988
13154
|
? getAccessibleLabel(organizationLabel, "Open organization switcher")
|
|
12989
|
-
: 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) => {
|
|
12990
13156
|
var _a;
|
|
12991
13157
|
const state = (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
|
|
12992
13158
|
? "open"
|
|
12993
13159
|
: getItemState(item, selectedItemId);
|
|
12994
|
-
const selected = state === "selected"
|
|
13160
|
+
const selected = state === "selected";
|
|
12995
13161
|
return (jsxs(StyledNavigationItem, { "aria-expanded": ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length)
|
|
12996
13162
|
? (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
|
|
12997
13163
|
: undefined, "aria-label": isCompact
|
|
@@ -13735,7 +13901,7 @@ const getPopoverPaperStyles = (theme, size = "medium") => {
|
|
|
13735
13901
|
width,
|
|
13736
13902
|
minWidth: width,
|
|
13737
13903
|
maxWidth: width,
|
|
13738
|
-
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,
|
|
13739
13905
|
borderRadius: "6px",
|
|
13740
13906
|
boxShadow: "none",
|
|
13741
13907
|
filter: theme.palette.mode === "dark"
|
|
@@ -13764,7 +13930,7 @@ const getPopoverContentStyles = (theme, featureHighlight = false, size = "medium
|
|
|
13764
13930
|
gap: layout.gap,
|
|
13765
13931
|
padding: layout.padding,
|
|
13766
13932
|
width: "100%",
|
|
13767
|
-
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,
|
|
13768
13934
|
border: featureHighlight
|
|
13769
13935
|
? `2px solid ${(_b = theme.palette.vars) === null || _b === void 0 ? void 0 : _b.controlBorderActive}`
|
|
13770
13936
|
: "0px solid transparent",
|
|
@@ -13994,7 +14160,7 @@ const Popover = (_a) => {
|
|
|
13994
14160
|
});
|
|
13995
14161
|
const bg = featureHighlight
|
|
13996
14162
|
? theme.palette.vars.controlBorderActive
|
|
13997
|
-
: theme.palette.vars.
|
|
14163
|
+
: theme.palette.vars.baseBackgroundWeak;
|
|
13998
14164
|
return (jsx(Popover$1, Object.assign({}, props, { open: open, disableScrollLock: disableScrollLock, marginThreshold: null, anchorOrigin: resolvedAnchorOrigin, transformOrigin: resolvedTransformOrigin, onClose: onClose, slotProps: {
|
|
13999
14165
|
paper: {
|
|
14000
14166
|
ref: paperRef,
|
|
@@ -17219,5 +17385,5 @@ const gradientsPalette = {
|
|
|
17219
17385
|
},
|
|
17220
17386
|
};
|
|
17221
17387
|
|
|
17222
|
-
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 };
|
|
17223
17389
|
//# sourceMappingURL=index.esm.js.map
|