@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.cjs.js
CHANGED
|
@@ -25,6 +25,7 @@ var iconsMaterial = require('@mui/icons-material');
|
|
|
25
25
|
var reactRouterDom = require('react-router-dom');
|
|
26
26
|
var ChevronRightIcon = require('@mui/icons-material/ChevronRight');
|
|
27
27
|
var reactSyntaxHighlighter = require('react-syntax-highlighter');
|
|
28
|
+
var all = require('refractor/all');
|
|
28
29
|
var DoneRoundedIcon = require('@mui/icons-material/DoneRounded');
|
|
29
30
|
var copy = require('copy-to-clipboard');
|
|
30
31
|
var index_js$1 = require('@mui/x-date-pickers/node/AdapterDayjs/index.js');
|
|
@@ -220,15 +221,31 @@ const ComposeDisabled = (props) => {
|
|
|
220
221
|
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" })] })));
|
|
221
222
|
};
|
|
222
223
|
|
|
224
|
+
const DashboardMark = (_a) => {
|
|
225
|
+
var { tones } = _a, props = __rest(_a, ["tones"]);
|
|
226
|
+
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 })] }) })));
|
|
227
|
+
};
|
|
223
228
|
const DashboardSelected = (props) => {
|
|
224
|
-
|
|
229
|
+
const { vars } = material.useTheme().palette;
|
|
230
|
+
return (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
231
|
+
block: vars.brandIconPrimaryDefault,
|
|
232
|
+
bars: vars.brandIconPrimaryDefault,
|
|
233
|
+
square: vars.brandIconPrimaryStrong,
|
|
234
|
+
} })));
|
|
225
235
|
};
|
|
226
236
|
const DashboardUnSelected = (props) => {
|
|
227
|
-
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
237
|
+
const { vars } = material.useTheme().palette;
|
|
238
|
+
return (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
239
|
+
block: vars.brandIconSecondaryWeak,
|
|
240
|
+
bars: vars.brandIconSecondaryMedium,
|
|
241
|
+
square: vars.brandIconSecondaryDefault,
|
|
242
|
+
} })));
|
|
243
|
+
};
|
|
244
|
+
const DashboardDisabled = (props) => (jsxRuntime.jsx(DashboardMark, Object.assign({}, props, { tones: {
|
|
245
|
+
block: "currentColor",
|
|
246
|
+
bars: "currentColor",
|
|
247
|
+
square: "currentColor",
|
|
248
|
+
} })));
|
|
232
249
|
|
|
233
250
|
const DataLakeSelected = (props) => {
|
|
234
251
|
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" })] })));
|
|
@@ -4036,70 +4053,631 @@ const BitbucketLogoColored = (props) => {
|
|
|
4036
4053
|
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" })] })));
|
|
4037
4054
|
};
|
|
4038
4055
|
|
|
4039
|
-
const
|
|
4040
|
-
|
|
4041
|
-
|
|
4042
|
-
const
|
|
4043
|
-
|
|
4044
|
-
|
|
4045
|
-
const
|
|
4046
|
-
|
|
4056
|
+
const surfaceLight50 = "#fbfcfe";
|
|
4057
|
+
const surfaceLight100 = "#f5f8fd";
|
|
4058
|
+
const surfaceLight200 = "#eff3fc";
|
|
4059
|
+
const surfaceLight300 = "#e8eefb";
|
|
4060
|
+
const surfaceLight400 = "#e3eafa";
|
|
4061
|
+
const surfaceLight500 = "#dee6f9";
|
|
4062
|
+
const surfaceLight600 = "#dae3f8";
|
|
4063
|
+
const surfaceLight700 = "#d5dff7";
|
|
4064
|
+
const surfaceLight800 = "#d1dbf6";
|
|
4065
|
+
const surfaceLight900 = "#c8d5f5";
|
|
4066
|
+
const surfaceLight50Alpha40 = "#fbfcfe66";
|
|
4067
|
+
const surfaceLight800Alpha40 = "#d1dbf666";
|
|
4068
|
+
const surfaceLight900Alpha40 = "#c8d5f566";
|
|
4069
|
+
const surfaceLight900Alpha10 = "#c8d5f519";
|
|
4070
|
+
const surfaceDark50 = "#4f628d";
|
|
4071
|
+
const surfaceDark100 = "#3a4e77";
|
|
4072
|
+
const surfaceDark200 = "#31466e";
|
|
4073
|
+
const surfaceDark300 = "#263b62";
|
|
4074
|
+
const surfaceDark400 = "#183056";
|
|
4075
|
+
const surfaceDark500 = "#0d274d";
|
|
4076
|
+
const surfaceDark600 = "#062242";
|
|
4077
|
+
const surfaceDark700 = "#001c3b";
|
|
4078
|
+
const surfaceDark800 = "#041930";
|
|
4079
|
+
const surfaceDark900 = "#00142b";
|
|
4080
|
+
const surfaceDark800Alpha40 = "#04193066";
|
|
4081
|
+
const surfaceDark900Alpha40 = "#00142b66";
|
|
4082
|
+
const surfaceDark900Alpha10 = "#00142b19";
|
|
4083
|
+
const blue50 = "#e8f1ff";
|
|
4084
|
+
const blue100 = "#9bcaff";
|
|
4085
|
+
const blue200 = "#79b9ff";
|
|
4086
|
+
const blue300 = "#187adc";
|
|
4087
|
+
const blue400 = "#0063c2";
|
|
4088
|
+
const blue500 = "#0051af";
|
|
4089
|
+
const blue600 = "#004ba8";
|
|
4090
|
+
const blue700 = "#00409f";
|
|
4091
|
+
const blue800 = "#003796";
|
|
4092
|
+
const blue900 = "#002786";
|
|
4093
|
+
const blueAlpha40 = "#0051af66";
|
|
4094
|
+
const blueAlpha10 = "#0051af19";
|
|
4095
|
+
const blueFocusRingWeak = "#cce1ff";
|
|
4096
|
+
const blueFocusRingStrong = "#3e84e5";
|
|
4097
|
+
const lightBlue50 = "#edfcff";
|
|
4098
|
+
const lightBlue100 = "#bcf2ff";
|
|
4099
|
+
const lightBlue200 = "#8fe9ff";
|
|
4100
|
+
const lightBlue300 = "#62e0ff";
|
|
4101
|
+
const lightBlue400 = "#41d9ff";
|
|
4102
|
+
const lightBlue500 = "#1fd2ff";
|
|
4103
|
+
const lightBlue600 = "#1bcdff";
|
|
4104
|
+
const lightBlue700 = "#17c7ff";
|
|
4105
|
+
const lightBlue800 = "#12c1ff";
|
|
4106
|
+
const lightBlue900 = "#0ab6ff";
|
|
4107
|
+
const lightBlueAlpha40 = "#1fd2ff66";
|
|
4108
|
+
const lightBlueAlpha10 = "#1fd2ff19";
|
|
4109
|
+
const grey0 = "#ffffff";
|
|
4110
|
+
const grey50 = "#e8e9ea";
|
|
4111
|
+
const grey100 = "#c5c7cb";
|
|
4112
|
+
const grey200 = "#9ea2a8";
|
|
4113
|
+
const grey300 = "#777d85";
|
|
4114
|
+
const grey400 = "#59616b";
|
|
4115
|
+
const grey500 = "#3c4551";
|
|
4116
|
+
const grey600 = "#363e4a";
|
|
4117
|
+
const grey700 = "#2e3640";
|
|
4118
|
+
const grey800 = "#272e37";
|
|
4119
|
+
const grey900 = "#1a1f27";
|
|
4120
|
+
const greyAlpha40 = "#3c455166";
|
|
4121
|
+
const greyAlpha10 = "#3c455119";
|
|
4122
|
+
const purple50 = "#faecff";
|
|
4123
|
+
const purple100 = "#f1dbff";
|
|
4124
|
+
const purple200 = "#deb8ff";
|
|
4125
|
+
const purple300 = "#ca93ff";
|
|
4126
|
+
const purple400 = "#c080ff";
|
|
4127
|
+
const purple500 = "#b76dff";
|
|
4128
|
+
const purple600 = "#9c4eea";
|
|
4129
|
+
const purple700 = "#6a21ba";
|
|
4130
|
+
const purple800 = "#5300a4";
|
|
4131
|
+
const purple900 = "#1b0077";
|
|
4132
|
+
const purpleAlpha40 = "#b76dff66";
|
|
4133
|
+
const purpleAlpha10 = "#b76dff19";
|
|
4134
|
+
const red50 = "#f8e5ea";
|
|
4135
|
+
const red100 = "#eebfcb";
|
|
4136
|
+
const red200 = "#e394a9";
|
|
4137
|
+
const red300 = "#d76987";
|
|
4138
|
+
const red400 = "#cf496d";
|
|
4139
|
+
const red500 = "#c62953";
|
|
4140
|
+
const red600 = "#c0244c";
|
|
4141
|
+
const red700 = "#b91f42";
|
|
4142
|
+
const red800 = "#b11939";
|
|
4143
|
+
const red900 = "#a40f29";
|
|
4144
|
+
const redAlpha40 = "#c6295366";
|
|
4145
|
+
const redAlpha10 = "#c6295319";
|
|
4146
|
+
const orange50 = "#fdece8";
|
|
4147
|
+
const orange100 = "#fbd1c5";
|
|
4148
|
+
const orange200 = "#f9b29e";
|
|
4149
|
+
const orange300 = "#f69377";
|
|
4150
|
+
const orange400 = "#f47b5a";
|
|
4151
|
+
const orange500 = "#f2643d";
|
|
4152
|
+
const orange600 = "#f05c37";
|
|
4153
|
+
const orange700 = "#ee522f";
|
|
4154
|
+
const orange800 = "#ec4827";
|
|
4155
|
+
const orange900 = "#e8361a";
|
|
4156
|
+
const orangeAlpha40 = "#f2643d66";
|
|
4157
|
+
const orangeAlpha10 = "#f2643d19";
|
|
4158
|
+
const lightOrange50 = "#fff5e9";
|
|
4159
|
+
const lightOrange100 = "#ffe7c7";
|
|
4160
|
+
const lightOrange200 = "#ffd7a2";
|
|
4161
|
+
const lightOrange300 = "#ffc77d";
|
|
4162
|
+
const lightOrange400 = "#ffbb61";
|
|
4163
|
+
const lightOrange500 = "#fbaf45";
|
|
4164
|
+
const lightOrange600 = "#fbab2c";
|
|
4165
|
+
const lightOrange700 = "#fb9f36";
|
|
4166
|
+
const lightOrange800 = "#fb962e";
|
|
4167
|
+
const lightOrange900 = "#fb861f";
|
|
4168
|
+
const lightAlphaOrange40 = "#fbaf4566";
|
|
4169
|
+
const lightAlphaOrange10 = "#fbaf4519";
|
|
4170
|
+
const yellow50 = "#fffceb";
|
|
4171
|
+
const yellow100 = "#fff8cd";
|
|
4172
|
+
const yellow200 = "#fff3ac";
|
|
4173
|
+
const yellow300 = "#ffee8b";
|
|
4174
|
+
const yellow400 = "#ffea72";
|
|
4175
|
+
const yellow500 = "#ffe659";
|
|
4176
|
+
const yellow600 = "#ffe351";
|
|
4177
|
+
const yellow700 = "#ffdf48";
|
|
4178
|
+
const yellow800 = "#ffdb3e";
|
|
4179
|
+
const yellow900 = "#ffd52e";
|
|
4180
|
+
const yellowAlpha40 = "#ffe65966";
|
|
4181
|
+
const yellowAlpha10 = "#ffe65919";
|
|
4182
|
+
const green50 = "#ebfbf7";
|
|
4183
|
+
const green100 = "#b3eadd";
|
|
4184
|
+
const green200 = "#80dcc6";
|
|
4185
|
+
const green300 = "#4dceaf";
|
|
4186
|
+
const green400 = "#26c49e";
|
|
4187
|
+
const green500 = "#00b98d";
|
|
4188
|
+
const green600 = "#00b285";
|
|
4189
|
+
const green700 = "#00aa7a";
|
|
4190
|
+
const green800 = "#00a270";
|
|
4191
|
+
const green900 = "#00935d";
|
|
4192
|
+
const green40 = "#00b98d66";
|
|
4193
|
+
const green10 = "#00b98d19";
|
|
4194
|
+
const night10 = "#dff1f5";
|
|
4195
|
+
const night50 = "#96d0dd";
|
|
4196
|
+
const night100 = "#62bed2";
|
|
4197
|
+
const night200 = "#46aace";
|
|
4198
|
+
const night300 = "#3d91be";
|
|
4199
|
+
const night400 = "#3577ae";
|
|
4200
|
+
const night500 = "#2d5e9e";
|
|
4201
|
+
const night600 = "#24448e";
|
|
4202
|
+
const night700 = "#1c2b7f";
|
|
4203
|
+
const night800 = "#162065";
|
|
4204
|
+
const night900 = "#11174b";
|
|
4205
|
+
const sunset10 = "#fff6d4";
|
|
4206
|
+
const sunset50 = "#f9cdac";
|
|
4207
|
+
const sunset100 = "#f3aca2";
|
|
4208
|
+
const sunset200 = "#ee8b97";
|
|
4209
|
+
const sunset300 = "#e96a8d";
|
|
4210
|
+
const sunset400 = "#db5087";
|
|
4211
|
+
const sunset500 = "#b8428c";
|
|
4212
|
+
const sunset600 = "#973490";
|
|
4213
|
+
const sunset700 = "#742796";
|
|
4214
|
+
const sunset800 = "#5e1f88";
|
|
4215
|
+
const sunset900 = "#4d1a70";
|
|
4216
|
+
const lavender10 = "#f1f5ff";
|
|
4217
|
+
const lavender50 = "#e0e5ff";
|
|
4218
|
+
const lavender100 = "#c8cdfb";
|
|
4219
|
+
const lavender200 = "#bac1ff";
|
|
4220
|
+
const lavender300 = "#a8afff";
|
|
4221
|
+
const lavender400 = "#9ca6ff";
|
|
4222
|
+
const lavender500 = "#8a95ff";
|
|
4223
|
+
const lavender600 = "#5c6ddd";
|
|
4224
|
+
const lavender700 = "#2847a5";
|
|
4225
|
+
const lavender800 = "#00358f";
|
|
4226
|
+
const lavender900 = "#002378";
|
|
4227
|
+
const lime10 = "#fcfee8";
|
|
4228
|
+
const lime50 = "#fcffd0";
|
|
4229
|
+
const lime100 = "#eaff80";
|
|
4230
|
+
const lime200 = "#d3f474";
|
|
4231
|
+
const lime300 = "#bbdc5e";
|
|
4232
|
+
const lime400 = "#a4c547";
|
|
4233
|
+
const lime500 = "#89ab2c";
|
|
4234
|
+
const lime600 = "#7da11b";
|
|
4235
|
+
const lime700 = "#5f8200";
|
|
4236
|
+
const lime800 = "#345900";
|
|
4237
|
+
const lime900 = "#193100";
|
|
4238
|
+
const pink10 = "#fff9ff";
|
|
4239
|
+
const pink50 = "#ffdeea";
|
|
4240
|
+
const pink100 = "#ffc4d5";
|
|
4241
|
+
const pink200 = "#ffa6ca";
|
|
4242
|
+
const pink300 = "#ff87a9";
|
|
4243
|
+
const pink400 = "#f2638c";
|
|
4244
|
+
const pink500 = "#e3447c";
|
|
4245
|
+
const pink600 = "#c2306f";
|
|
4246
|
+
const pink700 = "#97174a";
|
|
4247
|
+
const pink800 = "#7f0037";
|
|
4248
|
+
const pink900 = "#500014";
|
|
4249
|
+
const teal10 = "#efffff";
|
|
4250
|
+
const teal50 = "#c7ffff";
|
|
4251
|
+
const teal100 = "#92ffff";
|
|
4252
|
+
const teal200 = "#78fbff";
|
|
4253
|
+
const teal300 = "#5de2e8";
|
|
4254
|
+
const teal400 = "#3ecbd1";
|
|
4255
|
+
const teal500 = "#0bb2b8";
|
|
4256
|
+
const teal600 = "#028e99";
|
|
4257
|
+
const teal700 = "#007178";
|
|
4258
|
+
const teal800 = "#00484f";
|
|
4259
|
+
const teal900 = "#00353c";
|
|
4260
|
+
const outshiftLogoLightOrange = "#fbaf45";
|
|
4261
|
+
const outshiftBlue = "#0051af";
|
|
4262
|
+
const outshiftMidnightBlue = "#0d274d";
|
|
4263
|
+
const agentcyYellow = "#fbaf45";
|
|
4264
|
+
const illustrationShell = "#1e2939";
|
|
4265
|
+
const illustrationRing = "#2e3e57";
|
|
4266
|
+
const illustrationSurface = "#233043";
|
|
4267
|
+
const illustrationSurfaceSubtle = "#2e3640";
|
|
4268
|
+
const illustrationStroke = "#384d6b";
|
|
4269
|
+
const illustrationGradientStart = "#384c6b";
|
|
4270
|
+
const illustrationGradientEnd = "#2a3a50";
|
|
4271
|
+
const illustrationInfoGradientStart = "#834dd7";
|
|
4272
|
+
const illustrationInfoGradientMiddle = "#7670d5";
|
|
4273
|
+
const illustrationInfoGradientEnd = "#58c0d0";
|
|
4274
|
+
const illustrationPositiveGradientStart = "#1ac1e5";
|
|
4275
|
+
const illustrationPositiveGradientMiddle = "#4cc9b2";
|
|
4276
|
+
const illustrationPositiveGradientEnd = "#a7d755";
|
|
4277
|
+
const illustrationNegativeGradientStart = "#e09e89";
|
|
4278
|
+
const illustrationWarningGradientStart = "#ff9900";
|
|
4279
|
+
const illustrationWarningGradientEnd = "#c8511b";
|
|
4280
|
+
const outshiftOrange = "#fb861f";
|
|
4281
|
+
const agentcyBlue = "#187adc";
|
|
4282
|
+
const agentcyDarkBlue = "#00142b";
|
|
4283
|
+
const outshiftLogoLightBlue = "#17c7ff";
|
|
4284
|
+
const outshiftLogoGreen = "#74bf4b";
|
|
4285
|
+
const outshiftLogoWhite = "#ffffff";
|
|
4286
|
+
const outshiftLogoOrange = "#f2643d";
|
|
4287
|
+
const outshiftLogoDark = "#00142b";
|
|
4288
|
+
const brandColors = {
|
|
4289
|
+
outshiftLogoLightOrange,
|
|
4290
|
+
outshiftBlue,
|
|
4291
|
+
outshiftMidnightBlue,
|
|
4292
|
+
agentcyYellow,
|
|
4293
|
+
outshiftOrange,
|
|
4294
|
+
agentcyBlue,
|
|
4295
|
+
agentcyDarkBlue,
|
|
4296
|
+
outshiftLogoLightBlue,
|
|
4297
|
+
outshiftLogoGreen,
|
|
4298
|
+
outshiftLogoWhite,
|
|
4299
|
+
outshiftLogoOrange,
|
|
4300
|
+
outshiftLogoDark,
|
|
4047
4301
|
};
|
|
4048
|
-
|
|
4049
|
-
|
|
4050
|
-
|
|
4302
|
+
const gradientStopColors = {
|
|
4303
|
+
illustrationBlueStart: "#214694",
|
|
4304
|
+
illustrationBlueMiddle: "#3169a8",
|
|
4305
|
+
illustrationBlueEnd: "#56bad5",
|
|
4306
|
+
illustrationRainbowRed: "#ba4d5f",
|
|
4307
|
+
illustrationRainbowOrange: "#df875d",
|
|
4308
|
+
illustrationRainbowYellow: "#eab069",
|
|
4309
|
+
illustrationRainbowGreen: "#8cbdac",
|
|
4310
|
+
illustrationRainbowTeal: "#58c0d0",
|
|
4311
|
+
illustrationPurpleStart: "#834dd7",
|
|
4312
|
+
illustrationPurpleMiddle: "#7670d5",
|
|
4313
|
+
illustrationGreenStart: "#1ac1e5",
|
|
4314
|
+
illustrationGreenMiddle: "#4cc9b2",
|
|
4315
|
+
illustrationGreenEnd: "#a7d755",
|
|
4316
|
+
illustrationLightBlueStart: "#00dff0",
|
|
4317
|
+
illustrationLightBlueMiddle: "#00aff0",
|
|
4318
|
+
illustrationLightBlueEnd: "#006df0",
|
|
4319
|
+
illustrationPinkStart: "#e09e89",
|
|
4320
|
+
illustrationPinkEnd: "#c0328a",
|
|
4321
|
+
illustrationOrangeStart: "#ff9900",
|
|
4322
|
+
illustrationOrangeEnd: "#c8511b",
|
|
4323
|
+
primaryOrange: "#ff6d2e",
|
|
4324
|
+
primaryPurple: "#341686",
|
|
4325
|
+
secondaryBlueWeak: "#80a8d7",
|
|
4326
|
+
secondaryBlueStrong: "#021d60",
|
|
4327
|
+
secondaryBlueHoverWeak: "#b3cbe7",
|
|
4051
4328
|
};
|
|
4052
|
-
const
|
|
4053
|
-
|
|
4329
|
+
const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
|
|
4330
|
+
const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
|
|
4331
|
+
const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
|
|
4332
|
+
const lightModeCardFloating = "0px 4px 12px rgba(200, 213, 245, 0.7)";
|
|
4333
|
+
const lightModeSideDrawerRight = "-8px 0px 12px rgba(200, 213, 245, 0.1), -4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
4334
|
+
const lightModeSideDrawerLeft = "8px 0px 12px rgba(200, 213, 245, 0.1), 4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
4335
|
+
const lightModeFooterBottom = "0px -4px 12px rgba(200, 213, 245, 0.33)";
|
|
4336
|
+
const lightModeSideDrawer = "-4px 0px 4px rgba(200, 213, 245, 0.1), -8px 0px 12px rgba(200, 213, 245, 0.1)";
|
|
4337
|
+
const darkModeCardLifted = "0px 4px 4px rgba(6, 34, 66, 0.33)";
|
|
4338
|
+
const darkModeCardSubtle = "0px 2px 5px rgba(6, 34, 66, 0.4)";
|
|
4339
|
+
const darkModeCardRaised = "0px 4px 12px rgba(6, 34, 66, 0.5)";
|
|
4340
|
+
const darkModeCardFloating = "0px 4px 12px rgba(6, 34, 66, 0.7)";
|
|
4341
|
+
const darkModeSideDrawerRight = "-8px 0px 12px rgba(21, 29, 40, 0.1), -4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
4342
|
+
const darkModeSideDrawerLeft = "8px 0px 12px rgba(21, 29, 40, 0.1), 4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
4343
|
+
const darkModeFooterBottom = "0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 12px rgba(6, 34, 66, 0.33)";
|
|
4344
|
+
const surfaceLightPalette = {
|
|
4345
|
+
50: surfaceLight50,
|
|
4346
|
+
100: surfaceLight100,
|
|
4347
|
+
200: surfaceLight200,
|
|
4348
|
+
300: surfaceLight300,
|
|
4349
|
+
400: surfaceLight400,
|
|
4350
|
+
500: surfaceLight500,
|
|
4351
|
+
600: surfaceLight600,
|
|
4352
|
+
700: surfaceLight700,
|
|
4353
|
+
800: surfaceLight800,
|
|
4354
|
+
900: surfaceLight900,
|
|
4054
4355
|
};
|
|
4055
|
-
const
|
|
4056
|
-
|
|
4356
|
+
const surfaceDarkPalette = {
|
|
4357
|
+
50: surfaceDark50,
|
|
4358
|
+
100: surfaceDark100,
|
|
4359
|
+
200: surfaceDark200,
|
|
4360
|
+
300: surfaceDark300,
|
|
4361
|
+
400: surfaceDark400,
|
|
4362
|
+
500: surfaceDark500,
|
|
4363
|
+
600: surfaceDark600,
|
|
4364
|
+
700: surfaceDark700,
|
|
4365
|
+
800: surfaceDark800,
|
|
4366
|
+
900: surfaceDark900,
|
|
4057
4367
|
};
|
|
4058
|
-
const
|
|
4059
|
-
|
|
4368
|
+
const bluePalette = {
|
|
4369
|
+
50: blue50,
|
|
4370
|
+
100: blue100,
|
|
4371
|
+
200: blue200,
|
|
4372
|
+
300: blue300,
|
|
4373
|
+
400: blue400,
|
|
4374
|
+
500: blue500,
|
|
4375
|
+
600: blue600,
|
|
4376
|
+
700: blue700,
|
|
4377
|
+
800: blue800,
|
|
4378
|
+
900: blue900,
|
|
4379
|
+
alpha40: blueAlpha40,
|
|
4380
|
+
alpha10: blueAlpha10,
|
|
4060
4381
|
};
|
|
4061
|
-
|
|
4062
|
-
|
|
4063
|
-
|
|
4382
|
+
const lightBluePalette = {
|
|
4383
|
+
50: lightBlue50,
|
|
4384
|
+
100: lightBlue100,
|
|
4385
|
+
200: lightBlue200,
|
|
4386
|
+
300: lightBlue300,
|
|
4387
|
+
400: lightBlue400,
|
|
4388
|
+
500: lightBlue500,
|
|
4389
|
+
600: lightBlue600,
|
|
4390
|
+
700: lightBlue700,
|
|
4391
|
+
800: lightBlue800,
|
|
4392
|
+
900: lightBlue900,
|
|
4393
|
+
alpha40: lightBlueAlpha40,
|
|
4394
|
+
alpha10: lightBlueAlpha10,
|
|
4064
4395
|
};
|
|
4065
|
-
|
|
4066
|
-
|
|
4067
|
-
|
|
4396
|
+
const greyPalette = {
|
|
4397
|
+
0: grey0,
|
|
4398
|
+
50: grey50,
|
|
4399
|
+
100: grey100,
|
|
4400
|
+
200: grey200,
|
|
4401
|
+
300: grey300,
|
|
4402
|
+
400: grey400,
|
|
4403
|
+
500: grey500,
|
|
4404
|
+
600: grey600,
|
|
4405
|
+
700: grey700,
|
|
4406
|
+
800: grey800,
|
|
4407
|
+
900: grey900,
|
|
4408
|
+
alpha40: greyAlpha40,
|
|
4409
|
+
alpha10: greyAlpha10,
|
|
4068
4410
|
};
|
|
4069
|
-
const
|
|
4070
|
-
|
|
4411
|
+
const purplePalette = {
|
|
4412
|
+
50: purple50,
|
|
4413
|
+
100: purple100,
|
|
4414
|
+
200: purple200,
|
|
4415
|
+
300: purple300,
|
|
4416
|
+
400: purple400,
|
|
4417
|
+
500: purple500,
|
|
4418
|
+
600: purple600,
|
|
4419
|
+
700: purple700,
|
|
4420
|
+
800: purple800,
|
|
4421
|
+
900: purple900,
|
|
4422
|
+
alpha40: purpleAlpha40,
|
|
4423
|
+
alpha10: purpleAlpha10,
|
|
4071
4424
|
};
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
|
|
4425
|
+
const redPalette = {
|
|
4426
|
+
50: red50,
|
|
4427
|
+
100: red100,
|
|
4428
|
+
200: red200,
|
|
4429
|
+
300: red300,
|
|
4430
|
+
400: red400,
|
|
4431
|
+
500: red500,
|
|
4432
|
+
600: red600,
|
|
4433
|
+
700: red700,
|
|
4434
|
+
800: red800,
|
|
4435
|
+
900: red900,
|
|
4436
|
+
alpha40: redAlpha40,
|
|
4437
|
+
alpha10: redAlpha10,
|
|
4075
4438
|
};
|
|
4076
|
-
const
|
|
4077
|
-
|
|
4439
|
+
const orangePalette = {
|
|
4440
|
+
50: orange50,
|
|
4441
|
+
100: orange100,
|
|
4442
|
+
200: orange200,
|
|
4443
|
+
300: orange300,
|
|
4444
|
+
400: orange400,
|
|
4445
|
+
500: orange500,
|
|
4446
|
+
600: orange600,
|
|
4447
|
+
700: orange700,
|
|
4448
|
+
800: orange800,
|
|
4449
|
+
900: orange900,
|
|
4450
|
+
alpha40: orangeAlpha40,
|
|
4451
|
+
alpha10: orangeAlpha10,
|
|
4078
4452
|
};
|
|
4079
|
-
|
|
4080
|
-
|
|
4081
|
-
|
|
4453
|
+
const lightOrangePalette = {
|
|
4454
|
+
50: lightOrange50,
|
|
4455
|
+
100: lightOrange100,
|
|
4456
|
+
200: lightOrange200,
|
|
4457
|
+
300: lightOrange300,
|
|
4458
|
+
400: lightOrange400,
|
|
4459
|
+
500: lightOrange500,
|
|
4460
|
+
600: lightOrange600,
|
|
4461
|
+
700: lightOrange700,
|
|
4462
|
+
800: lightOrange800,
|
|
4463
|
+
900: lightOrange900,
|
|
4464
|
+
alpha40: lightAlphaOrange40,
|
|
4465
|
+
alpha10: lightAlphaOrange10,
|
|
4082
4466
|
};
|
|
4083
|
-
const
|
|
4084
|
-
|
|
4467
|
+
const yellowPalette = {
|
|
4468
|
+
50: yellow50,
|
|
4469
|
+
100: yellow100,
|
|
4470
|
+
200: yellow200,
|
|
4471
|
+
300: yellow300,
|
|
4472
|
+
400: yellow400,
|
|
4473
|
+
500: yellow500,
|
|
4474
|
+
600: yellow600,
|
|
4475
|
+
700: yellow700,
|
|
4476
|
+
800: yellow800,
|
|
4477
|
+
900: yellow900,
|
|
4478
|
+
alpha40: yellowAlpha40,
|
|
4479
|
+
alpha10: yellowAlpha10,
|
|
4085
4480
|
};
|
|
4086
|
-
|
|
4087
|
-
|
|
4088
|
-
|
|
4481
|
+
const greenPalette = {
|
|
4482
|
+
50: green50,
|
|
4483
|
+
100: green100,
|
|
4484
|
+
200: green200,
|
|
4485
|
+
300: green300,
|
|
4486
|
+
400: green400,
|
|
4487
|
+
500: green500,
|
|
4488
|
+
600: green600,
|
|
4489
|
+
700: green700,
|
|
4490
|
+
800: green800,
|
|
4491
|
+
900: green900,
|
|
4492
|
+
40: green40,
|
|
4493
|
+
10: green10,
|
|
4089
4494
|
};
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4495
|
+
const nightPalette = {
|
|
4496
|
+
10: night10,
|
|
4497
|
+
50: night50,
|
|
4498
|
+
100: night100,
|
|
4499
|
+
200: night200,
|
|
4500
|
+
300: night300,
|
|
4501
|
+
400: night400,
|
|
4502
|
+
500: night500,
|
|
4503
|
+
600: night600,
|
|
4504
|
+
700: night700,
|
|
4505
|
+
800: night800,
|
|
4506
|
+
900: night900,
|
|
4093
4507
|
};
|
|
4094
|
-
const
|
|
4095
|
-
|
|
4508
|
+
const sunsetPalette = {
|
|
4509
|
+
10: sunset10,
|
|
4510
|
+
50: sunset50,
|
|
4511
|
+
100: sunset100,
|
|
4512
|
+
200: sunset200,
|
|
4513
|
+
300: sunset300,
|
|
4514
|
+
400: sunset400,
|
|
4515
|
+
500: sunset500,
|
|
4516
|
+
600: sunset600,
|
|
4517
|
+
700: sunset700,
|
|
4518
|
+
800: sunset800,
|
|
4519
|
+
900: sunset900,
|
|
4096
4520
|
};
|
|
4097
|
-
|
|
4098
|
-
|
|
4099
|
-
|
|
4521
|
+
const lavenderPalette = {
|
|
4522
|
+
10: lavender10,
|
|
4523
|
+
50: lavender50,
|
|
4524
|
+
100: lavender100,
|
|
4525
|
+
200: lavender200,
|
|
4526
|
+
300: lavender300,
|
|
4527
|
+
400: lavender400,
|
|
4528
|
+
500: lavender500,
|
|
4529
|
+
600: lavender600,
|
|
4530
|
+
700: lavender700,
|
|
4531
|
+
800: lavender800,
|
|
4532
|
+
900: lavender900,
|
|
4100
4533
|
};
|
|
4101
|
-
const
|
|
4102
|
-
|
|
4534
|
+
const limePalette = {
|
|
4535
|
+
10: lime10,
|
|
4536
|
+
50: lime50,
|
|
4537
|
+
100: lime100,
|
|
4538
|
+
200: lime200,
|
|
4539
|
+
300: lime300,
|
|
4540
|
+
400: lime400,
|
|
4541
|
+
500: lime500,
|
|
4542
|
+
600: lime600,
|
|
4543
|
+
700: lime700,
|
|
4544
|
+
800: lime800,
|
|
4545
|
+
900: lime900,
|
|
4546
|
+
};
|
|
4547
|
+
const pinkPalette = {
|
|
4548
|
+
10: pink10,
|
|
4549
|
+
50: pink50,
|
|
4550
|
+
100: pink100,
|
|
4551
|
+
200: pink200,
|
|
4552
|
+
300: pink300,
|
|
4553
|
+
400: pink400,
|
|
4554
|
+
500: pink500,
|
|
4555
|
+
600: pink600,
|
|
4556
|
+
700: pink700,
|
|
4557
|
+
800: pink800,
|
|
4558
|
+
900: pink900,
|
|
4559
|
+
};
|
|
4560
|
+
const tealPalette = {
|
|
4561
|
+
10: teal10,
|
|
4562
|
+
50: teal50,
|
|
4563
|
+
100: teal100,
|
|
4564
|
+
200: teal200,
|
|
4565
|
+
300: teal300,
|
|
4566
|
+
400: teal400,
|
|
4567
|
+
500: teal500,
|
|
4568
|
+
600: teal600,
|
|
4569
|
+
700: teal700,
|
|
4570
|
+
800: teal800,
|
|
4571
|
+
900: teal900,
|
|
4572
|
+
};
|
|
4573
|
+
const OS_LIGHT_COLORS = {
|
|
4574
|
+
surfaceLight: surfaceLightPalette,
|
|
4575
|
+
surfaceDark: surfaceDarkPalette,
|
|
4576
|
+
blue: bluePalette,
|
|
4577
|
+
lightBlue: lightBluePalette,
|
|
4578
|
+
grey: greyPalette,
|
|
4579
|
+
purple: purplePalette,
|
|
4580
|
+
red: redPalette,
|
|
4581
|
+
orange: orangePalette,
|
|
4582
|
+
lightOrange: lightOrangePalette,
|
|
4583
|
+
yellow: yellowPalette,
|
|
4584
|
+
green: greenPalette,
|
|
4585
|
+
lavender: lavenderPalette,
|
|
4586
|
+
lime: limePalette,
|
|
4587
|
+
pink: pinkPalette,
|
|
4588
|
+
teal: tealPalette,
|
|
4589
|
+
night: nightPalette,
|
|
4590
|
+
sunset: sunsetPalette,
|
|
4591
|
+
brand: brandColors,
|
|
4592
|
+
};
|
|
4593
|
+
const darkNavy100 = "#1e293b";
|
|
4594
|
+
const darkNavy200 = "#0a141f";
|
|
4595
|
+
const darkNavy300 = "#0f1623";
|
|
4596
|
+
const darkNavy400 = "#060a0f";
|
|
4597
|
+
const darkNavyPalette = {
|
|
4598
|
+
100: darkNavy100,
|
|
4599
|
+
200: darkNavy200,
|
|
4600
|
+
300: darkNavy300,
|
|
4601
|
+
400: darkNavy400,
|
|
4602
|
+
};
|
|
4603
|
+
const electricBlue300 = "#0ab6ff";
|
|
4604
|
+
const electricBlue500 = "#558bff";
|
|
4605
|
+
const electricBlue700 = "#1469cc";
|
|
4606
|
+
const electricBlueAlpha40 = "#558bff66";
|
|
4607
|
+
const electricBlueAlpha10 = "#558bff19";
|
|
4608
|
+
const electricBluePalette = {
|
|
4609
|
+
300: electricBlue300,
|
|
4610
|
+
500: electricBlue500,
|
|
4611
|
+
700: electricBlue700,
|
|
4612
|
+
alpha40: electricBlueAlpha40,
|
|
4613
|
+
alpha10: electricBlueAlpha10,
|
|
4614
|
+
};
|
|
4615
|
+
|
|
4616
|
+
const AgntcyBrand = (props) => {
|
|
4617
|
+
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" }) })));
|
|
4618
|
+
};
|
|
4619
|
+
const CiscoBrand = (props) => {
|
|
4620
|
+
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" })] })));
|
|
4621
|
+
};
|
|
4622
|
+
const OutshiftBrand = (props) => {
|
|
4623
|
+
const { vars } = material.useTheme().palette;
|
|
4624
|
+
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 })] })));
|
|
4625
|
+
};
|
|
4626
|
+
|
|
4627
|
+
const CiscoAIAssistantDefault = (props) => {
|
|
4628
|
+
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" })] })));
|
|
4629
|
+
};
|
|
4630
|
+
const CiscoAIAssistantProcessing_loop = (props) => {
|
|
4631
|
+
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" })] })));
|
|
4632
|
+
};
|
|
4633
|
+
const CiscoAIAssistantProcessing_start = (props) => {
|
|
4634
|
+
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" })] })));
|
|
4635
|
+
};
|
|
4636
|
+
const CiscoAIAssistantProcessing_end = (props) => {
|
|
4637
|
+
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" })] })));
|
|
4638
|
+
};
|
|
4639
|
+
|
|
4640
|
+
const Cisco = (props) => {
|
|
4641
|
+
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" })] })));
|
|
4642
|
+
};
|
|
4643
|
+
|
|
4644
|
+
const GCPLogo = (props) => {
|
|
4645
|
+
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" }) })));
|
|
4646
|
+
};
|
|
4647
|
+
const GCPLogoColored = (props) => {
|
|
4648
|
+
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" })] })));
|
|
4649
|
+
};
|
|
4650
|
+
|
|
4651
|
+
const GitlabLogo = (props) => {
|
|
4652
|
+
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" }) })));
|
|
4653
|
+
};
|
|
4654
|
+
const GitlabLogoColored = (props) => {
|
|
4655
|
+
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" })] })));
|
|
4656
|
+
};
|
|
4657
|
+
|
|
4658
|
+
const GithubLogo = (props) => {
|
|
4659
|
+
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" }) })));
|
|
4660
|
+
};
|
|
4661
|
+
const GithubLogoColored = (props) => {
|
|
4662
|
+
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" }) })));
|
|
4663
|
+
};
|
|
4664
|
+
|
|
4665
|
+
const Google = (props) => {
|
|
4666
|
+
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" })] })));
|
|
4667
|
+
};
|
|
4668
|
+
|
|
4669
|
+
const K8 = (props) => {
|
|
4670
|
+
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" }) })));
|
|
4671
|
+
};
|
|
4672
|
+
const K8Colored = (props) => {
|
|
4673
|
+
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" })] })));
|
|
4674
|
+
};
|
|
4675
|
+
|
|
4676
|
+
const MicrosoftAzure = (props) => {
|
|
4677
|
+
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" }) })));
|
|
4678
|
+
};
|
|
4679
|
+
const MicrosoftAzureColored = (props) => {
|
|
4680
|
+
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" }) })));
|
|
4103
4681
|
};
|
|
4104
4682
|
|
|
4105
4683
|
const OracleLogo = (props) => {
|
|
@@ -4109,14 +4687,21 @@ const OracleLogoColored = (props) => {
|
|
|
4109
4687
|
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" }) })));
|
|
4110
4688
|
};
|
|
4111
4689
|
|
|
4690
|
+
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";
|
|
4691
|
+
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";
|
|
4692
|
+
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";
|
|
4112
4693
|
function OrgSwitcherWeak(props) {
|
|
4113
|
-
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d:
|
|
4694
|
+
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d: BRACKET_PATH, fill: "currentColor" }) })));
|
|
4114
4695
|
}
|
|
4115
4696
|
function OrgSwitcherMedium(props) {
|
|
4116
|
-
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d:
|
|
4697
|
+
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" }) })));
|
|
4117
4698
|
}
|
|
4118
4699
|
function OrgSwitcherDefault(props) {
|
|
4119
|
-
return (jsxRuntime.jsx(material.SvgIcon, Object.assign({}, props, { viewBox: "0 0 20.0 18.583", children: jsxRuntime.jsx("path", { d:
|
|
4700
|
+
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" }) })));
|
|
4701
|
+
}
|
|
4702
|
+
function OrgSwitcher(props) {
|
|
4703
|
+
const { vars } = material.useTheme().palette;
|
|
4704
|
+
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 })] })));
|
|
4120
4705
|
}
|
|
4121
4706
|
|
|
4122
4707
|
var index = /*#__PURE__*/Object.freeze({
|
|
@@ -4905,6 +5490,7 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
4905
5490
|
OracleServicesSubnet: OracleServicesSubnet,
|
|
4906
5491
|
OracleServicesUser: OracleServicesUser,
|
|
4907
5492
|
OracleServicesVirtualNetwork: OracleServicesVirtualNetwork,
|
|
5493
|
+
OrgSwitcher: OrgSwitcher,
|
|
4908
5494
|
OrgSwitcherDefault: OrgSwitcherDefault,
|
|
4909
5495
|
OrgSwitcherMedium: OrgSwitcherMedium,
|
|
4910
5496
|
OrgSwitcherWeak: OrgSwitcherWeak,
|
|
@@ -5155,15 +5741,15 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
5155
5741
|
});
|
|
5156
5742
|
|
|
5157
5743
|
const StyledAccordion = material.styled(material.Accordion, {
|
|
5158
|
-
shouldForwardProp: (prop) => prop !== "contained" && prop !== "
|
|
5159
|
-
})(({ theme, contained,
|
|
5744
|
+
shouldForwardProp: (prop) => prop !== "contained" && prop !== "showBorder",
|
|
5745
|
+
})(({ theme, contained, showBorder }) => (Object.assign(Object.assign({ padding: 0, color: theme.palette.vars.baseTextStrong, backgroundColor: "transparent", boxShadow: "none", "&::before": {
|
|
5160
5746
|
display: "none",
|
|
5161
5747
|
}, "&.Mui-expanded": {
|
|
5162
5748
|
marginTop: 0,
|
|
5163
5749
|
}, "&.Mui-disabled": {
|
|
5164
5750
|
color: theme.palette.vars.baseTextDisabled,
|
|
5165
5751
|
backgroundColor: "transparent",
|
|
5166
|
-
} }, (
|
|
5752
|
+
} }, (showBorder &&
|
|
5167
5753
|
!contained && {
|
|
5168
5754
|
borderTop: `1px solid ${theme.palette.vars.controlBorderDefault}`,
|
|
5169
5755
|
})), (contained && {
|
|
@@ -5252,12 +5838,13 @@ const StyledAccordionContent = material.styled(material.Box)(() => ({
|
|
|
5252
5838
|
}));
|
|
5253
5839
|
|
|
5254
5840
|
const Accordion = (_a) => {
|
|
5255
|
-
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"]);
|
|
5841
|
+
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"]);
|
|
5256
5842
|
const textVariant = size === "large" ? "h6" : "body2Semibold";
|
|
5257
5843
|
const summaryTextLineHeight = size === "large" ? "24px" : "20px";
|
|
5258
5844
|
const mediumSize = size === "medium";
|
|
5259
5845
|
const shouldShowDivider = showDivider !== null && showDivider !== void 0 ? showDivider : (mediumSize && !contained);
|
|
5260
|
-
|
|
5846
|
+
const shouldShowBorder = showBorder !== null && showBorder !== void 0 ? showBorder : (mediumSize && !contained);
|
|
5847
|
+
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) => ({
|
|
5261
5848
|
color: textVariant === "h6"
|
|
5262
5849
|
? theme.palette.vars.baseTextStrong
|
|
5263
5850
|
: theme.palette.vars.baseTextDefault,
|
|
@@ -5428,7 +6015,8 @@ const ActivityTimeline = (_a) => {
|
|
|
5428
6015
|
var _a, _b;
|
|
5429
6016
|
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
|
|
5430
6017
|
? exports.ActivityTimelineStepStatus.InProgress
|
|
5431
|
-
: 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,
|
|
6018
|
+
: 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,
|
|
6019
|
+
showBorder: false, showDivider: false, children: step.content })) : (jsxRuntime.jsxs(material.Typography, { variant: isMedium ? "body2Semibold" : "h6", sx: [
|
|
5432
6020
|
{
|
|
5433
6021
|
alignItems: "center",
|
|
5434
6022
|
color: isMedium
|
|
@@ -5584,7 +6172,7 @@ const StyledAvatar = material.styled(material.Avatar, {
|
|
|
5584
6172
|
borderRadius: "50px",
|
|
5585
6173
|
backgroundColor: hasImage
|
|
5586
6174
|
? "transparent"
|
|
5587
|
-
: theme.palette.vars.
|
|
6175
|
+
: theme.palette.vars.interactivePrimaryWeakDefault,
|
|
5588
6176
|
color: theme.palette.vars.brandIconPrimaryDefault,
|
|
5589
6177
|
fontSize: avatarSize === "L" ? "16px" : "12px",
|
|
5590
6178
|
fontWeight: 600,
|
|
@@ -5606,7 +6194,7 @@ const StyledAvatar = material.styled(material.Avatar, {
|
|
|
5606
6194
|
"&:hover": {
|
|
5607
6195
|
backgroundColor: hasImage
|
|
5608
6196
|
? "transparent"
|
|
5609
|
-
: theme.palette.vars.
|
|
6197
|
+
: theme.palette.vars.interactivePrimaryWeakHover,
|
|
5610
6198
|
color: theme.palette.vars.brandIconPrimaryStrong,
|
|
5611
6199
|
"& .MuiSvgIcon-root": {
|
|
5612
6200
|
color: theme.palette.vars.brandIconPrimaryStrong,
|
|
@@ -5631,7 +6219,7 @@ const StyledAvatarGroup = material.styled(material.AvatarGroup, {
|
|
|
5631
6219
|
width: avatarSize === "L" ? 40 : 32,
|
|
5632
6220
|
height: avatarSize === "L" ? 40 : 32,
|
|
5633
6221
|
borderRadius: "50px",
|
|
5634
|
-
backgroundColor: theme.palette.vars.
|
|
6222
|
+
backgroundColor: theme.palette.vars.interactivePrimaryWeakDefault,
|
|
5635
6223
|
border: `2px solid ${theme.palette.mode === "dark"
|
|
5636
6224
|
? theme.palette.vars.baseBorderWeak
|
|
5637
6225
|
: theme.palette.vars.baseBackgroundWeak}`,
|
|
@@ -5660,626 +6248,88 @@ const AvatarGroup = (_a) => {
|
|
|
5660
6248
|
if (!React__namespace.default.isValidElement(child))
|
|
5661
6249
|
return child;
|
|
5662
6250
|
return jsxRuntime.jsx(Avatar, Object.assign({}, child.props, { size: size }));
|
|
5663
|
-
}) })));
|
|
5664
|
-
};
|
|
5665
|
-
|
|
5666
|
-
const styles$7 = {
|
|
5667
|
-
styledPaper: {
|
|
5668
|
-
width: "480px",
|
|
5669
|
-
maxWidth: "calc(100vw - 80px)",
|
|
5670
|
-
},
|
|
5671
|
-
styledBody: {
|
|
5672
|
-
display: "flex",
|
|
5673
|
-
flexDirection: "column",
|
|
5674
|
-
alignItems: "stretch",
|
|
5675
|
-
gap: "16px",
|
|
5676
|
-
width: "100%",
|
|
5677
|
-
},
|
|
5678
|
-
styledBodyText: (theme) => ({
|
|
5679
|
-
fontFamily: theme.typography.body2.fontFamily,
|
|
5680
|
-
fontWeight: theme.typography.body2.fontWeight,
|
|
5681
|
-
fontSize: theme.typography.body2.fontSize,
|
|
5682
|
-
lineHeight: theme.typography.body2.lineHeight,
|
|
5683
|
-
letterSpacing: theme.typography.body2.letterSpacing,
|
|
5684
|
-
color: theme.palette.vars.baseTextDefault,
|
|
5685
|
-
}),
|
|
5686
|
-
styledCommentSection: {
|
|
5687
|
-
display: "flex",
|
|
5688
|
-
flexDirection: "column",
|
|
5689
|
-
gap: "8px",
|
|
5690
|
-
width: "100%",
|
|
5691
|
-
},
|
|
5692
|
-
styledTextArea: (theme) => ({
|
|
5693
|
-
width: "100%",
|
|
5694
|
-
"&& .MuiInput-root.MuiInputBase-multiline": {
|
|
5695
|
-
marginTop: 0,
|
|
5696
|
-
minHeight: "138px",
|
|
5697
|
-
alignItems: "flex-start",
|
|
5698
|
-
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
5699
|
-
},
|
|
5700
|
-
"& .MuiFormHelperText-root.Mui-error": {
|
|
5701
|
-
marginBottom: "12px",
|
|
5702
|
-
},
|
|
5703
|
-
}),
|
|
5704
|
-
styledDismiss: {
|
|
5705
|
-
display: "flex",
|
|
5706
|
-
gap: "8px",
|
|
5707
|
-
alignItems: "center",
|
|
5708
|
-
},
|
|
5709
|
-
styledConfirmButton: {
|
|
5710
|
-
"&&.Mui-disabled": {
|
|
5711
|
-
opacity: 1,
|
|
5712
|
-
},
|
|
5713
|
-
},
|
|
5714
|
-
styledCommentSuggestionsStack: {
|
|
5715
|
-
display: "flex",
|
|
5716
|
-
flexDirection: "row",
|
|
5717
|
-
flexWrap: "wrap",
|
|
5718
|
-
gap: "8px",
|
|
5719
|
-
},
|
|
5720
|
-
styledSuggestionTag: {
|
|
5721
|
-
width: "max-content",
|
|
5722
|
-
},
|
|
5723
|
-
};
|
|
5724
|
-
|
|
5725
|
-
const DialogTitle = (_a) => {
|
|
5726
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
5727
|
-
const theme = material.useTheme();
|
|
5728
|
-
return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h5" }, props, { sx: [
|
|
5729
|
-
{
|
|
5730
|
-
padding: 0,
|
|
5731
|
-
lineHeight: "30px",
|
|
5732
|
-
color: theme.palette.vars.baseTextStrong,
|
|
5733
|
-
},
|
|
5734
|
-
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
5735
|
-
], children: children })));
|
|
5736
|
-
};
|
|
5737
|
-
|
|
5738
|
-
const DialogSubtitle = (_a) => {
|
|
5739
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
5740
|
-
const theme = material.useTheme();
|
|
5741
|
-
return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "subtitle1" }, props, { sx: [
|
|
5742
|
-
{ padding: 0, color: theme.palette.vars.baseTextDefault },
|
|
5743
|
-
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
5744
|
-
], children: children })));
|
|
5745
|
-
};
|
|
5746
|
-
|
|
5747
|
-
const surfaceLight50 = "#fbfcfe";
|
|
5748
|
-
const surfaceLight100 = "#f5f8fd";
|
|
5749
|
-
const surfaceLight200 = "#eff3fc";
|
|
5750
|
-
const surfaceLight300 = "#e8eefb";
|
|
5751
|
-
const surfaceLight400 = "#e3eafa";
|
|
5752
|
-
const surfaceLight500 = "#dee6f9";
|
|
5753
|
-
const surfaceLight600 = "#dae3f8";
|
|
5754
|
-
const surfaceLight700 = "#d5dff7";
|
|
5755
|
-
const surfaceLight800 = "#d1dbf6";
|
|
5756
|
-
const surfaceLight900 = "#c8d5f5";
|
|
5757
|
-
const surfaceLight50Alpha40 = "#fbfcfe66";
|
|
5758
|
-
const surfaceLight800Alpha40 = "#d1dbf666";
|
|
5759
|
-
const surfaceLight900Alpha40 = "#c8d5f566";
|
|
5760
|
-
const surfaceLight900Alpha10 = "#c8d5f519";
|
|
5761
|
-
const surfaceDark50 = "#4f628d";
|
|
5762
|
-
const surfaceDark100 = "#3a4e77";
|
|
5763
|
-
const surfaceDark200 = "#31466e";
|
|
5764
|
-
const surfaceDark300 = "#263b62";
|
|
5765
|
-
const surfaceDark400 = "#183056";
|
|
5766
|
-
const surfaceDark500 = "#0d274d";
|
|
5767
|
-
const surfaceDark600 = "#062242";
|
|
5768
|
-
const surfaceDark700 = "#001c3b";
|
|
5769
|
-
const surfaceDark800 = "#041930";
|
|
5770
|
-
const surfaceDark900 = "#00142b";
|
|
5771
|
-
const surfaceDark800Alpha40 = "#04193066";
|
|
5772
|
-
const surfaceDark900Alpha40 = "#00142b66";
|
|
5773
|
-
const surfaceDark900Alpha10 = "#00142b19";
|
|
5774
|
-
const blue50 = "#e8f1ff";
|
|
5775
|
-
const blue100 = "#9bcaff";
|
|
5776
|
-
const blue200 = "#79b9ff";
|
|
5777
|
-
const blue300 = "#187adc";
|
|
5778
|
-
const blue400 = "#0063c2";
|
|
5779
|
-
const blue500 = "#0051af";
|
|
5780
|
-
const blue600 = "#004ba8";
|
|
5781
|
-
const blue700 = "#00409f";
|
|
5782
|
-
const blue800 = "#003796";
|
|
5783
|
-
const blue900 = "#002786";
|
|
5784
|
-
const blueAlpha40 = "#0051af66";
|
|
5785
|
-
const blueAlpha10 = "#0051af19";
|
|
5786
|
-
const blueFocusRingWeak = "#cce1ff";
|
|
5787
|
-
const blueFocusRingStrong = "#3e84e5";
|
|
5788
|
-
const lightBlue50 = "#edfcff";
|
|
5789
|
-
const lightBlue100 = "#bcf2ff";
|
|
5790
|
-
const lightBlue200 = "#8fe9ff";
|
|
5791
|
-
const lightBlue300 = "#62e0ff";
|
|
5792
|
-
const lightBlue400 = "#41d9ff";
|
|
5793
|
-
const lightBlue500 = "#1fd2ff";
|
|
5794
|
-
const lightBlue600 = "#1bcdff";
|
|
5795
|
-
const lightBlue700 = "#17c7ff";
|
|
5796
|
-
const lightBlue800 = "#12c1ff";
|
|
5797
|
-
const lightBlue900 = "#0ab6ff";
|
|
5798
|
-
const lightBlueAlpha40 = "#1fd2ff66";
|
|
5799
|
-
const lightBlueAlpha10 = "#1fd2ff19";
|
|
5800
|
-
const grey0 = "#ffffff";
|
|
5801
|
-
const grey50 = "#e8e9ea";
|
|
5802
|
-
const grey100 = "#c5c7cb";
|
|
5803
|
-
const grey200 = "#9ea2a8";
|
|
5804
|
-
const grey300 = "#777d85";
|
|
5805
|
-
const grey400 = "#59616b";
|
|
5806
|
-
const grey500 = "#3c4551";
|
|
5807
|
-
const grey600 = "#363e4a";
|
|
5808
|
-
const grey700 = "#2e3640";
|
|
5809
|
-
const grey800 = "#272e37";
|
|
5810
|
-
const grey900 = "#1a1f27";
|
|
5811
|
-
const greyAlpha40 = "#3c455166";
|
|
5812
|
-
const greyAlpha10 = "#3c455119";
|
|
5813
|
-
const purple50 = "#faecff";
|
|
5814
|
-
const purple100 = "#f1dbff";
|
|
5815
|
-
const purple200 = "#deb8ff";
|
|
5816
|
-
const purple300 = "#ca93ff";
|
|
5817
|
-
const purple400 = "#c080ff";
|
|
5818
|
-
const purple500 = "#b76dff";
|
|
5819
|
-
const purple600 = "#9c4eea";
|
|
5820
|
-
const purple700 = "#6a21ba";
|
|
5821
|
-
const purple800 = "#5300a4";
|
|
5822
|
-
const purple900 = "#1b0077";
|
|
5823
|
-
const purpleAlpha40 = "#b76dff66";
|
|
5824
|
-
const purpleAlpha10 = "#b76dff19";
|
|
5825
|
-
const red50 = "#f8e5ea";
|
|
5826
|
-
const red100 = "#eebfcb";
|
|
5827
|
-
const red200 = "#e394a9";
|
|
5828
|
-
const red300 = "#d76987";
|
|
5829
|
-
const red400 = "#cf496d";
|
|
5830
|
-
const red500 = "#c62953";
|
|
5831
|
-
const red600 = "#c0244c";
|
|
5832
|
-
const red700 = "#b91f42";
|
|
5833
|
-
const red800 = "#b11939";
|
|
5834
|
-
const red900 = "#a40f29";
|
|
5835
|
-
const redAlpha40 = "#c6295366";
|
|
5836
|
-
const redAlpha10 = "#c6295319";
|
|
5837
|
-
const orange50 = "#fdece8";
|
|
5838
|
-
const orange100 = "#fbd1c5";
|
|
5839
|
-
const orange200 = "#f9b29e";
|
|
5840
|
-
const orange300 = "#f69377";
|
|
5841
|
-
const orange400 = "#f47b5a";
|
|
5842
|
-
const orange500 = "#f2643d";
|
|
5843
|
-
const orange600 = "#f05c37";
|
|
5844
|
-
const orange700 = "#ee522f";
|
|
5845
|
-
const orange800 = "#ec4827";
|
|
5846
|
-
const orange900 = "#e8361a";
|
|
5847
|
-
const orangeAlpha40 = "#f2643d66";
|
|
5848
|
-
const orangeAlpha10 = "#f2643d19";
|
|
5849
|
-
const lightOrange50 = "#fff5e9";
|
|
5850
|
-
const lightOrange100 = "#ffe7c7";
|
|
5851
|
-
const lightOrange200 = "#ffd7a2";
|
|
5852
|
-
const lightOrange300 = "#ffc77d";
|
|
5853
|
-
const lightOrange400 = "#ffbb61";
|
|
5854
|
-
const lightOrange500 = "#fbaf45";
|
|
5855
|
-
const lightOrange600 = "#fbab2c";
|
|
5856
|
-
const lightOrange700 = "#fb9f36";
|
|
5857
|
-
const lightOrange800 = "#fb962e";
|
|
5858
|
-
const lightOrange900 = "#fb861f";
|
|
5859
|
-
const lightAlphaOrange40 = "#fbaf4566";
|
|
5860
|
-
const lightAlphaOrange10 = "#fbaf4519";
|
|
5861
|
-
const yellow50 = "#fffceb";
|
|
5862
|
-
const yellow100 = "#fff8cd";
|
|
5863
|
-
const yellow200 = "#fff3ac";
|
|
5864
|
-
const yellow300 = "#ffee8b";
|
|
5865
|
-
const yellow400 = "#ffea72";
|
|
5866
|
-
const yellow500 = "#ffe659";
|
|
5867
|
-
const yellow600 = "#ffe351";
|
|
5868
|
-
const yellow700 = "#ffdf48";
|
|
5869
|
-
const yellow800 = "#ffdb3e";
|
|
5870
|
-
const yellow900 = "#ffd52e";
|
|
5871
|
-
const yellowAlpha40 = "#ffe65966";
|
|
5872
|
-
const yellowAlpha10 = "#ffe65919";
|
|
5873
|
-
const green50 = "#ebfbf7";
|
|
5874
|
-
const green100 = "#b3eadd";
|
|
5875
|
-
const green200 = "#80dcc6";
|
|
5876
|
-
const green300 = "#4dceaf";
|
|
5877
|
-
const green400 = "#26c49e";
|
|
5878
|
-
const green500 = "#00b98d";
|
|
5879
|
-
const green600 = "#00b285";
|
|
5880
|
-
const green700 = "#00aa7a";
|
|
5881
|
-
const green800 = "#00a270";
|
|
5882
|
-
const green900 = "#00935d";
|
|
5883
|
-
const green40 = "#00b98d66";
|
|
5884
|
-
const green10 = "#00b98d19";
|
|
5885
|
-
const night10 = "#dff1f5";
|
|
5886
|
-
const night50 = "#96d0dd";
|
|
5887
|
-
const night100 = "#62bed2";
|
|
5888
|
-
const night200 = "#46aace";
|
|
5889
|
-
const night300 = "#3d91be";
|
|
5890
|
-
const night400 = "#3577ae";
|
|
5891
|
-
const night500 = "#2d5e9e";
|
|
5892
|
-
const night600 = "#24448e";
|
|
5893
|
-
const night700 = "#1c2b7f";
|
|
5894
|
-
const night800 = "#162065";
|
|
5895
|
-
const night900 = "#11174b";
|
|
5896
|
-
const sunset10 = "#fff6d4";
|
|
5897
|
-
const sunset50 = "#f9cdac";
|
|
5898
|
-
const sunset100 = "#f3aca2";
|
|
5899
|
-
const sunset200 = "#ee8b97";
|
|
5900
|
-
const sunset300 = "#e96a8d";
|
|
5901
|
-
const sunset400 = "#db5087";
|
|
5902
|
-
const sunset500 = "#b8428c";
|
|
5903
|
-
const sunset600 = "#973490";
|
|
5904
|
-
const sunset700 = "#742796";
|
|
5905
|
-
const sunset800 = "#5e1f88";
|
|
5906
|
-
const sunset900 = "#4d1a70";
|
|
5907
|
-
const lavender10 = "#f1f5ff";
|
|
5908
|
-
const lavender50 = "#e0e5ff";
|
|
5909
|
-
const lavender100 = "#c8cdfb";
|
|
5910
|
-
const lavender200 = "#bac1ff";
|
|
5911
|
-
const lavender300 = "#a8afff";
|
|
5912
|
-
const lavender400 = "#9ca6ff";
|
|
5913
|
-
const lavender500 = "#8a95ff";
|
|
5914
|
-
const lavender600 = "#5c6ddd";
|
|
5915
|
-
const lavender700 = "#2847a5";
|
|
5916
|
-
const lavender800 = "#00358f";
|
|
5917
|
-
const lavender900 = "#002378";
|
|
5918
|
-
const lime10 = "#fcfee8";
|
|
5919
|
-
const lime50 = "#fcffd0";
|
|
5920
|
-
const lime100 = "#eaff80";
|
|
5921
|
-
const lime200 = "#d3f474";
|
|
5922
|
-
const lime300 = "#bbdc5e";
|
|
5923
|
-
const lime400 = "#a4c547";
|
|
5924
|
-
const lime500 = "#89ab2c";
|
|
5925
|
-
const lime600 = "#7da11b";
|
|
5926
|
-
const lime700 = "#5f8200";
|
|
5927
|
-
const lime800 = "#345900";
|
|
5928
|
-
const lime900 = "#193100";
|
|
5929
|
-
const pink10 = "#fff9ff";
|
|
5930
|
-
const pink50 = "#ffdeea";
|
|
5931
|
-
const pink100 = "#ffc4d5";
|
|
5932
|
-
const pink200 = "#ffa6ca";
|
|
5933
|
-
const pink300 = "#ff87a9";
|
|
5934
|
-
const pink400 = "#f2638c";
|
|
5935
|
-
const pink500 = "#e3447c";
|
|
5936
|
-
const pink600 = "#c2306f";
|
|
5937
|
-
const pink700 = "#97174a";
|
|
5938
|
-
const pink800 = "#7f0037";
|
|
5939
|
-
const pink900 = "#500014";
|
|
5940
|
-
const teal10 = "#efffff";
|
|
5941
|
-
const teal50 = "#c7ffff";
|
|
5942
|
-
const teal100 = "#92ffff";
|
|
5943
|
-
const teal200 = "#78fbff";
|
|
5944
|
-
const teal300 = "#5de2e8";
|
|
5945
|
-
const teal400 = "#3ecbd1";
|
|
5946
|
-
const teal500 = "#0bb2b8";
|
|
5947
|
-
const teal600 = "#028e99";
|
|
5948
|
-
const teal700 = "#007178";
|
|
5949
|
-
const teal800 = "#00484f";
|
|
5950
|
-
const teal900 = "#00353c";
|
|
5951
|
-
const outshiftLogoLightOrange = "#fbaf45";
|
|
5952
|
-
const outshiftBlue = "#0051af";
|
|
5953
|
-
const outshiftMidnightBlue = "#0d274d";
|
|
5954
|
-
const agentcyYellow = "#fbaf45";
|
|
5955
|
-
const illustrationShell = "#1e2939";
|
|
5956
|
-
const illustrationRing = "#2e3e57";
|
|
5957
|
-
const illustrationSurface = "#233043";
|
|
5958
|
-
const illustrationSurfaceSubtle = "#2e3640";
|
|
5959
|
-
const illustrationStroke = "#384d6b";
|
|
5960
|
-
const illustrationGradientStart = "#384c6b";
|
|
5961
|
-
const illustrationGradientEnd = "#2a3a50";
|
|
5962
|
-
const illustrationInfoGradientStart = "#834dd7";
|
|
5963
|
-
const illustrationInfoGradientMiddle = "#7670d5";
|
|
5964
|
-
const illustrationInfoGradientEnd = "#58c0d0";
|
|
5965
|
-
const illustrationPositiveGradientStart = "#1ac1e5";
|
|
5966
|
-
const illustrationPositiveGradientMiddle = "#4cc9b2";
|
|
5967
|
-
const illustrationPositiveGradientEnd = "#a7d755";
|
|
5968
|
-
const illustrationNegativeGradientStart = "#e09e89";
|
|
5969
|
-
const illustrationWarningGradientStart = "#ff9900";
|
|
5970
|
-
const illustrationWarningGradientEnd = "#c8511b";
|
|
5971
|
-
const outshiftOrange = "#fb861f";
|
|
5972
|
-
const agentcyBlue = "#187adc";
|
|
5973
|
-
const agentcyDarkBlue = "#00142b";
|
|
5974
|
-
const outshiftLogoLightBlue = "#17c7ff";
|
|
5975
|
-
const outshiftLogoGreen = "#74bf4b";
|
|
5976
|
-
const outshiftLogoWhite = "#ffffff";
|
|
5977
|
-
const outshiftLogoOrange = "#f2643d";
|
|
5978
|
-
const outshiftLogoDark = "#00142b";
|
|
5979
|
-
const brandColors = {
|
|
5980
|
-
outshiftLogoLightOrange,
|
|
5981
|
-
outshiftBlue,
|
|
5982
|
-
outshiftMidnightBlue,
|
|
5983
|
-
agentcyYellow,
|
|
5984
|
-
outshiftOrange,
|
|
5985
|
-
agentcyBlue,
|
|
5986
|
-
agentcyDarkBlue,
|
|
5987
|
-
outshiftLogoLightBlue,
|
|
5988
|
-
outshiftLogoGreen,
|
|
5989
|
-
outshiftLogoWhite,
|
|
5990
|
-
outshiftLogoOrange,
|
|
5991
|
-
outshiftLogoDark,
|
|
5992
|
-
};
|
|
5993
|
-
const gradientStopColors = {
|
|
5994
|
-
illustrationBlueStart: "#214694",
|
|
5995
|
-
illustrationBlueMiddle: "#3169a8",
|
|
5996
|
-
illustrationBlueEnd: "#56bad5",
|
|
5997
|
-
illustrationRainbowRed: "#ba4d5f",
|
|
5998
|
-
illustrationRainbowOrange: "#df875d",
|
|
5999
|
-
illustrationRainbowYellow: "#eab069",
|
|
6000
|
-
illustrationRainbowGreen: "#8cbdac",
|
|
6001
|
-
illustrationRainbowTeal: "#58c0d0",
|
|
6002
|
-
illustrationPurpleStart: "#834dd7",
|
|
6003
|
-
illustrationPurpleMiddle: "#7670d5",
|
|
6004
|
-
illustrationGreenStart: "#1ac1e5",
|
|
6005
|
-
illustrationGreenMiddle: "#4cc9b2",
|
|
6006
|
-
illustrationGreenEnd: "#a7d755",
|
|
6007
|
-
illustrationLightBlueStart: "#00dff0",
|
|
6008
|
-
illustrationLightBlueMiddle: "#00aff0",
|
|
6009
|
-
illustrationLightBlueEnd: "#006df0",
|
|
6010
|
-
illustrationPinkStart: "#e09e89",
|
|
6011
|
-
illustrationPinkEnd: "#c0328a",
|
|
6012
|
-
illustrationOrangeStart: "#ff9900",
|
|
6013
|
-
illustrationOrangeEnd: "#c8511b",
|
|
6014
|
-
primaryOrange: "#ff6d2e",
|
|
6015
|
-
primaryPurple: "#341686",
|
|
6016
|
-
secondaryBlueWeak: "#80a8d7",
|
|
6017
|
-
secondaryBlueStrong: "#021d60",
|
|
6018
|
-
secondaryBlueHoverWeak: "#b3cbe7",
|
|
6019
|
-
};
|
|
6020
|
-
const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
|
|
6021
|
-
const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
|
|
6022
|
-
const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
|
|
6023
|
-
const lightModeCardFloating = "0px 4px 12px rgba(200, 213, 245, 0.7)";
|
|
6024
|
-
const lightModeSideDrawerRight = "-8px 0px 12px rgba(200, 213, 245, 0.1), -4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
6025
|
-
const lightModeSideDrawerLeft = "8px 0px 12px rgba(200, 213, 245, 0.1), 4px 0px 4px rgba(200, 213, 245, 0.1)";
|
|
6026
|
-
const lightModeFooterBottom = "0px -4px 12px rgba(200, 213, 245, 0.33)";
|
|
6027
|
-
const lightModeSideDrawer = "-4px 0px 4px rgba(200, 213, 245, 0.1), -8px 0px 12px rgba(200, 213, 245, 0.1)";
|
|
6028
|
-
const darkModeCardLifted = "0px 4px 4px rgba(6, 34, 66, 0.33)";
|
|
6029
|
-
const darkModeCardSubtle = "0px 2px 5px rgba(6, 34, 66, 0.4)";
|
|
6030
|
-
const darkModeCardRaised = "0px 4px 12px rgba(6, 34, 66, 0.5)";
|
|
6031
|
-
const darkModeCardFloating = "0px 4px 12px rgba(6, 34, 66, 0.7)";
|
|
6032
|
-
const darkModeSideDrawerRight = "-8px 0px 12px rgba(21, 29, 40, 0.1), -4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
6033
|
-
const darkModeSideDrawerLeft = "8px 0px 12px rgba(21, 29, 40, 0.1), 4px 0px 4px rgba(21, 29, 40, 0.1)";
|
|
6034
|
-
const darkModeFooterBottom = "0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 12px rgba(6, 34, 66, 0.33)";
|
|
6035
|
-
const surfaceLightPalette = {
|
|
6036
|
-
50: surfaceLight50,
|
|
6037
|
-
100: surfaceLight100,
|
|
6038
|
-
200: surfaceLight200,
|
|
6039
|
-
300: surfaceLight300,
|
|
6040
|
-
400: surfaceLight400,
|
|
6041
|
-
500: surfaceLight500,
|
|
6042
|
-
600: surfaceLight600,
|
|
6043
|
-
700: surfaceLight700,
|
|
6044
|
-
800: surfaceLight800,
|
|
6045
|
-
900: surfaceLight900,
|
|
6046
|
-
};
|
|
6047
|
-
const surfaceDarkPalette = {
|
|
6048
|
-
50: surfaceDark50,
|
|
6049
|
-
100: surfaceDark100,
|
|
6050
|
-
200: surfaceDark200,
|
|
6051
|
-
300: surfaceDark300,
|
|
6052
|
-
400: surfaceDark400,
|
|
6053
|
-
500: surfaceDark500,
|
|
6054
|
-
600: surfaceDark600,
|
|
6055
|
-
700: surfaceDark700,
|
|
6056
|
-
800: surfaceDark800,
|
|
6057
|
-
900: surfaceDark900,
|
|
6058
|
-
};
|
|
6059
|
-
const bluePalette = {
|
|
6060
|
-
50: blue50,
|
|
6061
|
-
100: blue100,
|
|
6062
|
-
200: blue200,
|
|
6063
|
-
300: blue300,
|
|
6064
|
-
400: blue400,
|
|
6065
|
-
500: blue500,
|
|
6066
|
-
600: blue600,
|
|
6067
|
-
700: blue700,
|
|
6068
|
-
800: blue800,
|
|
6069
|
-
900: blue900,
|
|
6070
|
-
alpha40: blueAlpha40,
|
|
6071
|
-
alpha10: blueAlpha10,
|
|
6072
|
-
};
|
|
6073
|
-
const lightBluePalette = {
|
|
6074
|
-
50: lightBlue50,
|
|
6075
|
-
100: lightBlue100,
|
|
6076
|
-
200: lightBlue200,
|
|
6077
|
-
300: lightBlue300,
|
|
6078
|
-
400: lightBlue400,
|
|
6079
|
-
500: lightBlue500,
|
|
6080
|
-
600: lightBlue600,
|
|
6081
|
-
700: lightBlue700,
|
|
6082
|
-
800: lightBlue800,
|
|
6083
|
-
900: lightBlue900,
|
|
6084
|
-
alpha40: lightBlueAlpha40,
|
|
6085
|
-
alpha10: lightBlueAlpha10,
|
|
6086
|
-
};
|
|
6087
|
-
const greyPalette = {
|
|
6088
|
-
0: grey0,
|
|
6089
|
-
50: grey50,
|
|
6090
|
-
100: grey100,
|
|
6091
|
-
200: grey200,
|
|
6092
|
-
300: grey300,
|
|
6093
|
-
400: grey400,
|
|
6094
|
-
500: grey500,
|
|
6095
|
-
600: grey600,
|
|
6096
|
-
700: grey700,
|
|
6097
|
-
800: grey800,
|
|
6098
|
-
900: grey900,
|
|
6099
|
-
alpha40: greyAlpha40,
|
|
6100
|
-
alpha10: greyAlpha10,
|
|
6101
|
-
};
|
|
6102
|
-
const purplePalette = {
|
|
6103
|
-
50: purple50,
|
|
6104
|
-
100: purple100,
|
|
6105
|
-
200: purple200,
|
|
6106
|
-
300: purple300,
|
|
6107
|
-
400: purple400,
|
|
6108
|
-
500: purple500,
|
|
6109
|
-
600: purple600,
|
|
6110
|
-
700: purple700,
|
|
6111
|
-
800: purple800,
|
|
6112
|
-
900: purple900,
|
|
6113
|
-
alpha40: purpleAlpha40,
|
|
6114
|
-
alpha10: purpleAlpha10,
|
|
6115
|
-
};
|
|
6116
|
-
const redPalette = {
|
|
6117
|
-
50: red50,
|
|
6118
|
-
100: red100,
|
|
6119
|
-
200: red200,
|
|
6120
|
-
300: red300,
|
|
6121
|
-
400: red400,
|
|
6122
|
-
500: red500,
|
|
6123
|
-
600: red600,
|
|
6124
|
-
700: red700,
|
|
6125
|
-
800: red800,
|
|
6126
|
-
900: red900,
|
|
6127
|
-
alpha40: redAlpha40,
|
|
6128
|
-
alpha10: redAlpha10,
|
|
6129
|
-
};
|
|
6130
|
-
const orangePalette = {
|
|
6131
|
-
50: orange50,
|
|
6132
|
-
100: orange100,
|
|
6133
|
-
200: orange200,
|
|
6134
|
-
300: orange300,
|
|
6135
|
-
400: orange400,
|
|
6136
|
-
500: orange500,
|
|
6137
|
-
600: orange600,
|
|
6138
|
-
700: orange700,
|
|
6139
|
-
800: orange800,
|
|
6140
|
-
900: orange900,
|
|
6141
|
-
alpha40: orangeAlpha40,
|
|
6142
|
-
alpha10: orangeAlpha10,
|
|
6143
|
-
};
|
|
6144
|
-
const lightOrangePalette = {
|
|
6145
|
-
50: lightOrange50,
|
|
6146
|
-
100: lightOrange100,
|
|
6147
|
-
200: lightOrange200,
|
|
6148
|
-
300: lightOrange300,
|
|
6149
|
-
400: lightOrange400,
|
|
6150
|
-
500: lightOrange500,
|
|
6151
|
-
600: lightOrange600,
|
|
6152
|
-
700: lightOrange700,
|
|
6153
|
-
800: lightOrange800,
|
|
6154
|
-
900: lightOrange900,
|
|
6155
|
-
alpha40: lightAlphaOrange40,
|
|
6156
|
-
alpha10: lightAlphaOrange10,
|
|
6157
|
-
};
|
|
6158
|
-
const yellowPalette = {
|
|
6159
|
-
50: yellow50,
|
|
6160
|
-
100: yellow100,
|
|
6161
|
-
200: yellow200,
|
|
6162
|
-
300: yellow300,
|
|
6163
|
-
400: yellow400,
|
|
6164
|
-
500: yellow500,
|
|
6165
|
-
600: yellow600,
|
|
6166
|
-
700: yellow700,
|
|
6167
|
-
800: yellow800,
|
|
6168
|
-
900: yellow900,
|
|
6169
|
-
alpha40: yellowAlpha40,
|
|
6170
|
-
alpha10: yellowAlpha10,
|
|
6171
|
-
};
|
|
6172
|
-
const greenPalette = {
|
|
6173
|
-
50: green50,
|
|
6174
|
-
100: green100,
|
|
6175
|
-
200: green200,
|
|
6176
|
-
300: green300,
|
|
6177
|
-
400: green400,
|
|
6178
|
-
500: green500,
|
|
6179
|
-
600: green600,
|
|
6180
|
-
700: green700,
|
|
6181
|
-
800: green800,
|
|
6182
|
-
900: green900,
|
|
6183
|
-
40: green40,
|
|
6184
|
-
10: green10,
|
|
6185
|
-
};
|
|
6186
|
-
const nightPalette = {
|
|
6187
|
-
10: night10,
|
|
6188
|
-
50: night50,
|
|
6189
|
-
100: night100,
|
|
6190
|
-
200: night200,
|
|
6191
|
-
300: night300,
|
|
6192
|
-
400: night400,
|
|
6193
|
-
500: night500,
|
|
6194
|
-
600: night600,
|
|
6195
|
-
700: night700,
|
|
6196
|
-
800: night800,
|
|
6197
|
-
900: night900,
|
|
6198
|
-
};
|
|
6199
|
-
const sunsetPalette = {
|
|
6200
|
-
10: sunset10,
|
|
6201
|
-
50: sunset50,
|
|
6202
|
-
100: sunset100,
|
|
6203
|
-
200: sunset200,
|
|
6204
|
-
300: sunset300,
|
|
6205
|
-
400: sunset400,
|
|
6206
|
-
500: sunset500,
|
|
6207
|
-
600: sunset600,
|
|
6208
|
-
700: sunset700,
|
|
6209
|
-
800: sunset800,
|
|
6210
|
-
900: sunset900,
|
|
6211
|
-
};
|
|
6212
|
-
const lavenderPalette = {
|
|
6213
|
-
10: lavender10,
|
|
6214
|
-
50: lavender50,
|
|
6215
|
-
100: lavender100,
|
|
6216
|
-
200: lavender200,
|
|
6217
|
-
300: lavender300,
|
|
6218
|
-
400: lavender400,
|
|
6219
|
-
500: lavender500,
|
|
6220
|
-
600: lavender600,
|
|
6221
|
-
700: lavender700,
|
|
6222
|
-
800: lavender800,
|
|
6223
|
-
900: lavender900,
|
|
6224
|
-
};
|
|
6225
|
-
const limePalette = {
|
|
6226
|
-
10: lime10,
|
|
6227
|
-
50: lime50,
|
|
6228
|
-
100: lime100,
|
|
6229
|
-
200: lime200,
|
|
6230
|
-
300: lime300,
|
|
6231
|
-
400: lime400,
|
|
6232
|
-
500: lime500,
|
|
6233
|
-
600: lime600,
|
|
6234
|
-
700: lime700,
|
|
6235
|
-
800: lime800,
|
|
6236
|
-
900: lime900,
|
|
6251
|
+
}) })));
|
|
6237
6252
|
};
|
|
6238
|
-
|
|
6239
|
-
|
|
6240
|
-
|
|
6241
|
-
|
|
6242
|
-
|
|
6243
|
-
|
|
6244
|
-
|
|
6245
|
-
|
|
6246
|
-
|
|
6247
|
-
|
|
6248
|
-
|
|
6249
|
-
|
|
6253
|
+
|
|
6254
|
+
const styles$7 = {
|
|
6255
|
+
styledPaper: {
|
|
6256
|
+
width: "480px",
|
|
6257
|
+
maxWidth: "calc(100vw - 80px)",
|
|
6258
|
+
},
|
|
6259
|
+
styledBody: {
|
|
6260
|
+
display: "flex",
|
|
6261
|
+
flexDirection: "column",
|
|
6262
|
+
alignItems: "stretch",
|
|
6263
|
+
gap: "16px",
|
|
6264
|
+
width: "100%",
|
|
6265
|
+
},
|
|
6266
|
+
styledBodyText: (theme) => ({
|
|
6267
|
+
fontFamily: theme.typography.body2.fontFamily,
|
|
6268
|
+
fontWeight: theme.typography.body2.fontWeight,
|
|
6269
|
+
fontSize: theme.typography.body2.fontSize,
|
|
6270
|
+
lineHeight: theme.typography.body2.lineHeight,
|
|
6271
|
+
letterSpacing: theme.typography.body2.letterSpacing,
|
|
6272
|
+
color: theme.palette.vars.baseTextDefault,
|
|
6273
|
+
}),
|
|
6274
|
+
styledCommentSection: {
|
|
6275
|
+
display: "flex",
|
|
6276
|
+
flexDirection: "column",
|
|
6277
|
+
gap: "8px",
|
|
6278
|
+
width: "100%",
|
|
6279
|
+
},
|
|
6280
|
+
styledTextArea: (theme) => ({
|
|
6281
|
+
width: "100%",
|
|
6282
|
+
"&& .MuiInput-root.MuiInputBase-multiline": {
|
|
6283
|
+
marginTop: 0,
|
|
6284
|
+
minHeight: "138px",
|
|
6285
|
+
alignItems: "flex-start",
|
|
6286
|
+
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
6287
|
+
},
|
|
6288
|
+
"& .MuiFormHelperText-root.Mui-error": {
|
|
6289
|
+
marginBottom: "12px",
|
|
6290
|
+
},
|
|
6291
|
+
}),
|
|
6292
|
+
styledDismiss: {
|
|
6293
|
+
display: "flex",
|
|
6294
|
+
gap: "8px",
|
|
6295
|
+
alignItems: "center",
|
|
6296
|
+
},
|
|
6297
|
+
styledConfirmButton: {
|
|
6298
|
+
"&&.Mui-disabled": {
|
|
6299
|
+
opacity: 1,
|
|
6300
|
+
},
|
|
6301
|
+
},
|
|
6302
|
+
styledCommentSuggestionsStack: {
|
|
6303
|
+
display: "flex",
|
|
6304
|
+
flexDirection: "row",
|
|
6305
|
+
flexWrap: "wrap",
|
|
6306
|
+
gap: "8px",
|
|
6307
|
+
},
|
|
6308
|
+
styledSuggestionTag: {
|
|
6309
|
+
width: "max-content",
|
|
6310
|
+
},
|
|
6250
6311
|
};
|
|
6251
|
-
|
|
6252
|
-
|
|
6253
|
-
|
|
6254
|
-
|
|
6255
|
-
|
|
6256
|
-
|
|
6257
|
-
|
|
6258
|
-
|
|
6259
|
-
|
|
6260
|
-
|
|
6261
|
-
|
|
6262
|
-
|
|
6312
|
+
|
|
6313
|
+
const DialogTitle = (_a) => {
|
|
6314
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
6315
|
+
const theme = material.useTheme();
|
|
6316
|
+
return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "h5" }, props, { sx: [
|
|
6317
|
+
{
|
|
6318
|
+
padding: 0,
|
|
6319
|
+
lineHeight: "30px",
|
|
6320
|
+
color: theme.palette.vars.baseTextStrong,
|
|
6321
|
+
},
|
|
6322
|
+
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
6323
|
+
], children: children })));
|
|
6263
6324
|
};
|
|
6264
|
-
|
|
6265
|
-
|
|
6266
|
-
|
|
6267
|
-
|
|
6268
|
-
|
|
6269
|
-
|
|
6270
|
-
|
|
6271
|
-
|
|
6272
|
-
orange: orangePalette,
|
|
6273
|
-
lightOrange: lightOrangePalette,
|
|
6274
|
-
yellow: yellowPalette,
|
|
6275
|
-
green: greenPalette,
|
|
6276
|
-
lavender: lavenderPalette,
|
|
6277
|
-
lime: limePalette,
|
|
6278
|
-
pink: pinkPalette,
|
|
6279
|
-
teal: tealPalette,
|
|
6280
|
-
night: nightPalette,
|
|
6281
|
-
sunset: sunsetPalette,
|
|
6282
|
-
brand: brandColors,
|
|
6325
|
+
|
|
6326
|
+
const DialogSubtitle = (_a) => {
|
|
6327
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
6328
|
+
const theme = material.useTheme();
|
|
6329
|
+
return (jsxRuntime.jsx(material.Typography, Object.assign({ variant: "subtitle1" }, props, { sx: [
|
|
6330
|
+
{ padding: 0, color: theme.palette.vars.baseTextDefault },
|
|
6331
|
+
...(Array.isArray(props.sx) ? props.sx : props.sx ? [props.sx] : []),
|
|
6332
|
+
], children: children })));
|
|
6283
6333
|
};
|
|
6284
6334
|
|
|
6285
6335
|
const dialogMaxWidth = "calc(100vw - 80px)";
|
|
@@ -6321,7 +6371,10 @@ const StyledDialogActions = material.styled(material.DialogActions)({
|
|
|
6321
6371
|
gap: "16px",
|
|
6322
6372
|
padding: "8px 0 0",
|
|
6323
6373
|
});
|
|
6324
|
-
const StyledDialogContentText = material.styled(material.DialogContentText)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body2), {
|
|
6374
|
+
const StyledDialogContentText = material.styled(material.DialogContentText)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body2), {
|
|
6375
|
+
"&&": {
|
|
6376
|
+
color: theme.palette.vars.baseTextDefault,
|
|
6377
|
+
} })));
|
|
6325
6378
|
|
|
6326
6379
|
const Dialog = (props) => jsxRuntime.jsx(StyledDialog, Object.assign({}, props));
|
|
6327
6380
|
|
|
@@ -8367,10 +8420,11 @@ const StyledBanner = material.styled(material.Alert, {
|
|
|
8367
8420
|
padding: "8px 4px 8px 12px",
|
|
8368
8421
|
width: "800px",
|
|
8369
8422
|
maxWidth: "100%",
|
|
8370
|
-
height: "
|
|
8423
|
+
height: "auto",
|
|
8371
8424
|
display: "flex",
|
|
8425
|
+
flexDirection: "row",
|
|
8426
|
+
alignItems: "flex-start",
|
|
8372
8427
|
justifyContent: "center",
|
|
8373
|
-
alignItems: "center",
|
|
8374
8428
|
gap: "16px",
|
|
8375
8429
|
borderRadius: 0,
|
|
8376
8430
|
border: `1px solid ${getBannerColors(theme, status).border}`,
|
|
@@ -8392,15 +8446,12 @@ const StyledBanner = material.styled(material.Alert, {
|
|
|
8392
8446
|
padding: 0,
|
|
8393
8447
|
width: "486px",
|
|
8394
8448
|
maxWidth: "100%",
|
|
8395
|
-
height: "
|
|
8396
|
-
|
|
8397
|
-
alignItems: "center",
|
|
8449
|
+
height: "auto",
|
|
8450
|
+
minWidth: 0,
|
|
8398
8451
|
color: "inherit",
|
|
8399
8452
|
"& .MuiTypography-root": {
|
|
8400
|
-
display: "flex",
|
|
8401
|
-
alignItems: "center",
|
|
8402
8453
|
color: "inherit",
|
|
8403
|
-
height: "
|
|
8454
|
+
height: "auto",
|
|
8404
8455
|
letterSpacing: "0.15px",
|
|
8405
8456
|
},
|
|
8406
8457
|
},
|
|
@@ -8919,8 +8970,8 @@ const cardInteractiveStyles = (theme) => ({
|
|
|
8919
8970
|
});
|
|
8920
8971
|
const cardActiveStyles = (theme) => (Object.assign(Object.assign({}, cardInteractiveStyles(theme)), { boxShadow: theme.shadows[2] }));
|
|
8921
8972
|
const cardDisabledStyles = (theme) => ({
|
|
8922
|
-
backgroundColor: theme.palette.vars.
|
|
8923
|
-
border: `1px solid ${theme.palette.vars.
|
|
8973
|
+
backgroundColor: theme.palette.vars.controlBackgroundDisabled,
|
|
8974
|
+
border: `1px solid ${theme.palette.vars.controlBorderDisabled}`,
|
|
8924
8975
|
boxShadow: theme.shadows[2],
|
|
8925
8976
|
color: theme.palette.vars.baseTextDisabled,
|
|
8926
8977
|
pointerEvents: "none",
|
|
@@ -8936,19 +8987,20 @@ const StyledCard = material.styled(material.Card, {
|
|
|
8936
8987
|
}, '&[aria-disabled="true"]': cardDisabledStyles(theme) })));
|
|
8937
8988
|
const StyledCardActionArea = material.styled(material.CardActionArea)(({ theme }) => ({
|
|
8938
8989
|
borderRadius: "8px",
|
|
8939
|
-
"&:hover .MuiCard-root, &:focus-visible .MuiCard-root":
|
|
8940
|
-
opacity: 0,
|
|
8941
|
-
} }),
|
|
8990
|
+
"&:hover .MuiCard-root, &:focus-visible .MuiCard-root": cardInteractiveStyles(theme),
|
|
8942
8991
|
"&:active .MuiCard-root": cardActiveStyles(theme),
|
|
8943
8992
|
"&.Mui-disabled .MuiCard-root": cardDisabledStyles(theme),
|
|
8944
8993
|
"& .MuiCardActionArea-focusHighlight": {
|
|
8945
8994
|
opacity: 0,
|
|
8946
8995
|
},
|
|
8996
|
+
"&:hover .MuiCardActionArea-focusHighlight": {
|
|
8997
|
+
opacity: 0,
|
|
8998
|
+
},
|
|
8999
|
+
"&.Mui-focusVisible .MuiCardActionArea-focusHighlight": {
|
|
9000
|
+
opacity: 0,
|
|
9001
|
+
},
|
|
8947
9002
|
"&:focus-visible": {
|
|
8948
9003
|
outline: "none",
|
|
8949
|
-
"& .MuiCardActionArea-focusHighlight": {
|
|
8950
|
-
opacity: 0,
|
|
8951
|
-
},
|
|
8952
9004
|
},
|
|
8953
9005
|
}));
|
|
8954
9006
|
const StyledCardHeader = material.styled(material.CardHeader)(({ theme }) => ({
|
|
@@ -9017,7 +9069,7 @@ const CardActions = (_a) => {
|
|
|
9017
9069
|
|
|
9018
9070
|
const containerStackStyles = (theme) => ({
|
|
9019
9071
|
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
9020
|
-
border: `1px solid ${theme.palette.vars.
|
|
9072
|
+
border: `1px solid ${theme.palette.vars.controlBorderWeak}`,
|
|
9021
9073
|
borderRadius: "6px",
|
|
9022
9074
|
position: "relative",
|
|
9023
9075
|
});
|
|
@@ -9035,7 +9087,7 @@ const customStyle = (theme, showLineNumbers, size = "medium") => {
|
|
|
9035
9087
|
margin: "0",
|
|
9036
9088
|
backgroundColor: theme.palette.vars.controlBackgroundDefault,
|
|
9037
9089
|
borderRadius: showLineNumbers ? "0 0 4px 4px" : "4px",
|
|
9038
|
-
color: theme.palette.vars.
|
|
9090
|
+
color: theme.palette.vars.baseTextStrong,
|
|
9039
9091
|
};
|
|
9040
9092
|
};
|
|
9041
9093
|
const lineNumberStyle = (theme, lineNumberWidth, showLineNumbers, size = "medium") => {
|
|
@@ -9075,43 +9127,79 @@ const headerStyles = (theme, size = "medium") => ({
|
|
|
9075
9127
|
borderRadius: "4px 4px 0 0",
|
|
9076
9128
|
});
|
|
9077
9129
|
const headerButtonStyles = (theme) => (Object.assign(Object.assign({ background: "none", border: "none", padding: 0, cursor: "pointer" }, theme.typography.body2Semibold), { color: theme.palette.vars.brandIconPrimaryDefault }));
|
|
9078
|
-
const prismStyle = {
|
|
9079
|
-
|
|
9080
|
-
|
|
9081
|
-
|
|
9082
|
-
|
|
9083
|
-
|
|
9084
|
-
|
|
9085
|
-
|
|
9086
|
-
|
|
9087
|
-
|
|
9088
|
-
|
|
9089
|
-
|
|
9090
|
-
|
|
9091
|
-
|
|
9092
|
-
|
|
9093
|
-
|
|
9094
|
-
|
|
9095
|
-
|
|
9096
|
-
|
|
9097
|
-
|
|
9098
|
-
|
|
9099
|
-
|
|
9100
|
-
|
|
9101
|
-
|
|
9102
|
-
|
|
9103
|
-
|
|
9104
|
-
|
|
9105
|
-
|
|
9106
|
-
|
|
9107
|
-
|
|
9108
|
-
|
|
9109
|
-
|
|
9110
|
-
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
|
|
9130
|
+
const prismStyle = (theme) => {
|
|
9131
|
+
const { vars } = theme.palette;
|
|
9132
|
+
return {
|
|
9133
|
+
'pre[class*="language-"]': {
|
|
9134
|
+
background: "transparent",
|
|
9135
|
+
textShadow: "none",
|
|
9136
|
+
},
|
|
9137
|
+
'code[class*="language-"]': {
|
|
9138
|
+
background: "transparent",
|
|
9139
|
+
textShadow: "none",
|
|
9140
|
+
},
|
|
9141
|
+
punctuation: { color: vars.baseTextStrong },
|
|
9142
|
+
operator: { color: vars.baseTextStrong },
|
|
9143
|
+
comment: { color: vars.accentEDefault },
|
|
9144
|
+
prolog: { color: vars.accentEDefault },
|
|
9145
|
+
doctype: { color: vars.accentEDefault },
|
|
9146
|
+
cdata: { color: vars.accentEDefault },
|
|
9147
|
+
keyword: { color: vars.accentADefault },
|
|
9148
|
+
atrule: { color: vars.accentADefault },
|
|
9149
|
+
arrow: { color: vars.accentADefault },
|
|
9150
|
+
"control-flow": { color: vars.accentBDefault },
|
|
9151
|
+
function: { color: vars.accentFDefault },
|
|
9152
|
+
"function-variable": { color: vars.accentFDefault },
|
|
9153
|
+
"class-name": { color: vars.accentJDefault },
|
|
9154
|
+
builtin: { color: vars.accentJDefault },
|
|
9155
|
+
entity: { color: vars.accentJDefault, cursor: "help" },
|
|
9156
|
+
parameter: { color: vars.accentHDefault },
|
|
9157
|
+
identifier: { color: vars.accentHDefault },
|
|
9158
|
+
variable: { color: vars.accentHDefault },
|
|
9159
|
+
property: { color: vars.accentHDefault },
|
|
9160
|
+
"literal-property": { color: vars.accentHDefault },
|
|
9161
|
+
"string-property": { color: vars.accentHDefault },
|
|
9162
|
+
"attr-name": { color: vars.accentHDefault },
|
|
9163
|
+
tag: { color: vars.accentHDefault },
|
|
9164
|
+
selector: { color: vars.accentHDefault },
|
|
9165
|
+
"declaration-name": { color: vars.accentGDefault },
|
|
9166
|
+
number: { color: vars.successTextDefault },
|
|
9167
|
+
boolean: { color: vars.successTextDefault },
|
|
9168
|
+
string: { color: vars.successTextDefault },
|
|
9169
|
+
char: { color: vars.successTextDefault },
|
|
9170
|
+
"attr-value": { color: vars.successTextDefault },
|
|
9171
|
+
url: { color: vars.successTextDefault },
|
|
9172
|
+
inserted: { color: vars.successTextDefault },
|
|
9173
|
+
".language-css .token.string": { color: vars.successTextDefault },
|
|
9174
|
+
".style .token.string": { color: vars.successTextDefault },
|
|
9175
|
+
regex: { color: vars.accentBDefault },
|
|
9176
|
+
"regex-delimiter": { color: vars.accentBDefault },
|
|
9177
|
+
"regex-source": { color: vars.accentBDefault },
|
|
9178
|
+
constant: { color: vars.accentBDefault },
|
|
9179
|
+
symbol: { color: vars.accentBDefault },
|
|
9180
|
+
deleted: { color: vars.accentBDefault },
|
|
9181
|
+
important: { color: vars.accentBDefault, fontWeight: "bold" },
|
|
9182
|
+
bold: { fontWeight: "bold" },
|
|
9183
|
+
italic: { fontStyle: "italic" },
|
|
9184
|
+
};
|
|
9185
|
+
};
|
|
9186
|
+
|
|
9187
|
+
let patched = false;
|
|
9188
|
+
const patchJavaScriptGrammar = () => {
|
|
9189
|
+
if (patched)
|
|
9190
|
+
return;
|
|
9191
|
+
patched = true;
|
|
9192
|
+
all.refractor.languages.insertBefore("javascript", "keyword", {
|
|
9193
|
+
"declaration-name": {
|
|
9194
|
+
pattern: /((?:\b(?:const|let|var)\s+))[A-Za-z_$][\w$]*/,
|
|
9195
|
+
lookbehind: true,
|
|
9196
|
+
},
|
|
9197
|
+
});
|
|
9198
|
+
const javascript = all.refractor.languages.javascript;
|
|
9199
|
+
javascript.identifier = /\b[A-Za-z_$][\w$]*\b/;
|
|
9200
|
+
delete javascript.console;
|
|
9114
9201
|
};
|
|
9202
|
+
patchJavaScriptGrammar();
|
|
9115
9203
|
|
|
9116
9204
|
const Separator = ({ showLineNumbers, lineNumberWidth, size = "medium", }) => {
|
|
9117
9205
|
const theme = material.useTheme();
|
|
@@ -9194,7 +9282,7 @@ const CodeBlock = (props) => {
|
|
|
9194
9282
|
: containerSx
|
|
9195
9283
|
? [containerSx]
|
|
9196
9284
|
: []),
|
|
9197
|
-
], 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"
|
|
9285
|
+
], 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"
|
|
9198
9286
|
? lineNumberStyleProp
|
|
9199
9287
|
: {})), 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: [
|
|
9200
9288
|
{
|
|
@@ -10532,7 +10620,7 @@ const snackbarComponent = (theme) => {
|
|
|
10532
10620
|
};
|
|
10533
10621
|
};
|
|
10534
10622
|
|
|
10535
|
-
const shadows$
|
|
10623
|
+
const shadows$2 = [
|
|
10536
10624
|
`none`,
|
|
10537
10625
|
darkModeCardLifted,
|
|
10538
10626
|
darkModeCardSubtle,
|
|
@@ -10543,7 +10631,7 @@ const shadows$1 = [
|
|
|
10543
10631
|
darkModeFooterBottom,
|
|
10544
10632
|
...Array(17).fill("none"),
|
|
10545
10633
|
];
|
|
10546
|
-
const palette$
|
|
10634
|
+
const palette$3 = {
|
|
10547
10635
|
mode: "dark",
|
|
10548
10636
|
primary: bluePalette,
|
|
10549
10637
|
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
@@ -10571,44 +10659,44 @@ const palette$2 = {
|
|
|
10571
10659
|
focusOpacity: 0.18,
|
|
10572
10660
|
},
|
|
10573
10661
|
};
|
|
10574
|
-
const theme$
|
|
10662
|
+
const theme$2 = material.createTheme({
|
|
10575
10663
|
breakpoints,
|
|
10576
|
-
palette: palette$
|
|
10664
|
+
palette: palette$3,
|
|
10577
10665
|
typography,
|
|
10578
10666
|
mixins: commonMixins,
|
|
10579
10667
|
});
|
|
10580
10668
|
const darkThemeOptions = {
|
|
10581
|
-
shadows: shadows$
|
|
10582
|
-
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$
|
|
10669
|
+
shadows: shadows$2,
|
|
10670
|
+
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$2)), inputComponents(theme$2)), snackbarComponent(theme$2)), { MuiCssBaseline: {
|
|
10583
10671
|
styleOverrides: {
|
|
10584
10672
|
html: {
|
|
10585
10673
|
scrollbarWidth: "thin",
|
|
10586
|
-
scrollbarColor: `${theme$
|
|
10674
|
+
scrollbarColor: `${theme$2.palette.vars.baseTextMedium} ${theme$2.palette.background.default}`,
|
|
10587
10675
|
},
|
|
10588
10676
|
"*::-webkit-scrollbar": {
|
|
10589
10677
|
width: "12px",
|
|
10590
10678
|
height: "12px",
|
|
10591
10679
|
},
|
|
10592
10680
|
"*::-webkit-scrollbar-track": {
|
|
10593
|
-
backgroundColor: theme$
|
|
10681
|
+
backgroundColor: theme$2.palette.background.default,
|
|
10594
10682
|
borderRadius: 8,
|
|
10595
10683
|
},
|
|
10596
10684
|
"*::-webkit-scrollbar-thumb": {
|
|
10597
|
-
backgroundColor: theme$
|
|
10685
|
+
backgroundColor: theme$2.palette.vars.controlIconMedium,
|
|
10598
10686
|
borderRadius: 8,
|
|
10599
10687
|
border: "2px solid transparent",
|
|
10600
10688
|
backgroundClip: "content-box",
|
|
10601
10689
|
},
|
|
10602
10690
|
"*::-webkit-scrollbar-thumb:hover": {
|
|
10603
|
-
backgroundColor: theme$
|
|
10691
|
+
backgroundColor: theme$2.palette.vars.baseTextMedium,
|
|
10604
10692
|
},
|
|
10605
10693
|
"*::-webkit-scrollbar-corner": {
|
|
10606
|
-
backgroundColor: theme$
|
|
10694
|
+
backgroundColor: theme$2.palette.background.default,
|
|
10607
10695
|
},
|
|
10608
10696
|
},
|
|
10609
10697
|
} }),
|
|
10610
10698
|
};
|
|
10611
|
-
const darkTheme = material.createTheme(theme$
|
|
10699
|
+
const darkTheme = material.createTheme(theme$2, darkThemeOptions);
|
|
10612
10700
|
|
|
10613
10701
|
const iocSurface50 = "rgba(255, 255, 255, 0.02)";
|
|
10614
10702
|
const iocSurface100 = "rgba(255, 255, 255, 0.035)";
|
|
@@ -11041,7 +11129,7 @@ const iocShadows = [
|
|
|
11041
11129
|
iocShadowLg,
|
|
11042
11130
|
...Array(19).fill("none"),
|
|
11043
11131
|
];
|
|
11044
|
-
const palette$
|
|
11132
|
+
const palette$2 = {
|
|
11045
11133
|
mode: "dark",
|
|
11046
11134
|
primary: Object.assign(Object.assign({}, iocTealPalette), { main: iocTealPalette[500], light: iocTealPalette[300], dark: iocTealPalette[700], contrastText: iocBackdropPalette[900] }),
|
|
11047
11135
|
secondary: {
|
|
@@ -11076,7 +11164,7 @@ const palette$1 = {
|
|
|
11076
11164
|
};
|
|
11077
11165
|
const baseTheme = material.createTheme({
|
|
11078
11166
|
breakpoints,
|
|
11079
|
-
palette: palette$
|
|
11167
|
+
palette: palette$2,
|
|
11080
11168
|
typography,
|
|
11081
11169
|
mixins: commonMixins,
|
|
11082
11170
|
});
|
|
@@ -11447,7 +11535,7 @@ const lightVars = {
|
|
|
11447
11535
|
accentJWeak: tealPalette[50],
|
|
11448
11536
|
};
|
|
11449
11537
|
|
|
11450
|
-
const shadows = [
|
|
11538
|
+
const shadows$1 = [
|
|
11451
11539
|
`none`,
|
|
11452
11540
|
lightModeCardLifted,
|
|
11453
11541
|
lightModeCardSubtle,
|
|
@@ -11458,7 +11546,7 @@ const shadows = [
|
|
|
11458
11546
|
lightModeFooterBottom,
|
|
11459
11547
|
...Array(17).fill("none"),
|
|
11460
11548
|
];
|
|
11461
|
-
const palette = {
|
|
11549
|
+
const palette$1 = {
|
|
11462
11550
|
mode: "light",
|
|
11463
11551
|
primary: bluePalette,
|
|
11464
11552
|
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
@@ -11486,23 +11574,112 @@ const palette = {
|
|
|
11486
11574
|
focusOpacity: 0.18,
|
|
11487
11575
|
},
|
|
11488
11576
|
};
|
|
11577
|
+
const theme$1 = material.createTheme({
|
|
11578
|
+
breakpoints,
|
|
11579
|
+
palette: palette$1,
|
|
11580
|
+
typography,
|
|
11581
|
+
mixins: commonMixins,
|
|
11582
|
+
});
|
|
11583
|
+
const lightThemeOptions = {
|
|
11584
|
+
shadows: shadows$1,
|
|
11585
|
+
components: Object.assign(Object.assign(Object.assign({}, buttonComponent(theme$1)), inputComponents(theme$1)), snackbarComponent(theme$1)),
|
|
11586
|
+
};
|
|
11587
|
+
const lightTheme = material.createTheme(theme$1, lightThemeOptions);
|
|
11588
|
+
|
|
11589
|
+
const midnightVars = Object.assign(Object.assign({}, darkVars), {
|
|
11590
|
+
baseBackgroundStrong: darkNavyPalette[400], baseBackgroundMedium: darkNavyPalette[200], baseBackgroundWeak: darkNavyPalette[100], baseBackgroundHover: darkNavyPalette[300], baseBorderDefault: surfaceDarkPalette[300], baseBorderStrong: surfaceDarkPalette[100], baseBorderMedium: surfaceDarkPalette[200], baseBorderWeak: surfaceDarkPalette[500],
|
|
11591
|
+
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],
|
|
11592
|
+
interactivePrimaryDefaultDefault: electricBluePalette[500], interactivePrimaryDefaultHover: electricBluePalette[300], interactivePrimaryDefaultActive: electricBluePalette[700], interactivePrimaryDefaultDisabled: electricBluePalette["alpha40"], interactivePrimaryWeakDefault: darkNavyPalette[200], interactivePrimaryWeakHover: darkNavyPalette[100], interactivePrimaryWeakActive: darkNavyPalette[100], interactivePrimaryWeakDisabled: electricBluePalette["alpha10"],
|
|
11593
|
+
interactiveSecondaryDefaultDefault: greyPalette[50], interactiveSecondaryDefaultHover: greyPalette[0], interactiveSecondaryDefaultActive: greyPalette[100], interactiveSecondaryDefaultDisabled: greyPalette[0], interactiveSecondaryWeakDefault: darkNavyPalette[200], interactiveSecondaryWeakHover: darkNavyPalette[100], interactiveSecondaryWeakActive: greyPalette[800], interactiveSecondaryWeakDisabled: surfaceDarkPalette[900],
|
|
11594
|
+
interactiveInverseBackgroundDefault: greyPalette[200], interactiveInverseBackgroundHover: greyPalette[100], interactiveInverseBackgroundActive: greyPalette[200], interactiveInverseBackgroundDisabled: greyPalette[200], interactiveInverseTextHover: surfaceDarkPalette[600], interactiveInverseTextDisabled: surfaceDark900,
|
|
11595
|
+
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"],
|
|
11596
|
+
brandIconPrimaryDefault: electricBluePalette[500], brandIconPrimaryStrong: electricBluePalette[700], brandIconPrimaryMedium: electricBluePalette[300], brandIconPrimaryWeak: electricBluePalette[300],
|
|
11597
|
+
brandBackgroundPrimaryDefault: darkNavyPalette[200], brandBackgroundPrimaryWeak: darkNavyPalette[100], brandBackgroundPrimaryMedium: surfaceDarkPalette[400], brandBackgroundSecondaryDefault: darkNavyPalette[100], brandTextPrimary: electricBluePalette[500], brandTextSecondary: greyPalette[0] });
|
|
11598
|
+
|
|
11599
|
+
const shadows = [
|
|
11600
|
+
`none`,
|
|
11601
|
+
darkModeCardLifted,
|
|
11602
|
+
darkModeCardSubtle,
|
|
11603
|
+
darkModeCardRaised,
|
|
11604
|
+
darkModeCardFloating,
|
|
11605
|
+
darkModeSideDrawerRight,
|
|
11606
|
+
darkModeSideDrawerLeft,
|
|
11607
|
+
darkModeFooterBottom,
|
|
11608
|
+
...Array(17).fill("none"),
|
|
11609
|
+
];
|
|
11610
|
+
const palette = {
|
|
11611
|
+
mode: "dark",
|
|
11612
|
+
primary: bluePalette,
|
|
11613
|
+
secondary: Object.assign(Object.assign({}, surfaceDarkPalette), { main: surfaceDarkPalette[500] }),
|
|
11614
|
+
tertiary: lightOrangePalette,
|
|
11615
|
+
error: redPalette,
|
|
11616
|
+
warning: lightOrangePalette,
|
|
11617
|
+
info: bluePalette,
|
|
11618
|
+
success: greenPalette,
|
|
11619
|
+
negative: redPalette,
|
|
11620
|
+
orange: orangePalette,
|
|
11621
|
+
grey: greyPalette,
|
|
11622
|
+
vars: midnightVars,
|
|
11623
|
+
text: {
|
|
11624
|
+
primary: midnightVars.baseTextStrong,
|
|
11625
|
+
secondary: midnightVars.baseTextDefault,
|
|
11626
|
+
disabled: midnightVars.baseTextDisabled,
|
|
11627
|
+
},
|
|
11628
|
+
background: {
|
|
11629
|
+
paper: darkNavy200,
|
|
11630
|
+
default: darkNavy400,
|
|
11631
|
+
},
|
|
11632
|
+
action: {
|
|
11633
|
+
hoverOpacity: 0.05,
|
|
11634
|
+
selectedOpacity: 0.25,
|
|
11635
|
+
focusOpacity: 0.18,
|
|
11636
|
+
},
|
|
11637
|
+
};
|
|
11489
11638
|
const theme = material.createTheme({
|
|
11490
11639
|
breakpoints,
|
|
11491
11640
|
palette,
|
|
11492
11641
|
typography,
|
|
11493
11642
|
mixins: commonMixins,
|
|
11494
11643
|
});
|
|
11495
|
-
const
|
|
11644
|
+
const midnightThemeOptions = {
|
|
11496
11645
|
shadows,
|
|
11497
|
-
components: Object.assign(Object.assign(Object.assign({}, buttonComponent(theme)), inputComponents(theme)), snackbarComponent(theme)),
|
|
11646
|
+
components: Object.assign(Object.assign(Object.assign(Object.assign({}, buttonComponent(theme)), inputComponents(theme)), snackbarComponent(theme)), { MuiCssBaseline: {
|
|
11647
|
+
styleOverrides: {
|
|
11648
|
+
html: {
|
|
11649
|
+
scrollbarWidth: "thin",
|
|
11650
|
+
scrollbarColor: `${theme.palette.vars.baseTextMedium} ${theme.palette.background.default}`,
|
|
11651
|
+
},
|
|
11652
|
+
"*::-webkit-scrollbar": {
|
|
11653
|
+
width: "12px",
|
|
11654
|
+
height: "12px",
|
|
11655
|
+
},
|
|
11656
|
+
"*::-webkit-scrollbar-track": {
|
|
11657
|
+
backgroundColor: theme.palette.background.default,
|
|
11658
|
+
borderRadius: 8,
|
|
11659
|
+
},
|
|
11660
|
+
"*::-webkit-scrollbar-thumb": {
|
|
11661
|
+
backgroundColor: theme.palette.vars.controlIconMedium,
|
|
11662
|
+
borderRadius: 8,
|
|
11663
|
+
border: "2px solid transparent",
|
|
11664
|
+
backgroundClip: "content-box",
|
|
11665
|
+
},
|
|
11666
|
+
"*::-webkit-scrollbar-thumb:hover": {
|
|
11667
|
+
backgroundColor: theme.palette.vars.baseTextMedium,
|
|
11668
|
+
},
|
|
11669
|
+
"*::-webkit-scrollbar-corner": {
|
|
11670
|
+
backgroundColor: theme.palette.background.default,
|
|
11671
|
+
},
|
|
11672
|
+
},
|
|
11673
|
+
} }),
|
|
11498
11674
|
};
|
|
11499
|
-
const
|
|
11675
|
+
const midnightTheme = material.createTheme(theme, midnightThemeOptions);
|
|
11500
11676
|
|
|
11501
11677
|
exports.ThemeMode = void 0;
|
|
11502
11678
|
(function (ThemeMode) {
|
|
11503
11679
|
ThemeMode["Light"] = "light";
|
|
11504
11680
|
ThemeMode["Dark"] = "dark";
|
|
11505
11681
|
ThemeMode["IoC"] = "ioc";
|
|
11682
|
+
ThemeMode["Midnight"] = "midnight";
|
|
11506
11683
|
})(exports.ThemeMode || (exports.ThemeMode = {}));
|
|
11507
11684
|
const ThemeModeContext = React__namespace.default.createContext(null);
|
|
11508
11685
|
function useThemeMode() {
|
|
@@ -11516,6 +11693,9 @@ function resolveBuiltInTheme(mode) {
|
|
|
11516
11693
|
if (mode === exports.ThemeMode.IoC) {
|
|
11517
11694
|
return iocTheme;
|
|
11518
11695
|
}
|
|
11696
|
+
if (mode === exports.ThemeMode.Midnight) {
|
|
11697
|
+
return midnightTheme;
|
|
11698
|
+
}
|
|
11519
11699
|
return mode === exports.ThemeMode.Dark ? darkTheme : lightTheme;
|
|
11520
11700
|
}
|
|
11521
11701
|
const ThemeProvider = ({ children, defaultMode, customTheme, }) => {
|
|
@@ -11695,10 +11875,13 @@ const getFloatingButtonStyles = (theme, variant) => {
|
|
|
11695
11875
|
const borderColor = variant === "primary"
|
|
11696
11876
|
? theme.palette.vars.interactivePrimaryDefaultDefault
|
|
11697
11877
|
: theme.palette.vars.controlBorderDefault;
|
|
11878
|
+
const backgroundColor = variant === "primary"
|
|
11879
|
+
? theme.palette.vars.baseBackgroundWeak
|
|
11880
|
+
: theme.palette.vars.controlBackgroundDefault;
|
|
11698
11881
|
return {
|
|
11699
11882
|
borderRadius: "100px",
|
|
11700
11883
|
boxShadow: theme.shadows[4],
|
|
11701
|
-
background: `${
|
|
11884
|
+
background: `${backgroundColor} !important`,
|
|
11702
11885
|
color: `${theme.palette.vars.baseTextStrong} !important`,
|
|
11703
11886
|
border: `2px solid ${borderColor} !important`,
|
|
11704
11887
|
letterSpacing: "0.1px",
|
|
@@ -12572,34 +12755,16 @@ const getMessageIconColor = (theme, type) => {
|
|
|
12572
12755
|
}
|
|
12573
12756
|
return theme.palette.vars.successIconDefault;
|
|
12574
12757
|
};
|
|
12575
|
-
const getMessageTitleWidth = (type) => {
|
|
12576
|
-
if (type === "warning") {
|
|
12577
|
-
return "317px";
|
|
12578
|
-
}
|
|
12579
|
-
if (type === "info") {
|
|
12580
|
-
return "339px";
|
|
12581
|
-
}
|
|
12582
|
-
return "319px";
|
|
12583
|
-
};
|
|
12584
|
-
const getMessageTitleContentWidth = (type) => {
|
|
12585
|
-
if (type === "warning") {
|
|
12586
|
-
return "249px";
|
|
12587
|
-
}
|
|
12588
|
-
if (type === "info") {
|
|
12589
|
-
return "271px";
|
|
12590
|
-
}
|
|
12591
|
-
return "251px";
|
|
12592
|
-
};
|
|
12593
12758
|
const getMessageRootStyles = (theme, type, hasTitle, hasAction) => ({
|
|
12594
12759
|
boxSizing: "border-box",
|
|
12595
12760
|
display: "flex",
|
|
12596
12761
|
flexDirection: "row",
|
|
12597
12762
|
alignItems: hasTitle ? "flex-start" : "center",
|
|
12598
|
-
width: hasAction ? "480px" :
|
|
12599
|
-
height:
|
|
12763
|
+
width: hasAction ? "480px" : "320px",
|
|
12764
|
+
height: "auto",
|
|
12600
12765
|
padding: "12px 16px",
|
|
12601
12766
|
gap: "12px",
|
|
12602
|
-
background: theme.palette.vars.
|
|
12767
|
+
background: theme.palette.vars.controlBackgroundDefault,
|
|
12603
12768
|
borderStyle: "solid",
|
|
12604
12769
|
borderColor: getMessageStatusColor(theme, type),
|
|
12605
12770
|
borderWidth: "1px 1px 1px 4px",
|
|
@@ -12612,12 +12777,13 @@ const getMessageIconStyles = (theme, type) => ({
|
|
|
12612
12777
|
width: "24px",
|
|
12613
12778
|
height: "24px",
|
|
12614
12779
|
});
|
|
12615
|
-
const getMessageContentStyles = (
|
|
12616
|
-
const getMessageTitleRowStyles = (
|
|
12780
|
+
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" } : {})));
|
|
12781
|
+
const getMessageTitleRowStyles = () => ({
|
|
12617
12782
|
display: "flex",
|
|
12618
12783
|
flexDirection: "row",
|
|
12619
12784
|
alignItems: "center",
|
|
12620
|
-
|
|
12785
|
+
flex: "1 1 auto",
|
|
12786
|
+
width: "stretch",
|
|
12621
12787
|
height: "24px",
|
|
12622
12788
|
gap: "4px",
|
|
12623
12789
|
});
|
|
@@ -12658,12 +12824,12 @@ const StyledMessageRoot = material.styled(material.Box, {
|
|
|
12658
12824
|
shouldForwardProp: (prop) => prop !== "messageType" && prop !== "hasTitle" && prop !== "hasAction",
|
|
12659
12825
|
})(({ theme, messageType, hasTitle, hasAction }) => getMessageRootStyles(theme, messageType, hasTitle, hasAction));
|
|
12660
12826
|
const StyledMessageContent = material.styled(material.Box, {
|
|
12661
|
-
shouldForwardProp: (prop) => prop !== "
|
|
12662
|
-
})(({
|
|
12827
|
+
shouldForwardProp: (prop) => prop !== "hasTitle" && prop !== "hasAction",
|
|
12828
|
+
})(({ hasTitle, hasAction }) => getMessageContentStyles(hasTitle, hasAction));
|
|
12663
12829
|
const StyledMessageTitle = material.styled("p")(({ theme }) => getMessageTitleStyles(theme));
|
|
12664
12830
|
const StyledMessageTitleRow = material.styled(material.Box, {
|
|
12665
12831
|
shouldForwardProp: (prop) => prop !== "messageType",
|
|
12666
|
-
})((
|
|
12832
|
+
})(() => getMessageTitleRowStyles());
|
|
12667
12833
|
const StyledMessageText = material.styled("p")(({ theme }) => getMessageTextStyles(theme));
|
|
12668
12834
|
const StyledMessageAction = material.styled("button")(({ theme }) => getMessageActionStyles(theme));
|
|
12669
12835
|
const StyledMessageCloseButton = material.styled(material.IconButton)(({ theme }) => getMessageCloseStyles(theme));
|
|
@@ -12686,7 +12852,7 @@ const Message = (_a) => {
|
|
|
12686
12852
|
var { actionLabel, children, hideClose = false, onActionClick, onClose, sx, title, type = "success" } = _a, props = __rest(_a, ["actionLabel", "children", "hideClose", "onActionClick", "onClose", "sx", "title", "type"]);
|
|
12687
12853
|
const hasTitle = Boolean(title);
|
|
12688
12854
|
const hasAction = Boolean(actionLabel);
|
|
12689
|
-
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, {
|
|
12855
|
+
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] })));
|
|
12690
12856
|
};
|
|
12691
12857
|
|
|
12692
12858
|
const getNavigationActiveBackground = (theme) => theme.palette.mode === "dark"
|
|
@@ -12794,8 +12960,9 @@ const getNavigationItemsStyles = () => ({
|
|
|
12794
12960
|
gap: "4px",
|
|
12795
12961
|
});
|
|
12796
12962
|
const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
12797
|
-
const selected = state === "selected"
|
|
12963
|
+
const selected = state === "selected";
|
|
12798
12964
|
const open = state === "open";
|
|
12965
|
+
const active = selected || open;
|
|
12799
12966
|
const disabled = state === "disabled";
|
|
12800
12967
|
return {
|
|
12801
12968
|
boxSizing: "border-box",
|
|
@@ -12808,19 +12975,19 @@ const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
|
12808
12975
|
gap: "8px",
|
|
12809
12976
|
position: "relative",
|
|
12810
12977
|
isolation: "isolate",
|
|
12811
|
-
border:
|
|
12812
|
-
? `1px solid ${theme.palette.vars.
|
|
12978
|
+
border: open
|
|
12979
|
+
? `1px solid ${theme.palette.vars.baseBorderStrong}`
|
|
12813
12980
|
: "1px solid transparent",
|
|
12814
|
-
borderRightWidth:
|
|
12815
|
-
borderRadius:
|
|
12816
|
-
backgroundColor:
|
|
12817
|
-
?
|
|
12981
|
+
borderRightWidth: open ? 0 : "1px",
|
|
12982
|
+
borderRadius: open ? "8px 0px 0px 8px" : "8px",
|
|
12983
|
+
backgroundColor: active
|
|
12984
|
+
? theme.palette.vars.brandBackgroundPrimaryWeak
|
|
12818
12985
|
: "transparent",
|
|
12819
12986
|
color: disabled
|
|
12820
12987
|
? theme.palette.vars.baseTextDisabled
|
|
12821
12988
|
: selected
|
|
12822
|
-
?
|
|
12823
|
-
: theme.palette.vars.
|
|
12989
|
+
? theme.palette.vars.brandTextPrimary
|
|
12990
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12824
12991
|
cursor: disabled ? "default" : "pointer",
|
|
12825
12992
|
font: "inherit",
|
|
12826
12993
|
textAlign: "left",
|
|
@@ -12833,18 +13000,16 @@ const getNavigationItemStyles = (theme, state, compact = false) => {
|
|
|
12833
13000
|
right: compact ? "-24px" : "-23px",
|
|
12834
13001
|
width: compact ? "24px" : "23px",
|
|
12835
13002
|
height: "40px",
|
|
12836
|
-
backgroundColor:
|
|
12837
|
-
borderTop: `1px solid ${theme.palette.vars.
|
|
12838
|
-
borderBottom: `1px solid ${theme.palette.vars.
|
|
13003
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
|
|
13004
|
+
borderTop: `1px solid ${theme.palette.vars.baseBorderStrong}`,
|
|
13005
|
+
borderBottom: `1px solid ${theme.palette.vars.baseBorderStrong}`,
|
|
12839
13006
|
zIndex: -1,
|
|
12840
13007
|
}
|
|
12841
13008
|
: undefined,
|
|
12842
13009
|
"&:hover": disabled
|
|
12843
13010
|
? {}
|
|
12844
13011
|
: {
|
|
12845
|
-
backgroundColor:
|
|
12846
|
-
? getNavigationActiveBackground(theme)
|
|
12847
|
-
: theme.palette.vars.baseBackgroundHover,
|
|
13012
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryWeak,
|
|
12848
13013
|
},
|
|
12849
13014
|
};
|
|
12850
13015
|
};
|
|
@@ -12920,18 +13085,19 @@ const getNavigationDrawerItemStyles = (theme, selected = false) => ({
|
|
|
12920
13085
|
border: 0,
|
|
12921
13086
|
borderRadius: "6px",
|
|
12922
13087
|
backgroundColor: selected
|
|
12923
|
-
? theme.palette.vars.
|
|
13088
|
+
? theme.palette.vars.brandBackgroundPrimaryMedium
|
|
12924
13089
|
: "transparent",
|
|
12925
13090
|
color: selected
|
|
12926
|
-
? theme.palette.vars.
|
|
12927
|
-
: theme.palette.vars.
|
|
13091
|
+
? theme.palette.vars.brandTextPrimary
|
|
13092
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12928
13093
|
cursor: "pointer",
|
|
12929
13094
|
font: "inherit",
|
|
12930
13095
|
textAlign: "left",
|
|
12931
13096
|
"&:hover": {
|
|
12932
|
-
backgroundColor:
|
|
12933
|
-
|
|
12934
|
-
|
|
13097
|
+
backgroundColor: theme.palette.vars.brandBackgroundPrimaryMedium,
|
|
13098
|
+
color: selected
|
|
13099
|
+
? theme.palette.vars.brandTextPrimary
|
|
13100
|
+
: theme.palette.vars.brandTextSecondary,
|
|
12935
13101
|
},
|
|
12936
13102
|
});
|
|
12937
13103
|
const getNavigationSubtextStyles = (theme) => ({
|
|
@@ -13031,12 +13197,12 @@ const Navigation = (_a) => {
|
|
|
13031
13197
|
: [];
|
|
13032
13198
|
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
|
|
13033
13199
|
? getAccessibleLabel(organizationLabel, "Open organization switcher")
|
|
13034
|
-
: undefined, compact: isCompact, onClick: handleOrganizationClick, selected: isOrganizationDrawerOpen, type: "button", children: [jsxRuntime.jsx(
|
|
13200
|
+
: 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) => {
|
|
13035
13201
|
var _a;
|
|
13036
13202
|
const state = (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
|
|
13037
13203
|
? "open"
|
|
13038
13204
|
: getItemState(item, selectedItemId);
|
|
13039
|
-
const selected = state === "selected"
|
|
13205
|
+
const selected = state === "selected";
|
|
13040
13206
|
return (jsxRuntime.jsxs(StyledNavigationItem, { "aria-expanded": ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length)
|
|
13041
13207
|
? (subNavigationItem === null || subNavigationItem === void 0 ? void 0 : subNavigationItem.id) === item.id
|
|
13042
13208
|
: undefined, "aria-label": isCompact
|
|
@@ -13780,7 +13946,7 @@ const getPopoverPaperStyles = (theme, size = "medium") => {
|
|
|
13780
13946
|
width,
|
|
13781
13947
|
minWidth: width,
|
|
13782
13948
|
maxWidth: width,
|
|
13783
|
-
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.
|
|
13949
|
+
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.baseBackgroundWeak,
|
|
13784
13950
|
borderRadius: "6px",
|
|
13785
13951
|
boxShadow: "none",
|
|
13786
13952
|
filter: theme.palette.mode === "dark"
|
|
@@ -13809,7 +13975,7 @@ const getPopoverContentStyles = (theme, featureHighlight = false, size = "medium
|
|
|
13809
13975
|
gap: layout.gap,
|
|
13810
13976
|
padding: layout.padding,
|
|
13811
13977
|
width: "100%",
|
|
13812
|
-
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.
|
|
13978
|
+
background: (_a = theme.palette.vars) === null || _a === void 0 ? void 0 : _a.baseBackgroundWeak,
|
|
13813
13979
|
border: featureHighlight
|
|
13814
13980
|
? `2px solid ${(_b = theme.palette.vars) === null || _b === void 0 ? void 0 : _b.controlBorderActive}`
|
|
13815
13981
|
: "0px solid transparent",
|
|
@@ -14039,7 +14205,7 @@ const Popover = (_a) => {
|
|
|
14039
14205
|
});
|
|
14040
14206
|
const bg = featureHighlight
|
|
14041
14207
|
? theme.palette.vars.controlBorderActive
|
|
14042
|
-
: theme.palette.vars.
|
|
14208
|
+
: theme.palette.vars.baseBackgroundWeak;
|
|
14043
14209
|
return (jsxRuntime.jsx(material.Popover, Object.assign({}, props, { open: open, disableScrollLock: disableScrollLock, marginThreshold: null, anchorOrigin: resolvedAnchorOrigin, transformOrigin: resolvedTransformOrigin, onClose: onClose, slotProps: {
|
|
14044
14210
|
paper: {
|
|
14045
14211
|
ref: paperRef,
|
|
@@ -17473,8 +17639,19 @@ exports.darkModeCardSubtle = darkModeCardSubtle;
|
|
|
17473
17639
|
exports.darkModeFooterBottom = darkModeFooterBottom;
|
|
17474
17640
|
exports.darkModeSideDrawerLeft = darkModeSideDrawerLeft;
|
|
17475
17641
|
exports.darkModeSideDrawerRight = darkModeSideDrawerRight;
|
|
17642
|
+
exports.darkNavy100 = darkNavy100;
|
|
17643
|
+
exports.darkNavy200 = darkNavy200;
|
|
17644
|
+
exports.darkNavy300 = darkNavy300;
|
|
17645
|
+
exports.darkNavy400 = darkNavy400;
|
|
17646
|
+
exports.darkNavyPalette = darkNavyPalette;
|
|
17476
17647
|
exports.darkVars = darkVars;
|
|
17477
17648
|
exports.deepCopyTree = deepCopyTree;
|
|
17649
|
+
exports.electricBlue300 = electricBlue300;
|
|
17650
|
+
exports.electricBlue500 = electricBlue500;
|
|
17651
|
+
exports.electricBlue700 = electricBlue700;
|
|
17652
|
+
exports.electricBlueAlpha10 = electricBlueAlpha10;
|
|
17653
|
+
exports.electricBlueAlpha40 = electricBlueAlpha40;
|
|
17654
|
+
exports.electricBluePalette = electricBluePalette;
|
|
17478
17655
|
exports.flattenSelectTree = flattenSelectTree;
|
|
17479
17656
|
exports.flattenSelectTreeWithSearch = flattenSelectTreeWithSearch;
|
|
17480
17657
|
exports.flattenSelectTreeWithoutSearch = flattenSelectTreeWithoutSearch;
|
|
@@ -17592,6 +17769,7 @@ exports.lime800 = lime800;
|
|
|
17592
17769
|
exports.lime900 = lime900;
|
|
17593
17770
|
exports.limePalette = limePalette;
|
|
17594
17771
|
exports.mergeNodeChildrenValueToText = mergeNodeChildrenValueToText;
|
|
17772
|
+
exports.midnightVars = midnightVars;
|
|
17595
17773
|
exports.night10 = night10;
|
|
17596
17774
|
exports.night100 = night100;
|
|
17597
17775
|
exports.night200 = night200;
|