@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.umd.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material/styles'), require('@mui/material/Typography'), require('@mui/material/Button'), require('@mui/material/Divider'), require('@mui/material/Tab'), require('react/jsx-runtime'), require('@mui/material'), require('@mui/icons-material/Done'), require('@mui/icons-material/Close'), require('@mui/lab'), require('react'), require('@mui/icons-material/Star'), require('@mui/icons-material/CheckCircle'), require('@mui/icons-material/Warning'), require('@mui/icons-material/Cancel'), require('@mui/icons-material/RemoveCircle'), require('@mui/icons-material/BlockFlipped'), require('@mui/icons-material/Schedule'), require('@mui/icons-material/Info'), require('@mui/icons-material/CheckCircleOutline'), require('react-virtuoso'), require('@mui/icons-material'), require('react-router-dom'), require('@mui/icons-material/ChevronRight'), require('react-syntax-highlighter'), require('@mui/icons-material/DoneRounded'), require('copy-to-clipboard'), require('@mui/x-date-pickers/node/AdapterDayjs/index.js'), require('@mui/x-date-pickers/node/LocalizationProvider/index.js'), require('@mui/x-date-pickers/node/DateTimePicker/index.js'), require('@mui/x-date-pickers/node/DatePicker/index.js'), require('@mui/x-date-pickers/node/TimePicker/index.js'), require('@mui/x-date-pickers/node/StaticDateTimePicker/index.js'), require('@mui/x-date-pickers/node/StaticDatePicker/index.js'), require('@mui/material/Drawer'), require('@mui/material/Stack'), require('use-debounce'), require('material-react-table'), require('@mui/material/IconButton'), require('@mui/material/Box'), require('@mui/material/FormControlLabel'), require('sonner'), require('@mui/icons-material/FileUpload'), require('@mui/icons-material/AttachFile'), require('@mui/icons-material/ErrorOutline'), require('recharts'), require('@emotion/styled'), require('date-fns')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', '@mui/material/styles', '@mui/material/Typography', '@mui/material/Button', '@mui/material/Divider', '@mui/material/Tab', 'react/jsx-runtime', '@mui/material', '@mui/icons-material/Done', '@mui/icons-material/Close', '@mui/lab', 'react', '@mui/icons-material/Star', '@mui/icons-material/CheckCircle', '@mui/icons-material/Warning', '@mui/icons-material/Cancel', '@mui/icons-material/RemoveCircle', '@mui/icons-material/BlockFlipped', '@mui/icons-material/Schedule', '@mui/icons-material/Info', '@mui/icons-material/CheckCircleOutline', 'react-virtuoso', '@mui/icons-material', 'react-router-dom', '@mui/icons-material/ChevronRight', 'react-syntax-highlighter', '@mui/icons-material/DoneRounded', 'copy-to-clipboard', '@mui/x-date-pickers/node/AdapterDayjs/index.js', '@mui/x-date-pickers/node/LocalizationProvider/index.js', '@mui/x-date-pickers/node/DateTimePicker/index.js', '@mui/x-date-pickers/node/DatePicker/index.js', '@mui/x-date-pickers/node/TimePicker/index.js', '@mui/x-date-pickers/node/StaticDateTimePicker/index.js', '@mui/x-date-pickers/node/StaticDatePicker/index.js', '@mui/material/Drawer', '@mui/material/Stack', 'use-debounce', 'material-react-table', '@mui/material/IconButton', '@mui/material/Box', '@mui/material/FormControlLabel', 'sonner', '@mui/icons-material/FileUpload', '@mui/icons-material/AttachFile', '@mui/icons-material/ErrorOutline', 'recharts', '@emotion/styled', 'date-fns'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.OpenUIKit = {}, global.MuiMaterialStyles, global.Typography$1, null, global.Divider, null, global.jsxRuntime, global.Mui, global.DoneIcon, global.CloseIcon, global.MuiLab, global.React, global.StarIcon, global.CheckCircleIcon, global.WarningIcon, global.CancelIcon, global.RemoveCircleIcon, global.BlockFlippedIcon, global.ScheduleIcon, global.InfoIcon, global.CheckCircleOutlineIcon, global.reactVirtuoso, global.iconsMaterial, global.ReactRouterDOM, global.ChevronRight, global.SyntaxHighlighter, global.DoneRoundedIcon, global.copy, global.AdapterDayjs, global.LocalizationProvider, global.DateTimePicker$1, global.DatePicker$1, global.TimePicker$1, global.StaticDateTimePicker$1, global.StaticDatePicker$1, global.MuiDrawer, global.MuiStack, global.useDebounce, global.materialReactTable, global.IconButton, global.Box, global.FormControlLabel, global.sonner, global.FileUploadIcon, global.AttachFileIcon, global.ErrorOutlineIcon, global.recharts, global.styled, global.dateFns));
|
|
5
|
-
})(this, (function (exports, styles$8, Typography, Button$1, Divider$1, Tab$1, jsxRuntime, material, DoneIcon, CloseIcon, lab, React, StarIcon, CheckCircleIcon, WarningIcon, CancelIcon, RemoveCircleIcon, BlockFlippedIcon, ScheduleIcon, InfoIcon, CheckCircleOutlineIcon, reactVirtuoso, iconsMaterial, reactRouterDom, ChevronRightIcon, reactSyntaxHighlighter, DoneRoundedIcon, copy, index_js$1, index_js, index_js$2, index_js$3, index_js$4, index_js$5, index_js$6, Drawer, Stack, useDebounce, materialReactTable, IconButton, Box, FormControlLabel, sonner, UploadSimpleIcon, AttachFileIcon, ErrorOutlineIcon, recharts, styled, dateFns) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material/styles'), require('@mui/material/Typography'), require('@mui/material/Button'), require('@mui/material/Divider'), require('@mui/material/Tab'), require('react/jsx-runtime'), require('@mui/material'), require('@mui/icons-material/Done'), require('@mui/icons-material/Close'), require('@mui/lab'), require('react'), require('@mui/icons-material/Star'), require('@mui/icons-material/CheckCircle'), require('@mui/icons-material/Warning'), require('@mui/icons-material/Cancel'), require('@mui/icons-material/RemoveCircle'), require('@mui/icons-material/BlockFlipped'), require('@mui/icons-material/Schedule'), require('@mui/icons-material/Info'), require('@mui/icons-material/CheckCircleOutline'), require('react-virtuoso'), require('@mui/icons-material'), require('react-router-dom'), require('@mui/icons-material/ChevronRight'), require('react-syntax-highlighter'), require('refractor/all'), require('@mui/icons-material/DoneRounded'), require('copy-to-clipboard'), require('@mui/x-date-pickers/node/AdapterDayjs/index.js'), require('@mui/x-date-pickers/node/LocalizationProvider/index.js'), require('@mui/x-date-pickers/node/DateTimePicker/index.js'), require('@mui/x-date-pickers/node/DatePicker/index.js'), require('@mui/x-date-pickers/node/TimePicker/index.js'), require('@mui/x-date-pickers/node/StaticDateTimePicker/index.js'), require('@mui/x-date-pickers/node/StaticDatePicker/index.js'), require('@mui/material/Drawer'), require('@mui/material/Stack'), require('use-debounce'), require('material-react-table'), require('@mui/material/IconButton'), require('@mui/material/Box'), require('@mui/material/FormControlLabel'), require('sonner'), require('@mui/icons-material/FileUpload'), require('@mui/icons-material/AttachFile'), require('@mui/icons-material/ErrorOutline'), require('recharts'), require('@emotion/styled'), require('date-fns')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', '@mui/material/styles', '@mui/material/Typography', '@mui/material/Button', '@mui/material/Divider', '@mui/material/Tab', 'react/jsx-runtime', '@mui/material', '@mui/icons-material/Done', '@mui/icons-material/Close', '@mui/lab', 'react', '@mui/icons-material/Star', '@mui/icons-material/CheckCircle', '@mui/icons-material/Warning', '@mui/icons-material/Cancel', '@mui/icons-material/RemoveCircle', '@mui/icons-material/BlockFlipped', '@mui/icons-material/Schedule', '@mui/icons-material/Info', '@mui/icons-material/CheckCircleOutline', 'react-virtuoso', '@mui/icons-material', 'react-router-dom', '@mui/icons-material/ChevronRight', 'react-syntax-highlighter', 'refractor/all', '@mui/icons-material/DoneRounded', 'copy-to-clipboard', '@mui/x-date-pickers/node/AdapterDayjs/index.js', '@mui/x-date-pickers/node/LocalizationProvider/index.js', '@mui/x-date-pickers/node/DateTimePicker/index.js', '@mui/x-date-pickers/node/DatePicker/index.js', '@mui/x-date-pickers/node/TimePicker/index.js', '@mui/x-date-pickers/node/StaticDateTimePicker/index.js', '@mui/x-date-pickers/node/StaticDatePicker/index.js', '@mui/material/Drawer', '@mui/material/Stack', 'use-debounce', 'material-react-table', '@mui/material/IconButton', '@mui/material/Box', '@mui/material/FormControlLabel', 'sonner', '@mui/icons-material/FileUpload', '@mui/icons-material/AttachFile', '@mui/icons-material/ErrorOutline', 'recharts', '@emotion/styled', 'date-fns'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.OpenUIKit = {}, global.MuiMaterialStyles, global.Typography$1, null, global.Divider, null, global.jsxRuntime, global.Mui, global.DoneIcon, global.CloseIcon, global.MuiLab, global.React, global.StarIcon, global.CheckCircleIcon, global.WarningIcon, global.CancelIcon, global.RemoveCircleIcon, global.BlockFlippedIcon, global.ScheduleIcon, global.InfoIcon, global.CheckCircleOutlineIcon, global.reactVirtuoso, global.iconsMaterial, global.ReactRouterDOM, global.ChevronRight, global.SyntaxHighlighter, global.all, global.DoneRoundedIcon, global.copy, global.AdapterDayjs, global.LocalizationProvider, global.DateTimePicker$1, global.DatePicker$1, global.TimePicker$1, global.StaticDateTimePicker$1, global.StaticDatePicker$1, global.MuiDrawer, global.MuiStack, global.useDebounce, global.materialReactTable, global.IconButton, global.Box, global.FormControlLabel, global.sonner, global.FileUploadIcon, global.AttachFileIcon, global.ErrorOutlineIcon, global.recharts, global.styled, global.dateFns));
|
|
5
|
+
})(this, (function (exports, styles$8, Typography, Button$1, Divider$1, Tab$1, jsxRuntime, material, DoneIcon, CloseIcon, lab, React, StarIcon, CheckCircleIcon, WarningIcon, CancelIcon, RemoveCircleIcon, BlockFlippedIcon, ScheduleIcon, InfoIcon, CheckCircleOutlineIcon, reactVirtuoso, iconsMaterial, reactRouterDom, ChevronRightIcon, reactSyntaxHighlighter, all, DoneRoundedIcon, copy, index_js$1, index_js, index_js$2, index_js$3, index_js$4, index_js$5, index_js$6, Drawer, Stack, useDebounce, materialReactTable, IconButton, Box, FormControlLabel, sonner, UploadSimpleIcon, AttachFileIcon, ErrorOutlineIcon, recharts, styled, dateFns) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespaceDefault(e) {
|
|
8
8
|
var n = Object.create(null);
|
|
@@ -149,15 +149,31 @@
|
|
|
149
149
|
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 20", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
150
150
|
};
|
|
151
151
|
|
|
152
|
+
const DashboardMark = (_a) => {
|
|
153
|
+
var { tones } = _a, props = __rest(_a, ["tones"]);
|
|
154
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("rect", { x: "2", y: "3.11108", width: "8.88889", height: "11.1111", rx: "1", fill: tones.block }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.jsx("rect", { x: "13.1111", y: "12", width: "8.88889", height: "8.88889", rx: "1", fill: tones.square })] }) })));
|
|
155
|
+
};
|
|
152
156
|
const DashboardSelected = (props) => {
|
|
153
|
-
|
|
157
|
+
const { vars } = material.useTheme().palette;
|
|
158
|
+
return (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
159
|
+
block: vars.brandIconPrimaryDefault,
|
|
160
|
+
bars: vars.brandIconPrimaryDefault,
|
|
161
|
+
square: vars.brandIconPrimaryStrong,
|
|
162
|
+
} })));
|
|
154
163
|
};
|
|
155
164
|
const DashboardUnSelected = (props) => {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
165
|
+
const { vars } = material.useTheme().palette;
|
|
166
|
+
return (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
167
|
+
block: vars.brandIconSecondaryWeak,
|
|
168
|
+
bars: vars.brandIconSecondaryMedium,
|
|
169
|
+
square: vars.brandIconSecondaryDefault,
|
|
170
|
+
} })));
|
|
171
|
+
};
|
|
172
|
+
const DashboardDisabled = (props) => (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
173
|
+
block: "currentColor",
|
|
174
|
+
bars: "currentColor",
|
|
175
|
+
square: "currentColor",
|
|
176
|
+
} })));
|
|
161
177
|
|
|
162
178
|
const DataLakeSelected = (props) => {
|
|
163
179
|
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 17", children: [jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
@@ -3965,70 +3981,631 @@
|
|
|
3965
3981
|
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 16.2", children: [jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
3966
3982
|
};
|
|
3967
3983
|
|
|
3968
|
-
const
|
|
3969
|
-
|
|
3970
|
-
|
|
3971
|
-
const
|
|
3972
|
-
|
|
3973
|
-
|
|
3974
|
-
const
|
|
3975
|
-
|
|
3984
|
+
const surfaceLight50 = "#fbfcfe";
|
|
3985
|
+
const surfaceLight100 = "#f5f8fd";
|
|
3986
|
+
const surfaceLight200 = "#eff3fc";
|
|
3987
|
+
const surfaceLight300 = "#e8eefb";
|
|
3988
|
+
const surfaceLight400 = "#e3eafa";
|
|
3989
|
+
const surfaceLight500 = "#dee6f9";
|
|
3990
|
+
const surfaceLight600 = "#dae3f8";
|
|
3991
|
+
const surfaceLight700 = "#d5dff7";
|
|
3992
|
+
const surfaceLight800 = "#d1dbf6";
|
|
3993
|
+
const surfaceLight900 = "#c8d5f5";
|
|
3994
|
+
const surfaceLight50Alpha40 = "#fbfcfe66";
|
|
3995
|
+
const surfaceLight800Alpha40 = "#d1dbf666";
|
|
3996
|
+
const surfaceLight900Alpha40 = "#c8d5f566";
|
|
3997
|
+
const surfaceLight900Alpha10 = "#c8d5f519";
|
|
3998
|
+
const surfaceDark50 = "#4f628d";
|
|
3999
|
+
const surfaceDark100 = "#3a4e77";
|
|
4000
|
+
const surfaceDark200 = "#31466e";
|
|
4001
|
+
const surfaceDark300 = "#263b62";
|
|
4002
|
+
const surfaceDark400 = "#183056";
|
|
4003
|
+
const surfaceDark500 = "#0d274d";
|
|
4004
|
+
const surfaceDark600 = "#062242";
|
|
4005
|
+
const surfaceDark700 = "#001c3b";
|
|
4006
|
+
const surfaceDark800 = "#041930";
|
|
4007
|
+
const surfaceDark900 = "#00142b";
|
|
4008
|
+
const surfaceDark800Alpha40 = "#04193066";
|
|
4009
|
+
const surfaceDark900Alpha40 = "#00142b66";
|
|
4010
|
+
const surfaceDark900Alpha10 = "#00142b19";
|
|
4011
|
+
const blue50 = "#e8f1ff";
|
|
4012
|
+
const blue100 = "#9bcaff";
|
|
4013
|
+
const blue200 = "#79b9ff";
|
|
4014
|
+
const blue300 = "#187adc";
|
|
4015
|
+
const blue400 = "#0063c2";
|
|
4016
|
+
const blue500 = "#0051af";
|
|
4017
|
+
const blue600 = "#004ba8";
|
|
4018
|
+
const blue700 = "#00409f";
|
|
4019
|
+
const blue800 = "#003796";
|
|
4020
|
+
const blue900 = "#002786";
|
|
4021
|
+
const blueAlpha40 = "#0051af66";
|
|
4022
|
+
const blueAlpha10 = "#0051af19";
|
|
4023
|
+
const blueFocusRingWeak = "#cce1ff";
|
|
4024
|
+
const blueFocusRingStrong = "#3e84e5";
|
|
4025
|
+
const lightBlue50 = "#edfcff";
|
|
4026
|
+
const lightBlue100 = "#bcf2ff";
|
|
4027
|
+
const lightBlue200 = "#8fe9ff";
|
|
4028
|
+
const lightBlue300 = "#62e0ff";
|
|
4029
|
+
const lightBlue400 = "#41d9ff";
|
|
4030
|
+
const lightBlue500 = "#1fd2ff";
|
|
4031
|
+
const lightBlue600 = "#1bcdff";
|
|
4032
|
+
const lightBlue700 = "#17c7ff";
|
|
4033
|
+
const lightBlue800 = "#12c1ff";
|
|
4034
|
+
const lightBlue900 = "#0ab6ff";
|
|
4035
|
+
const lightBlueAlpha40 = "#1fd2ff66";
|
|
4036
|
+
const lightBlueAlpha10 = "#1fd2ff19";
|
|
4037
|
+
const grey0 = "#ffffff";
|
|
4038
|
+
const grey50 = "#e8e9ea";
|
|
4039
|
+
const grey100 = "#c5c7cb";
|
|
4040
|
+
const grey200 = "#9ea2a8";
|
|
4041
|
+
const grey300 = "#777d85";
|
|
4042
|
+
const grey400 = "#59616b";
|
|
4043
|
+
const grey500 = "#3c4551";
|
|
4044
|
+
const grey600 = "#363e4a";
|
|
4045
|
+
const grey700 = "#2e3640";
|
|
4046
|
+
const grey800 = "#272e37";
|
|
4047
|
+
const grey900 = "#1a1f27";
|
|
4048
|
+
const greyAlpha40 = "#3c455166";
|
|
4049
|
+
const greyAlpha10 = "#3c455119";
|
|
4050
|
+
const purple50 = "#faecff";
|
|
4051
|
+
const purple100 = "#f1dbff";
|
|
4052
|
+
const purple200 = "#deb8ff";
|
|
4053
|
+
const purple300 = "#ca93ff";
|
|
4054
|
+
const purple400 = "#c080ff";
|
|
4055
|
+
const purple500 = "#b76dff";
|
|
4056
|
+
const purple600 = "#9c4eea";
|
|
4057
|
+
const purple700 = "#6a21ba";
|
|
4058
|
+
const purple800 = "#5300a4";
|
|
4059
|
+
const purple900 = "#1b0077";
|
|
4060
|
+
const purpleAlpha40 = "#b76dff66";
|
|
4061
|
+
const purpleAlpha10 = "#b76dff19";
|
|
4062
|
+
const red50 = "#f8e5ea";
|
|
4063
|
+
const red100 = "#eebfcb";
|
|
4064
|
+
const red200 = "#e394a9";
|
|
4065
|
+
const red300 = "#d76987";
|
|
4066
|
+
const red400 = "#cf496d";
|
|
4067
|
+
const red500 = "#c62953";
|
|
4068
|
+
const red600 = "#c0244c";
|
|
4069
|
+
const red700 = "#b91f42";
|
|
4070
|
+
const red800 = "#b11939";
|
|
4071
|
+
const red900 = "#a40f29";
|
|
4072
|
+
const redAlpha40 = "#c6295366";
|
|
4073
|
+
const redAlpha10 = "#c6295319";
|
|
4074
|
+
const orange50 = "#fdece8";
|
|
4075
|
+
const orange100 = "#fbd1c5";
|
|
4076
|
+
const orange200 = "#f9b29e";
|
|
4077
|
+
const orange300 = "#f69377";
|
|
4078
|
+
const orange400 = "#f47b5a";
|
|
4079
|
+
const orange500 = "#f2643d";
|
|
4080
|
+
const orange600 = "#f05c37";
|
|
4081
|
+
const orange700 = "#ee522f";
|
|
4082
|
+
const orange800 = "#ec4827";
|
|
4083
|
+
const orange900 = "#e8361a";
|
|
4084
|
+
const orangeAlpha40 = "#f2643d66";
|
|
4085
|
+
const orangeAlpha10 = "#f2643d19";
|
|
4086
|
+
const lightOrange50 = "#fff5e9";
|
|
4087
|
+
const lightOrange100 = "#ffe7c7";
|
|
4088
|
+
const lightOrange200 = "#ffd7a2";
|
|
4089
|
+
const lightOrange300 = "#ffc77d";
|
|
4090
|
+
const lightOrange400 = "#ffbb61";
|
|
4091
|
+
const lightOrange500 = "#fbaf45";
|
|
4092
|
+
const lightOrange600 = "#fbab2c";
|
|
4093
|
+
const lightOrange700 = "#fb9f36";
|
|
4094
|
+
const lightOrange800 = "#fb962e";
|
|
4095
|
+
const lightOrange900 = "#fb861f";
|
|
4096
|
+
const lightAlphaOrange40 = "#fbaf4566";
|
|
4097
|
+
const lightAlphaOrange10 = "#fbaf4519";
|
|
4098
|
+
const yellow50 = "#fffceb";
|
|
4099
|
+
const yellow100 = "#fff8cd";
|
|
4100
|
+
const yellow200 = "#fff3ac";
|
|
4101
|
+
const yellow300 = "#ffee8b";
|
|
4102
|
+
const yellow400 = "#ffea72";
|
|
4103
|
+
const yellow500 = "#ffe659";
|
|
4104
|
+
const yellow600 = "#ffe351";
|
|
4105
|
+
const yellow700 = "#ffdf48";
|
|
4106
|
+
const yellow800 = "#ffdb3e";
|
|
4107
|
+
const yellow900 = "#ffd52e";
|
|
4108
|
+
const yellowAlpha40 = "#ffe65966";
|
|
4109
|
+
const yellowAlpha10 = "#ffe65919";
|
|
4110
|
+
const green50 = "#ebfbf7";
|
|
4111
|
+
const green100 = "#b3eadd";
|
|
4112
|
+
const green200 = "#80dcc6";
|
|
4113
|
+
const green300 = "#4dceaf";
|
|
4114
|
+
const green400 = "#26c49e";
|
|
4115
|
+
const green500 = "#00b98d";
|
|
4116
|
+
const green600 = "#00b285";
|
|
4117
|
+
const green700 = "#00aa7a";
|
|
4118
|
+
const green800 = "#00a270";
|
|
4119
|
+
const green900 = "#00935d";
|
|
4120
|
+
const green40 = "#00b98d66";
|
|
4121
|
+
const green10 = "#00b98d19";
|
|
4122
|
+
const night10 = "#dff1f5";
|
|
4123
|
+
const night50 = "#96d0dd";
|
|
4124
|
+
const night100 = "#62bed2";
|
|
4125
|
+
const night200 = "#46aace";
|
|
4126
|
+
const night300 = "#3d91be";
|
|
4127
|
+
const night400 = "#3577ae";
|
|
4128
|
+
const night500 = "#2d5e9e";
|
|
4129
|
+
const night600 = "#24448e";
|
|
4130
|
+
const night700 = "#1c2b7f";
|
|
4131
|
+
const night800 = "#162065";
|
|
4132
|
+
const night900 = "#11174b";
|
|
4133
|
+
const sunset10 = "#fff6d4";
|
|
4134
|
+
const sunset50 = "#f9cdac";
|
|
4135
|
+
const sunset100 = "#f3aca2";
|
|
4136
|
+
const sunset200 = "#ee8b97";
|
|
4137
|
+
const sunset300 = "#e96a8d";
|
|
4138
|
+
const sunset400 = "#db5087";
|
|
4139
|
+
const sunset500 = "#b8428c";
|
|
4140
|
+
const sunset600 = "#973490";
|
|
4141
|
+
const sunset700 = "#742796";
|
|
4142
|
+
const sunset800 = "#5e1f88";
|
|
4143
|
+
const sunset900 = "#4d1a70";
|
|
4144
|
+
const lavender10 = "#f1f5ff";
|
|
4145
|
+
const lavender50 = "#e0e5ff";
|
|
4146
|
+
const lavender100 = "#c8cdfb";
|
|
4147
|
+
const lavender200 = "#bac1ff";
|
|
4148
|
+
const lavender300 = "#a8afff";
|
|
4149
|
+
const lavender400 = "#9ca6ff";
|
|
4150
|
+
const lavender500 = "#8a95ff";
|
|
4151
|
+
const lavender600 = "#5c6ddd";
|
|
4152
|
+
const lavender700 = "#2847a5";
|
|
4153
|
+
const lavender800 = "#00358f";
|
|
4154
|
+
const lavender900 = "#002378";
|
|
4155
|
+
const lime10 = "#fcfee8";
|
|
4156
|
+
const lime50 = "#fcffd0";
|
|
4157
|
+
const lime100 = "#eaff80";
|
|
4158
|
+
const lime200 = "#d3f474";
|
|
4159
|
+
const lime300 = "#bbdc5e";
|
|
4160
|
+
const lime400 = "#a4c547";
|
|
4161
|
+
const lime500 = "#89ab2c";
|
|
4162
|
+
const lime600 = "#7da11b";
|
|
4163
|
+
const lime700 = "#5f8200";
|
|
4164
|
+
const lime800 = "#345900";
|
|
4165
|
+
const lime900 = "#193100";
|
|
4166
|
+
const pink10 = "#fff9ff";
|
|
4167
|
+
const pink50 = "#ffdeea";
|
|
4168
|
+
const pink100 = "#ffc4d5";
|
|
4169
|
+
const pink200 = "#ffa6ca";
|
|
4170
|
+
const pink300 = "#ff87a9";
|
|
4171
|
+
const pink400 = "#f2638c";
|
|
4172
|
+
const pink500 = "#e3447c";
|
|
4173
|
+
const pink600 = "#c2306f";
|
|
4174
|
+
const pink700 = "#97174a";
|
|
4175
|
+
const pink800 = "#7f0037";
|
|
4176
|
+
const pink900 = "#500014";
|
|
4177
|
+
const teal10 = "#efffff";
|
|
4178
|
+
const teal50 = "#c7ffff";
|
|
4179
|
+
const teal100 = "#92ffff";
|
|
4180
|
+
const teal200 = "#78fbff";
|
|
4181
|
+
const teal300 = "#5de2e8";
|
|
4182
|
+
const teal400 = "#3ecbd1";
|
|
4183
|
+
const teal500 = "#0bb2b8";
|
|
4184
|
+
const teal600 = "#028e99";
|
|
4185
|
+
const teal700 = "#007178";
|
|
4186
|
+
const teal800 = "#00484f";
|
|
4187
|
+
const teal900 = "#00353c";
|
|
4188
|
+
const outshiftLogoLightOrange = "#fbaf45";
|
|
4189
|
+
const outshiftBlue = "#0051af";
|
|
4190
|
+
const outshiftMidnightBlue = "#0d274d";
|
|
4191
|
+
const agentcyYellow = "#fbaf45";
|
|
4192
|
+
const illustrationShell = "#1e2939";
|
|
4193
|
+
const illustrationRing = "#2e3e57";
|
|
4194
|
+
const illustrationSurface = "#233043";
|
|
4195
|
+
const illustrationSurfaceSubtle = "#2e3640";
|
|
4196
|
+
const illustrationStroke = "#384d6b";
|
|
4197
|
+
const illustrationGradientStart = "#384c6b";
|
|
4198
|
+
const illustrationGradientEnd = "#2a3a50";
|
|
4199
|
+
const illustrationInfoGradientStart = "#834dd7";
|
|
4200
|
+
const illustrationInfoGradientMiddle = "#7670d5";
|
|
4201
|
+
const illustrationInfoGradientEnd = "#58c0d0";
|
|
4202
|
+
const illustrationPositiveGradientStart = "#1ac1e5";
|
|
4203
|
+
const illustrationPositiveGradientMiddle = "#4cc9b2";
|
|
4204
|
+
const illustrationPositiveGradientEnd = "#a7d755";
|
|
4205
|
+
const illustrationNegativeGradientStart = "#e09e89";
|
|
4206
|
+
const illustrationWarningGradientStart = "#ff9900";
|
|
4207
|
+
const illustrationWarningGradientEnd = "#c8511b";
|
|
4208
|
+
const outshiftOrange = "#fb861f";
|
|
4209
|
+
const agentcyBlue = "#187adc";
|
|
4210
|
+
const agentcyDarkBlue = "#00142b";
|
|
4211
|
+
const outshiftLogoLightBlue = "#17c7ff";
|
|
4212
|
+
const outshiftLogoGreen = "#74bf4b";
|
|
4213
|
+
const outshiftLogoWhite = "#ffffff";
|
|
4214
|
+
const outshiftLogoOrange = "#f2643d";
|
|
4215
|
+
const outshiftLogoDark = "#00142b";
|
|
4216
|
+
const brandColors = {
|
|
4217
|
+
outshiftLogoLightOrange,
|
|
4218
|
+
outshiftBlue,
|
|
4219
|
+
outshiftMidnightBlue,
|
|
4220
|
+
agentcyYellow,
|
|
4221
|
+
outshiftOrange,
|
|
4222
|
+
agentcyBlue,
|
|
4223
|
+
agentcyDarkBlue,
|
|
4224
|
+
outshiftLogoLightBlue,
|
|
4225
|
+
outshiftLogoGreen,
|
|
4226
|
+
outshiftLogoWhite,
|
|
4227
|
+
outshiftLogoOrange,
|
|
4228
|
+
outshiftLogoDark,
|
|
3976
4229
|
};
|
|
3977
|
-
|
|
3978
|
-
|
|
3979
|
-
|
|
4230
|
+
const gradientStopColors = {
|
|
4231
|
+
illustrationBlueStart: "#214694",
|
|
4232
|
+
illustrationBlueMiddle: "#3169a8",
|
|
4233
|
+
illustrationBlueEnd: "#56bad5",
|
|
4234
|
+
illustrationRainbowRed: "#ba4d5f",
|
|
4235
|
+
illustrationRainbowOrange: "#df875d",
|
|
4236
|
+
illustrationRainbowYellow: "#eab069",
|
|
4237
|
+
illustrationRainbowGreen: "#8cbdac",
|
|
4238
|
+
illustrationRainbowTeal: "#58c0d0",
|
|
4239
|
+
illustrationPurpleStart: "#834dd7",
|
|
4240
|
+
illustrationPurpleMiddle: "#7670d5",
|
|
4241
|
+
illustrationGreenStart: "#1ac1e5",
|
|
4242
|
+
illustrationGreenMiddle: "#4cc9b2",
|
|
4243
|
+
illustrationGreenEnd: "#a7d755",
|
|
4244
|
+
illustrationLightBlueStart: "#00dff0",
|
|
4245
|
+
illustrationLightBlueMiddle: "#00aff0",
|
|
4246
|
+
illustrationLightBlueEnd: "#006df0",
|
|
4247
|
+
illustrationPinkStart: "#e09e89",
|
|
4248
|
+
illustrationPinkEnd: "#c0328a",
|
|
4249
|
+
illustrationOrangeStart: "#ff9900",
|
|
4250
|
+
illustrationOrangeEnd: "#c8511b",
|
|
4251
|
+
primaryOrange: "#ff6d2e",
|
|
4252
|
+
primaryPurple: "#341686",
|
|
4253
|
+
secondaryBlueWeak: "#80a8d7",
|
|
4254
|
+
secondaryBlueStrong: "#021d60",
|
|
4255
|
+
secondaryBlueHoverWeak: "#b3cbe7",
|
|
3980
4256
|
};
|
|
3981
|
-
const
|
|
3982
|
-
|
|
4257
|
+
const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
|
|
4258
|
+
const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
|
|
4259
|
+
const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
|
|
4260
|
+
const lightModeCardFloating = "0px 4px 12px rgba(200, 213, 245, 0.7)";
|
|
4261
|
+
const lightModeSideDrawerRight = "-8px 0px 12px rgba(200, 213, 245, 0.1), -4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
4262
|
+
const lightModeSideDrawerLeft = "8px 0px 12px rgba(200, 213, 245, 0.1), 4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
4263
|
+
const lightModeFooterBottom = "0px -4px 12px rgba(200, 213, 245, 0.33)";
|
|
4264
|
+
const lightModeSideDrawer = "-4px 0px 4px rgba(200, 213, 245, 0.1), -8px 0px 12px rgba(200, 213, 245, 0.1)";
|
|
4265
|
+
const darkModeCardLifted = "0px 4px 4px rgba(6, 34, 66, 0.33)";
|
|
4266
|
+
const darkModeCardSubtle = "0px 2px 5px rgba(6, 34, 66, 0.4)";
|
|
4267
|
+
const darkModeCardRaised = "0px 4px 12px rgba(6, 34, 66, 0.5)";
|
|
4268
|
+
const darkModeCardFloating = "0px 4px 12px rgba(6, 34, 66, 0.7)";
|
|
4269
|
+
const darkModeSideDrawerRight = "-8px 0px 12px rgba(21, 29, 40, 0.1), -4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
4270
|
+
const darkModeSideDrawerLeft = "8px 0px 12px rgba(21, 29, 40, 0.1), 4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
4271
|
+
const darkModeFooterBottom = "0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 12px rgba(6, 34, 66, 0.33)";
|
|
4272
|
+
const surfaceLightPalette = {
|
|
4273
|
+
50: surfaceLight50,
|
|
4274
|
+
100: surfaceLight100,
|
|
4275
|
+
200: surfaceLight200,
|
|
4276
|
+
300: surfaceLight300,
|
|
4277
|
+
400: surfaceLight400,
|
|
4278
|
+
500: surfaceLight500,
|
|
4279
|
+
600: surfaceLight600,
|
|
4280
|
+
700: surfaceLight700,
|
|
4281
|
+
800: surfaceLight800,
|
|
4282
|
+
900: surfaceLight900,
|
|
3983
4283
|
};
|
|
3984
|
-
const
|
|
3985
|
-
|
|
4284
|
+
const surfaceDarkPalette = {
|
|
4285
|
+
50: surfaceDark50,
|
|
4286
|
+
100: surfaceDark100,
|
|
4287
|
+
200: surfaceDark200,
|
|
4288
|
+
300: surfaceDark300,
|
|
4289
|
+
400: surfaceDark400,
|
|
4290
|
+
500: surfaceDark500,
|
|
4291
|
+
600: surfaceDark600,
|
|
4292
|
+
700: surfaceDark700,
|
|
4293
|
+
800: surfaceDark800,
|
|
4294
|
+
900: surfaceDark900,
|
|
3986
4295
|
};
|
|
3987
|
-
const
|
|
3988
|
-
|
|
4296
|
+
const bluePalette = {
|
|
4297
|
+
50: blue50,
|
|
4298
|
+
100: blue100,
|
|
4299
|
+
200: blue200,
|
|
4300
|
+
300: blue300,
|
|
4301
|
+
400: blue400,
|
|
4302
|
+
500: blue500,
|
|
4303
|
+
600: blue600,
|
|
4304
|
+
700: blue700,
|
|
4305
|
+
800: blue800,
|
|
4306
|
+
900: blue900,
|
|
4307
|
+
alpha40: blueAlpha40,
|
|
4308
|
+
alpha10: blueAlpha10,
|
|
3989
4309
|
};
|
|
3990
|
-
|
|
3991
|
-
|
|
3992
|
-
|
|
4310
|
+
const lightBluePalette = {
|
|
4311
|
+
50: lightBlue50,
|
|
4312
|
+
100: lightBlue100,
|
|
4313
|
+
200: lightBlue200,
|
|
4314
|
+
300: lightBlue300,
|
|
4315
|
+
400: lightBlue400,
|
|
4316
|
+
500: lightBlue500,
|
|
4317
|
+
600: lightBlue600,
|
|
4318
|
+
700: lightBlue700,
|
|
4319
|
+
800: lightBlue800,
|
|
4320
|
+
900: lightBlue900,
|
|
4321
|
+
alpha40: lightBlueAlpha40,
|
|
4322
|
+
alpha10: lightBlueAlpha10,
|
|
3993
4323
|
};
|
|
3994
|
-
|
|
3995
|
-
|
|
3996
|
-
|
|
4324
|
+
const greyPalette = {
|
|
4325
|
+
0: grey0,
|
|
4326
|
+
50: grey50,
|
|
4327
|
+
100: grey100,
|
|
4328
|
+
200: grey200,
|
|
4329
|
+
300: grey300,
|
|
4330
|
+
400: grey400,
|
|
4331
|
+
500: grey500,
|
|
4332
|
+
600: grey600,
|
|
4333
|
+
700: grey700,
|
|
4334
|
+
800: grey800,
|
|
4335
|
+
900: grey900,
|
|
4336
|
+
alpha40: greyAlpha40,
|
|
4337
|
+
alpha10: greyAlpha10,
|
|
3997
4338
|
};
|
|
3998
|
-
const
|
|
3999
|
-
|
|
4339
|
+
const purplePalette = {
|
|
4340
|
+
50: purple50,
|
|
4341
|
+
100: purple100,
|
|
4342
|
+
200: purple200,
|
|
4343
|
+
300: purple300,
|
|
4344
|
+
400: purple400,
|
|
4345
|
+
500: purple500,
|
|
4346
|
+
600: purple600,
|
|
4347
|
+
700: purple700,
|
|
4348
|
+
800: purple800,
|
|
4349
|
+
900: purple900,
|
|
4350
|
+
alpha40: purpleAlpha40,
|
|
4351
|
+
alpha10: purpleAlpha10,
|
|
4000
4352
|
};
|
|
4001
|
-
|
|
4002
|
-
|
|
4003
|
-
|
|
4353
|
+
const redPalette = {
|
|
4354
|
+
50: red50,
|
|
4355
|
+
100: red100,
|
|
4356
|
+
200: red200,
|
|
4357
|
+
300: red300,
|
|
4358
|
+
400: red400,
|
|
4359
|
+
500: red500,
|
|
4360
|
+
600: red600,
|
|
4361
|
+
700: red700,
|
|
4362
|
+
800: red800,
|
|
4363
|
+
900: red900,
|
|
4364
|
+
alpha40: redAlpha40,
|
|
4365
|
+
alpha10: redAlpha10,
|
|
4004
4366
|
};
|
|
4005
|
-
const
|
|
4006
|
-
|
|
4367
|
+
const orangePalette = {
|
|
4368
|
+
50: orange50,
|
|
4369
|
+
100: orange100,
|
|
4370
|
+
200: orange200,
|
|
4371
|
+
300: orange300,
|
|
4372
|
+
400: orange400,
|
|
4373
|
+
500: orange500,
|
|
4374
|
+
600: orange600,
|
|
4375
|
+
700: orange700,
|
|
4376
|
+
800: orange800,
|
|
4377
|
+
900: orange900,
|
|
4378
|
+
alpha40: orangeAlpha40,
|
|
4379
|
+
alpha10: orangeAlpha10,
|
|
4007
4380
|
};
|
|
4008
|
-
|
|
4009
|
-
|
|
4010
|
-
|
|
4381
|
+
const lightOrangePalette = {
|
|
4382
|
+
50: lightOrange50,
|
|
4383
|
+
100: lightOrange100,
|
|
4384
|
+
200: lightOrange200,
|
|
4385
|
+
300: lightOrange300,
|
|
4386
|
+
400: lightOrange400,
|
|
4387
|
+
500: lightOrange500,
|
|
4388
|
+
600: lightOrange600,
|
|
4389
|
+
700: lightOrange700,
|
|
4390
|
+
800: lightOrange800,
|
|
4391
|
+
900: lightOrange900,
|
|
4392
|
+
alpha40: lightAlphaOrange40,
|
|
4393
|
+
alpha10: lightAlphaOrange10,
|
|
4011
4394
|
};
|
|
4012
|
-
const
|
|
4013
|
-
|
|
4395
|
+
const yellowPalette = {
|
|
4396
|
+
50: yellow50,
|
|
4397
|
+
100: yellow100,
|
|
4398
|
+
200: yellow200,
|
|
4399
|
+
300: yellow300,
|
|
4400
|
+
400: yellow400,
|
|
4401
|
+
500: yellow500,
|
|
4402
|
+
600: yellow600,
|
|
4403
|
+
700: yellow700,
|
|
4404
|
+
800: yellow800,
|
|
4405
|
+
900: yellow900,
|
|
4406
|
+
alpha40: yellowAlpha40,
|
|
4407
|
+
alpha10: yellowAlpha10,
|
|
4014
4408
|
};
|
|
4015
|
-
|
|
4016
|
-
|
|
4017
|
-
|
|
4409
|
+
const greenPalette = {
|
|
4410
|
+
50: green50,
|
|
4411
|
+
100: green100,
|
|
4412
|
+
200: green200,
|
|
4413
|
+
300: green300,
|
|
4414
|
+
400: green400,
|
|
4415
|
+
500: green500,
|
|
4416
|
+
600: green600,
|
|
4417
|
+
700: green700,
|
|
4418
|
+
800: green800,
|
|
4419
|
+
900: green900,
|
|
4420
|
+
40: green40,
|
|
4421
|
+
10: green10,
|
|
4018
4422
|
};
|
|
4019
|
-
|
|
4020
|
-
|
|
4021
|
-
|
|
4423
|
+
const nightPalette = {
|
|
4424
|
+
10: night10,
|
|
4425
|
+
50: night50,
|
|
4426
|
+
100: night100,
|
|
4427
|
+
200: night200,
|
|
4428
|
+
300: night300,
|
|
4429
|
+
400: night400,
|
|
4430
|
+
500: night500,
|
|
4431
|
+
600: night600,
|
|
4432
|
+
700: night700,
|
|
4433
|
+
800: night800,
|
|
4434
|
+
900: night900,
|
|
4022
4435
|
};
|
|
4023
|
-
const
|
|
4024
|
-
|
|
4436
|
+
const sunsetPalette = {
|
|
4437
|
+
10: sunset10,
|
|
4438
|
+
50: sunset50,
|
|
4439
|
+
100: sunset100,
|
|
4440
|
+
200: sunset200,
|
|
4441
|
+
300: sunset300,
|
|
4442
|
+
400: sunset400,
|
|
4443
|
+
500: sunset500,
|
|
4444
|
+
600: sunset600,
|
|
4445
|
+
700: sunset700,
|
|
4446
|
+
800: sunset800,
|
|
4447
|
+
900: sunset900,
|
|
4025
4448
|
};
|
|
4026
|
-
|
|
4027
|
-
|
|
4028
|
-
|
|
4449
|
+
const lavenderPalette = {
|
|
4450
|
+
10: lavender10,
|
|
4451
|
+
50: lavender50,
|
|
4452
|
+
100: lavender100,
|
|
4453
|
+
200: lavender200,
|
|
4454
|
+
300: lavender300,
|
|
4455
|
+
400: lavender400,
|
|
4456
|
+
500: lavender500,
|
|
4457
|
+
600: lavender600,
|
|
4458
|
+
700: lavender700,
|
|
4459
|
+
800: lavender800,
|
|
4460
|
+
900: lavender900,
|
|
4029
4461
|
};
|
|
4030
|
-
const
|
|
4031
|
-
|
|
4462
|
+
const limePalette = {
|
|
4463
|
+
10: lime10,
|
|
4464
|
+
50: lime50,
|
|
4465
|
+
100: lime100,
|
|
4466
|
+
200: lime200,
|
|
4467
|
+
300: lime300,
|
|
4468
|
+
400: lime400,
|
|
4469
|
+
500: lime500,
|
|
4470
|
+
600: lime600,
|
|
4471
|
+
700: lime700,
|
|
4472
|
+
800: lime800,
|
|
4473
|
+
900: lime900,
|
|
4474
|
+
};
|
|
4475
|
+
const pinkPalette = {
|
|
4476
|
+
10: pink10,
|
|
4477
|
+
50: pink50,
|
|
4478
|
+
100: pink100,
|
|
4479
|
+
200: pink200,
|
|
4480
|
+
300: pink300,
|
|
4481
|
+
400: pink400,
|
|
4482
|
+
500: pink500,
|
|
4483
|
+
600: pink600,
|
|
4484
|
+
700: pink700,
|
|
4485
|
+
800: pink800,
|
|
4486
|
+
900: pink900,
|
|
4487
|
+
};
|
|
4488
|
+
const tealPalette = {
|
|
4489
|
+
10: teal10,
|
|
4490
|
+
50: teal50,
|
|
4491
|
+
100: teal100,
|
|
4492
|
+
200: teal200,
|
|
4493
|
+
300: teal300,
|
|
4494
|
+
400: teal400,
|
|
4495
|
+
500: teal500,
|
|
4496
|
+
600: teal600,
|
|
4497
|
+
700: teal700,
|
|
4498
|
+
800: teal800,
|
|
4499
|
+
900: teal900,
|
|
4500
|
+
};
|
|
4501
|
+
const OS_LIGHT_COLORS = {
|
|
4502
|
+
surfaceLight: surfaceLightPalette,
|
|
4503
|
+
surfaceDark: surfaceDarkPalette,
|
|
4504
|
+
blue: bluePalette,
|
|
4505
|
+
lightBlue: lightBluePalette,
|
|
4506
|
+
grey: greyPalette,
|
|
4507
|
+
purple: purplePalette,
|
|
4508
|
+
red: redPalette,
|
|
4509
|
+
orange: orangePalette,
|
|
4510
|
+
lightOrange: lightOrangePalette,
|
|
4511
|
+
yellow: yellowPalette,
|
|
4512
|
+
green: greenPalette,
|
|
4513
|
+
lavender: lavenderPalette,
|
|
4514
|
+
lime: limePalette,
|
|
4515
|
+
pink: pinkPalette,
|
|
4516
|
+
teal: tealPalette,
|
|
4517
|
+
night: nightPalette,
|
|
4518
|
+
sunset: sunsetPalette,
|
|
4519
|
+
brand: brandColors,
|
|
4520
|
+
};
|
|
4521
|
+
const darkNavy100 = "#1e293b";
|
|
4522
|
+
const darkNavy200 = "#0a141f";
|
|
4523
|
+
const darkNavy300 = "#0f1623";
|
|
4524
|
+
const darkNavy400 = "#060a0f";
|
|
4525
|
+
const darkNavyPalette = {
|
|
4526
|
+
100: darkNavy100,
|
|
4527
|
+
200: darkNavy200,
|
|
4528
|
+
300: darkNavy300,
|
|
4529
|
+
400: darkNavy400,
|
|
4530
|
+
};
|
|
4531
|
+
const electricBlue300 = "#0ab6ff";
|
|
4532
|
+
const electricBlue500 = "#558bff";
|
|
4533
|
+
const electricBlue700 = "#1469cc";
|
|
4534
|
+
const electricBlueAlpha40 = "#558bff66";
|
|
4535
|
+
const electricBlueAlpha10 = "#558bff19";
|
|
4536
|
+
const electricBluePalette = {
|
|
4537
|
+
300: electricBlue300,
|
|
4538
|
+
500: electricBlue500,
|
|
4539
|
+
700: electricBlue700,
|
|
4540
|
+
alpha40: electricBlueAlpha40,
|
|
4541
|
+
alpha10: electricBlueAlpha10,
|
|
4542
|
+
};
|
|
4543
|
+
|
|
4544
|
+
const AgntcyBrand = (props) => {
|
|
4545
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "72.613 0 65.387 14.882", children: jsxRuntime.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" }) })));
|
|
4546
|
+
};
|
|
4547
|
+
const CiscoBrand = (props) => {
|
|
4548
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 45.1 24", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4549
|
+
};
|
|
4550
|
+
const OutshiftBrand = (props) => {
|
|
4551
|
+
const { vars } = material.useTheme().palette;
|
|
4552
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 87.49 36", children: [jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 }), jsxRuntime.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 })] })));
|
|
4553
|
+
};
|
|
4554
|
+
|
|
4555
|
+
const CiscoAIAssistantDefault = (props) => {
|
|
4556
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 28 26", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4557
|
+
};
|
|
4558
|
+
const CiscoAIAssistantProcessing_loop = (props) => {
|
|
4559
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 26 26", children: [jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4560
|
+
};
|
|
4561
|
+
const CiscoAIAssistantProcessing_start = (props) => {
|
|
4562
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 28 26", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4563
|
+
};
|
|
4564
|
+
const CiscoAIAssistantProcessing_end = (props) => {
|
|
4565
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 26 28", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4566
|
+
};
|
|
4567
|
+
|
|
4568
|
+
const Cisco = (props) => {
|
|
4569
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 23 13.494", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4570
|
+
};
|
|
4571
|
+
|
|
4572
|
+
const GCPLogo = (props) => {
|
|
4573
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 14.727", children: jsxRuntime.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" }) })));
|
|
4574
|
+
};
|
|
4575
|
+
const GCPLogoColored = (props) => {
|
|
4576
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 14.47", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4577
|
+
};
|
|
4578
|
+
|
|
4579
|
+
const GitlabLogo = (props) => {
|
|
4580
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 18.5", children: jsxRuntime.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" }) })));
|
|
4581
|
+
};
|
|
4582
|
+
const GitlabLogoColored = (props) => {
|
|
4583
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 18.5", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4584
|
+
};
|
|
4585
|
+
|
|
4586
|
+
const GithubLogo = (props) => {
|
|
4587
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 19.6", children: jsxRuntime.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" }) })));
|
|
4588
|
+
};
|
|
4589
|
+
const GithubLogoColored = (props) => {
|
|
4590
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 19.6", children: jsxRuntime.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" }) })));
|
|
4591
|
+
};
|
|
4592
|
+
|
|
4593
|
+
const Google = (props) => {
|
|
4594
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 21 21", children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] })));
|
|
4595
|
+
};
|
|
4596
|
+
|
|
4597
|
+
const K8 = (props) => {
|
|
4598
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 17.528", children: jsxRuntime.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" }) })));
|
|
4599
|
+
};
|
|
4600
|
+
const K8Colored = (props) => {
|
|
4601
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 18 17.528", children: [jsxRuntime.jsx("ellipse", { cx: "2481", cy: "592.135", rx: "7.66845", ry: "7.66845", fill: "currentColor" }), jsxRuntime.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" })] })));
|
|
4602
|
+
};
|
|
4603
|
+
|
|
4604
|
+
const MicrosoftAzure = (props) => {
|
|
4605
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 15", children: jsxRuntime.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" }) })));
|
|
4606
|
+
};
|
|
4607
|
+
const MicrosoftAzureColored = (props) => {
|
|
4608
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 15", children: jsxRuntime.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" }) })));
|
|
4032
4609
|
};
|
|
4033
4610
|
|
|
4034
4611
|
const OracleLogo = (props) => {
|
|
@@ -4038,14 +4615,21 @@
|
|
|
4038
4615
|
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20 12.625", children: jsxRuntime.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" }) })));
|
|
4039
4616
|
};
|
|
4040
4617
|
|
|
4618
|
+
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";
|
|
4619
|
+
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";
|
|
4620
|
+
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";
|
|
4041
4621
|
function OrgSwitcherWeak(props) {
|
|
4042
|
-
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d:
|
|
4622
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: BRACKET_PATH, fill: "currentColor" }) })));
|
|
4043
4623
|
}
|
|
4044
4624
|
function OrgSwitcherMedium(props) {
|
|
4045
|
-
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d:
|
|
4625
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: `${BRACKET_PATH} ${ARROW_PATH}`, fill: "currentColor" }) })));
|
|
4046
4626
|
}
|
|
4047
4627
|
function OrgSwitcherDefault(props) {
|
|
4048
|
-
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d:
|
|
4628
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: `${BRACKET_PATH} ${DIAMOND_PATH}`, fill: "currentColor" }) })));
|
|
4629
|
+
}
|
|
4630
|
+
function OrgSwitcher(props) {
|
|
4631
|
+
const { vars } = material.useTheme().palette;
|
|
4632
|
+
return (jsxRuntime.jsxs(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: [jsxRuntime.jsx("path", { d: BRACKET_PATH, fill: vars.brandIconSecondaryWeak }), jsxRuntime.jsx("path", { d: ARROW_PATH, fill: vars.brandIconSecondaryWeak }), jsxRuntime.jsx("path", { d: DIAMOND_PATH, fill: vars.brandIconSecondaryDefault })] })));
|
|
4049
4633
|
}
|
|
4050
4634
|
|
|
4051
4635
|
var index = /*#__PURE__*/Object.freeze({
|
|
@@ -4834,6 +5418,7 @@
|
|
|
4834
5418
|
OracleServicesSubnet: OracleServicesSubnet,
|
|
4835
5419
|
OracleServicesUser: OracleServicesUser,
|
|
4836
5420
|
OracleServicesVirtualNetwork: OracleServicesVirtualNetwork,
|
|
5421
|
+
OrgSwitcher: OrgSwitcher,
|
|
4837
5422
|
OrgSwitcherDefault: OrgSwitcherDefault,
|
|
4838
5423
|
OrgSwitcherMedium: OrgSwitcherMedium,
|
|
4839
5424
|
OrgSwitcherWeak: OrgSwitcherWeak,
|
|
@@ -5084,15 +5669,15 @@
|
|
|
5084
5669
|
});
|
|
5085
5670
|
|
|
5086
5671
|
const StyledAccordion = material.styled(material.Accordion, {
|
|
5087
|
-
shouldForwardProp: (prop) => prop !== "contained" && prop !== "
|
|
5088
|
-
})(({ theme, contained,
|
|
5672
|
+
shouldForwardProp: (prop) => prop !== "contained" && prop !== "showBorder",
|
|
5673
|
+
})(({ theme, contained, showBorder }) => (Object.assign(Object.assign({ padding: 0, color: theme.palette.vars.baseTextStrong, backgroundColor: "transparent", boxShadow: "none", "&::before": {
|
|
5089
5674
|
display: "none",
|
|
5090
5675
|
}, "&.Mui-expanded": {
|
|
5091
5676
|
marginTop: 0,
|
|
5092
5677
|
}, "&.Mui-disabled": {
|
|
5093
5678
|
color: theme.palette.vars.baseTextDisabled,
|
|
5094
5679
|
backgroundColor: "transparent",
|
|
5095
|
-
} }, (
|
|
5680
|
+
} }, (showBorder &&
|
|
5096
5681
|
!contained && {
|
|
5097
5682
|
borderTop: `1px solid ${theme.palette.vars.controlBorderDefault}`,
|
|
5098
5683
|
})), (contained && {
|
|
@@ -5181,12 +5766,13 @@
|
|
|
5181
5766
|
}));
|
|
5182
5767
|
|
|
5183
5768
|
const Accordion = (_a) => {
|
|
5184
|
-
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"]);
|
|
5769
|
+
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"]);
|
|
5185
5770
|
const textVariant = size === "large" ? "h6" : "body2Semibold";
|
|
5186
5771
|
const summaryTextLineHeight = size === "large" ? "24px" : "20px";
|
|
5187
5772
|
const mediumSize = size === "medium";
|
|
5188
5773
|
const shouldShowDivider = showDivider !== null && showDivider !== void 0 ? showDivider : (mediumSize && !contained);
|
|
5189
|
-
|
|
5774
|
+
const shouldShowBorder = showBorder !== null && showBorder !== void 0 ? showBorder : (mediumSize && !contained);
|
|
5775
|
+
return (jsxRuntime.jsxs(StyledAccordion, Object.assign({}, props, { showBorder: shouldShowBorder, contained: contained, children: [jsxRuntime.jsxs(StyledAccordionSummary, Object.assign({ "aria-controls": "panel-content", disableRipple: true, expandIcon: jsxRuntime.jsx(KeyboardArrowRight, { fontSize: "small" }) }, accordionSummaryProps, { contained: contained, arrowPosition: arrowPosition, mediumSize: mediumSize, children: [jsxRuntime.jsxs(StyledSummaryValue, { children: [titleStartIcon, jsxRuntime.jsx(material.Typography, { variant: textVariant, noWrap: true, sx: (theme) => ({
|
|
5190
5776
|
color: textVariant === "h6"
|
|
5191
5777
|
? theme.palette.vars.baseTextStrong
|
|
5192
5778
|
: theme.palette.vars.baseTextDefault,
|
|
@@ -5357,7 +5943,8 @@
|
|
|
5357
5943
|
var _a, _b;
|
|
5358
5944
|
return (jsxRuntime.jsxs(StyledTimelineItem, { children: [jsxRuntime.jsxs(StyledTimelineSeparator, { children: [jsxRuntime.jsx(ActivityTimelineDot, Object.assign({ automaticProgress: automaticProgress, status: step.status }, (automaticProgress && { percent: setPercent(index) }))), index < steps.length - 1 && (jsxRuntime.jsx(StyledTimelineConnector, { lineColor: setStepColor(automaticProgress
|
|
5359
5945
|
? exports.ActivityTimelineStepStatus.InProgress
|
|
5360
|
-
: step.status, theme) }))] }), jsxRuntime.jsx(StyledTimelineContent, { mediumSize: isMedium, children: step.content ? (jsxRuntime.jsx(Accordion, { defaultExpanded: step.defaultExpanded, title: step.title, titleStartIcon: step.titleStartIcon, subTitle: step.subTitle, size: size,
|
|
5946
|
+
: step.status, theme) }))] }), jsxRuntime.jsx(StyledTimelineContent, { mediumSize: isMedium, children: step.content ? (jsxRuntime.jsx(Accordion, { defaultExpanded: step.defaultExpanded, title: step.title, titleStartIcon: step.titleStartIcon, subTitle: step.subTitle, size: size,
|
|
5947
|
+
showBorder: false, showDivider: false, children: step.content })) : (jsxRuntime.jsxs(material.Typography, { variant: isMedium ? "body2Semibold" : "h6", sx: [
|
|
5361
5948
|
{
|
|
5362
5949
|
alignItems: "center",
|
|
5363
5950
|
color: isMedium
|
|
@@ -5513,7 +6100,7 @@
|
|
|
5513
6100
|
borderRadius: "50px",
|
|
5514
6101
|
backgroundColor: hasImage
|
|
5515
6102
|
? "transparent"
|
|
5516
|
-
: theme.palette.vars.
|
|
6103
|
+
: theme.palette.vars.interactivePrimaryWeakDefault,
|
|
5517
6104
|
color: theme.palette.vars.brandIconPrimaryDefault,
|
|
5518
6105
|
fontSize: avatarSize === "L" ? "16px" : "12px",
|
|
5519
6106
|
fontWeight: 600,
|
|
@@ -5535,7 +6122,7 @@
|
|
|
5535
6122
|
"&:hover": {
|
|
5536
6123
|
backgroundColor: hasImage
|
|
5537
6124
|
? "transparent"
|
|
5538
|
-
: theme.palette.vars.
|
|
6125
|
+
: theme.palette.vars.interactivePrimaryWeakHover,
|
|
5539
6126
|
color: theme.palette.vars.brandIconPrimaryStrong,
|
|
5540
6127
|
"& .MuiSvgIcon-root": {
|
|
5541
6128
|
color: theme.palette.vars.brandIconPrimaryStrong,
|
|
@@ -5560,7 +6147,7 @@
|
|
|
5560
6147
|
width: avatarSize === "L" ? 40 : 32,
|
|
5561
6148
|
height: avatarSize === "L" ? 40 : 32,
|
|
5562
6149
|
borderRadius: "50px",
|
|
5563
|
-
backgroundColor: theme.palette.vars.
|
|
6150
|
+
backgroundColor: theme.palette.vars.interactivePrimaryWeakDefault,
|
|
5564
6151
|
border: `2px solid ${theme.palette.mode === "dark"
|
|
5565
6152
|
? theme.palette.vars.baseBorderWeak
|
|
5566
6153
|
: theme.palette.vars.baseBackgroundWeak}`,
|
|
@@ -5589,626 +6176,88 @@
|
|
|
5589
6176
|
if (!React.isValidElement(child))
|
|
5590
6177
|
return child;
|
|
5591
6178
|
return jsxRuntime.jsx(Avatar, Object.assign({}, child.props, { size: size }));
|
|
5592
|
-
}) })));
|
|
5593
|
-
};
|
|
5594
|
-
|
|
5595
|
-
const styles$7 = {
|
|
5596
|
-
styledPaper: {
|
|
5597
|
-
width: "480px",
|
|
5598
|
-
maxWidth: "calc(100vw - 80px)",
|
|
5599
|
-
},
|
|
5600
|
-
styledBody: {
|
|
5601
|
-
display: "flex",
|
|
5602
|
-
flexDirection: "column",
|
|
5603
|
-
alignItems: "stretch",
|
|
5604
|
-
gap: "16px",
|
|
5605
|
-
width: "100%",
|
|
5606
|
-
},
|
|
5607
|
-
styledBodyText: (theme) => ({
|
|
5608
|
-
fontFamily: theme.typography.body2.fontFamily,
|
|
5609
|
-
fontWeight: theme.typography.body2.fontWeight,
|
|
5610
|
-
fontSize: theme.typography.body2.fontSize,
|
|
5611
|
-
lineHeight: theme.typography.body2.lineHeight,
|
|
5612
|
-
letterSpacing: theme.typography.body2.letterSpacing,
|
|
5613
|
-
color: theme.palette.vars.baseTextDefault,
|
|
5614
|
-
}),
|
|
5615
|
-
styledCommentSection: {
|
|
5616
|
-
display: "flex",
|
|
5617
|
-
flexDirection: "column",
|
|
5618
|
-
gap: "8px",
|
|
5619
|
-
width: "100%",
|
|
5620
|
-
},
|
|
5621
|
-
styledTextArea: (theme) => ({
|
|
5622
|
-
width: "100%",
|
|
5623
|
-
"&& .MuiInput-root.MuiInputBase-multiline": {
|
|
5624
|
-
marginTop: 0,
|
|
5625
|
-
minHeight: "138px",
|
|
5626
|
-
alignItems: "flex-start",
|
|
5627
|
-
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
5628
|
-
},
|
|
5629
|
-
"& .MuiFormHelperText-root.Mui-error": {
|
|
5630
|
-
marginBottom: "12px",
|
|
5631
|
-
},
|
|
5632
|
-
}),
|
|
5633
|
-
styledDismiss: {
|
|
5634
|
-
display: "flex",
|
|
5635
|
-
gap: "8px",
|
|
5636
|
-
alignItems: "center",
|
|
5637
|
-
},
|
|
5638
|
-
styledConfirmButton: {
|
|
5639
|
-
"&&.Mui-disabled": {
|
|
5640
|
-
opacity: 1,
|
|
5641
|
-
},
|
|
5642
|
-
},
|
|
5643
|
-
styledCommentSuggestionsStack: {
|
|
5644
|
-
display: "flex",
|
|
5645
|
-
flexDirection: "row",
|
|
5646
|
-
flexWrap: "wrap",
|
|
5647
|
-
gap: "8px",
|
|
5648
|
-
},
|
|
5649
|
-
styledSuggestionTag: {
|
|
5650
|
-
width: "max-content",
|
|
5651
|
-
},
|
|
5652
|
-
};
|
|
5653
|
-
|
|
5654
|
-
const DialogTitle = (_a) => {
|
|
5655
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
5656
|
-
const theme = material.useTheme();
|
|
5657
|
-
return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h5" }, props, { sx: [
|
|
5658
|
-
{
|
|
5659
|
-
padding: 0,
|
|
5660
|
-
lineHeight: "30px",
|
|
5661
|
-
color: theme.palette.vars.baseTextStrong,
|
|
5662
|
-
},
|
|
5663
|
-
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
5664
|
-
], children: children })));
|
|
5665
|
-
};
|
|
5666
|
-
|
|
5667
|
-
const DialogSubtitle = (_a) => {
|
|
5668
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
5669
|
-
const theme = material.useTheme();
|
|
5670
|
-
return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "subtitle1" }, props, { sx: [
|
|
5671
|
-
{ padding: 0, color: theme.palette.vars.baseTextDefault },
|
|
5672
|
-
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
5673
|
-
], children: children })));
|
|
5674
|
-
};
|
|
5675
|
-
|
|
5676
|
-
const surfaceLight50 = "#fbfcfe";
|
|
5677
|
-
const surfaceLight100 = "#f5f8fd";
|
|
5678
|
-
const surfaceLight200 = "#eff3fc";
|
|
5679
|
-
const surfaceLight300 = "#e8eefb";
|
|
5680
|
-
const surfaceLight400 = "#e3eafa";
|
|
5681
|
-
const surfaceLight500 = "#dee6f9";
|
|
5682
|
-
const surfaceLight600 = "#dae3f8";
|
|
5683
|
-
const surfaceLight700 = "#d5dff7";
|
|
5684
|
-
const surfaceLight800 = "#d1dbf6";
|
|
5685
|
-
const surfaceLight900 = "#c8d5f5";
|
|
5686
|
-
const surfaceLight50Alpha40 = "#fbfcfe66";
|
|
5687
|
-
const surfaceLight800Alpha40 = "#d1dbf666";
|
|
5688
|
-
const surfaceLight900Alpha40 = "#c8d5f566";
|
|
5689
|
-
const surfaceLight900Alpha10 = "#c8d5f519";
|
|
5690
|
-
const surfaceDark50 = "#4f628d";
|
|
5691
|
-
const surfaceDark100 = "#3a4e77";
|
|
5692
|
-
const surfaceDark200 = "#31466e";
|
|
5693
|
-
const surfaceDark300 = "#263b62";
|
|
5694
|
-
const surfaceDark400 = "#183056";
|
|
5695
|
-
const surfaceDark500 = "#0d274d";
|
|
5696
|
-
const surfaceDark600 = "#062242";
|
|
5697
|
-
const surfaceDark700 = "#001c3b";
|
|
5698
|
-
const surfaceDark800 = "#041930";
|
|
5699
|
-
const surfaceDark900 = "#00142b";
|
|
5700
|
-
const surfaceDark800Alpha40 = "#04193066";
|
|
5701
|
-
const surfaceDark900Alpha40 = "#00142b66";
|
|
5702
|
-
const surfaceDark900Alpha10 = "#00142b19";
|
|
5703
|
-
const blue50 = "#e8f1ff";
|
|
5704
|
-
const blue100 = "#9bcaff";
|
|
5705
|
-
const blue200 = "#79b9ff";
|
|
5706
|
-
const blue300 = "#187adc";
|
|
5707
|
-
const blue400 = "#0063c2";
|
|
5708
|
-
const blue500 = "#0051af";
|
|
5709
|
-
const blue600 = "#004ba8";
|
|
5710
|
-
const blue700 = "#00409f";
|
|
5711
|
-
const blue800 = "#003796";
|
|
5712
|
-
const blue900 = "#002786";
|
|
5713
|
-
const blueAlpha40 = "#0051af66";
|
|
5714
|
-
const blueAlpha10 = "#0051af19";
|
|
5715
|
-
const blueFocusRingWeak = "#cce1ff";
|
|
5716
|
-
const blueFocusRingStrong = "#3e84e5";
|
|
5717
|
-
const lightBlue50 = "#edfcff";
|
|
5718
|
-
const lightBlue100 = "#bcf2ff";
|
|
5719
|
-
const lightBlue200 = "#8fe9ff";
|
|
5720
|
-
const lightBlue300 = "#62e0ff";
|
|
5721
|
-
const lightBlue400 = "#41d9ff";
|
|
5722
|
-
const lightBlue500 = "#1fd2ff";
|
|
5723
|
-
const lightBlue600 = "#1bcdff";
|
|
5724
|
-
const lightBlue700 = "#17c7ff";
|
|
5725
|
-
const lightBlue800 = "#12c1ff";
|
|
5726
|
-
const lightBlue900 = "#0ab6ff";
|
|
5727
|
-
const lightBlueAlpha40 = "#1fd2ff66";
|
|
5728
|
-
const lightBlueAlpha10 = "#1fd2ff19";
|
|
5729
|
-
const grey0 = "#ffffff";
|
|
5730
|
-
const grey50 = "#e8e9ea";
|
|
5731
|
-
const grey100 = "#c5c7cb";
|
|
5732
|
-
const grey200 = "#9ea2a8";
|
|
5733
|
-
const grey300 = "#777d85";
|
|
5734
|
-
const grey400 = "#59616b";
|
|
5735
|
-
const grey500 = "#3c4551";
|
|
5736
|
-
const grey600 = "#363e4a";
|
|
5737
|
-
const grey700 = "#2e3640";
|
|
5738
|
-
const grey800 = "#272e37";
|
|
5739
|
-
const grey900 = "#1a1f27";
|
|
5740
|
-
const greyAlpha40 = "#3c455166";
|
|
5741
|
-
const greyAlpha10 = "#3c455119";
|
|
5742
|
-
const purple50 = "#faecff";
|
|
5743
|
-
const purple100 = "#f1dbff";
|
|
5744
|
-
const purple200 = "#deb8ff";
|
|
5745
|
-
const purple300 = "#ca93ff";
|
|
5746
|
-
const purple400 = "#c080ff";
|
|
5747
|
-
const purple500 = "#b76dff";
|
|
5748
|
-
const purple600 = "#9c4eea";
|
|
5749
|
-
const purple700 = "#6a21ba";
|
|
5750
|
-
const purple800 = "#5300a4";
|
|
5751
|
-
const purple900 = "#1b0077";
|
|
5752
|
-
const purpleAlpha40 = "#b76dff66";
|
|
5753
|
-
const purpleAlpha10 = "#b76dff19";
|
|
5754
|
-
const red50 = "#f8e5ea";
|
|
5755
|
-
const red100 = "#eebfcb";
|
|
5756
|
-
const red200 = "#e394a9";
|
|
5757
|
-
const red300 = "#d76987";
|
|
5758
|
-
const red400 = "#cf496d";
|
|
5759
|
-
const red500 = "#c62953";
|
|
5760
|
-
const red600 = "#c0244c";
|
|
5761
|
-
const red700 = "#b91f42";
|
|
5762
|
-
const red800 = "#b11939";
|
|
5763
|
-
const red900 = "#a40f29";
|
|
5764
|
-
const redAlpha40 = "#c6295366";
|
|
5765
|
-
const redAlpha10 = "#c6295319";
|
|
5766
|
-
const orange50 = "#fdece8";
|
|
5767
|
-
const orange100 = "#fbd1c5";
|
|
5768
|
-
const orange200 = "#f9b29e";
|
|
5769
|
-
const orange300 = "#f69377";
|
|
5770
|
-
const orange400 = "#f47b5a";
|
|
5771
|
-
const orange500 = "#f2643d";
|
|
5772
|
-
const orange600 = "#f05c37";
|
|
5773
|
-
const orange700 = "#ee522f";
|
|
5774
|
-
const orange800 = "#ec4827";
|
|
5775
|
-
const orange900 = "#e8361a";
|
|
5776
|
-
const orangeAlpha40 = "#f2643d66";
|
|
5777
|
-
const orangeAlpha10 = "#f2643d19";
|
|
5778
|
-
const lightOrange50 = "#fff5e9";
|
|
5779
|
-
const lightOrange100 = "#ffe7c7";
|
|
5780
|
-
const lightOrange200 = "#ffd7a2";
|
|
5781
|
-
const lightOrange300 = "#ffc77d";
|
|
5782
|
-
const lightOrange400 = "#ffbb61";
|
|
5783
|
-
const lightOrange500 = "#fbaf45";
|
|
5784
|
-
const lightOrange600 = "#fbab2c";
|
|
5785
|
-
const lightOrange700 = "#fb9f36";
|
|
5786
|
-
const lightOrange800 = "#fb962e";
|
|
5787
|
-
const lightOrange900 = "#fb861f";
|
|
5788
|
-
const lightAlphaOrange40 = "#fbaf4566";
|
|
5789
|
-
const lightAlphaOrange10 = "#fbaf4519";
|
|
5790
|
-
const yellow50 = "#fffceb";
|
|
5791
|
-
const yellow100 = "#fff8cd";
|
|
5792
|
-
const yellow200 = "#fff3ac";
|
|
5793
|
-
const yellow300 = "#ffee8b";
|
|
5794
|
-
const yellow400 = "#ffea72";
|
|
5795
|
-
const yellow500 = "#ffe659";
|
|
5796
|
-
const yellow600 = "#ffe351";
|
|
5797
|
-
const yellow700 = "#ffdf48";
|
|
5798
|
-
const yellow800 = "#ffdb3e";
|
|
5799
|
-
const yellow900 = "#ffd52e";
|
|
5800
|
-
const yellowAlpha40 = "#ffe65966";
|
|
5801
|
-
const yellowAlpha10 = "#ffe65919";
|
|
5802
|
-
const green50 = "#ebfbf7";
|
|
5803
|
-
const green100 = "#b3eadd";
|
|
5804
|
-
const green200 = "#80dcc6";
|
|
5805
|
-
const green300 = "#4dceaf";
|
|
5806
|
-
const green400 = "#26c49e";
|
|
5807
|
-
const green500 = "#00b98d";
|
|
5808
|
-
const green600 = "#00b285";
|
|
5809
|
-
const green700 = "#00aa7a";
|
|
5810
|
-
const green800 = "#00a270";
|
|
5811
|
-
const green900 = "#00935d";
|
|
5812
|
-
const green40 = "#00b98d66";
|
|
5813
|
-
const green10 = "#00b98d19";
|
|
5814
|
-
const night10 = "#dff1f5";
|
|
5815
|
-
const night50 = "#96d0dd";
|
|
5816
|
-
const night100 = "#62bed2";
|
|
5817
|
-
const night200 = "#46aace";
|
|
5818
|
-
const night300 = "#3d91be";
|
|
5819
|
-
const night400 = "#3577ae";
|
|
5820
|
-
const night500 = "#2d5e9e";
|
|
5821
|
-
const night600 = "#24448e";
|
|
5822
|
-
const night700 = "#1c2b7f";
|
|
5823
|
-
const night800 = "#162065";
|
|
5824
|
-
const night900 = "#11174b";
|
|
5825
|
-
const sunset10 = "#fff6d4";
|
|
5826
|
-
const sunset50 = "#f9cdac";
|
|
5827
|
-
const sunset100 = "#f3aca2";
|
|
5828
|
-
const sunset200 = "#ee8b97";
|
|
5829
|
-
const sunset300 = "#e96a8d";
|
|
5830
|
-
const sunset400 = "#db5087";
|
|
5831
|
-
const sunset500 = "#b8428c";
|
|
5832
|
-
const sunset600 = "#973490";
|
|
5833
|
-
const sunset700 = "#742796";
|
|
5834
|
-
const sunset800 = "#5e1f88";
|
|
5835
|
-
const sunset900 = "#4d1a70";
|
|
5836
|
-
const lavender10 = "#f1f5ff";
|
|
5837
|
-
const lavender50 = "#e0e5ff";
|
|
5838
|
-
const lavender100 = "#c8cdfb";
|
|
5839
|
-
const lavender200 = "#bac1ff";
|
|
5840
|
-
const lavender300 = "#a8afff";
|
|
5841
|
-
const lavender400 = "#9ca6ff";
|
|
5842
|
-
const lavender500 = "#8a95ff";
|
|
5843
|
-
const lavender600 = "#5c6ddd";
|
|
5844
|
-
const lavender700 = "#2847a5";
|
|
5845
|
-
const lavender800 = "#00358f";
|
|
5846
|
-
const lavender900 = "#002378";
|
|
5847
|
-
const lime10 = "#fcfee8";
|
|
5848
|
-
const lime50 = "#fcffd0";
|
|
5849
|
-
const lime100 = "#eaff80";
|
|
5850
|
-
const lime200 = "#d3f474";
|
|
5851
|
-
const lime300 = "#bbdc5e";
|
|
5852
|
-
const lime400 = "#a4c547";
|
|
5853
|
-
const lime500 = "#89ab2c";
|
|
5854
|
-
const lime600 = "#7da11b";
|
|
5855
|
-
const lime700 = "#5f8200";
|
|
5856
|
-
const lime800 = "#345900";
|
|
5857
|
-
const lime900 = "#193100";
|
|
5858
|
-
const pink10 = "#fff9ff";
|
|
5859
|
-
const pink50 = "#ffdeea";
|
|
5860
|
-
const pink100 = "#ffc4d5";
|
|
5861
|
-
const pink200 = "#ffa6ca";
|
|
5862
|
-
const pink300 = "#ff87a9";
|
|
5863
|
-
const pink400 = "#f2638c";
|
|
5864
|
-
const pink500 = "#e3447c";
|
|
5865
|
-
const pink600 = "#c2306f";
|
|
5866
|
-
const pink700 = "#97174a";
|
|
5867
|
-
const pink800 = "#7f0037";
|
|
5868
|
-
const pink900 = "#500014";
|
|
5869
|
-
const teal10 = "#efffff";
|
|
5870
|
-
const teal50 = "#c7ffff";
|
|
5871
|
-
const teal100 = "#92ffff";
|
|
5872
|
-
const teal200 = "#78fbff";
|
|
5873
|
-
const teal300 = "#5de2e8";
|
|
5874
|
-
const teal400 = "#3ecbd1";
|
|
5875
|
-
const teal500 = "#0bb2b8";
|
|
5876
|
-
const teal600 = "#028e99";
|
|
5877
|
-
const teal700 = "#007178";
|
|
5878
|
-
const teal800 = "#00484f";
|
|
5879
|
-
const teal900 = "#00353c";
|
|
5880
|
-
const outshiftLogoLightOrange = "#fbaf45";
|
|
5881
|
-
const outshiftBlue = "#0051af";
|
|
5882
|
-
const outshiftMidnightBlue = "#0d274d";
|
|
5883
|
-
const agentcyYellow = "#fbaf45";
|
|
5884
|
-
const illustrationShell = "#1e2939";
|
|
5885
|
-
const illustrationRing = "#2e3e57";
|
|
5886
|
-
const illustrationSurface = "#233043";
|
|
5887
|
-
const illustrationSurfaceSubtle = "#2e3640";
|
|
5888
|
-
const illustrationStroke = "#384d6b";
|
|
5889
|
-
const illustrationGradientStart = "#384c6b";
|
|
5890
|
-
const illustrationGradientEnd = "#2a3a50";
|
|
5891
|
-
const illustrationInfoGradientStart = "#834dd7";
|
|
5892
|
-
const illustrationInfoGradientMiddle = "#7670d5";
|
|
5893
|
-
const illustrationInfoGradientEnd = "#58c0d0";
|
|
5894
|
-
const illustrationPositiveGradientStart = "#1ac1e5";
|
|
5895
|
-
const illustrationPositiveGradientMiddle = "#4cc9b2";
|
|
5896
|
-
const illustrationPositiveGradientEnd = "#a7d755";
|
|
5897
|
-
const illustrationNegativeGradientStart = "#e09e89";
|
|
5898
|
-
const illustrationWarningGradientStart = "#ff9900";
|
|
5899
|
-
const illustrationWarningGradientEnd = "#c8511b";
|
|
5900
|
-
const outshiftOrange = "#fb861f";
|
|
5901
|
-
const agentcyBlue = "#187adc";
|
|
5902
|
-
const agentcyDarkBlue = "#00142b";
|
|
5903
|
-
const outshiftLogoLightBlue = "#17c7ff";
|
|
5904
|
-
const outshiftLogoGreen = "#74bf4b";
|
|
5905
|
-
const outshiftLogoWhite = "#ffffff";
|
|
5906
|
-
const outshiftLogoOrange = "#f2643d";
|
|
5907
|
-
const outshiftLogoDark = "#00142b";
|
|
5908
|
-
const brandColors = {
|
|
5909
|
-
outshiftLogoLightOrange,
|
|
5910
|
-
outshiftBlue,
|
|
5911
|
-
outshiftMidnightBlue,
|
|
5912
|
-
agentcyYellow,
|
|
5913
|
-
outshiftOrange,
|
|
5914
|
-
agentcyBlue,
|
|
5915
|
-
agentcyDarkBlue,
|
|
5916
|
-
outshiftLogoLightBlue,
|
|
5917
|
-
outshiftLogoGreen,
|
|
5918
|
-
outshiftLogoWhite,
|
|
5919
|
-
outshiftLogoOrange,
|
|
5920
|
-
outshiftLogoDark,
|
|
5921
|
-
};
|
|
5922
|
-
const gradientStopColors = {
|
|
5923
|
-
illustrationBlueStart: "#214694",
|
|
5924
|
-
illustrationBlueMiddle: "#3169a8",
|
|
5925
|
-
illustrationBlueEnd: "#56bad5",
|
|
5926
|
-
illustrationRainbowRed: "#ba4d5f",
|
|
5927
|
-
illustrationRainbowOrange: "#df875d",
|
|
5928
|
-
illustrationRainbowYellow: "#eab069",
|
|
5929
|
-
illustrationRainbowGreen: "#8cbdac",
|
|
5930
|
-
illustrationRainbowTeal: "#58c0d0",
|
|
5931
|
-
illustrationPurpleStart: "#834dd7",
|
|
5932
|
-
illustrationPurpleMiddle: "#7670d5",
|
|
5933
|
-
illustrationGreenStart: "#1ac1e5",
|
|
5934
|
-
illustrationGreenMiddle: "#4cc9b2",
|
|
5935
|
-
illustrationGreenEnd: "#a7d755",
|
|
5936
|
-
illustrationLightBlueStart: "#00dff0",
|
|
5937
|
-
illustrationLightBlueMiddle: "#00aff0",
|
|
5938
|
-
illustrationLightBlueEnd: "#006df0",
|
|
5939
|
-
illustrationPinkStart: "#e09e89",
|
|
5940
|
-
illustrationPinkEnd: "#c0328a",
|
|
5941
|
-
illustrationOrangeStart: "#ff9900",
|
|
5942
|
-
illustrationOrangeEnd: "#c8511b",
|
|
5943
|
-
primaryOrange: "#ff6d2e",
|
|
5944
|
-
primaryPurple: "#341686",
|
|
5945
|
-
secondaryBlueWeak: "#80a8d7",
|
|
5946
|
-
secondaryBlueStrong: "#021d60",
|
|
5947
|
-
secondaryBlueHoverWeak: "#b3cbe7",
|
|
5948
|
-
};
|
|
5949
|
-
const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
|
|
5950
|
-
const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
|
|
5951
|
-
const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
|
|
5952
|
-
const lightModeCardFloating = "0px 4px 12px rgba(200, 213, 245, 0.7)";
|
|
5953
|
-
const lightModeSideDrawerRight = "-8px 0px 12px rgba(200, 213, 245, 0.1), -4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
5954
|
-
const lightModeSideDrawerLeft = "8px 0px 12px rgba(200, 213, 245, 0.1), 4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
5955
|
-
const lightModeFooterBottom = "0px -4px 12px rgba(200, 213, 245, 0.33)";
|
|
5956
|
-
const lightModeSideDrawer = "-4px 0px 4px rgba(200, 213, 245, 0.1), -8px 0px 12px rgba(200, 213, 245, 0.1)";
|
|
5957
|
-
const darkModeCardLifted = "0px 4px 4px rgba(6, 34, 66, 0.33)";
|
|
5958
|
-
const darkModeCardSubtle = "0px 2px 5px rgba(6, 34, 66, 0.4)";
|
|
5959
|
-
const darkModeCardRaised = "0px 4px 12px rgba(6, 34, 66, 0.5)";
|
|
5960
|
-
const darkModeCardFloating = "0px 4px 12px rgba(6, 34, 66, 0.7)";
|
|
5961
|
-
const darkModeSideDrawerRight = "-8px 0px 12px rgba(21, 29, 40, 0.1), -4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
5962
|
-
const darkModeSideDrawerLeft = "8px 0px 12px rgba(21, 29, 40, 0.1), 4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
5963
|
-
const darkModeFooterBottom = "0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 12px rgba(6, 34, 66, 0.33)";
|
|
5964
|
-
const surfaceLightPalette = {
|
|
5965
|
-
50: surfaceLight50,
|
|
5966
|
-
100: surfaceLight100,
|
|
5967
|
-
200: surfaceLight200,
|
|
5968
|
-
300: surfaceLight300,
|
|
5969
|
-
400: surfaceLight400,
|
|
5970
|
-
500: surfaceLight500,
|
|
5971
|
-
600: surfaceLight600,
|
|
5972
|
-
700: surfaceLight700,
|
|
5973
|
-
800: surfaceLight800,
|
|
5974
|
-
900: surfaceLight900,
|
|
5975
|
-
};
|
|
5976
|
-
const surfaceDarkPalette = {
|
|
5977
|
-
50: surfaceDark50,
|
|
5978
|
-
100: surfaceDark100,
|
|
5979
|
-
200: surfaceDark200,
|
|
5980
|
-
300: surfaceDark300,
|
|
5981
|
-
400: surfaceDark400,
|
|
5982
|
-
500: surfaceDark500,
|
|
5983
|
-
600: surfaceDark600,
|
|
5984
|
-
700: surfaceDark700,
|
|
5985
|
-
800: surfaceDark800,
|
|
5986
|
-
900: surfaceDark900,
|
|
5987
|
-
};
|
|
5988
|
-
const bluePalette = {
|
|
5989
|
-
50: blue50,
|
|
5990
|
-
100: blue100,
|
|
5991
|
-
200: blue200,
|
|
5992
|
-
300: blue300,
|
|
5993
|
-
400: blue400,
|
|
5994
|
-
500: blue500,
|
|
5995
|
-
600: blue600,
|
|
5996
|
-
700: blue700,
|
|
5997
|
-
800: blue800,
|
|
5998
|
-
900: blue900,
|
|
5999
|
-
alpha40: blueAlpha40,
|
|
6000
|
-
alpha10: blueAlpha10,
|
|
6001
|
-
};
|
|
6002
|
-
const lightBluePalette = {
|
|
6003
|
-
50: lightBlue50,
|
|
6004
|
-
100: lightBlue100,
|
|
6005
|
-
200: lightBlue200,
|
|
6006
|
-
300: lightBlue300,
|
|
6007
|
-
400: lightBlue400,
|
|
6008
|
-
500: lightBlue500,
|
|
6009
|
-
600: lightBlue600,
|
|
6010
|
-
700: lightBlue700,
|
|
6011
|
-
800: lightBlue800,
|
|
6012
|
-
900: lightBlue900,
|
|
6013
|
-
alpha40: lightBlueAlpha40,
|
|
6014
|
-
alpha10: lightBlueAlpha10,
|
|
6015
|
-
};
|
|
6016
|
-
const greyPalette = {
|
|
6017
|
-
0: grey0,
|
|
6018
|
-
50: grey50,
|
|
6019
|
-
100: grey100,
|
|
6020
|
-
200: grey200,
|
|
6021
|
-
300: grey300,
|
|
6022
|
-
400: grey400,
|
|
6023
|
-
500: grey500,
|
|
6024
|
-
600: grey600,
|
|
6025
|
-
700: grey700,
|
|
6026
|
-
800: grey800,
|
|
6027
|
-
900: grey900,
|
|
6028
|
-
alpha40: greyAlpha40,
|
|
6029
|
-
alpha10: greyAlpha10,
|
|
6030
|
-
};
|
|
6031
|
-
const purplePalette = {
|
|
6032
|
-
50: purple50,
|
|
6033
|
-
100: purple100,
|
|
6034
|
-
200: purple200,
|
|
6035
|
-
300: purple300,
|
|
6036
|
-
400: purple400,
|
|
6037
|
-
500: purple500,
|
|
6038
|
-
600: purple600,
|
|
6039
|
-
700: purple700,
|
|
6040
|
-
800: purple800,
|
|
6041
|
-
900: purple900,
|
|
6042
|
-
alpha40: purpleAlpha40,
|
|
6043
|
-
alpha10: purpleAlpha10,
|
|
6044
|
-
};
|
|
6045
|
-
const redPalette = {
|
|
6046
|
-
50: red50,
|
|
6047
|
-
100: red100,
|
|
6048
|
-
200: red200,
|
|
6049
|
-
300: red300,
|
|
6050
|
-
400: red400,
|
|
6051
|
-
500: red500,
|
|
6052
|
-
600: red600,
|
|
6053
|
-
700: red700,
|
|
6054
|
-
800: red800,
|
|
6055
|
-
900: red900,
|
|
6056
|
-
alpha40: redAlpha40,
|
|
6057
|
-
alpha10: redAlpha10,
|
|
6058
|
-
};
|
|
6059
|
-
const orangePalette = {
|
|
6060
|
-
50: orange50,
|
|
6061
|
-
100: orange100,
|
|
6062
|
-
200: orange200,
|
|
6063
|
-
300: orange300,
|
|
6064
|
-
400: orange400,
|
|
6065
|
-
500: orange500,
|
|
6066
|
-
600: orange600,
|
|
6067
|
-
700: orange700,
|
|
6068
|
-
800: orange800,
|
|
6069
|
-
900: orange900,
|
|
6070
|
-
alpha40: orangeAlpha40,
|
|
6071
|
-
alpha10: orangeAlpha10,
|
|
6072
|
-
};
|
|
6073
|
-
const lightOrangePalette = {
|
|
6074
|
-
50: lightOrange50,
|
|
6075
|
-
100: lightOrange100,
|
|
6076
|
-
200: lightOrange200,
|
|
6077
|
-
300: lightOrange300,
|
|
6078
|
-
400: lightOrange400,
|
|
6079
|
-
500: lightOrange500,
|
|
6080
|
-
600: lightOrange600,
|
|
6081
|
-
700: lightOrange700,
|
|
6082
|
-
800: lightOrange800,
|
|
6083
|
-
900: lightOrange900,
|
|
6084
|
-
alpha40: lightAlphaOrange40,
|
|
6085
|
-
alpha10: lightAlphaOrange10,
|
|
6086
|
-
};
|
|
6087
|
-
const yellowPalette = {
|
|
6088
|
-
50: yellow50,
|
|
6089
|
-
100: yellow100,
|
|
6090
|
-
200: yellow200,
|
|
6091
|
-
300: yellow300,
|
|
6092
|
-
400: yellow400,
|
|
6093
|
-
500: yellow500,
|
|
6094
|
-
600: yellow600,
|
|
6095
|
-
700: yellow700,
|
|
6096
|
-
800: yellow800,
|
|
6097
|
-
900: yellow900,
|
|
6098
|
-
alpha40: yellowAlpha40,
|
|
6099
|
-
alpha10: yellowAlpha10,
|
|
6100
|
-
};
|
|
6101
|
-
const greenPalette = {
|
|
6102
|
-
50: green50,
|
|
6103
|
-
100: green100,
|
|
6104
|
-
200: green200,
|
|
6105
|
-
300: green300,
|
|
6106
|
-
400: green400,
|
|
6107
|
-
500: green500,
|
|
6108
|
-
600: green600,
|
|
6109
|
-
700: green700,
|
|
6110
|
-
800: green800,
|
|
6111
|
-
900: green900,
|
|
6112
|
-
40: green40,
|
|
6113
|
-
10: green10,
|
|
6114
|
-
};
|
|
6115
|
-
const nightPalette = {
|
|
6116
|
-
10: night10,
|
|
6117
|
-
50: night50,
|
|
6118
|
-
100: night100,
|
|
6119
|
-
200: night200,
|
|
6120
|
-
300: night300,
|
|
6121
|
-
400: night400,
|
|
6122
|
-
500: night500,
|
|
6123
|
-
600: night600,
|
|
6124
|
-
700: night700,
|
|
6125
|
-
800: night800,
|
|
6126
|
-
900: night900,
|
|
6127
|
-
};
|
|
6128
|
-
const sunsetPalette = {
|
|
6129
|
-
10: sunset10,
|
|
6130
|
-
50: sunset50,
|
|
6131
|
-
100: sunset100,
|
|
6132
|
-
200: sunset200,
|
|
6133
|
-
300: sunset300,
|
|
6134
|
-
400: sunset400,
|
|
6135
|
-
500: sunset500,
|
|
6136
|
-
600: sunset600,
|
|
6137
|
-
700: sunset700,
|
|
6138
|
-
800: sunset800,
|
|
6139
|
-
900: sunset900,
|
|
6140
|
-
};
|
|
6141
|
-
const lavenderPalette = {
|
|
6142
|
-
10: lavender10,
|
|
6143
|
-
50: lavender50,
|
|
6144
|
-
100: lavender100,
|
|
6145
|
-
200: lavender200,
|
|
6146
|
-
300: lavender300,
|
|
6147
|
-
400: lavender400,
|
|
6148
|
-
500: lavender500,
|
|
6149
|
-
600: lavender600,
|
|
6150
|
-
700: lavender700,
|
|
6151
|
-
800: lavender800,
|
|
6152
|
-
900: lavender900,
|
|
6153
|
-
};
|
|
6154
|
-
const limePalette = {
|
|
6155
|
-
10: lime10,
|
|
6156
|
-
50: lime50,
|
|
6157
|
-
100: lime100,
|
|
6158
|
-
200: lime200,
|
|
6159
|
-
300: lime300,
|
|
6160
|
-
400: lime400,
|
|
6161
|
-
500: lime500,
|
|
6162
|
-
600: lime600,
|
|
6163
|
-
700: lime700,
|
|
6164
|
-
800: lime800,
|
|
6165
|
-
900: lime900,
|
|
6179
|
+
}) })));
|
|
6166
6180
|
};
|
|
6167
|
-
|
|
6168
|
-
|
|
6169
|
-
|
|
6170
|
-
|
|
6171
|
-
|
|
6172
|
-
|
|
6173
|
-
|
|
6174
|
-
|
|
6175
|
-
|
|
6176
|
-
|
|
6177
|
-
|
|
6178
|
-
|
|
6181
|
+
|
|
6182
|
+
const styles$7 = {
|
|
6183
|
+
styledPaper: {
|
|
6184
|
+
width: "480px",
|
|
6185
|
+
maxWidth: "calc(100vw - 80px)",
|
|
6186
|
+
},
|
|
6187
|
+
styledBody: {
|
|
6188
|
+
display: "flex",
|
|
6189
|
+
flexDirection: "column",
|
|
6190
|
+
alignItems: "stretch",
|
|
6191
|
+
gap: "16px",
|
|
6192
|
+
width: "100%",
|
|
6193
|
+
},
|
|
6194
|
+
styledBodyText: (theme) => ({
|
|
6195
|
+
fontFamily: theme.typography.body2.fontFamily,
|
|
6196
|
+
fontWeight: theme.typography.body2.fontWeight,
|
|
6197
|
+
fontSize: theme.typography.body2.fontSize,
|
|
6198
|
+
lineHeight: theme.typography.body2.lineHeight,
|
|
6199
|
+
letterSpacing: theme.typography.body2.letterSpacing,
|
|
6200
|
+
color: theme.palette.vars.baseTextDefault,
|
|
6201
|
+
}),
|
|
6202
|
+
styledCommentSection: {
|
|
6203
|
+
display: "flex",
|
|
6204
|
+
flexDirection: "column",
|
|
6205
|
+
gap: "8px",
|
|
6206
|
+
width: "100%",
|
|
6207
|
+
},
|
|
6208
|
+
styledTextArea: (theme) => ({
|
|
6209
|
+
width: "100%",
|
|
6210
|
+
"&& .MuiInput-root.MuiInputBase-multiline": {
|
|
6211
|
+
marginTop: 0,
|
|
6212
|
+
minHeight: "138px",
|
|
6213
|
+
alignItems: "flex-start",
|
|
6214
|
+
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
6215
|
+
},
|
|
6216
|
+
"& .MuiFormHelperText-root.Mui-error": {
|
|
6217
|
+
marginBottom: "12px",
|
|
6218
|
+
},
|
|
6219
|
+
}),
|
|
6220
|
+
styledDismiss: {
|
|
6221
|
+
display: "flex",
|
|
6222
|
+
gap: "8px",
|
|
6223
|
+
alignItems: "center",
|
|
6224
|
+
},
|
|
6225
|
+
styledConfirmButton: {
|
|
6226
|
+
"&&.Mui-disabled": {
|
|
6227
|
+
opacity: 1,
|
|
6228
|
+
},
|
|
6229
|
+
},
|
|
6230
|
+
styledCommentSuggestionsStack: {
|
|
6231
|
+
display: "flex",
|
|
6232
|
+
flexDirection: "row",
|
|
6233
|
+
flexWrap: "wrap",
|
|
6234
|
+
gap: "8px",
|
|
6235
|
+
},
|
|
6236
|
+
styledSuggestionTag: {
|
|
6237
|
+
width: "max-content",
|
|
6238
|
+
},
|
|
6179
6239
|
};
|
|
6180
|
-
|
|
6181
|
-
|
|
6182
|
-
|
|
6183
|
-
|
|
6184
|
-
|
|
6185
|
-
|
|
6186
|
-
|
|
6187
|
-
|
|
6188
|
-
|
|
6189
|
-
|
|
6190
|
-
|
|
6191
|
-
|
|
6240
|
+
|
|
6241
|
+
const DialogTitle = (_a) => {
|
|
6242
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
6243
|
+
const theme = material.useTheme();
|
|
6244
|
+
return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h5" }, props, { sx: [
|
|
6245
|
+
{
|
|
6246
|
+
padding: 0,
|
|
6247
|
+
lineHeight: "30px",
|
|
6248
|
+
color: theme.palette.vars.baseTextStrong,
|
|
6249
|
+
},
|
|
6250
|
+
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
6251
|
+
], children: children })));
|
|
6192
6252
|
};
|
|
6193
|
-
|
|
6194
|
-
|
|
6195
|
-
|
|
6196
|
-
|
|
6197
|
-
|
|
6198
|
-
|
|
6199
|
-
|
|
6200
|
-
|
|
6201
|
-
orange: orangePalette,
|
|
6202
|
-
lightOrange: lightOrangePalette,
|
|
6203
|
-
yellow: yellowPalette,
|
|
6204
|
-
green: greenPalette,
|
|
6205
|
-
lavender: lavenderPalette,
|
|
6206
|
-
lime: limePalette,
|
|
6207
|
-
pink: pinkPalette,
|
|
6208
|
-
teal: tealPalette,
|
|
6209
|
-
night: nightPalette,
|
|
6210
|
-
sunset: sunsetPalette,
|
|
6211
|
-
brand: brandColors,
|
|
6253
|
+
|
|
6254
|
+
const DialogSubtitle = (_a) => {
|
|
6255
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
6256
|
+
const theme = material.useTheme();
|
|
6257
|
+
return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "subtitle1" }, props, { sx: [
|
|
6258
|
+
{ padding: 0, color: theme.palette.vars.baseTextDefault },
|
|
6259
|
+
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
6260
|
+
], children: children })));
|
|
6212
6261
|
};
|
|
6213
6262
|
|
|
6214
6263
|
const dialogMaxWidth = "calc(100vw - 80px)";
|
|
@@ -6250,7 +6299,10 @@
|
|
|
6250
6299
|
gap: "16px",
|
|
6251
6300
|
padding: "8px 0 0",
|
|
6252
6301
|
});
|
|
6253
|
-
const StyledDialogContentText = material.styled(material.DialogContentText)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body2), {
|
|
6302
|
+
const StyledDialogContentText = material.styled(material.DialogContentText)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body2), {
|
|
6303
|
+
"&&": {
|
|
6304
|
+
color: theme.palette.vars.baseTextDefault,
|
|
6305
|
+
} })));
|
|
6254
6306
|
|
|
6255
6307
|
const Dialog = (props) => jsxRuntime.jsx(StyledDialog, Object.assign({}, props));
|
|
6256
6308
|
|
|
@@ -8296,10 +8348,11 @@
|
|
|
8296
8348
|
padding: "8px 4px 8px 12px",
|
|
8297
8349
|
width: "800px",
|
|
8298
8350
|
maxWidth: "100%",
|
|
8299
|
-
height: "
|
|
8351
|
+
height: "auto",
|
|
8300
8352
|
display: "flex",
|
|
8353
|
+
flexDirection: "row",
|
|
8354
|
+
alignItems: "flex-start",
|
|
8301
8355
|
justifyContent: "center",
|
|
8302
|
-
alignItems: "center",
|
|
8303
8356
|
gap: "16px",
|
|
8304
8357
|
borderRadius: 0,
|
|
8305
8358
|
border: `1px solid ${getBannerColors(theme, status).border}`,
|
|
@@ -8321,15 +8374,12 @@
|
|
|
8321
8374
|
padding: 0,
|
|
8322
8375
|
width: "486px",
|
|
8323
8376
|
maxWidth: "100%",
|
|
8324
|
-
height: "
|
|
8325
|
-
|
|
8326
|
-
alignItems: "center",
|
|
8377
|
+
height: "auto",
|
|
8378
|
+
minWidth: 0,
|
|
8327
8379
|
color: "inherit",
|
|
8328
8380
|
"& .MuiTypography-root": {
|
|
8329
|
-
display: "flex",
|
|
8330
|
-
alignItems: "center",
|
|
8331
8381
|
color: "inherit",
|
|
8332
|
-
height: "
|
|
8382
|
+
height: "auto",
|
|
8333
8383
|
letterSpacing: "0.15px",
|
|
8334
8384
|
},
|
|
8335
8385
|
},
|
|
@@ -8848,8 +8898,8 @@
|
|
|
8848
8898
|
});
|
|
8849
8899
|
const cardActiveStyles = (theme) => (Object.assign(Object.assign({}, cardInteractiveStyles(theme)), { boxShadow: theme.shadows[2] }));
|
|
8850
8900
|
const cardDisabledStyles = (theme) => ({
|
|
8851
|
-
backgroundColor: theme.palette.vars.
|
|
8852
|
-
border: `1px solid ${theme.palette.vars.
|
|
8901
|
+
backgroundColor: theme.palette.vars.controlBackgroundDisabled,
|
|
8902
|
+
border: `1px solid ${theme.palette.vars.controlBorderDisabled}`,
|
|
8853
8903
|
boxShadow: theme.shadows[2],
|
|
8854
8904
|
color: theme.palette.vars.baseTextDisabled,
|
|
8855
8905
|
pointerEvents: "none",
|
|
@@ -8865,19 +8915,20 @@
|
|
|
8865
8915
|
}, '&[aria-disabled="true"]': cardDisabledStyles(theme) })));
|
|
8866
8916
|
const StyledCardActionArea = material.styled(material.CardActionArea)(({ theme }) => ({
|
|
8867
8917
|
borderRadius: "8px",
|
|
8868
|
-
"&:hover .MuiCard-root, &:focus-visible .MuiCard-root":
|
|
8869
|
-
opacity: 0,
|
|
8870
|
-
} }),
|
|
8918
|
+
"&:hover .MuiCard-root, &:focus-visible .MuiCard-root": cardInteractiveStyles(theme),
|
|
8871
8919
|
"&:active .MuiCard-root": cardActiveStyles(theme),
|
|
8872
8920
|
"&.Mui-disabled .MuiCard-root": cardDisabledStyles(theme),
|
|
8873
8921
|
"& .MuiCardActionArea-focusHighlight": {
|
|
8874
8922
|
opacity: 0,
|
|
8875
8923
|
},
|
|
8924
|
+
"&:hover .MuiCardActionArea-focusHighlight": {
|
|
8925
|
+
opacity: 0,
|
|
8926
|
+
},
|
|
8927
|
+
"&.Mui-focusVisible .MuiCardActionArea-focusHighlight": {
|
|
8928
|
+
opacity: 0,
|
|
8929
|
+
},
|
|
8876
8930
|
"&:focus-visible": {
|
|
8877
8931
|
outline: "none",
|
|
8878
|
-
"& .MuiCardActionArea-focusHighlight": {
|
|
8879
|
-
opacity: 0,
|
|
8880
|
-
},
|
|
8881
8932
|
},
|
|
8882
8933
|
}));
|
|
8883
8934
|
const StyledCardHeader = material.styled(material.CardHeader)(({ theme }) => ({
|
|
@@ -8946,7 +8997,7 @@
|
|
|
8946
8997
|
|
|
8947
8998
|
const containerStackStyles = (theme) => ({
|
|
8948
8999
|
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
8949
|
-
border: `1px solid ${theme.palette.vars.
|
|
9000
|
+
border: `1px solid ${theme.palette.vars.controlBorderWeak}`,
|
|
8950
9001
|
borderRadius: "6px",
|
|
8951
9002
|
position: "relative",
|
|
8952
9003
|
});
|
|
@@ -8964,7 +9015,7 @@
|
|
|
8964
9015
|
margin: "0",
|
|
8965
9016
|
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
8966
9017
|
borderRadius: showLineNumbers ? "0 0 4px 4px" : "4px",
|
|
8967
|
-
color: theme.palette.vars.
|
|
9018
|
+
color: theme.palette.vars.baseTextStrong,
|
|
8968
9019
|
};
|
|
8969
9020
|
};
|
|
8970
9021
|
const lineNumberStyle = (theme, lineNumberWidth, showLineNumbers, size = "medium") => {
|
|
@@ -9004,43 +9055,79 @@
|
|
|
9004
9055
|
borderRadius: "4px 4px 0 0",
|
|
9005
9056
|
});
|
|
9006
9057
|
const headerButtonStyles = (theme) => (Object.assign(Object.assign({ background: "none", border: "none", padding: 0, cursor: "pointer" }, theme.typography.body2Semibold), { color: theme.palette.vars.brandIconPrimaryDefault }));
|
|
9007
|
-
const prismStyle = {
|
|
9008
|
-
|
|
9009
|
-
|
|
9010
|
-
|
|
9011
|
-
|
|
9012
|
-
|
|
9013
|
-
|
|
9014
|
-
|
|
9015
|
-
|
|
9016
|
-
|
|
9017
|
-
|
|
9018
|
-
|
|
9019
|
-
|
|
9020
|
-
|
|
9021
|
-
|
|
9022
|
-
|
|
9023
|
-
|
|
9024
|
-
|
|
9025
|
-
|
|
9026
|
-
|
|
9027
|
-
|
|
9028
|
-
|
|
9029
|
-
|
|
9030
|
-
|
|
9031
|
-
|
|
9032
|
-
|
|
9033
|
-
|
|
9034
|
-
|
|
9035
|
-
|
|
9036
|
-
|
|
9037
|
-
|
|
9038
|
-
|
|
9039
|
-
|
|
9040
|
-
|
|
9041
|
-
|
|
9042
|
-
|
|
9058
|
+
const prismStyle = (theme) => {
|
|
9059
|
+
const { vars } = theme.palette;
|
|
9060
|
+
return {
|
|
9061
|
+
'pre[class*="language-"]': {
|
|
9062
|
+
background: "transparent",
|
|
9063
|
+
textShadow: "none",
|
|
9064
|
+
},
|
|
9065
|
+
'code[class*="language-"]': {
|
|
9066
|
+
background: "transparent",
|
|
9067
|
+
textShadow: "none",
|
|
9068
|
+
},
|
|
9069
|
+
punctuation: { color: vars.baseTextStrong },
|
|
9070
|
+
operator: { color: vars.baseTextStrong },
|
|
9071
|
+
comment: { color: vars.accentEDefault },
|
|
9072
|
+
prolog: { color: vars.accentEDefault },
|
|
9073
|
+
doctype: { color: vars.accentEDefault },
|
|
9074
|
+
cdata: { color: vars.accentEDefault },
|
|
9075
|
+
keyword: { color: vars.accentADefault },
|
|
9076
|
+
atrule: { color: vars.accentADefault },
|
|
9077
|
+
arrow: { color: vars.accentADefault },
|
|
9078
|
+
"control-flow": { color: vars.accentBDefault },
|
|
9079
|
+
function: { color: vars.accentFDefault },
|
|
9080
|
+
"function-variable": { color: vars.accentFDefault },
|
|
9081
|
+
"class-name": { color: vars.accentJDefault },
|
|
9082
|
+
builtin: { color: vars.accentJDefault },
|
|
9083
|
+
entity: { color: vars.accentJDefault, cursor: "help" },
|
|
9084
|
+
parameter: { color: vars.accentHDefault },
|
|
9085
|
+
identifier: { color: vars.accentHDefault },
|
|
9086
|
+
variable: { color: vars.accentHDefault },
|
|
9087
|
+
property: { color: vars.accentHDefault },
|
|
9088
|
+
"literal-property": { color: vars.accentHDefault },
|
|
9089
|
+
"string-property": { color: vars.accentHDefault },
|
|
9090
|
+
"attr-name": { color: vars.accentHDefault },
|
|
9091
|
+
tag: { color: vars.accentHDefault },
|
|
9092
|
+
selector: { color: vars.accentHDefault },
|
|
9093
|
+
"declaration-name": { color: vars.accentGDefault },
|
|
9094
|
+
number: { color: vars.successTextDefault },
|
|
9095
|
+
boolean: { color: vars.successTextDefault },
|
|
9096
|
+
string: { color: vars.successTextDefault },
|
|
9097
|
+
char: { color: vars.successTextDefault },
|
|
9098
|
+
"attr-value": { color: vars.successTextDefault },
|
|
9099
|
+
url: { color: vars.successTextDefault },
|
|
9100
|
+
inserted: { color: vars.successTextDefault },
|
|
9101
|
+
".language-css .token.string": { color: vars.successTextDefault },
|
|
9102
|
+
".style .token.string": { color: vars.successTextDefault },
|
|
9103
|
+
regex: { color: vars.accentBDefault },
|
|
9104
|
+
"regex-delimiter": { color: vars.accentBDefault },
|
|
9105
|
+
"regex-source": { color: vars.accentBDefault },
|
|
9106
|
+
constant: { color: vars.accentBDefault },
|
|
9107
|
+
symbol: { color: vars.accentBDefault },
|
|
9108
|
+
deleted: { color: vars.accentBDefault },
|
|
9109
|
+
important: { color: vars.accentBDefault, fontWeight: "bold" },
|
|
9110
|
+
bold: { fontWeight: "bold" },
|
|
9111
|
+
italic: { fontStyle: "italic" },
|
|
9112
|
+
};
|
|
9113
|
+
};
|
|
9114
|
+
|
|
9115
|
+
let patched = false;
|
|
9116
|
+
const patchJavaScriptGrammar = () => {
|
|
9117
|
+
if (patched)
|
|
9118
|
+
return;
|
|
9119
|
+
patched = true;
|
|
9120
|
+
all.refractor.languages.insertBefore("javascript", "keyword", {
|
|
9121
|
+
"declaration-name": {
|
|
9122
|
+
pattern: /((?:\b(?:const|let|var)\s+))[A-Za-z_$][\w$]*/,
|
|
9123
|
+
lookbehind: true,
|
|
9124
|
+
},
|
|
9125
|
+
});
|
|
9126
|
+
const javascript = all.refractor.languages.javascript;
|
|
9127
|
+
javascript.identifier = /\b[A-Za-z_$][\w$]*\b/;
|
|
9128
|
+
delete javascript.console;
|
|
9043
9129
|
};
|
|
9130
|
+
patchJavaScriptGrammar();
|
|
9044
9131
|
|
|
9045
9132
|
const Separator = ({ showLineNumbers, lineNumberWidth, size = "medium", }) => {
|
|
9046
9133
|
const theme = material.useTheme();
|
|
@@ -9123,7 +9210,7 @@
|
|
|
9123
9210
|
: containerSx
|
|
9124
9211
|
? [containerSx]
|
|
9125
9212
|
: []),
|
|
9126
|
-
], children: [jsxRuntime.jsxs(material.Stack, { justifyContent: "center", sx: { flex: 1, minWidth: 0 }, children: [jsxRuntime.jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size }), jsxRuntime.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"
|
|
9213
|
+
], children: [jsxRuntime.jsxs(material.Stack, { justifyContent: "center", sx: { flex: 1, minWidth: 0 }, children: [jsxRuntime.jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size }), jsxRuntime.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"
|
|
9127
9214
|
? lineNumberStyleProp
|
|
9128
9215
|
: {})), children: text })), jsxRuntime.jsx(Separator, { lineNumberWidth: lineNumberWidth, showLineNumbers: showLineNumbers, size: size })] }), jsxRuntime.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: [
|
|
9129
9216
|
{
|
|
@@ -10461,7 +10548,7 @@
|
|
|
10461
10548
|
};
|
|
10462
10549
|
};
|
|
10463
10550
|
|
|
10464
|
-
const shadows$
|
|
10551
|
+
const shadows$2 = [
|
|
10465
10552
|
`none`,
|
|
10466
10553
|
darkModeCardLifted,
|
|
10467
10554
|
darkModeCardSubtle,
|
|
@@ -10472,7 +10559,7 @@
|
|
|
10472
10559
|
darkModeFooterBottom,
|
|
10473
10560
|
...Array(17).fill("none"),
|
|
10474
10561
|
];
|
|
10475
|
-
const palette$
|
|
10562
|
+
const palette$3 = {
|
|
10476
10563
|
mode: "dark",
|
|
10477
10564
|
primary: bluePalette,
|
|
10478
10565
|
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
@@ -10500,44 +10587,44 @@
|
|
|
10500
10587
|
focusOpacity: 0.18,
|
|
10501
10588
|
},
|
|
10502
10589
|
};
|
|
10503
|
-
const theme$
|
|
10590
|
+
const theme$2 = material.createTheme({
|
|
10504
10591
|
breakpoints,
|
|
10505
|
-
palette: palette$
|
|
10592
|
+
palette: palette$3,
|
|
10506
10593
|
typography,
|
|
10507
10594
|
mixins: commonMixins,
|
|
10508
10595
|
});
|
|
10509
10596
|
const darkThemeOptions = {
|
|
10510
|
-
shadows: shadows$
|
|
10511
|
-
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$
|
|
10597
|
+
shadows: shadows$2,
|
|
10598
|
+
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$2)), inputComponents(theme$2)), snackbarComponent(theme$2)), { MuiCssBaseline: {
|
|
10512
10599
|
styleOverrides: {
|
|
10513
10600
|
html: {
|
|
10514
10601
|
scrollbarWidth: "thin",
|
|
10515
|
-
scrollbarColor: `${theme$
|
|
10602
|
+
scrollbarColor: `${theme$2.palette.vars.baseTextMedium} ${theme$2.palette.background.default}`,
|
|
10516
10603
|
},
|
|
10517
10604
|
"*::-webkit-scrollbar": {
|
|
10518
10605
|
width: "12px",
|
|
10519
10606
|
height: "12px",
|
|
10520
10607
|
},
|
|
10521
10608
|
"*::-webkit-scrollbar-track": {
|
|
10522
|
-
backgroundColor: theme$
|
|
10609
|
+
backgroundColor: theme$2.palette.background.default,
|
|
10523
10610
|
borderRadius: 8,
|
|
10524
10611
|
},
|
|
10525
10612
|
"*::-webkit-scrollbar-thumb": {
|
|
10526
|
-
backgroundColor: theme$
|
|
10613
|
+
backgroundColor: theme$2.palette.vars.controlIconMedium,
|
|
10527
10614
|
borderRadius: 8,
|
|
10528
10615
|
border: "2px solid transparent",
|
|
10529
10616
|
backgroundClip: "content-box",
|
|
10530
10617
|
},
|
|
10531
10618
|
"*::-webkit-scrollbar-thumb:hover": {
|
|
10532
|
-
backgroundColor: theme$
|
|
10619
|
+
backgroundColor: theme$2.palette.vars.baseTextMedium,
|
|
10533
10620
|
},
|
|
10534
10621
|
"*::-webkit-scrollbar-corner": {
|
|
10535
|
-
backgroundColor: theme$
|
|
10622
|
+
backgroundColor: theme$2.palette.background.default,
|
|
10536
10623
|
},
|
|
10537
10624
|
},
|
|
10538
10625
|
} }),
|
|
10539
10626
|
};
|
|
10540
|
-
const darkTheme = material.createTheme(theme$
|
|
10627
|
+
const darkTheme = material.createTheme(theme$2, darkThemeOptions);
|
|
10541
10628
|
|
|
10542
10629
|
const iocSurface50 = "rgba(255, 255, 255, 0.02)";
|
|
10543
10630
|
const iocSurface100 = "rgba(255, 255, 255, 0.035)";
|
|
@@ -10970,7 +11057,7 @@
|
|
|
10970
11057
|
iocShadowLg,
|
|
10971
11058
|
...Array(19).fill("none"),
|
|
10972
11059
|
];
|
|
10973
|
-
const palette$
|
|
11060
|
+
const palette$2 = {
|
|
10974
11061
|
mode: "dark",
|
|
10975
11062
|
primary: Object.assign(Object.assign({}, iocTealPalette), { main: iocTealPalette[500], light: iocTealPalette[300], dark: iocTealPalette[700], contrastText: iocBackdropPalette[900] }),
|
|
10976
11063
|
secondary: {
|
|
@@ -11005,7 +11092,7 @@
|
|
|
11005
11092
|
};
|
|
11006
11093
|
const baseTheme = material.createTheme({
|
|
11007
11094
|
breakpoints,
|
|
11008
|
-
palette: palette$
|
|
11095
|
+
palette: palette$2,
|
|
11009
11096
|
typography,
|
|
11010
11097
|
mixins: commonMixins,
|
|
11011
11098
|
});
|
|
@@ -11376,7 +11463,7 @@
|
|
|
11376
11463
|
accentJWeak: tealPalette[50],
|
|
11377
11464
|
};
|
|
11378
11465
|
|
|
11379
|
-
const shadows = [
|
|
11466
|
+
const shadows$1 = [
|
|
11380
11467
|
`none`,
|
|
11381
11468
|
lightModeCardLifted,
|
|
11382
11469
|
lightModeCardSubtle,
|
|
@@ -11387,7 +11474,7 @@
|
|
|
11387
11474
|
lightModeFooterBottom,
|
|
11388
11475
|
...Array(17).fill("none"),
|
|
11389
11476
|
];
|
|
11390
|
-
const palette = {
|
|
11477
|
+
const palette$1 = {
|
|
11391
11478
|
mode: "light",
|
|
11392
11479
|
primary: bluePalette,
|
|
11393
11480
|
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
@@ -11415,23 +11502,112 @@
|
|
|
11415
11502
|
focusOpacity: 0.18,
|
|
11416
11503
|
},
|
|
11417
11504
|
};
|
|
11505
|
+
const theme$1 = material.createTheme({
|
|
11506
|
+
breakpoints,
|
|
11507
|
+
palette: palette$1,
|
|
11508
|
+
typography,
|
|
11509
|
+
mixins: commonMixins,
|
|
11510
|
+
});
|
|
11511
|
+
const lightThemeOptions = {
|
|
11512
|
+
shadows: shadows$1,
|
|
11513
|
+
components: Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$1)), inputComponents(theme$1)), snackbarComponent(theme$1)),
|
|
11514
|
+
};
|
|
11515
|
+
const lightTheme = material.createTheme(theme$1, lightThemeOptions);
|
|
11516
|
+
|
|
11517
|
+
const midnightVars = Object.assign(Object.assign({}, darkVars), {
|
|
11518
|
+
baseBackgroundStrong: darkNavyPalette[400], baseBackgroundMedium: darkNavyPalette[200], baseBackgroundWeak: darkNavyPalette[100], baseBackgroundHover: darkNavyPalette[300], baseBorderDefault: surfaceDarkPalette[300], baseBorderStrong: surfaceDarkPalette[100], baseBorderMedium: surfaceDarkPalette[200], baseBorderWeak: surfaceDarkPalette[500],
|
|
11519
|
+
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],
|
|
11520
|
+
interactivePrimaryDefaultDefault: electricBluePalette[500], interactivePrimaryDefaultHover: electricBluePalette[300], interactivePrimaryDefaultActive: electricBluePalette[700], interactivePrimaryDefaultDisabled: electricBluePalette["alpha40"], interactivePrimaryWeakDefault: darkNavyPalette[200], interactivePrimaryWeakHover: darkNavyPalette[100], interactivePrimaryWeakActive: darkNavyPalette[100], interactivePrimaryWeakDisabled: electricBluePalette["alpha10"],
|
|
11521
|
+
interactiveSecondaryDefaultDefault: greyPalette[50], interactiveSecondaryDefaultHover: greyPalette[0], interactiveSecondaryDefaultActive: greyPalette[100], interactiveSecondaryDefaultDisabled: greyPalette[0], interactiveSecondaryWeakDefault: darkNavyPalette[200], interactiveSecondaryWeakHover: darkNavyPalette[100], interactiveSecondaryWeakActive: greyPalette[800], interactiveSecondaryWeakDisabled: surfaceDarkPalette[900],
|
|
11522
|
+
interactiveInverseBackgroundDefault: greyPalette[200], interactiveInverseBackgroundHover: greyPalette[100], interactiveInverseBackgroundActive: greyPalette[200], interactiveInverseBackgroundDisabled: greyPalette[200], interactiveInverseTextHover: surfaceDarkPalette[600], interactiveInverseTextDisabled: surfaceDark900,
|
|
11523
|
+
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"],
|
|
11524
|
+
brandIconPrimaryDefault: electricBluePalette[500], brandIconPrimaryStrong: electricBluePalette[700], brandIconPrimaryMedium: electricBluePalette[300], brandIconPrimaryWeak: electricBluePalette[300],
|
|
11525
|
+
brandBackgroundPrimaryDefault: darkNavyPalette[200], brandBackgroundPrimaryWeak: darkNavyPalette[100], brandBackgroundPrimaryMedium: surfaceDarkPalette[400], brandBackgroundSecondaryDefault: darkNavyPalette[100], brandTextPrimary: electricBluePalette[500], brandTextSecondary: greyPalette[0] });
|
|
11526
|
+
|
|
11527
|
+
const shadows = [
|
|
11528
|
+
`none`,
|
|
11529
|
+
darkModeCardLifted,
|
|
11530
|
+
darkModeCardSubtle,
|
|
11531
|
+
darkModeCardRaised,
|
|
11532
|
+
darkModeCardFloating,
|
|
11533
|
+
darkModeSideDrawerRight,
|
|
11534
|
+
darkModeSideDrawerLeft,
|
|
11535
|
+
darkModeFooterBottom,
|
|
11536
|
+
...Array(17).fill("none"),
|
|
11537
|
+
];
|
|
11538
|
+
const palette = {
|
|
11539
|
+
mode: "dark",
|
|
11540
|
+
primary: bluePalette,
|
|
11541
|
+
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
11542
|
+
tertiary: lightOrangePalette,
|
|
11543
|
+
error: redPalette,
|
|
11544
|
+
warning: lightOrangePalette,
|
|
11545
|
+
info: bluePalette,
|
|
11546
|
+
success: greenPalette,
|
|
11547
|
+
negative: redPalette,
|
|
11548
|
+
orange: orangePalette,
|
|
11549
|
+
grey: greyPalette,
|
|
11550
|
+
vars: midnightVars,
|
|
11551
|
+
text: {
|
|
11552
|
+
primary: midnightVars.baseTextStrong,
|
|
11553
|
+
secondary: midnightVars.baseTextDefault,
|
|
11554
|
+
disabled: midnightVars.baseTextDisabled,
|
|
11555
|
+
},
|
|
11556
|
+
background: {
|
|
11557
|
+
paper: darkNavy200,
|
|
11558
|
+
default: darkNavy400,
|
|
11559
|
+
},
|
|
11560
|
+
action: {
|
|
11561
|
+
hoverOpacity: 0.05,
|
|
11562
|
+
selectedOpacity: 0.25,
|
|
11563
|
+
focusOpacity: 0.18,
|
|
11564
|
+
},
|
|
11565
|
+
};
|
|
11418
11566
|
const theme = material.createTheme({
|
|
11419
11567
|
breakpoints,
|
|
11420
11568
|
palette,
|
|
11421
11569
|
typography,
|
|
11422
11570
|
mixins: commonMixins,
|
|
11423
11571
|
});
|
|
11424
|
-
const
|
|
11572
|
+
const midnightThemeOptions = {
|
|
11425
11573
|
shadows,
|
|
11426
|
-
components: Object.assign(Object.assign(Object.assign({}, buttonComponent(theme)), inputComponents(theme)), snackbarComponent(theme)),
|
|
11574
|
+
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme)), inputComponents(theme)), snackbarComponent(theme)), { MuiCssBaseline: {
|
|
11575
|
+
styleOverrides: {
|
|
11576
|
+
html: {
|
|
11577
|
+
scrollbarWidth: "thin",
|
|
11578
|
+
scrollbarColor: `${theme.palette.vars.baseTextMedium} ${theme.palette.background.default}`,
|
|
11579
|
+
},
|
|
11580
|
+
"*::-webkit-scrollbar": {
|
|
11581
|
+
width: "12px",
|
|
11582
|
+
height: "12px",
|
|
11583
|
+
},
|
|
11584
|
+
"*::-webkit-scrollbar-track": {
|
|
11585
|
+
backgroundColor: theme.palette.background.default,
|
|
11586
|
+
borderRadius: 8,
|
|
11587
|
+
},
|
|
11588
|
+
"*::-webkit-scrollbar-thumb": {
|
|
11589
|
+
backgroundColor: theme.palette.vars.controlIconMedium,
|
|
11590
|
+
borderRadius: 8,
|
|
11591
|
+
border: "2px solid transparent",
|
|
11592
|
+
backgroundClip: "content-box",
|
|
11593
|
+
},
|
|
11594
|
+
"*::-webkit-scrollbar-thumb:hover": {
|
|
11595
|
+
backgroundColor: theme.palette.vars.baseTextMedium,
|
|
11596
|
+
},
|
|
11597
|
+
"*::-webkit-scrollbar-corner": {
|
|
11598
|
+
backgroundColor: theme.palette.background.default,
|
|
11599
|
+
},
|
|
11600
|
+
},
|
|
11601
|
+
} }),
|
|
11427
11602
|
};
|
|
11428
|
-
const
|
|
11603
|
+
const midnightTheme = material.createTheme(theme, midnightThemeOptions);
|
|
11429
11604
|
|
|
11430
11605
|
exports.ThemeMode = void 0;
|
|
11431
11606
|
(function (ThemeMode) {
|
|
11432
11607
|
ThemeMode["Light"] = "light";
|
|
11433
11608
|
ThemeMode["Dark"] = "dark";
|
|
11434
11609
|
ThemeMode["IoC"] = "ioc";
|
|
11610
|
+
ThemeMode["Midnight"] = "midnight";
|
|
11435
11611
|
})(exports.ThemeMode || (exports.ThemeMode = {}));
|
|
11436
11612
|
const ThemeModeContext = React.createContext(null);
|
|
11437
11613
|
function useThemeMode() {
|
|
@@ -11445,6 +11621,9 @@
|
|
|
11445
11621
|
if (mode === exports.ThemeMode.IoC) {
|
|
11446
11622
|
return iocTheme;
|
|
11447
11623
|
}
|
|
11624
|
+
if (mode === exports.ThemeMode.Midnight) {
|
|
11625
|
+
return midnightTheme;
|
|
11626
|
+
}
|
|
11448
11627
|
return mode === exports.ThemeMode.Dark ? darkTheme : lightTheme;
|
|
11449
11628
|
}
|
|
11450
11629
|
const ThemeProvider = ({ children, defaultMode, customTheme, }) => {
|
|
@@ -11624,10 +11803,13 @@
|
|
|
11624
11803
|
const borderColor = variant === "primary"
|
|
11625
11804
|
? theme.palette.vars.interactivePrimaryDefaultDefault
|
|
11626
11805
|
: theme.palette.vars.controlBorderDefault;
|
|
11806
|
+
const backgroundColor = variant === "primary"
|
|
11807
|
+
? theme.palette.vars.baseBackgroundWeak
|
|
11808
|
+
: theme.palette.vars.controlBackgroundDefault;
|
|
11627
11809
|
return {
|
|
11628
11810
|
borderRadius: "100px",
|
|
11629
11811
|
boxShadow: theme.shadows[4],
|
|
11630
|
-
background: `${
|
|
11812
|
+
background: `${backgroundColor} !important`,
|
|
11631
11813
|
color: `${theme.palette.vars.baseTextStrong} !important`,
|
|
11632
11814
|
border: `2px solid ${borderColor} !important`,
|
|
11633
11815
|
letterSpacing: "0.1px",
|
|
@@ -12501,34 +12683,16 @@
|
|
|
12501
12683
|
}
|
|
12502
12684
|
return theme.palette.vars.successIconDefault;
|
|
12503
12685
|
};
|
|
12504
|
-
const getMessageTitleWidth = (type) => {
|
|
12505
|
-
if (type === "warning") {
|
|
12506
|
-
return "317px";
|
|
12507
|
-
}
|
|
12508
|
-
if (type === "info") {
|
|
12509
|
-
return "339px";
|
|
12510
|
-
}
|
|
12511
|
-
return "319px";
|
|
12512
|
-
};
|
|
12513
|
-
const getMessageTitleContentWidth = (type) => {
|
|
12514
|
-
if (type === "warning") {
|
|
12515
|
-
return "249px";
|
|
12516
|
-
}
|
|
12517
|
-
if (type === "info") {
|
|
12518
|
-
return "271px";
|
|
12519
|
-
}
|
|
12520
|
-
return "251px";
|
|
12521
|
-
};
|
|
12522
12686
|
const getMessageRootStyles = (theme, type, hasTitle, hasAction) => ({
|
|
12523
12687
|
boxSizing: "border-box",
|
|
12524
12688
|
display: "flex",
|
|
12525
12689
|
flexDirection: "row",
|
|
12526
12690
|
alignItems: hasTitle ? "flex-start" : "center",
|
|
12527
|
-
width: hasAction ? "480px" :
|
|
12528
|
-
height:
|
|
12691
|
+
width: hasAction ? "480px" : "320px",
|
|
12692
|
+
height: "auto",
|
|
12529
12693
|
padding: "12px 16px",
|
|
12530
12694
|
gap: "12px",
|
|
12531
|
-
background: theme.palette.vars.
|
|
12695
|
+
background: theme.palette.vars.controlBackgroundDefault,
|
|
12532
12696
|
borderStyle: "solid",
|
|
12533
12697
|
borderColor: getMessageStatusColor(theme, type),
|
|
12534
12698
|
borderWidth: "1px 1px 1px 4px",
|
|
@@ -12541,12 +12705,13 @@
|
|
|
12541
12705
|
width: "24px",
|
|
12542
12706
|
height: "24px",
|
|
12543
12707
|
});
|
|
12544
|
-
const getMessageContentStyles = (
|
|
12545
|
-
const getMessageTitleRowStyles = (
|
|
12708
|
+
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" } : {})));
|
|
12709
|
+
const getMessageTitleRowStyles = () => ({
|
|
12546
12710
|
display: "flex",
|
|
12547
12711
|
flexDirection: "row",
|
|
12548
12712
|
alignItems: "center",
|
|
12549
|
-
|
|
12713
|
+
flex: "1 1 auto",
|
|
12714
|
+
width: "stretch",
|
|
12550
12715
|
height: "24px",
|
|
12551
12716
|
gap: "4px",
|
|
12552
12717
|
});
|
|
@@ -12587,12 +12752,12 @@
|
|
|
12587
12752
|
shouldForwardProp: (prop) => prop !== "messageType" && prop !== "hasTitle" && prop !== "hasAction",
|
|
12588
12753
|
})(({ theme, messageType, hasTitle, hasAction }) => getMessageRootStyles(theme, messageType, hasTitle, hasAction));
|
|
12589
12754
|
const StyledMessageContent = material.styled(material.Box, {
|
|
12590
|
-
shouldForwardProp: (prop) => prop !== "
|
|
12591
|
-
})(({
|
|
12755
|
+
shouldForwardProp: (prop) => prop !== "hasTitle" && prop !== "hasAction",
|
|
12756
|
+
})(({ hasTitle, hasAction }) => getMessageContentStyles(hasTitle, hasAction));
|
|
12592
12757
|
const StyledMessageTitle = material.styled("p")(({ theme }) => getMessageTitleStyles(theme));
|
|
12593
12758
|
const StyledMessageTitleRow = material.styled(material.Box, {
|
|
12594
12759
|
shouldForwardProp: (prop) => prop !== "messageType",
|
|
12595
|
-
})((
|
|
12760
|
+
})(() => getMessageTitleRowStyles());
|
|
12596
12761
|
const StyledMessageText = material.styled("p")(({ theme }) => getMessageTextStyles(theme));
|
|
12597
12762
|
const StyledMessageAction = material.styled("button")(({ theme }) => getMessageActionStyles(theme));
|
|
12598
12763
|
const StyledMessageCloseButton = material.styled(material.IconButton)(({ theme }) => getMessageCloseStyles(theme));
|
|
@@ -12615,7 +12780,7 @@
|
|
|
12615
12780
|
var { actionLabel, children, hideClose = false, onActionClick, onClose, sx, title, type = "success" } = _a, props = __rest(_a, ["actionLabel", "children", "hideClose", "onActionClick", "onClose", "sx", "title", "type"]);
|
|
12616
12781
|
const hasTitle = Boolean(title);
|
|
12617
12782
|
const hasAction = Boolean(actionLabel);
|
|
12618
|
-
return (jsxRuntime.jsxs(StyledMessageRoot, Object.assign({ messageType: type, hasTitle: hasTitle, hasAction: hasAction, role: "status", sx: Array.isArray(sx) ? sx : sx ? [sx] : [] }, props, { children: [jsxRuntime.jsx(MessageIcon, { type: type }), jsxRuntime.jsxs(StyledMessageContent, {
|
|
12783
|
+
return (jsxRuntime.jsxs(StyledMessageRoot, Object.assign({ messageType: type, hasTitle: hasTitle, hasAction: hasAction, role: "status", sx: Array.isArray(sx) ? sx : sx ? [sx] : [] }, props, { children: [jsxRuntime.jsx(MessageIcon, { type: type }), jsxRuntime.jsxs(StyledMessageContent, { hasTitle: hasTitle, hasAction: hasAction, children: [title ? (jsxRuntime.jsxs(StyledMessageTitleRow, { messageType: type, children: [jsxRuntime.jsx(StyledMessageTitle, { children: title }), !hideClose && !hasAction ? (jsxRuntime.jsx(StyledMessageCloseButton, { "aria-label": "Close message", onClick: onClose, children: jsxRuntime.jsx(iconsMaterial.Close, {}) })) : null] })) : null, jsxRuntime.jsx(StyledMessageText, { children: children })] }), actionLabel ? (jsxRuntime.jsx(StyledMessageAction, { type: "button", onClick: onActionClick, children: actionLabel })) : null, !hideClose && (!hasTitle || hasAction) ? (jsxRuntime.jsx(StyledMessageCloseButton, { "aria-label": "Close message", onClick: onClose, children: jsxRuntime.jsx(iconsMaterial.Close, {}) })) : null] })));
|
|
12619
12784
|
};
|
|
12620
12785
|
|
|
12621
12786
|
const getNavigationActiveBackground = (theme) => theme.palette.mode === "dark"
|
|
@@ -12723,8 +12888,9 @@
|
|
|
12723
12888
|
gap: "4px",
|
|
12724
12889
|
});
|
|
12725
12890
|
const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
12726
|
-
const selected = state === "selected"
|
|
12891
|
+
const selected = state === "selected";
|
|
12727
12892
|
const open = state === "open";
|
|
12893
|
+
const active = selected || open;
|
|
12728
12894
|
const disabled = state === "disabled";
|
|
12729
12895
|
return {
|
|
12730
12896
|
boxSizing: "border-box",
|
|
@@ -12737,19 +12903,19 @@
|
|
|
12737
12903
|
gap: "8px",
|
|
12738
12904
|
position: "relative",
|
|
12739
12905
|
isolation: "isolate",
|
|
12740
|
-
border:
|
|
12741
|
-
? `1px solid ${theme.palette.vars.
|
|
12906
|
+
border: open
|
|
12907
|
+
? `1px solid ${theme.palette.vars.baseBorderStrong}`
|
|
12742
12908
|
: "1px solid transparent",
|
|
12743
|
-
borderRightWidth:
|
|
12744
|
-
borderRadius:
|
|
12745
|
-
backgroundColor:
|
|
12746
|
-
?
|
|
12909
|
+
borderRightWidth: open ? 0 : "1px",
|
|
12910
|
+
borderRadius: open ? "8px 0px 0px 8px" : "8px",
|
|
12911
|
+
backgroundColor: active
|
|
12912
|
+
? theme.palette.vars.brandBackgroundPrimaryWeak
|
|
12747
12913
|
: "transparent",
|
|
12748
12914
|
color: disabled
|
|
12749
12915
|
? theme.palette.vars.baseTextDisabled
|
|
12750
12916
|
: selected
|
|
12751
|
-
?
|
|
12752
|
-
: theme.palette.vars.
|
|
12917
|
+
? theme.palette.vars.brandTextPrimary
|
|
12918
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12753
12919
|
cursor: disabled ? "default" : "pointer",
|
|
12754
12920
|
font: "inherit",
|
|
12755
12921
|
textAlign: "left",
|
|
@@ -12762,18 +12928,16 @@
|
|
|
12762
12928
|
right: compact ? "-24px" : "-23px",
|
|
12763
12929
|
width: compact ? "24px" : "23px",
|
|
12764
12930
|
height: "40px",
|
|
12765
|
-
backgroundColor:
|
|
12766
|
-
borderTop: `1px solid ${theme.palette.vars.
|
|
12767
|
-
borderBottom: `1px solid ${theme.palette.vars.
|
|
12931
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
|
|
12932
|
+
borderTop: `1px solid ${theme.palette.vars.baseBorderStrong}`,
|
|
12933
|
+
borderBottom: `1px solid ${theme.palette.vars.baseBorderStrong}`,
|
|
12768
12934
|
zIndex: -1,
|
|
12769
12935
|
}
|
|
12770
12936
|
: undefined,
|
|
12771
12937
|
"&:hover": disabled
|
|
12772
12938
|
? {}
|
|
12773
12939
|
: {
|
|
12774
|
-
backgroundColor:
|
|
12775
|
-
? getNavigationActiveBackground(theme)
|
|
12776
|
-
: theme.palette.vars.baseBackgroundHover,
|
|
12940
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
|
|
12777
12941
|
},
|
|
12778
12942
|
};
|
|
12779
12943
|
};
|
|
@@ -12849,18 +13013,19 @@
|
|
|
12849
13013
|
border: 0,
|
|
12850
13014
|
borderRadius: "6px",
|
|
12851
13015
|
backgroundColor: selected
|
|
12852
|
-
? theme.palette.vars.
|
|
13016
|
+
? theme.palette.vars.brandBackgroundPrimaryMedium
|
|
12853
13017
|
: "transparent",
|
|
12854
13018
|
color: selected
|
|
12855
|
-
? theme.palette.vars.
|
|
12856
|
-
: theme.palette.vars.
|
|
13019
|
+
? theme.palette.vars.brandTextPrimary
|
|
13020
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12857
13021
|
cursor: "pointer",
|
|
12858
13022
|
font: "inherit",
|
|
12859
13023
|
textAlign: "left",
|
|
12860
13024
|
"&:hover": {
|
|
12861
|
-
backgroundColor:
|
|
12862
|
-
|
|
12863
|
-
|
|
13025
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryMedium,
|
|
13026
|
+
color: selected
|
|
13027
|
+
? theme.palette.vars.brandTextPrimary
|
|
13028
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12864
13029
|
},
|
|
12865
13030
|
});
|
|
12866
13031
|
const getNavigationSubtextStyles = (theme) => ({
|
|
@@ -12960,12 +13125,12 @@
|
|
|
12960
13125
|
: [];
|
|
12961
13126
|
return (jsxRuntime.jsxs(StyledNavigationFrame, Object.assign({ sx: Array.isArray(sx) ? sx : sx ? [sx] : [] }, props, { children: [jsxRuntime.jsx(StyledNavigationRoot, { compact: isCompact, children: jsxRuntime.jsxs(StyledNavigationContent, { compact: isCompact, children: [jsxRuntime.jsxs(StyledNavigationSwitcher, { "aria-expanded": isOrganizationDrawerOpen, "aria-label": isCompact
|
|
12962
13127
|
? getAccessibleLabel(organizationLabel, "Open organization switcher")
|
|
12963
|
-
: undefined, compact: isCompact, onClick: handleOrganizationClick, selected: isOrganizationDrawerOpen, type: "button", children: [jsxRuntime.jsx(
|
|
13128
|
+
: undefined, compact: isCompact, onClick: handleOrganizationClick, selected: isOrganizationDrawerOpen, type: "button", children: [jsxRuntime.jsx(OrgSwitcher, { fontSize: "small" }), !isCompact ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledNavigationSwitcherLabel, { children: organizationLabel }), jsxRuntime.jsx(KeyboardArrowRight, { fontSize: "small" })] })) : null] }), jsxRuntime.jsx(StyledNavigationSections, { children: sections.map((section, sectionIndex) => (jsxRuntime.jsxs(StyledNavigationSection, { children: [jsxRuntime.jsx(StyledNavigationSectionHead, { compact: isCompact, children: section.label }), jsxRuntime.jsx(StyledNavigationItems, { children: section.items.map((item) => {
|
|
12964
13129
|
var _a;
|
|
12965
13130
|
const state = (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
|
|
12966
13131
|
? "open"
|
|
12967
13132
|
: getItemState(item, selectedItemId);
|
|
12968
|
-
const selected = state === "selected"
|
|
13133
|
+
const selected = state === "selected";
|
|
12969
13134
|
return (jsxRuntime.jsxs(StyledNavigationItem, { "aria-expanded": ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length)
|
|
12970
13135
|
? (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
|
|
12971
13136
|
: undefined, "aria-label": isCompact
|
|
@@ -13709,7 +13874,7 @@
|
|
|
13709
13874
|
width,
|
|
13710
13875
|
minWidth: width,
|
|
13711
13876
|
maxWidth: width,
|
|
13712
|
-
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.
|
|
13877
|
+
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.baseBackgroundWeak,
|
|
13713
13878
|
borderRadius: "6px",
|
|
13714
13879
|
boxShadow: "none",
|
|
13715
13880
|
filter: theme.palette.mode === "dark"
|
|
@@ -13738,7 +13903,7 @@
|
|
|
13738
13903
|
gap: layout.gap,
|
|
13739
13904
|
padding: layout.padding,
|
|
13740
13905
|
width: "100%",
|
|
13741
|
-
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.
|
|
13906
|
+
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.baseBackgroundWeak,
|
|
13742
13907
|
border: featureHighlight
|
|
13743
13908
|
? `2px solid ${(_b = theme.palette.vars) === null || _b === void 0 ? void 0 : _b.controlBorderActive}`
|
|
13744
13909
|
: "0px solid transparent",
|
|
@@ -13968,7 +14133,7 @@
|
|
|
13968
14133
|
});
|
|
13969
14134
|
const bg = featureHighlight
|
|
13970
14135
|
? theme.palette.vars.controlBorderActive
|
|
13971
|
-
: theme.palette.vars.
|
|
14136
|
+
: theme.palette.vars.baseBackgroundWeak;
|
|
13972
14137
|
return (jsxRuntime.jsx(material.Popover, Object.assign({}, props, { open: open, disableScrollLock: disableScrollLock, marginThreshold: null, anchorOrigin: resolvedAnchorOrigin, transformOrigin: resolvedTransformOrigin, onClose: onClose, slotProps: {
|
|
13973
14138
|
paper: {
|
|
13974
14139
|
ref: paperRef,
|
|
@@ -17402,8 +17567,19 @@
|
|
|
17402
17567
|
exports.darkModeFooterBottom = darkModeFooterBottom;
|
|
17403
17568
|
exports.darkModeSideDrawerLeft = darkModeSideDrawerLeft;
|
|
17404
17569
|
exports.darkModeSideDrawerRight = darkModeSideDrawerRight;
|
|
17570
|
+
exports.darkNavy100 = darkNavy100;
|
|
17571
|
+
exports.darkNavy200 = darkNavy200;
|
|
17572
|
+
exports.darkNavy300 = darkNavy300;
|
|
17573
|
+
exports.darkNavy400 = darkNavy400;
|
|
17574
|
+
exports.darkNavyPalette = darkNavyPalette;
|
|
17405
17575
|
exports.darkVars = darkVars;
|
|
17406
17576
|
exports.deepCopyTree = deepCopyTree;
|
|
17577
|
+
exports.electricBlue300 = electricBlue300;
|
|
17578
|
+
exports.electricBlue500 = electricBlue500;
|
|
17579
|
+
exports.electricBlue700 = electricBlue700;
|
|
17580
|
+
exports.electricBlueAlpha10 = electricBlueAlpha10;
|
|
17581
|
+
exports.electricBlueAlpha40 = electricBlueAlpha40;
|
|
17582
|
+
exports.electricBluePalette = electricBluePalette;
|
|
17407
17583
|
exports.flattenSelectTree = flattenSelectTree;
|
|
17408
17584
|
exports.flattenSelectTreeWithSearch = flattenSelectTreeWithSearch;
|
|
17409
17585
|
exports.flattenSelectTreeWithoutSearch = flattenSelectTreeWithoutSearch;
|
|
@@ -17521,6 +17697,7 @@
|
|
|
17521
17697
|
exports.lime900 = lime900;
|
|
17522
17698
|
exports.limePalette = limePalette;
|
|
17523
17699
|
exports.mergeNodeChildrenValueToText = mergeNodeChildrenValueToText;
|
|
17700
|
+
exports.midnightVars = midnightVars;
|
|
17524
17701
|
exports.night10 = night10;
|
|
17525
17702
|
exports.night100 = night100;
|
|
17526
17703
|
exports.night200 = night200;
|