@czi-sds/components 21.1.0 → 21.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/dist/index.cjs.d.ts +40 -9
- package/dist/index.cjs.js +476 -350
- package/dist/index.esm.d.ts +40 -9
- package/dist/index.esm.js +475 -352
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/variables.css +34 -10
- package/dist/variables.scss +34 -10
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import React__default, { forwardRef, useEffect, useRef, useState, useCallback, useMemo, createContext, useContext } from 'react';
|
|
5
5
|
import { css } from '@emotion/react';
|
|
6
|
-
import { createTheme, AccordionDetails as AccordionDetails$1, AccordionSummary, accordionSummaryClasses, SvgIcon, Accordion as Accordion$1, accordionClasses, accordionDetailsClasses, Alert as Alert$2, Button as Button$1, buttonClasses, IconButton, TextField, outlinedInputClasses, inputBaseClasses, buttonBaseClasses, inputAdornmentClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, autocompleteClasses, Paper, useTheme, Popper, ClickAwayListener, alertClasses, alertTitleClasses, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, dialogActionsClasses, DialogContent, DialogTitle as DialogTitle$1, Typography, Checkbox, checkboxClasses, FormControlLabel, Radio, radioClasses, Slider, sliderClasses, Switch, switchClasses, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, menuClasses, Tabs as Tabs$1, tabsClasses, Tab as Tab$1, Slide, Box, ToggleButtonGroup, toggleButtonClasses, ToggleButton, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
|
|
6
|
+
import { createTheme, AccordionDetails as AccordionDetails$1, AccordionSummary, accordionSummaryClasses, SvgIcon, Accordion as Accordion$1, accordionClasses, accordionDetailsClasses, Alert as Alert$2, Button as Button$1, buttonClasses, IconButton, TextField, outlinedInputClasses, inputBaseClasses, buttonBaseClasses, inputAdornmentClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, autocompleteClasses, Paper, useTheme, Popper, ClickAwayListener, alertClasses, alertTitleClasses, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, dialogActionsClasses, DialogContent, DialogTitle as DialogTitle$1, Typography, Checkbox, checkboxClasses, FormControlLabel, Radio, radioClasses, Slider, sliderClasses, Switch, switchClasses, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, menuClasses, Tabs as Tabs$1, tabsClasses, Tab as Tab$1, Slide, Box, Drawer, drawerClasses, ToggleButtonGroup, toggleButtonClasses, ToggleButton, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
|
|
7
7
|
import styled from '@emotion/styled';
|
|
8
8
|
import { Check, Remove, Clear } from '@mui/icons-material';
|
|
9
9
|
import { css as css$1 } from '@emotion/css';
|
|
@@ -553,27 +553,39 @@ SDSLightAppTheme.borders = {
|
|
|
553
553
|
table: "1px solid ".concat(SDSLightAppTheme.colors.gray[300]),
|
|
554
554
|
},
|
|
555
555
|
beta: {
|
|
556
|
-
default: "1px solid ".concat(SDSLightAppTheme.colors.purple[
|
|
556
|
+
default: "1px solid ".concat(SDSLightAppTheme.colors.purple[600]),
|
|
557
|
+
extraThick: "4px solid ".concat(SDSLightAppTheme.colors.purple[600]),
|
|
558
|
+
thick: "2px solid ".concat(SDSLightAppTheme.colors.purple[600]),
|
|
557
559
|
},
|
|
558
560
|
info: {
|
|
559
|
-
default: "1px solid ".concat(SDSLightAppTheme.colors.blue[
|
|
561
|
+
default: "1px solid ".concat(SDSLightAppTheme.colors.blue[600]),
|
|
562
|
+
extraThick: "4px solid ".concat(SDSLightAppTheme.colors.blue[600]),
|
|
563
|
+
thick: "2px solid ".concat(SDSLightAppTheme.colors.blue[600]),
|
|
560
564
|
},
|
|
561
565
|
link: {
|
|
562
566
|
dashed: "1px dashed",
|
|
563
567
|
solid: "1px solid",
|
|
564
568
|
},
|
|
565
569
|
negative: {
|
|
566
|
-
default: "1px solid ".concat(SDSLightAppTheme.colors.red[
|
|
570
|
+
default: "1px solid ".concat(SDSLightAppTheme.colors.red[600]),
|
|
571
|
+
extraThick: "4px solid ".concat(SDSLightAppTheme.colors.red[600]),
|
|
572
|
+
thick: "2px solid ".concat(SDSLightAppTheme.colors.red[600]),
|
|
567
573
|
},
|
|
568
574
|
neutral: {
|
|
569
575
|
default: "1px solid ".concat(SDSLightAppTheme.colors.gray[500]),
|
|
576
|
+
extraThick: "4px solid ".concat(SDSLightAppTheme.colors.gray[500]),
|
|
577
|
+
thick: "2px solid ".concat(SDSLightAppTheme.colors.gray[500]),
|
|
570
578
|
},
|
|
571
579
|
none: "none",
|
|
572
580
|
notice: {
|
|
573
|
-
default: "1px solid ".concat(SDSLightAppTheme.colors.yellow[
|
|
581
|
+
default: "1px solid ".concat(SDSLightAppTheme.colors.yellow[600]),
|
|
582
|
+
extraThick: "4px solid ".concat(SDSLightAppTheme.colors.yellow[600]),
|
|
583
|
+
thick: "2px solid ".concat(SDSLightAppTheme.colors.yellow[600]),
|
|
574
584
|
},
|
|
575
585
|
positive: {
|
|
576
|
-
default: "1px solid ".concat(SDSLightAppTheme.colors.green[
|
|
586
|
+
default: "1px solid ".concat(SDSLightAppTheme.colors.green[600]),
|
|
587
|
+
extraThick: "4px solid ".concat(SDSLightAppTheme.colors.green[600]),
|
|
588
|
+
thick: "2px solid ".concat(SDSLightAppTheme.colors.green[600]),
|
|
577
589
|
},
|
|
578
590
|
};
|
|
579
591
|
var SDSDarkAppTheme = __assign(__assign({}, sharedAppTheme), { colors: SDSDarkThemeColors });
|
|
@@ -595,27 +607,39 @@ SDSDarkAppTheme.borders = {
|
|
|
595
607
|
table: "1px solid ".concat(SDSDarkAppTheme.colors.gray[300]),
|
|
596
608
|
},
|
|
597
609
|
beta: {
|
|
598
|
-
default: "1px solid ".concat(SDSDarkAppTheme.colors.purple[
|
|
610
|
+
default: "1px solid ".concat(SDSDarkAppTheme.colors.purple[600]),
|
|
611
|
+
extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.purple[600]),
|
|
612
|
+
thick: "2px solid ".concat(SDSDarkAppTheme.colors.purple[600]),
|
|
599
613
|
},
|
|
600
614
|
info: {
|
|
601
|
-
default: "1px solid ".concat(SDSDarkAppTheme.colors.blue[
|
|
615
|
+
default: "1px solid ".concat(SDSDarkAppTheme.colors.blue[600]),
|
|
616
|
+
extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.blue[600]),
|
|
617
|
+
thick: "2px solid ".concat(SDSDarkAppTheme.colors.blue[600]),
|
|
602
618
|
},
|
|
603
619
|
link: {
|
|
604
620
|
dashed: "1px dashed",
|
|
605
621
|
solid: "1px solid",
|
|
606
622
|
},
|
|
607
623
|
negative: {
|
|
608
|
-
default: "1px solid ".concat(SDSDarkAppTheme.colors.red[
|
|
624
|
+
default: "1px solid ".concat(SDSDarkAppTheme.colors.red[600]),
|
|
625
|
+
extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.red[600]),
|
|
626
|
+
thick: "2px solid ".concat(SDSDarkAppTheme.colors.red[600]),
|
|
609
627
|
},
|
|
610
628
|
neutral: {
|
|
611
629
|
default: "1px solid ".concat(SDSDarkAppTheme.colors.gray[500]),
|
|
630
|
+
extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.gray[500]),
|
|
631
|
+
thick: "2px solid ".concat(SDSDarkAppTheme.colors.gray[500]),
|
|
612
632
|
},
|
|
613
633
|
none: "none",
|
|
614
634
|
notice: {
|
|
615
|
-
default: "1px solid ".concat(SDSDarkAppTheme.colors.yellow[
|
|
635
|
+
default: "1px solid ".concat(SDSDarkAppTheme.colors.yellow[600]),
|
|
636
|
+
extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.yellow[600]),
|
|
637
|
+
thick: "2px solid ".concat(SDSDarkAppTheme.colors.yellow[600]),
|
|
616
638
|
},
|
|
617
639
|
positive: {
|
|
618
|
-
default: "1px solid ".concat(SDSDarkAppTheme.colors.green[
|
|
640
|
+
default: "1px solid ".concat(SDSDarkAppTheme.colors.green[600]),
|
|
641
|
+
extraThick: "4px solid ".concat(SDSDarkAppTheme.colors.green[600]),
|
|
642
|
+
thick: "2px solid ".concat(SDSDarkAppTheme.colors.green[600]),
|
|
619
643
|
},
|
|
620
644
|
};
|
|
621
645
|
/**
|
|
@@ -901,6 +925,11 @@ function makeThemeOptions(appTheme, mode) {
|
|
|
901
925
|
disableRipple: true,
|
|
902
926
|
},
|
|
903
927
|
},
|
|
928
|
+
MuiDrawer: {
|
|
929
|
+
defaultProps: {
|
|
930
|
+
hideBackdrop: true,
|
|
931
|
+
},
|
|
932
|
+
},
|
|
904
933
|
MuiLink: {
|
|
905
934
|
defaultProps: {
|
|
906
935
|
underline: "hover",
|
|
@@ -1200,7 +1229,7 @@ var fontCaps = function (fontSize) {
|
|
|
1200
1229
|
if (!typography)
|
|
1201
1230
|
return null;
|
|
1202
1231
|
var caps = typography.styles.caps, capsFontFamily = typography.fontFamily.caps;
|
|
1203
|
-
return css(templateObject_1$
|
|
1232
|
+
return css(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n ", "\n text-transform: uppercase;\n "], ["\n ", "\n text-transform: uppercase;\n "])), themeToCss(caps.semibold[fontSize], capsFontFamily));
|
|
1204
1233
|
};
|
|
1205
1234
|
};
|
|
1206
1235
|
var fontCapsXxs = fontCaps("xxs");
|
|
@@ -1230,7 +1259,7 @@ var fontCode = function (fontSize, fontWeight) {
|
|
|
1230
1259
|
if (!typography)
|
|
1231
1260
|
return null;
|
|
1232
1261
|
var code = typography.styles.code, codeFontFamily = typography.fontFamily.code;
|
|
1233
|
-
return css(templateObject_2$
|
|
1262
|
+
return css(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), themeToCss(code[fontWeight][fontSize], codeFontFamily));
|
|
1234
1263
|
};
|
|
1235
1264
|
};
|
|
1236
1265
|
var fontCodeXs = fontCode("xs", "regular");
|
|
@@ -1244,7 +1273,7 @@ var fontTabular = function (fontSize, fontWeight) {
|
|
|
1244
1273
|
if (!typography)
|
|
1245
1274
|
return null;
|
|
1246
1275
|
var tabular = typography.styles.tabular, tabularFontFamily = typography.fontFamily.tabular;
|
|
1247
|
-
return css(templateObject_3$
|
|
1276
|
+
return css(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n ", "\n font-variant-numeric: tabular-nums;\n "], ["\n ", "\n font-variant-numeric: tabular-nums;\n "])), themeToCss(tabular[fontWeight][fontSize], tabularFontFamily));
|
|
1248
1277
|
};
|
|
1249
1278
|
};
|
|
1250
1279
|
var fontTabularXs = fontTabular("xs", "regular");
|
|
@@ -1253,33 +1282,33 @@ var fontTabularSemiboldXs = fontTabular("xs", "semibold");
|
|
|
1253
1282
|
var fontTabularSemiboldS = fontTabular("s", "semibold");
|
|
1254
1283
|
function themeToCss(fontTheme, fontFamily) {
|
|
1255
1284
|
if (fontFamily === void 0) { fontFamily = "inherit"; }
|
|
1256
|
-
return css(templateObject_4$
|
|
1285
|
+
return css(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", "px;\n line-height: ", ";\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "], ["\n font-family: ", ";\n font-size: ", "px;\n line-height: ", ";\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "])), fontFamily, fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
|
|
1257
1286
|
}
|
|
1258
|
-
var templateObject_1$
|
|
1287
|
+
var templateObject_1$X, templateObject_2$C, templateObject_3$t, templateObject_4$p;
|
|
1259
1288
|
|
|
1260
|
-
var StyledAccordionDetails = styled(AccordionDetails$1)(templateObject_2$
|
|
1289
|
+
var StyledAccordionDetails = styled(AccordionDetails$1)(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
1261
1290
|
var spaces = getSpaces(props);
|
|
1262
|
-
return css(templateObject_1$
|
|
1291
|
+
return css(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n padding: ", "px ", "px ", "px;\n "], ["\n padding: ", "px ", "px ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m);
|
|
1263
1292
|
});
|
|
1264
|
-
var templateObject_1$
|
|
1293
|
+
var templateObject_1$W, templateObject_2$B;
|
|
1265
1294
|
|
|
1266
1295
|
var AccordionDetails = function (props) {
|
|
1267
1296
|
var children = props.children;
|
|
1268
1297
|
return jsx(StyledAccordionDetails, { children: children });
|
|
1269
1298
|
};
|
|
1270
1299
|
|
|
1271
|
-
var StyledAccordionHeader = styled(AccordionSummary)(templateObject_2$
|
|
1300
|
+
var StyledAccordionHeader = styled(AccordionSummary)(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontHeaderS, function (props) {
|
|
1272
1301
|
var _a, _b;
|
|
1273
1302
|
var spaces = getSpaces(props);
|
|
1274
1303
|
var semanticColors = getSemanticColors(props);
|
|
1275
|
-
return css(templateObject_1$
|
|
1304
|
+
return css(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n padding: ", "px;\n align-items: flex-start;\n box-sizing: border-box;\n\n .", " {\n margin: 0;\n flex-direction: column;\n\n &.", " {\n margin: 0;\n }\n }\n\n & .", " {\n margin-left: ", "px;\n margin-top: ", "px !important;\n align-self: center;\n\n svg {\n color: ", ";\n }\n }\n\n &:hover {\n & .", " {\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n padding: ", "px;\n align-items: flex-start;\n box-sizing: border-box;\n\n .", " {\n margin: 0;\n flex-direction: column;\n\n &.", " {\n margin: 0;\n }\n }\n\n & .", " {\n margin-left: ", "px;\n margin-top: ", "px !important;\n align-self: center;\n\n svg {\n color: ", ";\n }\n }\n\n &:hover {\n & .", " {\n svg {\n color: ", ";\n }\n }\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, accordionSummaryClasses.content, accordionSummaryClasses.expanded, accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, accordionSummaryClasses.expandIconWrapper, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimaryHover);
|
|
1276
1305
|
});
|
|
1277
|
-
var StyledSubtitle = styled("p")(templateObject_4$
|
|
1306
|
+
var StyledSubtitle = styled("p")(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
1278
1307
|
var _a;
|
|
1279
1308
|
var semanticColors = getSemanticColors(props);
|
|
1280
|
-
return css(templateObject_3$
|
|
1309
|
+
return css(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n color: ", ";\n margin: 0;\n "], ["\n color: ", ";\n margin: 0;\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary);
|
|
1281
1310
|
});
|
|
1282
|
-
var templateObject_1$
|
|
1311
|
+
var templateObject_1$V, templateObject_2$A, templateObject_3$s, templateObject_4$o;
|
|
1283
1312
|
|
|
1284
1313
|
var _path$2a, _path2$D, _path3$6;
|
|
1285
1314
|
function _extends$2f() { _extends$2f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2f.apply(this, arguments); }
|
|
@@ -3978,33 +4007,33 @@ function iconSize(props) {
|
|
|
3978
4007
|
var _a, _b;
|
|
3979
4008
|
var sdsSize = props.sdsSize;
|
|
3980
4009
|
var iconSizes = getIconSizes(props);
|
|
3981
|
-
return css(templateObject_1$
|
|
4010
|
+
return css(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n height: ", "px;\n width: ", "px;\n "], ["\n height: ", "px;\n width: ", "px;\n "])), (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _b === void 0 ? void 0 : _b.width);
|
|
3982
4011
|
}
|
|
3983
4012
|
function buttonStyle() {
|
|
3984
|
-
return css(templateObject_2$
|
|
4013
|
+
return css(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n color: inherit;\n "], ["\n color: inherit;\n "])));
|
|
3985
4014
|
}
|
|
3986
4015
|
function staticStyle(props) {
|
|
3987
4016
|
var _a;
|
|
3988
4017
|
var _b = props.iconColor, iconColor = _b === void 0 ? "blue" : _b, _c = props.shade, shade = _c === void 0 ? 500 : _c;
|
|
3989
4018
|
var colors = getColors(props);
|
|
3990
|
-
return css(templateObject_3$
|
|
4019
|
+
return css(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), (_a = colors === null || colors === void 0 ? void 0 : colors[iconColor]) === null || _a === void 0 ? void 0 : _a[shade]);
|
|
3991
4020
|
}
|
|
3992
4021
|
function interactive(props) {
|
|
3993
4022
|
var _a, _b, _c, _d;
|
|
3994
4023
|
var _e = props.iconColor, iconColor = _e === void 0 ? "blue" : _e, _f = props.shade, shade = _f === void 0 ? 500 : _f;
|
|
3995
4024
|
var colors = getColors(props);
|
|
3996
4025
|
var semanticColors = getSemanticColors(props);
|
|
3997
|
-
return css(templateObject_4$
|
|
4026
|
+
return css(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n\n &:disabled {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n\n &:disabled {\n color: ", ";\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimaryHover, (_c = colors === null || colors === void 0 ? void 0 : colors[iconColor]) === null || _c === void 0 ? void 0 : _c[shade], (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled);
|
|
3998
4027
|
}
|
|
3999
|
-
var doNotForwardProps$
|
|
4028
|
+
var doNotForwardProps$r = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
|
|
4000
4029
|
var StyledSvgIcon = styled(SvgIcon, {
|
|
4001
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4002
|
-
})(templateObject_6$
|
|
4030
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$r.includes(prop); },
|
|
4031
|
+
})(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4003
4032
|
var sdsType = props.sdsType;
|
|
4004
|
-
return css(templateObject_5$
|
|
4033
|
+
return css(templateObject_5$i || (templateObject_5$i = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), sdsType !== "iconButton" && iconSize(props), sdsType === "static" && staticStyle(props), sdsType === "interactive" && interactive(props), sdsType === "button" && buttonStyle());
|
|
4005
4034
|
});
|
|
4006
|
-
var StyledIcon = styled("div")(templateObject_7$
|
|
4007
|
-
var templateObject_1$
|
|
4035
|
+
var StyledIcon = styled("div")(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n display: contents;\n"], ["\n /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n display: contents;\n"])));
|
|
4036
|
+
var templateObject_1$U, templateObject_2$z, templateObject_3$r, templateObject_4$n, templateObject_5$i, templateObject_6$d, templateObject_7$9;
|
|
4008
4037
|
|
|
4009
4038
|
/**
|
|
4010
4039
|
* @see https://mui.com/material-ui/icons/#icons
|
|
@@ -4035,7 +4064,7 @@ var StyledAccordion = styled(Accordion$1, {
|
|
|
4035
4064
|
shouldForwardProp: function (prop) {
|
|
4036
4065
|
return !sdsPropNames$3.includes(prop.toString());
|
|
4037
4066
|
},
|
|
4038
|
-
})(templateObject_2$
|
|
4067
|
+
})(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4039
4068
|
var _a, _b, _c;
|
|
4040
4069
|
var useDivider = props.useDivider, togglePosition = props.togglePosition;
|
|
4041
4070
|
var shadows = getShadows(props);
|
|
@@ -4043,17 +4072,17 @@ var StyledAccordion = styled(Accordion$1, {
|
|
|
4043
4072
|
var borders = getBorders(props);
|
|
4044
4073
|
var spaces = getSpaces(props);
|
|
4045
4074
|
var semanticColors = getSemanticColors(props);
|
|
4046
|
-
return css(templateObject_1$
|
|
4075
|
+
return css(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n &.", " {\n background-color: ", ";\n background-image: none;\n box-shadow: ", ";\n font-family: ", ";\n border-bottom: ", ";\n height: fit-content;\n\n & .", " {\n ", "\n min-height: 44px;\n\n &.", " {\n background-color: unset;\n }\n\n &.", " {\n min-height: unset;\n }\n\n & .MuiAccordionSummary-expandIcon,\n & .", " {\n padding: 0;\n align-self: flex-start;\n margin-top: ", "px;\n }\n }\n\n .", " {\n ", "\n padding: ", "px;\n padding-top: ", "px;\n }\n\n &:before {\n opacity: 0;\n }\n\n &.", " {\n margin: 0;\n }\n\n ", "\n }\n "], ["\n &.", " {\n background-color: ", ";\n background-image: none;\n box-shadow: ", ";\n font-family: ", ";\n border-bottom: ", ";\n height: fit-content;\n\n & .", " {\n ", "\n min-height: 44px;\n\n &.", " {\n background-color: unset;\n }\n\n &.", " {\n min-height: unset;\n }\n\n & .MuiAccordionSummary-expandIcon,\n & .", " {\n padding: 0;\n align-self: flex-start;\n margin-top: ", "px;\n }\n }\n\n .", " {\n ", "\n padding: ", "px;\n padding-top: ", "px;\n }\n\n &:before {\n opacity: 0;\n }\n\n &.", " {\n margin: 0;\n }\n\n ", "\n }\n "])), accordionClasses.root, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfaceBackground, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_b = typography === null || typography === void 0 ? void 0 : typography.fontFamily) === null || _b === void 0 ? void 0 : _b.body, useDivider ? (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.divider : "none", accordionSummaryClasses.root, focusVisibleA11yStyle(props), accordionSummaryClasses.focusVisible, accordionSummaryClasses.expanded, accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, accordionDetailsClasses.root, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, accordionClasses.expanded, togglePosition === "left" && leftPosition(props));
|
|
4047
4076
|
});
|
|
4048
4077
|
var leftPosition = function (props) {
|
|
4049
4078
|
var _a, _b, _c;
|
|
4050
4079
|
var spaces = getSpaces(props);
|
|
4051
4080
|
var iconSizes = getIconSizes(props);
|
|
4052
|
-
return css(templateObject_3$
|
|
4081
|
+
return css(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n &.", " {\n & .", " {\n flex-direction: row-reverse;\n\n .", " {\n padding-left: ", "px;\n }\n\n .", " {\n margin: 0;\n transform: rotate(-90deg);\n align-self: flex-start;\n margin-top: ", "px;\n\n &.", " {\n transform: rotate(0deg);\n }\n }\n }\n\n /** This is to adjust the padding of the AccordionDetails when the togglePosition is left\n * The padding-left is the sum of the\n * left padding of the AccordionButton = spaces?.m\n * the width of the expandIcon = iconSizes?.xs.width\n * and the left padding of the AccordionSummary = spaces?.s \n */\n & .", " {\n padding-left: ", "px;\n }\n }\n "], ["\n &.", " {\n & .", " {\n flex-direction: row-reverse;\n\n .", " {\n padding-left: ", "px;\n }\n\n .", " {\n margin: 0;\n transform: rotate(-90deg);\n align-self: flex-start;\n margin-top: ", "px;\n\n &.", " {\n transform: rotate(0deg);\n }\n }\n }\n\n /** This is to adjust the padding of the AccordionDetails when the togglePosition is left\n * The padding-left is the sum of the\n * left padding of the AccordionButton = spaces?.m\n * the width of the expandIcon = iconSizes?.xs.width\n * and the left padding of the AccordionSummary = spaces?.s \n */\n & .", " {\n padding-left: ", "px;\n }\n }\n "])), accordionClasses.root, accordionSummaryClasses.root, accordionSummaryClasses.content, spaces === null || spaces === void 0 ? void 0 : spaces.s, accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, accordionSummaryClasses.expanded, accordionDetailsClasses.root, ((_a = spaces === null || spaces === void 0 ? void 0 : spaces.m) !== null && _a !== void 0 ? _a : 12) +
|
|
4053
4082
|
((_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.width) !== null && _b !== void 0 ? _b : 12) +
|
|
4054
4083
|
((_c = spaces === null || spaces === void 0 ? void 0 : spaces.s) !== null && _c !== void 0 ? _c : 8));
|
|
4055
4084
|
};
|
|
4056
|
-
var templateObject_1$
|
|
4085
|
+
var templateObject_1$T, templateObject_2$y, templateObject_3$q;
|
|
4057
4086
|
|
|
4058
4087
|
/**
|
|
4059
4088
|
* @see https://mui.com/material-ui/react-accordion/
|
|
@@ -4069,7 +4098,7 @@ var Accordion = React__default.forwardRef(function (props, ref) {
|
|
|
4069
4098
|
return (jsx(StyledAccordion, __assign({ square: true, useDivider: useDivider, togglePosition: togglePosition, expanded: expanded === id, onChange: handleChange(id), ref: ref }, props, { children: children })));
|
|
4070
4099
|
});
|
|
4071
4100
|
|
|
4072
|
-
var StyledAlert = styled(Alert$2)(templateObject_1$
|
|
4101
|
+
var StyledAlert = styled(Alert$2)(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4073
4102
|
var _a;
|
|
4074
4103
|
var colors = getColors(props);
|
|
4075
4104
|
var spaces = getSpaces(props);
|
|
@@ -4096,7 +4125,7 @@ function severityToColor(alertSeverity, colors) {
|
|
|
4096
4125
|
return colors === null || colors === void 0 ? void 0 : colors.green;
|
|
4097
4126
|
}
|
|
4098
4127
|
}
|
|
4099
|
-
var templateObject_1$
|
|
4128
|
+
var templateObject_1$S;
|
|
4100
4129
|
|
|
4101
4130
|
/**
|
|
4102
4131
|
* @see https://mui.com/material-ui/react-alert/
|
|
@@ -4187,7 +4216,7 @@ var showWarningIfFirstOccurence = function (warningType) {
|
|
|
4187
4216
|
SDS_WARNINGS[warningType].hasWarned = true;
|
|
4188
4217
|
};
|
|
4189
4218
|
|
|
4190
|
-
var doNotForwardProps$
|
|
4219
|
+
var doNotForwardProps$q = [
|
|
4191
4220
|
"isAllCaps",
|
|
4192
4221
|
"isRounded",
|
|
4193
4222
|
"sdsStyle",
|
|
@@ -4221,11 +4250,11 @@ var ButtonStyles = function (props) {
|
|
|
4221
4250
|
var disabledBorder = variant === "outlined"
|
|
4222
4251
|
? "inset 0 0 0 1px ".concat((_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.borderDisabled)
|
|
4223
4252
|
: "none";
|
|
4224
|
-
return css(templateObject_1$
|
|
4253
|
+
return css(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n padding: ", ";\n color: ", ";\n line-height: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:disabled {\n color: ", ";\n background-color: ", ";\n box-shadow: ", ";\n border: none;\n\n svg {\n color: ", ";\n }\n }\n\n .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n padding: ", ";\n color: ", ";\n line-height: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:disabled {\n color: ", ";\n background-color: ", ";\n box-shadow: ", ";\n border: none;\n\n svg {\n color: ", ";\n }\n }\n\n .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), backgroundColor, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _h === void 0 ? void 0 : _h.border, padding, contentColor, isAllCaps ? "20px" : "unset", ornamentColor, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.textPrimaryInverse, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _k === void 0 ? void 0 : _k.fillHover, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.borderHover, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _m === void 0 ? void 0 : _m.iconPrimaryInverse, (_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _o === void 0 ? void 0 : _o.textPrimaryInverse, (_p = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _p === void 0 ? void 0 : _p.fillPressed, (_q = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _q === void 0 ? void 0 : _q.fillPressed, (_r = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _r === void 0 ? void 0 : _r.iconPrimaryInverse, (_s = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _s === void 0 ? void 0 : _s.textDisabled, disabledBackgroundColor, disabledBorder, (_t = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _t === void 0 ? void 0 : _t.iconDisabled, buttonClasses.startIcon, buttonClasses.endIcon, (_u = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _u === void 0 ? void 0 : _u.width, (_v = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _v === void 0 ? void 0 : _v.width, (_w = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _w === void 0 ? void 0 : _w.width, buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s, buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s);
|
|
4225
4254
|
};
|
|
4226
4255
|
var Rounded = function (props) {
|
|
4227
4256
|
var corners = getCorners(props);
|
|
4228
|
-
return css(templateObject_2$
|
|
4257
|
+
return css(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n border-radius: ", "px;\n "], ["\n border-radius: ", "px;\n "])), corners === null || corners === void 0 ? void 0 : corners.l);
|
|
4229
4258
|
};
|
|
4230
4259
|
var DestructiveButton = function (props) {
|
|
4231
4260
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
@@ -4241,13 +4270,13 @@ var DestructiveButton = function (props) {
|
|
|
4241
4270
|
var backgroundColor = variant === "outlined"
|
|
4242
4271
|
? "transparent"
|
|
4243
4272
|
: (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _e === void 0 ? void 0 : _e.fillPrimary;
|
|
4244
|
-
return css(templateObject_3$
|
|
4273
|
+
return css(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n color: ", ";\n background-color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:disabled {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: ", ";\n\n svg {\n color: ", ";\n }\n }\n "], ["\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n color: ", ";\n background-color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: inset 0 0 0 1px ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:disabled {\n color: ", ";\n background-color: ", ";\n border: none;\n box-shadow: ", ";\n\n svg {\n color: ", ";\n }\n }\n "])), (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _f === void 0 ? void 0 : _f.border, contentColor, backgroundColor, ornamentColor, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.textPrimaryInverse, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _h === void 0 ? void 0 : _h.fillHover, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _j === void 0 ? void 0 : _j.fillHover, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _k === void 0 ? void 0 : _k.iconPrimaryInverse, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _l === void 0 ? void 0 : _l.textPrimaryInverse, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _m === void 0 ? void 0 : _m.fillPressed, (_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.negative) === null || _o === void 0 ? void 0 : _o.fillPressed, (_p = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _p === void 0 ? void 0 : _p.iconPrimaryInverse, (_q = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _q === void 0 ? void 0 : _q.textDisabled, (_r = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _r === void 0 ? void 0 : _r.fillDisabled, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_s = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _s === void 0 ? void 0 : _s.iconDisabled);
|
|
4245
4274
|
};
|
|
4246
4275
|
var StyledButton$3 = styled(Button$1, {
|
|
4247
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4248
|
-
})(templateObject_5$
|
|
4276
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
|
|
4277
|
+
})(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
4249
4278
|
var sdsStyle = props.sdsStyle, sdsType = props.sdsType, isAllCaps = props.isAllCaps;
|
|
4250
|
-
return css(templateObject_4$
|
|
4279
|
+
return css(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n ", "\n\n ", "\n ", "\n ", "\n "], ["\n ", "\n\n ", "\n ", "\n ", "\n "])), isAllCaps ? fontCapsXxs(props) : fontBodySemiboldXs(props), ButtonStyles(props), sdsStyle === "rounded" && Rounded(props), sdsType === "destructive" && DestructiveButton(props));
|
|
4251
4280
|
});
|
|
4252
4281
|
// Minimal Button Styles
|
|
4253
4282
|
var Minimal = function (props) {
|
|
@@ -4256,26 +4285,26 @@ var Minimal = function (props) {
|
|
|
4256
4285
|
var spaces = getSpaces(props);
|
|
4257
4286
|
var iconSizes = getIconSizes(props);
|
|
4258
4287
|
var semanticColors = getSemanticColors(props);
|
|
4259
|
-
return css(templateObject_6$
|
|
4288
|
+
return css(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n ", "\n ", "\n\n min-width: unset;\n padding: ", "px ", "px;\n\n &:hover,\n &:focus-visible {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n &:disabled {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n ", "\n ", "\n\n min-width: unset;\n padding: ", "px ", "px;\n\n &:hover,\n &:focus-visible {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n &:disabled {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), focusVisibleA11yStyle(props), isAllCaps ? fontCapsXxxs(props) : fontBodySemiboldXxs(props), isAllCaps ? spaces === null || spaces === void 0 ? void 0 : spaces.s : 7, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.textActionHover, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.iconHover, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.textActionPressed, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.iconPressed, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textDisabled, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.iconDisabled, buttonClasses.startIcon, buttonClasses.endIcon, (_h = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _h === void 0 ? void 0 : _h.width, (_j = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _j === void 0 ? void 0 : _j.width, (_k = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _k === void 0 ? void 0 : _k.width, buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
4260
4289
|
};
|
|
4261
4290
|
var PrimaryMinimalButton = function (props) {
|
|
4262
4291
|
var _a;
|
|
4263
4292
|
var semanticColors = getSemanticColors(props);
|
|
4264
|
-
return css(templateObject_7$
|
|
4293
|
+
return css(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n ", "\n color: ", ";\n "], ["\n ", "\n color: ", ";\n "])), Minimal(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.textAction);
|
|
4265
4294
|
};
|
|
4266
4295
|
var SecondaryMinimalButton = function (props) {
|
|
4267
4296
|
var _a;
|
|
4268
4297
|
var semanticColors = getSemanticColors(props);
|
|
4269
|
-
return css(templateObject_8$
|
|
4298
|
+
return css(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n ", "\n color: ", ";\n "], ["\n ", "\n color: ", ";\n "])), Minimal(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary);
|
|
4270
4299
|
};
|
|
4271
4300
|
var StyledMinimalButton = styled(Button$1, {
|
|
4272
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4301
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
|
|
4273
4302
|
})(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4274
4303
|
var sdsType = props.sdsType;
|
|
4275
4304
|
return css(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), sdsType === "primary" && PrimaryMinimalButton(props), sdsType === "secondary" && SecondaryMinimalButton(props));
|
|
4276
4305
|
});
|
|
4277
4306
|
var StyledButtonLegacy = styled(Button$1, {
|
|
4278
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4307
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
|
|
4279
4308
|
})(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
4280
4309
|
if (!props.isRounded)
|
|
4281
4310
|
return "";
|
|
@@ -4283,60 +4312,61 @@ var StyledButtonLegacy = styled(Button$1, {
|
|
|
4283
4312
|
var spaces = getSpaces(props);
|
|
4284
4313
|
return "\n border-radius: ".concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
4285
4314
|
});
|
|
4286
|
-
var templateObject_1$
|
|
4315
|
+
var templateObject_1$R, templateObject_2$x, templateObject_3$p, templateObject_4$m, templateObject_5$h, templateObject_6$c, templateObject_7$8, templateObject_8$6, templateObject_9$3, templateObject_10$2, templateObject_11$1;
|
|
4287
4316
|
|
|
4288
4317
|
var isDisabled$1 = function (props) {
|
|
4289
4318
|
var _a, _b;
|
|
4290
4319
|
var semanticColors = getSemanticColors(props);
|
|
4291
|
-
return css(templateObject_1$
|
|
4320
|
+
return css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled);
|
|
4292
4321
|
};
|
|
4293
4322
|
var primary$2 = function (props) {
|
|
4294
4323
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
4295
4324
|
var semanticColors = getSemanticColors(props);
|
|
4296
|
-
return css(templateObject_2$
|
|
4325
|
+
return css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.textAction, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.icon, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.textActionHover, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.iconHover, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.fillPressed, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.textActionPressed, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _h === void 0 ? void 0 : _h.iconPressed);
|
|
4297
4326
|
};
|
|
4298
4327
|
var secondary$2 = function (props) {
|
|
4299
4328
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
4300
4329
|
var semanticColors = getSemanticColors(props);
|
|
4301
|
-
return css(templateObject_3$
|
|
4330
|
+
return css(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: ", ";\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.iconHover, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.iconHover, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.fillPressed, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.iconPressed, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _h === void 0 ? void 0 : _h.iconPressed);
|
|
4302
4331
|
};
|
|
4303
4332
|
var tertiary = function (props) {
|
|
4304
4333
|
var _a, _b, _c, _d, _e, _f;
|
|
4305
4334
|
var semanticColors = getSemanticColors(props);
|
|
4306
|
-
return css(templateObject_4$
|
|
4335
|
+
return css(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.iconPrimaryHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconPrimaryHover, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimaryPressed, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.iconPrimaryPressed);
|
|
4307
4336
|
};
|
|
4308
4337
|
var small$1 = function (props) {
|
|
4309
4338
|
var sdsType = props.sdsType;
|
|
4310
4339
|
var iconSizes = getIconSizes(props);
|
|
4311
4340
|
var spaces = getSpaces(props);
|
|
4312
|
-
return css(templateObject_5$
|
|
4341
|
+
return css(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
|
|
4313
4342
|
};
|
|
4314
4343
|
var medium$1 = function (props) {
|
|
4315
4344
|
var sdsType = props.sdsType;
|
|
4316
4345
|
var iconSizes = getIconSizes(props);
|
|
4317
4346
|
var spaces = getSpaces(props);
|
|
4318
|
-
return css(templateObject_6$
|
|
4347
|
+
return css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
|
|
4319
4348
|
};
|
|
4320
4349
|
var large = function (props) {
|
|
4321
4350
|
var sdsType = props.sdsType;
|
|
4322
4351
|
var iconSizes = getIconSizes(props);
|
|
4323
4352
|
var spaces = getSpaces(props);
|
|
4324
|
-
return css(templateObject_7$
|
|
4353
|
+
return css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;") : "");
|
|
4325
4354
|
};
|
|
4326
|
-
var doNotForwardProps$
|
|
4355
|
+
var doNotForwardProps$p = [
|
|
4327
4356
|
"on",
|
|
4328
4357
|
"sdsSize",
|
|
4329
4358
|
"sdsType",
|
|
4359
|
+
"sdsStyle",
|
|
4330
4360
|
"sdsIcon",
|
|
4331
4361
|
"sdsIconProps",
|
|
4332
4362
|
];
|
|
4333
4363
|
var StyledButtonIcon = styled(IconButton, {
|
|
4334
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4364
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
|
|
4335
4365
|
})(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
4336
4366
|
var disabled = props.disabled, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsType, sdsType = _b === void 0 ? "primary" : _b;
|
|
4337
|
-
return css(templateObject_8$
|
|
4367
|
+
return css(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
|
|
4338
4368
|
});
|
|
4339
|
-
var templateObject_1$
|
|
4369
|
+
var templateObject_1$Q, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$g, templateObject_6$b, templateObject_7$7, templateObject_8$5, templateObject_9$2;
|
|
4340
4370
|
|
|
4341
4371
|
var ButtonIconSizeToSdsIconSize = {
|
|
4342
4372
|
large: "xl",
|
|
@@ -4437,24 +4467,19 @@ var rounded$3 = function (props) {
|
|
|
4437
4467
|
var _a;
|
|
4438
4468
|
var corners = getCorners(props);
|
|
4439
4469
|
var semanticColors = getSemanticColors(props);
|
|
4440
|
-
return css(templateObject_1$
|
|
4470
|
+
return css(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n .", " {\n border-radius: ", "px;\n\n .", " {\n border-radius: ", "px;\n border: 1px solid ", ";\n }\n }\n "], ["\n .", " {\n border-radius: ", "px;\n\n .", " {\n border-radius: ", "px;\n border: 1px solid ", ";\n }\n }\n "])), outlinedInputClasses.root, corners === null || corners === void 0 ? void 0 : corners.l, outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.border);
|
|
4441
4471
|
};
|
|
4442
|
-
var
|
|
4472
|
+
var applyIntentColor$2 = function (props, intent) {
|
|
4443
4473
|
var _a, _b, _c, _d;
|
|
4444
4474
|
var semanticColors = getSemanticColors(props);
|
|
4445
|
-
return css(templateObject_2$
|
|
4446
|
-
};
|
|
4447
|
-
var warning$1 = function (props) {
|
|
4448
|
-
var _a, _b, _c, _d;
|
|
4449
|
-
var semanticColors = getSemanticColors(props);
|
|
4450
|
-
return css(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.notice) === null || _a === void 0 ? void 0 : _a.border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderHover, inputAdornmentClasses.root, buttonBaseClasses.root, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconPrimaryHover);
|
|
4475
|
+
return css(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: 1px solid ", ";\n }\n\n .", ":hover\n .", " {\n border: 1px solid ", ";\n }\n\n .", ".", " {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[intent]) === null || _a === void 0 ? void 0 : _a.border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderHover, inputAdornmentClasses.root, buttonBaseClasses.root, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconPrimaryHover);
|
|
4451
4476
|
};
|
|
4452
4477
|
var disabledStyled$2 = function (props) {
|
|
4453
4478
|
var _a, _b, _c, _d;
|
|
4454
4479
|
var semanticColors = getSemanticColors(props);
|
|
4455
|
-
return css(
|
|
4480
|
+
return css(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n .", " {\n .", " {\n border: 1px solid ", " !important;\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover .", " {\n border: 1px solid ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "], ["\n .", " {\n .", " {\n border: 1px solid ", " !important;\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover .", " {\n border: 1px solid ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "])), outlinedInputClasses.disabled, outlinedInputClasses.notchedOutline, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, inputAdornmentClasses.root, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, outlinedInputClasses.notchedOutline, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textDisabled);
|
|
4456
4481
|
};
|
|
4457
|
-
var StyledLabel$2 = styled("label")(
|
|
4482
|
+
var StyledLabel$2 = styled("label")(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyM$1, function (props) {
|
|
4458
4483
|
var spaces = getSpaces(props);
|
|
4459
4484
|
return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n position: absolute;\n overflow: hidden;\n clip: rect(0 0 0 0);\n height: 1px;\n width: 1px;\n margin: -1px; \n padding: 0; \n border: 0;\n ");
|
|
4460
4485
|
});
|
|
@@ -4462,18 +4487,18 @@ var StyledSearchBase = styled(TextField, {
|
|
|
4462
4487
|
shouldForwardProp: function (prop) {
|
|
4463
4488
|
return !sdsPropNames$2.includes(prop.toString());
|
|
4464
4489
|
},
|
|
4465
|
-
})(
|
|
4490
|
+
})(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4466
4491
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
4467
4492
|
var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle;
|
|
4468
4493
|
var spaces = getSpaces(props);
|
|
4469
4494
|
var iconSizes = getIconSizes(props);
|
|
4470
4495
|
var semanticColors = getSemanticColors(props);
|
|
4471
|
-
return css(
|
|
4496
|
+
return css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n opacity: 0;\n cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n background-color: ", ";\n width: 100%;\n\n .", " {\n padding-right: ", "px;\n }\n\n .MuiInputAdornment-positionEnd {\n position: absolute;\n right: ", "px;\n }\n\n .", " {\n border: 1px solid ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n opacity: 1;\n\n svg {\n color: ", " !important;\n }\n\n &:hover {\n svg {\n color: ", " !important;\n }\n }\n\n &:active {\n svg {\n color: ", " !important;\n }\n }\n }\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", ":hover {\n & .", ":last-of-type {\n svg {\n color: ", ";\n }\n }\n .", " {\n border: 1px solid ", ";\n }\n }\n\n .", ".", " {\n outline: none;\n\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n &.user-is-tabbing .", ":focus-within {\n outline: 2px solid ", ";\n outline-offset: 1px;\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n opacity: 0;\n cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n background-color: ", ";\n width: 100%;\n\n .", " {\n padding-right: ", "px;\n }\n\n .MuiInputAdornment-positionEnd {\n position: absolute;\n right: ", "px;\n }\n\n .", " {\n border: 1px solid ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n opacity: 1;\n\n svg {\n color: ", " !important;\n }\n\n &:hover {\n svg {\n color: ", " !important;\n }\n }\n\n &:active {\n svg {\n color: ", " !important;\n }\n }\n }\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", ":hover {\n & .", ":last-of-type {\n svg {\n color: ", ";\n }\n }\n .", " {\n border: 1px solid ", ";\n }\n }\n\n .", ".", " {\n outline: none;\n\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n &.user-is-tabbing .", ":focus-within {\n outline: 2px solid ", ";\n outline-offset: 1px;\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _b === void 0 ? void 0 : _b.width, outlinedInputClasses.root, spaces === null || spaces === void 0 ? void 0 : spaces.m, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.surfacePrimary, outlinedInputClasses.input, spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.m, outlinedInputClasses.notchedOutline, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.border, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimary, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.iconPrimaryHover, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, inputBaseClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.surfacePrimary, outlinedInputClasses.root, buttonBaseClasses.root, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.iconPrimaryHover, outlinedInputClasses.notchedOutline, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _k === void 0 ? void 0 : _k.borderHover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _m === void 0 ? void 0 : _m.icon, outlinedInputClasses.root, (_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _o === void 0 ? void 0 : _o.borderHover, sdsStyle === "rounded" && rounded$3(props), intent === "negative" && applyIntentColor$2(props, "negative"), intent === "notice" && applyIntentColor$2(props, "notice"), intent === "positive" && applyIntentColor$2(props, "positive"), disabled && disabledStyled$2(props));
|
|
4472
4497
|
});
|
|
4473
|
-
var StyledInputAdornment = styled(InputAdornment)(
|
|
4474
|
-
var templateObject_1$
|
|
4498
|
+
var StyledInputAdornment = styled(InputAdornment)(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n position: relative;\n height: unset;\n margin: 0;\n"], ["\n position: relative;\n height: unset;\n margin: 0;\n"])));
|
|
4499
|
+
var templateObject_1$P, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$f, templateObject_6$a, templateObject_7$6;
|
|
4475
4500
|
|
|
4476
|
-
var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$
|
|
4501
|
+
var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4477
4502
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
4478
4503
|
var selected = props.selected;
|
|
4479
4504
|
var fontWeights = getFontWeights(props);
|
|
@@ -4481,7 +4506,7 @@ var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$L || (templateObject_
|
|
|
4481
4506
|
var semanticColors = getSemanticColors(props);
|
|
4482
4507
|
return "\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px !important;\n min-height: unset;\n opacity: 1;\n\n &.MuiAutocomplete-option {\n min-height: unset;\n }\n \n .primary-text {\n font-weight: ").concat(selected ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n }\n\n &.MuiButtonBase-root {\n background-color: transparent;\n opacity: 1;\n\n &:hover, &.").concat(menuItemClasses.focusVisible, " {\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.fillHover, ";\n\n &[aria-selected=\"true\"] {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n }\n }\n }\n\n &.").concat(menuItemClasses.root, " .MuiSvgIcon-root {\n align-self: flex-start;\n }\n\n &.").concat(menuItemClasses.root, " .").concat(menuItemClasses.disabled, " {\n opacity: 1 !important;\n }\n\n &.MuiAutocomplete-option[aria-selected=\"true\"] {\n &:hover {\n background-color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, " !important;\n }\n\n svg.check-icon {\n color: ").concat(selected ? (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.iconSelected : (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimary, ";\n }\n }\n\n &.MuiAutocomplete-option[aria-disabled=\"true\"] {\n opacity: 1;\n }\n\n &:hover {\n background-color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.fillHover, ";\n svg.check-icon {\n color: ").concat(selected ? (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.iconHover : (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.iconPrimary, ";\n }\n }\n\n &.Mui-selected.MuiListItem-root.MuiListItem-button {\n background-color: ").concat((_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.surfacePrimary, ";\n &:hover {\n background-color: ").concat((_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _k === void 0 ? void 0 : _k.fillHover, ";\n }\n .primary-text {\n font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n }\n }\n\n &:active {\n svg.check-icon {\n color: ").concat((_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.iconPressed, ";\n }\n\n &:active {\n svg.check-icon {\n color: ").concat((_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _m === void 0 ? void 0 : _m.iconPressed, ";\n }\n\n .primary-text {\n font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n }\n }\n }\n ");
|
|
4483
4508
|
});
|
|
4484
|
-
var ContentWrapper = styled("span")(templateObject_2$
|
|
4509
|
+
var ContentWrapper = styled("span")(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"])));
|
|
4485
4510
|
var disabledStyles = function (props) {
|
|
4486
4511
|
var _a;
|
|
4487
4512
|
var disabled = props.disabled;
|
|
@@ -4490,12 +4515,12 @@ var disabledStyles = function (props) {
|
|
|
4490
4515
|
var semanticColors = getSemanticColors(props);
|
|
4491
4516
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textDisabled, ";\n cursor: default;\n ");
|
|
4492
4517
|
};
|
|
4493
|
-
var TextWrapper = styled("span")(templateObject_3$
|
|
4518
|
+
var TextWrapper = styled("span")(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
4494
4519
|
var _a;
|
|
4495
4520
|
var semanticColors = getSemanticColors(props);
|
|
4496
4521
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n display: flex;\n white-space: pre-wrap;\n ");
|
|
4497
4522
|
}, disabledStyles);
|
|
4498
|
-
var StyledMenuItemIcon = styled("span")(templateObject_4$
|
|
4523
|
+
var StyledMenuItemIcon = styled("span")(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4499
4524
|
var _a;
|
|
4500
4525
|
var disabled = props.disabled;
|
|
4501
4526
|
var spaces = getSpaces(props);
|
|
@@ -4503,20 +4528,20 @@ var StyledMenuItemIcon = styled("span")(templateObject_4$i || (templateObject_4$
|
|
|
4503
4528
|
var semanticColors = getSemanticColors(props);
|
|
4504
4529
|
return "\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n\n .MuiSvgIcon-root {\n ").concat(disabled ? "color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, ";") : null, "\n }\n ");
|
|
4505
4530
|
});
|
|
4506
|
-
var ColumnWrapper = styled("span")(templateObject_5$
|
|
4531
|
+
var ColumnWrapper = styled("span")(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
4507
4532
|
var _a;
|
|
4508
4533
|
var semanticColors = getSemanticColors(props);
|
|
4509
4534
|
var spaces = getSpaces(props);
|
|
4510
4535
|
return "\n text-align: right;\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
4511
4536
|
}, disabledStyles);
|
|
4512
|
-
var StyledIconWrapper = styled("span")(templateObject_6$
|
|
4537
|
+
var StyledIconWrapper = styled("span")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4513
4538
|
var spaces = getSpaces(props);
|
|
4514
4539
|
var iconSizes = getIconSizes(props);
|
|
4515
4540
|
return "\n align-self: start;\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n ");
|
|
4516
4541
|
});
|
|
4517
4542
|
var StyledCheck = styled(Check, {
|
|
4518
4543
|
shouldForwardProp: function (prop) { return prop !== "selected"; },
|
|
4519
|
-
})(templateObject_7$
|
|
4544
|
+
})(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4520
4545
|
var _a, _b;
|
|
4521
4546
|
var selected = props.selected, disabled = props.disabled;
|
|
4522
4547
|
var iconSizes = getIconSizes(props);
|
|
@@ -4538,7 +4563,7 @@ var StyledMinus = styled(Remove, {
|
|
|
4538
4563
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.icon;
|
|
4539
4564
|
return "\n color: ".concat(selected ? selectedColor : "transparent", ";\n padding: 0;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ");
|
|
4540
4565
|
});
|
|
4541
|
-
var templateObject_1$
|
|
4566
|
+
var templateObject_1$O, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$e, templateObject_6$9, templateObject_7$5, templateObject_8$4;
|
|
4542
4567
|
|
|
4543
4568
|
/**
|
|
4544
4569
|
* @see https://mui.com/material-ui/react-menu/
|
|
@@ -4704,7 +4729,7 @@ var InputSearch = forwardRef(function InputSearch(props, ref) {
|
|
|
4704
4729
|
autoComplete: "one-time-code" }, rest))] }));
|
|
4705
4730
|
});
|
|
4706
4731
|
|
|
4707
|
-
var doNotForwardProps$
|
|
4732
|
+
var doNotForwardProps$o = [
|
|
4708
4733
|
"count",
|
|
4709
4734
|
"keepSearchOnSelect",
|
|
4710
4735
|
"search",
|
|
@@ -4713,8 +4738,8 @@ var doNotForwardProps$n = [
|
|
|
4713
4738
|
"onClickAway",
|
|
4714
4739
|
];
|
|
4715
4740
|
var StyledAutocompleteBase = styled(Autocomplete$1, {
|
|
4716
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4717
|
-
})(templateObject_1$
|
|
4741
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
4742
|
+
})(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n + .", "\n > .", "\n .", " {\n ", "\n }\n\n ", "\n"], ["\n + .", "\n > .", "\n .", " {\n ", "\n }\n\n ", "\n"])), autocompleteClasses.popper, autocompleteClasses.paper, autocompleteClasses.groupLabel, fontCapsXxxxs, function (props) {
|
|
4718
4743
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
4719
4744
|
var search = props.search;
|
|
4720
4745
|
var spaces = getSpaces(props);
|
|
@@ -4723,8 +4748,8 @@ var StyledAutocompleteBase = styled(Autocomplete$1, {
|
|
|
4723
4748
|
return "\n ".concat(!search && "height: 0; margin: 0 !important;", ";\n \n // (masoudmanson): We need to apply the focus styles to the input element\n // when the user is tabbing through the options. To find out more, take a\n // look at the useDetectUserTabbing hook.\n &[data-user-is-tabbing=\"true\"]:focus-within {\n border-radius: 4px;\n outline: 2px solid ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderHover, ";\n outline-offset: 1px;\n }\n\n .MuiFormControl-root {\n outline: none;\n }\n\n .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n\n .MuiAutocomplete-input {\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n }\n\n & + .").concat(autocompleteClasses.popper, " > .").concat(autocompleteClasses.paper, " {\n .").concat(autocompleteClasses.listbox, " {\n max-height: 40vh;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n\n .").concat(autocompleteClasses.option, " {\n min-height: unset;\n\n &.").concat(autocompleteClasses.focused, " {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.surfaceSecondary, ";\n }\n\n &[aria-selected=\"true\"] {\n background-color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.surfacePrimary, ";\n }\n\n &[aria-disabled=\"true\"] {\n opacity: 1;\n }\n\n &[aria-selected=\"true\"].").concat(autocompleteClasses.focused, " {\n background-color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.surfaceSecondary, ";\n }\n }\n\n & > li:last-child .").concat(autocompleteClasses.groupUl, " {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .").concat(autocompleteClasses.groupLabel, " {\n top: 0;\n color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.textSecondary, ";\n background-color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.surfacePrimary, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n\n .").concat(autocompleteClasses.groupUl, " {\n position: relative;\n margin: 0 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n border-bottom: ").concat((_g = borders === null || borders === void 0 ? void 0 : borders.base) === null || _g === void 0 ? void 0 : _g.divider, ";\n padding-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n & li:last-of-type {\n position: relative;\n }\n }\n\n .").concat(autocompleteClasses.noOptions, " {\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n .").concat(autocompleteClasses.loading, " {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n }\n }\n ");
|
|
4724
4749
|
});
|
|
4725
4750
|
var InputBaseWrapper$1 = styled("div", {
|
|
4726
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4727
|
-
})(templateObject_2$
|
|
4751
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
4752
|
+
})(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4728
4753
|
var search = props.search;
|
|
4729
4754
|
if (!search) {
|
|
4730
4755
|
// (thuang): We cannot use `display: none;` here, since
|
|
@@ -4734,12 +4759,12 @@ var InputBaseWrapper$1 = styled("div", {
|
|
|
4734
4759
|
}
|
|
4735
4760
|
});
|
|
4736
4761
|
var StyledMenuInputSearch$1 = styled(InputSearch, {
|
|
4737
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4738
|
-
})(templateObject_3$
|
|
4762
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
4763
|
+
})(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"], ["\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"])), function (_a) {
|
|
4739
4764
|
var search = _a.search;
|
|
4740
4765
|
return (search ? "auto" : "transparent");
|
|
4741
4766
|
});
|
|
4742
|
-
var StyledPaper$3 = styled(Paper)(templateObject_4$
|
|
4767
|
+
var StyledPaper$3 = styled(Paper)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4743
4768
|
var _a;
|
|
4744
4769
|
var spaces = getSpaces(props);
|
|
4745
4770
|
var corners = getCorners(props);
|
|
@@ -4748,13 +4773,13 @@ var StyledPaper$3 = styled(Paper)(templateObject_4$h || (templateObject_4$h = __
|
|
|
4748
4773
|
var semanticColors = getSemanticColors(props);
|
|
4749
4774
|
return "\n background-image: none;\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ;\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n box-sizing: border-box;\n ");
|
|
4750
4775
|
});
|
|
4751
|
-
var StyledMenuItemDetails = styled("div")(templateObject_5$
|
|
4776
|
+
var StyledMenuItemDetails = styled("div")(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
4752
4777
|
var _a;
|
|
4753
4778
|
var semanticColors = getSemanticColors(props);
|
|
4754
4779
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n white-space: pre-wrap;\n ");
|
|
4755
4780
|
});
|
|
4756
|
-
var StyledMenuItemText = styled("div")(templateObject_6$
|
|
4757
|
-
var templateObject_1$
|
|
4781
|
+
var StyledMenuItemText = styled("div")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
4782
|
+
var templateObject_1$N, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$d, templateObject_6$8;
|
|
4758
4783
|
|
|
4759
4784
|
var AutocompleteBase = function (props) {
|
|
4760
4785
|
var multiple = props.multiple, _a = props.disableCloseOnSelect, disableCloseOnSelect = _a === void 0 ? multiple : _a, _b = props.getOptionLabel, getOptionLabel = _b === void 0 ? defaultGetOptionLabel : _b, _c = props.InputBaseProps, InputBaseProps = _c === void 0 ? EMPTY_OBJECT : _c, _d = props.isOptionEqualToValue, isOptionEqualToValue = _d === void 0 ? defaultIsOptionEqualToValue : _d, _e = props.keepSearchOnSelect, keepSearchOnSelect = _e === void 0 ? false : _e, _f = props.label, label = _f === void 0 ? "Label" : _f, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.renderOption, renderOption = _l === void 0 ? defaultRenderOption : _l, _m = props.renderTags, renderTags = _m === void 0 ? defaultRenderTags : _m, _o = props.search, search = _o === void 0 ? false : _o, _p = props.clearOnBlur, clearOnBlur = _p === void 0 ? false : _p, _q = props.blurOnSelect, blurOnSelect = _q === void 0 ? !multiple : _q, onClickAway = props.onClickAway, onClick = props.onClick, onOpen = props.onOpen, onClose = props.onClose, disabled = props.disabled;
|
|
@@ -4919,27 +4944,27 @@ var AutocompleteBase = function (props) {
|
|
|
4919
4944
|
}
|
|
4920
4945
|
};
|
|
4921
4946
|
|
|
4922
|
-
var StyledColumn = styled("div")(templateObject_1$
|
|
4947
|
+
var StyledColumn = styled("div")(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4923
4948
|
var _a;
|
|
4924
4949
|
var _b = props.width, width = _b === void 0 ? 280 : _b;
|
|
4925
4950
|
var spaces = getSpaces(props);
|
|
4926
4951
|
var borders = getBorders(props);
|
|
4927
4952
|
return "\n position: relative;\n width: ".concat(width, "px;\n\n &:not(:last-child) {\n border-right: ").concat((_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.divider, ";\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n // (masoudmanson): This code hides the relation icon of the last column\n &:last-of-type {\n .SdsAutocompleteMultiColumn-column-relation-icon {\n display: none;\n }\n }\n ");
|
|
4928
4953
|
});
|
|
4929
|
-
var StyledColumnTitle = styled("p")(templateObject_2$
|
|
4954
|
+
var StyledColumnTitle = styled("p")(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontCapsXxxxs, function (props) {
|
|
4930
4955
|
var _a;
|
|
4931
4956
|
var spaces = getSpaces(props);
|
|
4932
4957
|
var semanticColors = getSemanticColors(props);
|
|
4933
4958
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n margin: 0;\n ");
|
|
4934
4959
|
});
|
|
4935
|
-
var StyledColumnIcon = styled("span")(templateObject_3$
|
|
4960
|
+
var StyledColumnIcon = styled("span")(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4936
4961
|
var _a, _b;
|
|
4937
4962
|
var spaces = getSpaces(props);
|
|
4938
4963
|
var iconSizes = getIconSizes(props);
|
|
4939
4964
|
var semanticColors = getSemanticColors(props);
|
|
4940
4965
|
return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n position: absolute;\n right: -").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n top: -2px;\n padding-bottom: 2px;\n\n svg {\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary, ";\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.width, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.height, "px;\n }\n ");
|
|
4941
4966
|
});
|
|
4942
|
-
var templateObject_1$
|
|
4967
|
+
var templateObject_1$M, templateObject_2$s, templateObject_3$k;
|
|
4943
4968
|
|
|
4944
4969
|
var AutocompleteGroup = function (props) {
|
|
4945
4970
|
var autocompleteProps = props.autocompleteProps, onValueChange = props.onValueChange, propValue = props.value, multiple = props.multiple, label = props.label, InputBaseProps = props.InputBaseProps, popperOpen = props.popperOpen, inputValue = props.inputValue, PaperComponent = props.PaperComponent, rest = __rest(props, ["autocompleteProps", "onValueChange", "value", "multiple", "label", "InputBaseProps", "popperOpen", "inputValue", "PaperComponent"]);
|
|
@@ -4979,7 +5004,7 @@ var AutocompleteGroup = function (props) {
|
|
|
4979
5004
|
}
|
|
4980
5005
|
};
|
|
4981
5006
|
|
|
4982
|
-
var doNotForwardProps$
|
|
5007
|
+
var doNotForwardProps$n = [
|
|
4983
5008
|
"anchorEl",
|
|
4984
5009
|
"count",
|
|
4985
5010
|
"keepSearchOnSelect",
|
|
@@ -4992,9 +5017,9 @@ var doNotForwardProps$m = [
|
|
|
4992
5017
|
];
|
|
4993
5018
|
var StyledPopper$2 = styled(Popper, {
|
|
4994
5019
|
shouldForwardProp: function (prop) {
|
|
4995
|
-
return !doNotForwardProps$
|
|
5020
|
+
return !doNotForwardProps$n.includes(prop) || prop === "anchorEl";
|
|
4996
5021
|
},
|
|
4997
|
-
})(templateObject_1$
|
|
5022
|
+
})(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4998
5023
|
var _a;
|
|
4999
5024
|
var corners = getCorners(props);
|
|
5000
5025
|
var shadows = getShadows(props);
|
|
@@ -5004,24 +5029,24 @@ var StyledPopper$2 = styled(Popper, {
|
|
|
5004
5029
|
return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n background-image: none;\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n box-sizing: border-box;\n z-index: 1400;\n\n .").concat(autocompleteClasses.popper, ".").concat(autocompleteClasses.popperDisablePortal, " {\n position: relative !important;\n transform: none !important;\n \n .MuiPaper-root .").concat(autocompleteClasses.listbox, " {\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0 0;\n }\n }\n ");
|
|
5005
5030
|
});
|
|
5006
5031
|
var StyledPaper$2 = styled(Paper, {
|
|
5007
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5008
|
-
})(templateObject_2$
|
|
5032
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
|
|
5033
|
+
})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5009
5034
|
var _a;
|
|
5010
5035
|
var shadows = getShadows(props);
|
|
5011
5036
|
var semanticColors = getSemanticColors(props);
|
|
5012
5037
|
return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n background-image: none;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n margin: 0;\n border-radius: 0;\n padding-top: 0;\n padding-bottom: 0;\n ");
|
|
5013
5038
|
});
|
|
5014
|
-
var StyledAutocompleteGroupWrapper = styled("div")(templateObject_3$
|
|
5039
|
+
var StyledAutocompleteGroupWrapper = styled("div")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
5015
5040
|
var StyledAutocompleteInput = styled(InputSearch, {
|
|
5016
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5017
|
-
})(templateObject_4$
|
|
5041
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
|
|
5042
|
+
})(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n ", "\n\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"], ["\n ", "\n\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"])), function (_a) {
|
|
5018
5043
|
var search = _a.search;
|
|
5019
5044
|
return !search && "height: 0; display: none; margin: 0 !important;";
|
|
5020
5045
|
}, function (_a) {
|
|
5021
5046
|
var search = _a.search;
|
|
5022
5047
|
return (search ? "auto" : "transparent");
|
|
5023
5048
|
});
|
|
5024
|
-
var templateObject_1$
|
|
5049
|
+
var templateObject_1$L, templateObject_2$r, templateObject_3$j, templateObject_4$h;
|
|
5025
5050
|
|
|
5026
5051
|
var AutocompleteMultiColumn = function (props) {
|
|
5027
5052
|
var _a;
|
|
@@ -5207,13 +5232,13 @@ var Autocomplete = function (props) {
|
|
|
5207
5232
|
}
|
|
5208
5233
|
};
|
|
5209
5234
|
|
|
5210
|
-
var Centered = styled("div")(templateObject_1$
|
|
5235
|
+
var Centered = styled("div")(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n flex: 1 1 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n flex: 1 1 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
5211
5236
|
var doNotForwardPropsIconWrapper = ["bannerType"];
|
|
5212
5237
|
var IconWrapper$1 = styled("div", {
|
|
5213
5238
|
shouldForwardProp: function (prop) {
|
|
5214
5239
|
return !doNotForwardPropsIconWrapper.includes(prop);
|
|
5215
5240
|
},
|
|
5216
|
-
})(templateObject_2$
|
|
5241
|
+
})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5217
5242
|
var _a, _b;
|
|
5218
5243
|
var bannerType = props.bannerType;
|
|
5219
5244
|
var iconSizes = getIconSizes(props);
|
|
@@ -5226,7 +5251,7 @@ var StyledButton$2 = styled(Button, {
|
|
|
5226
5251
|
shouldForwardProp: function (prop) {
|
|
5227
5252
|
return !doNotForwardPropsButtonIcon.includes(prop);
|
|
5228
5253
|
},
|
|
5229
|
-
})(templateObject_3$
|
|
5254
|
+
})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n flex: 0 0 auto;\n\n ", "\n"], ["\n flex: 0 0 auto;\n\n ", "\n"])), function (props) {
|
|
5230
5255
|
var _a, _b;
|
|
5231
5256
|
var bannerType = props.bannerType;
|
|
5232
5257
|
var semanticColors = getSemanticColors(props);
|
|
@@ -5234,7 +5259,7 @@ var StyledButton$2 = styled(Button, {
|
|
|
5234
5259
|
return "";
|
|
5235
5260
|
return "\n svg {\n fill: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimaryInverse, ";\n }\n\n svg:hover {\n fill: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimaryInverseHover, ";\n }\n ");
|
|
5236
5261
|
});
|
|
5237
|
-
styled("div")(templateObject_4$
|
|
5262
|
+
styled("div")(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), fontBodyS$1);
|
|
5238
5263
|
var primary$1 = function (props) {
|
|
5239
5264
|
var _a, _b;
|
|
5240
5265
|
var semanticColors = getSemanticColors(props);
|
|
@@ -5245,15 +5270,15 @@ var secondary$1 = function (props) {
|
|
|
5245
5270
|
var semanticColors = getSemanticColors(props);
|
|
5246
5271
|
return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimary, ";\n ");
|
|
5247
5272
|
};
|
|
5248
|
-
var doNotForwardProps$
|
|
5273
|
+
var doNotForwardProps$m = ["sdsType", "textChild"];
|
|
5249
5274
|
var StyledBanner = styled("div", {
|
|
5250
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5251
|
-
})(templateObject_5$
|
|
5275
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
|
|
5276
|
+
})(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
5252
5277
|
var sdsType = props.sdsType;
|
|
5253
5278
|
var spaces = getSpaces(props);
|
|
5254
5279
|
return "\n display: flex;\n align-items: center;\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n \n ").concat(sdsType === "primary" ? primary$1(props) : "", "\n ").concat(sdsType === "secondary" ? secondary$1(props) : "", "\n ");
|
|
5255
5280
|
});
|
|
5256
|
-
var templateObject_1$
|
|
5281
|
+
var templateObject_1$K, templateObject_2$q, templateObject_3$i, templateObject_4$g, templateObject_5$c;
|
|
5257
5282
|
|
|
5258
5283
|
var Banner = forwardRef(function Banner(props, ref) {
|
|
5259
5284
|
var children = props.children, dismissed = props.dismissed, _a = props.dismissible, dismissible = _a === void 0 ? true : _a, onClose = props.onClose, sdsType = props.sdsType, icon = props.icon, sdsIconProps = props.sdsIconProps, rest = __rest(props, ["children", "dismissed", "dismissible", "onClose", "sdsType", "icon", "sdsIconProps"]);
|
|
@@ -5321,10 +5346,10 @@ var ButtonDropdown = React__default.forwardRef(function (props, ref) {
|
|
|
5321
5346
|
|
|
5322
5347
|
var CALLOUT_TITLE_DISPLAY_NAME = "CalloutTitle";
|
|
5323
5348
|
|
|
5324
|
-
var doNotForwardProps$
|
|
5349
|
+
var doNotForwardProps$l = ["calloutTitle", "collapsed", "severity"];
|
|
5325
5350
|
var StyledCallout = styled(Alert$2, {
|
|
5326
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5327
|
-
})(templateObject_1$
|
|
5351
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
|
|
5352
|
+
})(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
5328
5353
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
5329
5354
|
var _m = props.intent, intent = _m === void 0 ? "info" : _m;
|
|
5330
5355
|
var spaces = getSpaces(props);
|
|
@@ -5347,7 +5372,7 @@ var StyledCallout = styled(Alert$2, {
|
|
|
5347
5372
|
2);
|
|
5348
5373
|
return "\n width: 360px;\n margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0;\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n color: ").concat((_l = palette === null || palette === void 0 ? void 0 : palette.text) === null || _l === void 0 ? void 0 : _l.primary, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n background-color: ").concat(backgroundColor, ";\n\n .").concat(alertClasses.icon, " {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n padding: 0;\n\n path {\n fill: ").concat(iconColor, ";\n }\n }\n\n .").concat(alertClasses.message, " {\n padding: ").concat(alertMessagePaddingTop, "px 0 0;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n\n .").concat(alertTitleClasses.root, " {\n margin-top: 0;\n ").concat(titleBottomMargin, "\n }\n }\n\n .").concat(alertClasses.action, " {\n margin-right: 0;\n padding: 0;\n align-items: flex-start;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n > button {\n padding: 0;\n }\n }\n ");
|
|
5349
5374
|
});
|
|
5350
|
-
var templateObject_1$
|
|
5375
|
+
var templateObject_1$J;
|
|
5351
5376
|
|
|
5352
5377
|
var SDS_STAGE_OPEN = "open";
|
|
5353
5378
|
var SDS_STAGE_CLOSED = "closed";
|
|
@@ -5414,11 +5439,11 @@ var Callout = function (_a) {
|
|
|
5414
5439
|
return (jsx(Fragment, { children: jsx(Grow, { in: !hide, children: jsxs(StyledCallout, __assign({ onClose: onClose ? handleClose : undefined, action: getAction(collapsed), icon: getIcon(), intent: intent, collapsed: collapsed || false }, rest, { children: [calloutTitle, !collapsed && calloutContent] })) }) }));
|
|
5415
5440
|
};
|
|
5416
5441
|
|
|
5417
|
-
var StyledCalloutTitle = styled(AlertTitle)(templateObject_1$
|
|
5442
|
+
var StyledCalloutTitle = styled(AlertTitle)(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
5418
5443
|
var spaces = getSpaces(props);
|
|
5419
5444
|
return "\n margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
5420
5445
|
});
|
|
5421
|
-
var templateObject_1$
|
|
5446
|
+
var templateObject_1$I;
|
|
5422
5447
|
|
|
5423
5448
|
var CalloutTitle = function (_a) {
|
|
5424
5449
|
var children = _a.children;
|
|
@@ -5431,22 +5456,22 @@ var dark = function (props) {
|
|
|
5431
5456
|
var _a, _b;
|
|
5432
5457
|
var spaces = getSpaces(props);
|
|
5433
5458
|
var semanticColors = getSemanticColors(props);
|
|
5434
|
-
return css$1(templateObject_1$
|
|
5459
|
+
return css$1(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n ", "\n background-color: ", ";\n color: ", ";\n text-align: center;\n max-width: 250px;\n padding: ", "px ", "px;\n "], ["\n ", "\n background-color: ", ";\n color: ", ";\n text-align: center;\n max-width: 250px;\n padding: ", "px ", "px;\n "])), fontHeaderXs(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimaryInverse, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimaryInverse, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.l);
|
|
5435
5460
|
};
|
|
5436
5461
|
var light = function (props) {
|
|
5437
5462
|
var _a, _b;
|
|
5438
5463
|
var spaces = getSpaces(props);
|
|
5439
5464
|
var semanticColors = getSemanticColors(props);
|
|
5440
|
-
return css$1(templateObject_2$
|
|
5465
|
+
return css$1(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n ", "\n background-color: ", ";\n color: ", ";\n text-align: left;\n max-width: 250px;\n padding: ", "px ", "px;\n "], ["\n ", "\n background-color: ", ";\n color: ", ";\n text-align: left;\n max-width: 250px;\n padding: ", "px ", "px;\n "])), fontBodyXs$2(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimary, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.l);
|
|
5441
5466
|
};
|
|
5442
5467
|
var wide = function () {
|
|
5443
|
-
return css$1(templateObject_3$
|
|
5468
|
+
return css$1(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n max-width: 550px;\n "], ["\n max-width: 550px;\n "])));
|
|
5444
5469
|
};
|
|
5445
5470
|
var tableStyles = function (props) {
|
|
5446
5471
|
var spaces = getSpaces(props);
|
|
5447
|
-
return css$1(templateObject_4$
|
|
5472
|
+
return css$1(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n padding: ", "px;\n "], ["\n padding: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m);
|
|
5448
5473
|
};
|
|
5449
|
-
var Subtitle$1 = styled("div")(templateObject_5$
|
|
5474
|
+
var Subtitle$1 = styled("div")(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
5450
5475
|
var _a;
|
|
5451
5476
|
var semanticColors = getSemanticColors(props);
|
|
5452
5477
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondaryInverse, ";\n ");
|
|
@@ -5454,13 +5479,13 @@ var Subtitle$1 = styled("div")(templateObject_5$9 || (templateObject_5$9 = __mak
|
|
|
5454
5479
|
var tooltipCss = function (props) {
|
|
5455
5480
|
var inverted = props.inverted, sdsStyle = props.sdsStyle, width = props.width, followCursor = props.followCursor;
|
|
5456
5481
|
var shadows = getShadows(props);
|
|
5457
|
-
return css$1(templateObject_6$
|
|
5482
|
+
return css$1(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n &.MuiTooltip-tooltip {\n box-shadow: ", ";\n\n ", "\n ", "\n\n ", "\n }\n "], ["\n &.MuiTooltip-tooltip {\n box-shadow: ", ";\n\n ", "\n ", "\n\n ", "\n }\n "])), shadows === null || shadows === void 0 ? void 0 : shadows.m, sdsStyle === "dark" || inverted ? dark(props) : light(props), width === "wide" && sdsStyle === "light" && wide(), followCursor === true && tableStyles(props));
|
|
5458
5483
|
};
|
|
5459
5484
|
var arrowCss = function (props) {
|
|
5460
5485
|
var _a, _b;
|
|
5461
5486
|
var inverted = props.inverted, sdsStyle = props.sdsStyle, arrowOffset = props.arrowOffset;
|
|
5462
5487
|
var semanticColors = getSemanticColors(props);
|
|
5463
|
-
return css$1(templateObject_7$
|
|
5488
|
+
return css$1(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n &.MuiTooltip-arrow {\n /* (bethbertozzi): !important is needed to fight inline style */\n left: ", "px !important;\n color: ", ";\n &:before {\n box-sizing: border-box;\n width: 12px;\n height: 12px;\n }\n }\n "], ["\n &.MuiTooltip-arrow {\n /* (bethbertozzi): !important is needed to fight inline style */\n left: ", "px !important;\n color: ", ";\n &:before {\n box-sizing: border-box;\n width: 12px;\n height: 12px;\n }\n }\n "])), arrowOffset, inverted || sdsStyle === "dark"
|
|
5464
5489
|
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimaryInverse
|
|
5465
5490
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.surfacePrimary);
|
|
5466
5491
|
};
|
|
@@ -5469,7 +5494,7 @@ var arrowCss = function (props) {
|
|
|
5469
5494
|
* default placement which is calculated by javascript
|
|
5470
5495
|
*/
|
|
5471
5496
|
var StyledPopper$1 = styled(Popper)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-bottom: -12px !important;\n &:before {\n transform: rotate(45deg) translate(0px, -2px);\n border-bottom-right-radius: 2px;\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-top: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 2px);\n border-top-left-radius: 2px;\n box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-right: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 1px);\n border-top-right-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-left: -12px !important;\n &:before {\n transform: rotate(45deg) translate(4px, 2px);\n border-bottom-left-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n"], ["\n &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-bottom: -12px !important;\n &:before {\n transform: rotate(45deg) translate(0px, -2px);\n border-bottom-right-radius: 2px;\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n width: 24px !important;\n height: 12px !important;\n margin-top: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 2px);\n border-top-left-radius: 2px;\n box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-right: -12px !important;\n &:before {\n transform: rotate(45deg) translate(-1px, 1px);\n border-top-right-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n\n &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n width: 12px !important;\n height: 16px !important;\n margin-left: -12px !important;\n &:before {\n transform: rotate(45deg) translate(4px, 2px);\n border-bottom-left-radius: 2px;\n box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n }\n }\n"])));
|
|
5472
|
-
var templateObject_1$
|
|
5497
|
+
var templateObject_1$H, templateObject_2$p, templateObject_3$h, templateObject_4$f, templateObject_5$b, templateObject_6$7, templateObject_7$4, templateObject_8$3;
|
|
5473
5498
|
|
|
5474
5499
|
/**
|
|
5475
5500
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
@@ -5535,7 +5560,7 @@ function mergeClass$1(_a) {
|
|
|
5535
5560
|
return propClassName ? "".concat(propClassName, " ").concat(className) : className;
|
|
5536
5561
|
}
|
|
5537
5562
|
|
|
5538
|
-
var doNotForwardProps$
|
|
5563
|
+
var doNotForwardProps$k = [
|
|
5539
5564
|
"icon",
|
|
5540
5565
|
"iconVerticalAlign",
|
|
5541
5566
|
"horizontalAlign",
|
|
@@ -5563,8 +5588,8 @@ var verticalAlignToFlexMap = {
|
|
|
5563
5588
|
top: "flex-start",
|
|
5564
5589
|
};
|
|
5565
5590
|
var StyledTableData = styled("td", {
|
|
5566
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5567
|
-
})(templateObject_1$
|
|
5591
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
|
|
5592
|
+
})(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodyS$1, focusVisibleA11yStyle, function (props) {
|
|
5568
5593
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
|
|
5569
5594
|
var spaces = getSpaces(props);
|
|
5570
5595
|
return "\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n text-align: ").concat(horizontalAlign, ";\n vertical-align: ").concat(verticalAlignCSSMap[verticalAlign], ";\n overflow: hidden;\n ");
|
|
@@ -5575,30 +5600,30 @@ var ShouldWrap = function (lineCount) {
|
|
|
5575
5600
|
var ShouldTruncate = function () {
|
|
5576
5601
|
return "\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n ";
|
|
5577
5602
|
};
|
|
5578
|
-
var StyledCellContent = styled("div")(templateObject_2$
|
|
5579
|
-
var StyledCellContentWrapper = styled("div")(templateObject_3$
|
|
5603
|
+
var StyledCellContent = styled("div")(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
5604
|
+
var StyledCellContentWrapper = styled("div")(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
5580
5605
|
var StyledCellIconWrapper = styled("div", {
|
|
5581
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5582
|
-
})(templateObject_4$
|
|
5606
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
|
|
5607
|
+
})(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5583
5608
|
var _a = props.iconVerticalAlign, iconVerticalAlign = _a === void 0 ? "top" : _a;
|
|
5584
5609
|
var spaces = getSpaces(props);
|
|
5585
5610
|
return "\n padding-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n display: flex;\n flex-direction: column;\n justify-content: ").concat(verticalAlignToFlexMap[iconVerticalAlign], ";\n ");
|
|
5586
5611
|
});
|
|
5587
|
-
var PrimaryTextWrapper = styled("div")(templateObject_5$
|
|
5612
|
+
var PrimaryTextWrapper = styled("div")(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5588
5613
|
var horizontalAlign = props.horizontalAlign;
|
|
5589
5614
|
return "\n display: flex;\n justify-content: ".concat(horizontalAlign === "left" ? "flex-start" : "flex-end", ";\n ");
|
|
5590
5615
|
});
|
|
5591
5616
|
var PrimaryText = styled("div", {
|
|
5592
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5593
|
-
})(templateObject_6$
|
|
5617
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
|
|
5618
|
+
})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
5594
5619
|
var _a = props.primaryTextWrapLineCount, primaryTextWrapLineCount = _a === void 0 ? 3 : _a;
|
|
5595
5620
|
return "\n display: block;\n ".concat(props.shouldTextWrap
|
|
5596
5621
|
? ShouldWrap(primaryTextWrapLineCount)
|
|
5597
5622
|
: ShouldTruncate(), "\n ");
|
|
5598
5623
|
});
|
|
5599
5624
|
var SecondaryText = styled("span", {
|
|
5600
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5601
|
-
})(templateObject_7$
|
|
5625
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
|
|
5626
|
+
})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
5602
5627
|
var _a;
|
|
5603
5628
|
var _b = props.secondaryTextWrapLineCount, secondaryTextWrapLineCount = _b === void 0 ? 1 : _b;
|
|
5604
5629
|
var spaces = getSpaces(props);
|
|
@@ -5608,7 +5633,7 @@ var SecondaryText = styled("span", {
|
|
|
5608
5633
|
: ShouldTruncate(), "\n ");
|
|
5609
5634
|
});
|
|
5610
5635
|
var TertiaryText = styled("span", {
|
|
5611
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5636
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
|
|
5612
5637
|
})(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
5613
5638
|
var _a;
|
|
5614
5639
|
var _b = props.tertiaryTextWrapLineCount, tertiaryTextWrapLineCount = _b === void 0 ? 1 : _b;
|
|
@@ -5626,7 +5651,7 @@ var PrimaryTextComponentSlotRightWrapper = styled("div")(templateObject_10$1 ||
|
|
|
5626
5651
|
var spaces = getSpaces(props);
|
|
5627
5652
|
return "\n margin-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
5628
5653
|
});
|
|
5629
|
-
var templateObject_1$
|
|
5654
|
+
var templateObject_1$G, templateObject_2$o, templateObject_3$g, templateObject_4$e, templateObject_5$a, templateObject_6$6, templateObject_7$3, templateObject_8$2, templateObject_9$1, templateObject_10$1;
|
|
5630
5655
|
|
|
5631
5656
|
var CellBasicContent = function (props) {
|
|
5632
5657
|
var primaryText = props.primaryText, primaryTextWrapLineCount = props.primaryTextWrapLineCount, secondaryText = props.secondaryText, secondaryTextWrapLineCount = props.secondaryTextWrapLineCount, tertiaryText = props.tertiaryText, tertiaryTextWrapLineCount = props.tertiaryTextWrapLineCount, _a = props.shouldTextWrap, shouldTextWrap = _a === void 0 ? true : _a, icon = props.icon, iconVerticalAlign = props.iconVerticalAlign, primaryTextComponentSlotRight = props.primaryTextComponentSlotRight, primaryTextComponentSlotBottom = props.primaryTextComponentSlotBottom, _b = props.horizontalAlign, horizontalAlign = _b === void 0 ? "left" : _b;
|
|
@@ -5640,15 +5665,15 @@ var CellBasic = forwardRef(function (props, ref) {
|
|
|
5640
5665
|
return (jsx(StyledTableData, __assign({ ref: ref }, props, { children: jsx(CellBasicContent, __assign({}, props)) })));
|
|
5641
5666
|
});
|
|
5642
5667
|
|
|
5643
|
-
var doNotForwardProps$
|
|
5668
|
+
var doNotForwardProps$j = ["horizontalAlign", "verticalAlign"];
|
|
5644
5669
|
var StyledCellComponentData = styled("td", {
|
|
5645
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5646
|
-
})(templateObject_1$
|
|
5670
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
|
|
5671
|
+
})(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontBodyS$1, focusVisibleA11yStyle, function (props) {
|
|
5647
5672
|
var spaces = getSpaces(props);
|
|
5648
5673
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
|
|
5649
5674
|
return "\n align-items: center;\n text-align: ".concat(horizontalAlign, ";\n vertical-align: ").concat(verticalAlign, ";\n overflow: hidden;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
5650
5675
|
});
|
|
5651
|
-
var templateObject_1$
|
|
5676
|
+
var templateObject_1$F;
|
|
5652
5677
|
|
|
5653
5678
|
var CellComponent = forwardRef(function (props, _) {
|
|
5654
5679
|
var children = props.children;
|
|
@@ -5660,7 +5685,7 @@ var contentPositionMapping = {
|
|
|
5660
5685
|
left: "flex-start",
|
|
5661
5686
|
right: "flex-end",
|
|
5662
5687
|
};
|
|
5663
|
-
var doNotForwardProps$
|
|
5688
|
+
var doNotForwardProps$i = [
|
|
5664
5689
|
"active",
|
|
5665
5690
|
"horizontalAlign",
|
|
5666
5691
|
"shouldShowTooltipOnHover",
|
|
@@ -5669,8 +5694,8 @@ var doNotForwardProps$h = [
|
|
|
5669
5694
|
"hideSortIcon",
|
|
5670
5695
|
];
|
|
5671
5696
|
var StyledSortingIcon = styled(Icon, {
|
|
5672
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5673
|
-
})(templateObject_1$
|
|
5697
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
|
|
5698
|
+
})(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5674
5699
|
var _a, _b;
|
|
5675
5700
|
var _c = props.active, active = _c === void 0 ? false : _c, hideSortIcon = props.hideSortIcon;
|
|
5676
5701
|
var spaces = getSpaces(props);
|
|
@@ -5678,8 +5703,8 @@ var StyledSortingIcon = styled(Icon, {
|
|
|
5678
5703
|
return "\n margin-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n color: ").concat(active ? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.icon : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary, ";\n opacity: ").concat(hideSortIcon ? (active ? 1 : 0) : 1, ";\n outline: none !important;\n ");
|
|
5679
5704
|
});
|
|
5680
5705
|
var StyledTableHeader$1 = styled("th", {
|
|
5681
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5682
|
-
})(templateObject_2$
|
|
5706
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
|
|
5707
|
+
})(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n"], ["\n ", "\n ", "\n\n ", "\n"])), fontHeaderS, focusVisibleA11yStyle, function (props) {
|
|
5683
5708
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
5684
5709
|
var _j = props.active, active = _j === void 0 ? false : _j, _k = props.horizontalAlign, horizontalAlign = _k === void 0 ? "left" : _k;
|
|
5685
5710
|
var spaces = getSpaces(props);
|
|
@@ -5687,12 +5712,12 @@ var StyledTableHeader$1 = styled("th", {
|
|
|
5687
5712
|
return "\n color: ".concat(active ? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.textAction : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textSecondary, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n text-align: ").concat(horizontalAlign, ";\n min-width: 96px;\n width: 96px;\n cursor: pointer;\n vertical-align: bottom;\n\n & .MuiButtonBase-root {\n outline: none;\n }\n\n &:hover {\n color: ").concat(active ? (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _c === void 0 ? void 0 : _c.textActionHover : (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textPrimary, ";\n\n & .MuiButtonBase-root {\n color: ").concat(active ? (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.textActionHover : (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textPrimary, ";\n opacity: 1;\n }\n\n & svg {\n color: ").concat(active ? (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.iconHover : (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.iconPrimaryHover, ";\n }\n }\n ");
|
|
5688
5713
|
});
|
|
5689
5714
|
var StyledCellHeaderContainer = styled("div", {
|
|
5690
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5691
|
-
})(templateObject_3$
|
|
5715
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
|
|
5716
|
+
})(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5692
5717
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a;
|
|
5693
5718
|
return "\n align-items: flex-end;\n width: 100%;\n display: flex;\n justify-content: ".concat(horizontalAlign ? contentPositionMapping[horizontalAlign] : "flex-start", ";\n ");
|
|
5694
5719
|
});
|
|
5695
|
-
var templateObject_1$
|
|
5720
|
+
var templateObject_1$E, templateObject_2$n, templateObject_3$f;
|
|
5696
5721
|
|
|
5697
5722
|
var CellHeaderContent = function (props) {
|
|
5698
5723
|
var active = props.active, children = props.children, _a = props.direction, direction = _a === void 0 ? "desc" : _a, _b = props.hideSortIcon, hideSortIcon = _b === void 0 ? false : _b, horizontalAlign = props.horizontalAlign;
|
|
@@ -5712,20 +5737,20 @@ var CellHeader = forwardRef(function (props, ref) {
|
|
|
5712
5737
|
|
|
5713
5738
|
var small = function (props) {
|
|
5714
5739
|
var spaces = getSpaces(props);
|
|
5715
|
-
return css(templateObject_1$
|
|
5740
|
+
return css(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n height: ", "px;\n padding: ", "px ", "px;\n\n .MuiChip-label {\n ", "\n padding: 0;\n }\n "], ["\n height: ", "px;\n padding: ", "px ", "px;\n\n .MuiChip-label {\n ", "\n padding: 0;\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.xs, fontCapsXxxxs(props));
|
|
5716
5741
|
};
|
|
5717
5742
|
var medium = function (props) {
|
|
5718
5743
|
var spaces = getSpaces(props);
|
|
5719
5744
|
var colors = getColors(props);
|
|
5720
|
-
return css(templateObject_2$
|
|
5745
|
+
return css(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n margin: 0 ", "px;\n height: 24px;\n\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n .MuiChip-label {\n ", "\n color: white;\n padding-left: ", "px;\n }\n\n .MuiChip-deleteIcon {\n color: white;\n padding-right: ", "px;\n margin: 0 0 0 -", "px;\n height: ", "px;\n width: ", "px;\n\n &:hover,\n &:focus-visible {\n color: white;\n }\n }\n "], ["\n margin: 0 ", "px;\n height: 24px;\n\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n .MuiChip-label {\n ", "\n color: white;\n padding-left: ", "px;\n }\n\n .MuiChip-deleteIcon {\n color: white;\n padding-right: ", "px;\n margin: 0 0 0 -", "px;\n height: ", "px;\n width: ", "px;\n\n &:hover,\n &:focus-visible {\n color: white;\n }\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.s, colors === null || colors === void 0 ? void 0 : colors.blue[400], colors === null || colors === void 0 ? void 0 : colors.blue[500], colors === null || colors === void 0 ? void 0 : colors.blue[600], fontHeaderXs(props), spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.l);
|
|
5721
5746
|
};
|
|
5722
5747
|
var rounded$2 = function (props) {
|
|
5723
5748
|
var corners = getCorners(props);
|
|
5724
|
-
return css(templateObject_3$
|
|
5749
|
+
return css(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n border-radius: ", "px;\n "], ["\n border-radius: ", "px;\n "])), corners === null || corners === void 0 ? void 0 : corners.l);
|
|
5725
5750
|
};
|
|
5726
5751
|
var square$2 = function (props) {
|
|
5727
5752
|
var corners = getCorners(props);
|
|
5728
|
-
return css(templateObject_4$
|
|
5753
|
+
return css(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n border-radius: ", "px;\n "], ["\n border-radius: ", "px;\n "])), corners === null || corners === void 0 ? void 0 : corners.m);
|
|
5729
5754
|
};
|
|
5730
5755
|
var success = function (props) {
|
|
5731
5756
|
return createStatusCss(props, "success");
|
|
@@ -5778,7 +5803,7 @@ function createStatusCss(props, status) {
|
|
|
5778
5803
|
},
|
|
5779
5804
|
};
|
|
5780
5805
|
var statusColors = statusToColors[status];
|
|
5781
|
-
return css(templateObject_5$
|
|
5806
|
+
return css(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n background-color: ", ";\n\n .MuiChip-label {\n color: ", ";\n }\n "], ["\n background-color: ", ";\n\n .MuiChip-label {\n color: ", ";\n }\n "])), statusColors.light, statusColors.dark);
|
|
5782
5807
|
}
|
|
5783
5808
|
var statusToCss = {
|
|
5784
5809
|
beta: beta,
|
|
@@ -5788,14 +5813,14 @@ var statusToCss = {
|
|
|
5788
5813
|
success: success,
|
|
5789
5814
|
warning: warning,
|
|
5790
5815
|
};
|
|
5791
|
-
var doNotForwardProps$
|
|
5816
|
+
var doNotForwardProps$h = ["isRounded"];
|
|
5792
5817
|
var StyledChip = styled(Chip$1, {
|
|
5793
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5794
|
-
})(templateObject_7$
|
|
5818
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
|
|
5819
|
+
})(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
5795
5820
|
var size = props.size, status = props.status, isRounded = props.isRounded;
|
|
5796
|
-
return css(templateObject_6$
|
|
5821
|
+
return css(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), isRounded && rounded$2(props), !isRounded && square$2(props), size === "small" && small(props), size === "medium" && medium(props), status && statusToCss[status](props));
|
|
5797
5822
|
});
|
|
5798
|
-
var templateObject_1$
|
|
5823
|
+
var templateObject_1$D, templateObject_2$m, templateObject_3$e, templateObject_4$d, templateObject_5$9, templateObject_6$5, templateObject_7$2;
|
|
5799
5824
|
|
|
5800
5825
|
/**
|
|
5801
5826
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -5813,7 +5838,7 @@ var Chip = function (props) {
|
|
|
5813
5838
|
return jsx(StyledChip, __assign({}, props));
|
|
5814
5839
|
};
|
|
5815
5840
|
|
|
5816
|
-
var doNotForwardProps$
|
|
5841
|
+
var doNotForwardProps$g = [
|
|
5817
5842
|
"anchorEl",
|
|
5818
5843
|
"count",
|
|
5819
5844
|
"keepSearchOnSelect",
|
|
@@ -5827,20 +5852,19 @@ var doNotForwardProps$f = [
|
|
|
5827
5852
|
"isMultiColumn",
|
|
5828
5853
|
];
|
|
5829
5854
|
var StyledHeaderTitle = styled("div", {
|
|
5830
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5831
|
-
})(templateObject_1$
|
|
5855
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
|
|
5856
|
+
})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderXs, function (props) {
|
|
5832
5857
|
var _a;
|
|
5833
|
-
var search = props.search;
|
|
5834
5858
|
var spaces = getSpaces(props);
|
|
5835
5859
|
var semanticColors = getSemanticColors(props);
|
|
5836
|
-
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n padding-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n
|
|
5860
|
+
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n padding-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
5837
5861
|
});
|
|
5838
|
-
var StyledDropdownMenuAutocompleteWrapper = styled("div")(templateObject_2$
|
|
5862
|
+
var StyledDropdownMenuAutocompleteWrapper = styled("div")(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n & .", ", & .MuiPopper-root,\n .base-Popper-root {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n\n .", ", .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n }\n"], ["\n & .", ", & .MuiPopper-root,\n .base-Popper-root {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n\n .", ", .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n }\n"])), autocompleteClasses.popper, autocompleteClasses.paper);
|
|
5839
5863
|
var StyledPopper = styled(Popper, {
|
|
5840
5864
|
shouldForwardProp: function (prop) {
|
|
5841
|
-
return !doNotForwardProps$
|
|
5865
|
+
return !doNotForwardProps$g.includes(prop) || prop === "anchorEl";
|
|
5842
5866
|
},
|
|
5843
|
-
})(templateObject_3$
|
|
5867
|
+
})(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5844
5868
|
var _a;
|
|
5845
5869
|
var borders = getBorders(props);
|
|
5846
5870
|
var corners = getCorners(props);
|
|
@@ -5849,8 +5873,8 @@ var StyledPopper = styled(Popper, {
|
|
|
5849
5873
|
return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n background-image: none;\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n box-sizing: border-box;\n z-index: 1400;\n ");
|
|
5850
5874
|
});
|
|
5851
5875
|
var StyledPaper$1 = styled(Paper, {
|
|
5852
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5853
|
-
})(templateObject_4$
|
|
5876
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
|
|
5877
|
+
})(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5854
5878
|
var _a;
|
|
5855
5879
|
var spaces = getSpaces(props);
|
|
5856
5880
|
var borders = getBorders(props);
|
|
@@ -5858,7 +5882,12 @@ var StyledPaper$1 = styled(Paper, {
|
|
|
5858
5882
|
var semanticColors = getSemanticColors(props);
|
|
5859
5883
|
return "\n box-shadow: ".concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, " !important;\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n background-image: none;\n margin: 0;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n\n .MuiAutocomplete-root,\n .MuiFormControl-root.MuiTextField-root {\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n // (masoudmanson): Remove margin-right and margin-bottom for the single column autocomplete\n // as it has been added to the parent container\n .MuiAutocomplete-root .MuiFormControl-root.MuiTextField-root {\n margin-right: 0;\n margin-bottom: 0; \n }\n ");
|
|
5860
5884
|
});
|
|
5861
|
-
var
|
|
5885
|
+
var StyledDropdownMenuHeader = styled("div")(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5886
|
+
var search = props.search;
|
|
5887
|
+
var spaces = getSpaces(props);
|
|
5888
|
+
return "\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-bottom: ").concat(search ? spaces === null || spaces === void 0 ? void 0 : spaces.s : spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
5889
|
+
});
|
|
5890
|
+
var templateObject_1$C, templateObject_2$l, templateObject_3$d, templateObject_4$c, templateObject_5$8;
|
|
5862
5891
|
|
|
5863
5892
|
// (masoudmanson): Represents the minimum width defined by design specifications
|
|
5864
5893
|
// for the dropdownMenu's popper component
|
|
@@ -5869,7 +5898,7 @@ var DEFAULT_POPPER_BASE_PROPS = {
|
|
|
5869
5898
|
var DropdownMenu = function (props) {
|
|
5870
5899
|
var _a, _b;
|
|
5871
5900
|
var theme = useTheme();
|
|
5872
|
-
var anchorEl = props.anchorEl, id = props.id, InputBaseProps = props.InputBaseProps, _c = props.open, open = _c === void 0 ? false : _c, _d = props.PopperComponent, PopperComponent = _d === void 0 ? StyledPopper : _d, _e = props.PaperComponent, PaperComponent = _e === void 0 ? StyledPaper$1 : _e, _f = props.PopperPlacement, PopperPlacement = _f === void 0 ? "bottom-start" : _f, _g = props.PopperBaseProps, PopperBaseProps = _g === void 0 ? {} : _g, _h = props.search, search = _h === void 0 ? false : _h, title = props.title, _j = props.label, label = _j === void 0 ? "Search" : _j, children = props.children, options = props.options, _k = props.onClickAway, onClickAway = _k === void 0 ? noop : _k, ClickAwayListenerProps = props.ClickAwayListenerProps, _l = props.width, width = _l === void 0 ? MINIMUM_DROPDOWN_MENU_POPPER_WIDTH : _l, rest = __rest(props, ["anchorEl", "id", "InputBaseProps", "open", "PopperComponent", "PaperComponent", "PopperPlacement", "PopperBaseProps", "search", "title", "label", "children", "options", "onClickAway", "ClickAwayListenerProps", "width"]);
|
|
5901
|
+
var anchorEl = props.anchorEl, id = props.id, InputBaseProps = props.InputBaseProps, _c = props.open, open = _c === void 0 ? false : _c, _d = props.PopperComponent, PopperComponent = _d === void 0 ? StyledPopper : _d, _e = props.PaperComponent, PaperComponent = _e === void 0 ? StyledPaper$1 : _e, _f = props.PopperPlacement, PopperPlacement = _f === void 0 ? "bottom-start" : _f, _g = props.PopperBaseProps, PopperBaseProps = _g === void 0 ? {} : _g, _h = props.search, search = _h === void 0 ? false : _h, title = props.title, headerComponentSlot = props.headerComponentSlot, _j = props.label, label = _j === void 0 ? "Search" : _j, children = props.children, options = props.options, _k = props.onClickAway, onClickAway = _k === void 0 ? noop : _k, ClickAwayListenerProps = props.ClickAwayListenerProps, _l = props.width, width = _l === void 0 ? MINIMUM_DROPDOWN_MENU_POPPER_WIDTH : _l, rest = __rest(props, ["anchorEl", "id", "InputBaseProps", "open", "PopperComponent", "PaperComponent", "PopperPlacement", "PopperBaseProps", "search", "title", "headerComponentSlot", "label", "children", "options", "onClickAway", "ClickAwayListenerProps", "width"]);
|
|
5873
5902
|
var isMultiColumn = "options" in ((options === null || options === void 0 ? void 0 : options[0]) || EMPTY_OBJECT);
|
|
5874
5903
|
// (masoudmanson): The DropdownMenu's Popper component should have a minimum
|
|
5875
5904
|
// width of MINIMUM_DROPDOWN_MENU_POPPER_WIDTH pixels if the DropdownMenu is
|
|
@@ -5893,10 +5922,10 @@ var DropdownMenu = function (props) {
|
|
|
5893
5922
|
], open: open, anchorEl: anchorEl, placement: PopperPlacement }, PopperBaseProps, {
|
|
5894
5923
|
// (masoudmanson): To override the width of the Popper,
|
|
5895
5924
|
// the sx prop's value must be set after spreading the PopperBaseProps.
|
|
5896
|
-
sx: dropdownMenuPopperSx, children: jsx(PaperComponent, { children: jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs(StyledDropdownMenuAutocompleteWrapper, { children: [title && (
|
|
5925
|
+
sx: dropdownMenuPopperSx, children: jsx(PaperComponent, { children: jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs(StyledDropdownMenuAutocompleteWrapper, { children: [(title || headerComponentSlot) && (jsxs(StyledDropdownMenuHeader, { search: search, children: [title && jsx(StyledHeaderTitle, { children: title }), headerComponentSlot && jsx(Fragment, { children: headerComponentSlot })] })), anchorEl && (jsx(Autocomplete, __assign({ label: label, search: search, title: title, open: open, options: options, PopperBaseProps: DEFAULT_POPPER_BASE_PROPS, disablePortal: true, onClickAway: noop, onClick: noop }, rest, { InputBaseProps: DefaultInputBaseProps }))), children] }) })) }) })));
|
|
5897
5926
|
};
|
|
5898
5927
|
|
|
5899
|
-
var doNotForwardProps$
|
|
5928
|
+
var doNotForwardProps$f = [
|
|
5900
5929
|
"intent",
|
|
5901
5930
|
"state",
|
|
5902
5931
|
"sdsType",
|
|
@@ -5918,27 +5947,27 @@ var inputDropdownStyles = function (props) {
|
|
|
5918
5947
|
* The top/bottom padding is set to 1px less than the actual value to account for the border.
|
|
5919
5948
|
*/
|
|
5920
5949
|
var padding = "".concat(((_a = spaces === null || spaces === void 0 ? void 0 : spaces.xs) !== null && _a !== void 0 ? _a : 6) - 1, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px");
|
|
5921
|
-
return css(templateObject_1$
|
|
5950
|
+
return css(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n ", "\n\n border: ", ";\n background-color: ", ";\n cursor: pointer;\n padding: ", ";\n justify-content: start;\n\n &.MuiButton-text {\n &:hover {\n color: ", ";\n }\n\n .styled-label {\n margin-left: ", "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n svg {\n margin-right: ", "px;\n margin-left: ", "px;\n }\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n border: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n }\n\n &:focus {\n outline-offset: -1px;\n }\n "], ["\n ", "\n\n border: ", ";\n background-color: ", ";\n cursor: pointer;\n padding: ", ";\n justify-content: start;\n\n &.MuiButton-text {\n &:hover {\n color: ", ";\n }\n\n .styled-label {\n margin-left: ", "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n svg {\n margin-right: ", "px;\n margin-left: ", "px;\n }\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n border: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n }\n\n &:focus {\n outline-offset: -1px;\n }\n "])), labelStyle(props), (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.default, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.surfacePrimary, padding, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textPrimary, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.s, spaces === null || spaces === void 0 ? void 0 : spaces.l, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimary, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.surfacePrimary, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.borderHover, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.textPrimary, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.iconPrimaryHover, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _k === void 0 ? void 0 : _k.textPrimary, (_l = borders === null || borders === void 0 ? void 0 : borders.base) === null || _l === void 0 ? void 0 : _l.pressed, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _m === void 0 ? void 0 : _m.textPrimary, (_o = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _o === void 0 ? void 0 : _o.iconPrimaryPressed);
|
|
5922
5951
|
};
|
|
5923
5952
|
var minimal$1 = function (props) {
|
|
5924
5953
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
5925
5954
|
var spaces = getSpaces(props);
|
|
5926
5955
|
var semanticColors = getSemanticColors(props);
|
|
5927
|
-
return css(templateObject_2$
|
|
5956
|
+
return css(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n background-color: transparent;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n background-color: transparent;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n .styled-label {\n color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), labelStyle(props), focusVisibleA11yStyle(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textPrimary, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimaryHover, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textPrimary, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.fillHover, labelFontBodyS(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs);
|
|
5928
5957
|
};
|
|
5929
5958
|
var square$1 = function (props) {
|
|
5930
5959
|
var corners = getCorners(props);
|
|
5931
|
-
return css(templateObject_3$
|
|
5960
|
+
return css(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n border-radius: ", "px;\n min-width: 90px;\n "], ["\n border-radius: ", "px;\n min-width: 90px;\n "])), corners === null || corners === void 0 ? void 0 : corners.m);
|
|
5932
5961
|
};
|
|
5933
5962
|
var rounded$1 = function (props) {
|
|
5934
5963
|
var corners = getCorners(props);
|
|
5935
|
-
return css(templateObject_4$
|
|
5964
|
+
return css(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n border-radius: ", "px;\n min-width: 90px;\n "], ["\n border-radius: ", "px;\n min-width: 90px;\n "])), corners === null || corners === void 0 ? void 0 : corners.l);
|
|
5936
5965
|
};
|
|
5937
5966
|
var userInput = function (props) {
|
|
5938
5967
|
var _a, _b, _c, _d, _e, _f;
|
|
5939
5968
|
var sdsStyle = props.sdsStyle;
|
|
5940
5969
|
var semanticColors = getSemanticColors(props);
|
|
5941
|
-
return css(templateObject_5$
|
|
5970
|
+
return css(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n & .styled-label {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n "], ["\n & .styled-label {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimary, sdsStyle === "minimal"
|
|
5942
5971
|
? "\n \n background-color: ".concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, "47;\n border: none;\n color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textPrimary, ";\n\n path {\n fill: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimaryHover, ";\n }\n\n .styled-label {\n color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textPrimary, ";\n }\n ")
|
|
5943
5972
|
: "");
|
|
5944
5973
|
};
|
|
@@ -5947,26 +5976,21 @@ var isOpen = function (props) {
|
|
|
5947
5976
|
var sdsStyle = props.sdsStyle;
|
|
5948
5977
|
var borders = getBorders(props);
|
|
5949
5978
|
var semanticColors = getSemanticColors(props);
|
|
5950
|
-
return css(templateObject_6$
|
|
5979
|
+
return css(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n\n path {\n fill: ", ";\n }\n\n border: ", ";\n background-color: ", ";\n\n &:hover {\n path {\n fill: ", ";\n }\n\n border-color: ", ";\n }\n "], ["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n\n path {\n fill: ", ";\n }\n\n border: ", ";\n background-color: ", ";\n\n &:hover {\n path {\n fill: ", ";\n }\n\n border-color: ", ";\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, sdsStyle === "minimal"
|
|
5951
5980
|
? "\n & > span, \n &:hover > span { \n color: ".concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimary, "; \n }\n\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textPrimary, "; \n ")
|
|
5952
5981
|
: "", (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.iconOpen, sdsStyle === "minimal" ? borders === null || borders === void 0 ? void 0 : borders.none : (_e = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _e === void 0 ? void 0 : _e.open, sdsStyle === "minimal"
|
|
5953
5982
|
? ((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.fillHover) + "47"
|
|
5954
5983
|
: "transparent", (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.iconPrimaryHover, (_h = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _h === void 0 ? void 0 : _h.hover);
|
|
5955
5984
|
};
|
|
5956
|
-
var
|
|
5985
|
+
var applyIntentColor$1 = function (props, intent) {
|
|
5957
5986
|
var _a, _b, _c;
|
|
5958
5987
|
var borders = getBorders(props);
|
|
5959
|
-
return css(templateObject_7$
|
|
5960
|
-
};
|
|
5961
|
-
var negative$1 = function (props) {
|
|
5962
|
-
var _a, _b, _c;
|
|
5963
|
-
var borders = getBorders(props);
|
|
5964
|
-
return css(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n border: ", ";\n\n &:hover {\n border: ", ";\n }\n\n &:active {\n border: ", ";\n }\n "], ["\n border: ", ";\n\n &:hover {\n border: ", ";\n }\n\n &:active {\n border: ", ";\n }\n "])), (_a = borders === null || borders === void 0 ? void 0 : borders.negative) === null || _a === void 0 ? void 0 : _a.default, (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.hover, (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.pressed);
|
|
5988
|
+
return css(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n border: ", ";\n\n &:hover {\n border: ", ";\n }\n\n &:active {\n border: ", ";\n }\n "], ["\n border: ", ";\n\n &:hover {\n border: ", ";\n }\n\n &:active {\n border: ", ";\n }\n "])), (_a = borders === null || borders === void 0 ? void 0 : borders[intent]) === null || _a === void 0 ? void 0 : _a.default, (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.hover, (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.pressed);
|
|
5965
5989
|
};
|
|
5966
5990
|
var isDisabled = function (props) {
|
|
5967
5991
|
var _a, _b, _c, _d;
|
|
5968
5992
|
var semanticColors = getSemanticColors(props);
|
|
5969
|
-
return css(
|
|
5993
|
+
return css(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "], ["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textDisabled, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textDisabled, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled);
|
|
5970
5994
|
};
|
|
5971
5995
|
/**
|
|
5972
5996
|
* (masoudmanson): `Button as React.ComponentType<InputDropdownProps>` is a
|
|
@@ -5977,22 +6001,28 @@ var isDisabled = function (props) {
|
|
|
5977
6001
|
* to the InputDropdownProps interface.
|
|
5978
6002
|
*/
|
|
5979
6003
|
var StyledInputDropdown = styled(Button, {
|
|
5980
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5981
|
-
})(
|
|
6004
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
6005
|
+
})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n ", "\n outline-offset: 1px !important;\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"], ["\n ", "\n ", "\n outline-offset: 1px !important;\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"])), labelFontBodyXs, focusVisibleA11yStyle, function (props) {
|
|
5982
6006
|
var disabled = props.disabled, intent = props.intent, state = props.state, value = props.value, sdsStyle = props.sdsStyle;
|
|
5983
|
-
return css(
|
|
6007
|
+
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), inputDropdownStyles(props), sdsStyle === "minimal" && minimal$1(props), sdsStyle === "square" && square$1(props), sdsStyle === "rounded" && rounded$1(props), value && userInput(props), intent === "notice" &&
|
|
6008
|
+
sdsStyle !== "minimal" &&
|
|
6009
|
+
applyIntentColor$1(props, "notice"), intent === "negative" &&
|
|
6010
|
+
sdsStyle !== "minimal" &&
|
|
6011
|
+
applyIntentColor$1(props, "negative"), intent === "positive" &&
|
|
6012
|
+
sdsStyle !== "minimal" &&
|
|
6013
|
+
applyIntentColor$1(props, "positive"), state === "open" && isOpen(props), disabled && isDisabled(props));
|
|
5984
6014
|
});
|
|
5985
6015
|
var StyledDetail = styled("span", {
|
|
5986
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5987
|
-
})(
|
|
6016
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
6017
|
+
})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5988
6018
|
var _a;
|
|
5989
6019
|
var spaces = getSpaces(props);
|
|
5990
6020
|
var semanticColors = getSemanticColors(props);
|
|
5991
6021
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ");
|
|
5992
6022
|
});
|
|
5993
6023
|
var StyledLabel$1 = styled("span", {
|
|
5994
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5995
|
-
})(
|
|
6024
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
6025
|
+
})(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5996
6026
|
var _a, _b;
|
|
5997
6027
|
var details = props.details, counter = props.counter, sdsType = props.sdsType;
|
|
5998
6028
|
var fontWeights = getFontWeights(props);
|
|
@@ -6003,8 +6033,8 @@ var StyledLabel$1 = styled("span", {
|
|
|
6003
6033
|
return "\n color: ".concat(labelColor, ";\n\n font-weight: ").concat(sdsType === "label" ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n ");
|
|
6004
6034
|
});
|
|
6005
6035
|
var StyledCounter = styled("span", {
|
|
6006
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6007
|
-
})(
|
|
6036
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
6037
|
+
})(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6008
6038
|
var _a, _b;
|
|
6009
6039
|
var corners = getCorners(props);
|
|
6010
6040
|
var spaces = getSpaces(props);
|
|
@@ -6012,32 +6042,32 @@ var StyledCounter = styled("span", {
|
|
|
6012
6042
|
return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfaceTertiary, ";\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.textAction, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
6013
6043
|
});
|
|
6014
6044
|
var MinimalDetails = styled("div", {
|
|
6015
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6016
|
-
})(
|
|
6045
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
6046
|
+
})(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n text-align: left;\n width: 100%;\n\n ", "\n"], ["\n ", "\n text-align: left;\n width: 100%;\n\n ", "\n"])), labelFontBodyS, function (props) {
|
|
6017
6047
|
var _a;
|
|
6018
6048
|
var shouldTruncateMinimalDetails = props.shouldTruncateMinimalDetails;
|
|
6019
6049
|
var semanticColors = getSemanticColors(props);
|
|
6020
6050
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n\n ").concat(shouldTruncateMinimalDetails &&
|
|
6021
|
-
"overflow: hidden;\n
|
|
6051
|
+
"overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;", "\n ");
|
|
6022
6052
|
});
|
|
6023
6053
|
var LabelWrapper = styled("span", {
|
|
6024
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6025
|
-
})(
|
|
6054
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
6055
|
+
})(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6026
6056
|
var isMinimal = _a.isMinimal;
|
|
6027
6057
|
return "\n align-items: ".concat(isMinimal ? "center" : undefined, ";\n display: ").concat(isMinimal ? "inline-flex" : "contents", ";\n justify-content: ").concat(isMinimal ? "space-between" : undefined, ";\n width: 100%;\n ");
|
|
6028
6058
|
});
|
|
6029
6059
|
var IconWrapper = styled("span", {
|
|
6030
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6031
|
-
})(
|
|
6060
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
6061
|
+
})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n margin-left: auto;\n display: flex;\n align-items: center;\n"], ["\n margin-left: auto;\n display: flex;\n align-items: center;\n"])));
|
|
6032
6062
|
function labelStyle(props) {
|
|
6033
6063
|
var _a, _b;
|
|
6034
6064
|
var semanticColors = getSemanticColors(props);
|
|
6035
6065
|
var labelColor = props.sdsType === "value"
|
|
6036
6066
|
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary
|
|
6037
6067
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textSecondary;
|
|
6038
|
-
return css(
|
|
6068
|
+
return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n "], ["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n "])), labelColor);
|
|
6039
6069
|
}
|
|
6040
|
-
var templateObject_1$
|
|
6070
|
+
var templateObject_1$B, templateObject_2$k, templateObject_3$c, templateObject_4$b, templateObject_5$7, templateObject_6$4, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
|
|
6041
6071
|
|
|
6042
6072
|
/**
|
|
6043
6073
|
* @see https://mui.com/material-ui/react-button/
|
|
@@ -6104,33 +6134,33 @@ var tagSizeS = function (props) {
|
|
|
6104
6134
|
var spaces = getSpaces(props);
|
|
6105
6135
|
var iconSizes = getIconSizes(props);
|
|
6106
6136
|
var semanticColors = getSemanticColors(props);
|
|
6107
|
-
return css(templateObject_1$
|
|
6137
|
+
return css(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n height: unset;\n margin: 0 ", "px ", "px 0;\n\n .MuiChip-label {\n ", "\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n margin: 0 ", "px 0 -", "px;\n }\n\n .MuiChip-deleteIcon {\n ", "\n color: ", ";\n margin: 0 0 0 ", "px;\n height: ", "px;\n width: ", "px;\n }\n "], ["\n height: unset;\n margin: 0 ", "px ", "px 0;\n\n .MuiChip-label {\n ", "\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n margin: 0 ", "px 0 -", "px;\n }\n\n .MuiChip-deleteIcon {\n ", "\n color: ", ";\n margin: 0 0 0 ", "px;\n height: ", "px;\n width: ", "px;\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.xs, fontBodyXxxs$1(props), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.width, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, fontHeaderXs(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimaryInverse, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width);
|
|
6108
6138
|
};
|
|
6109
6139
|
var tagSizeL = function (props) {
|
|
6110
6140
|
var _a;
|
|
6111
6141
|
var spaces = getSpaces(props);
|
|
6112
6142
|
var iconSizes = getIconSizes(props);
|
|
6113
6143
|
var semanticColors = getSemanticColors(props);
|
|
6114
|
-
return css(templateObject_2$
|
|
6144
|
+
return css(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n height: unset;\n margin: 0 ", "px ", "px 0;\n\n .MuiChip-label {\n ", "\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n margin: 0 ", "px 0 -", "px;\n }\n\n .MuiChip-deleteIcon {\n ", "\n color: ", ";\n margin: 0 0 0 ", "px;\n height: ", "px;\n width: ", "px;\n }\n "], ["\n height: unset;\n margin: 0 ", "px ", "px 0;\n\n .MuiChip-label {\n ", "\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n margin: 0 ", "px 0 -", "px;\n }\n\n .MuiChip-deleteIcon {\n ", "\n color: ", ";\n margin: 0 0 0 ", "px;\n height: ", "px;\n width: ", "px;\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.xs, fontBodyXs$2(props), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, fontHeaderXs(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimaryInverse, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width);
|
|
6115
6145
|
};
|
|
6116
6146
|
var rounded = function (props) {
|
|
6117
6147
|
var corners = getCorners(props);
|
|
6118
6148
|
var spaces = getSpaces(props);
|
|
6119
6149
|
var _a = props.sdsSize, sdsSize = _a === void 0 ? "s" : _a, icon = props.icon;
|
|
6120
6150
|
var topBottomPadding = sdsSize === "s" ? spaces === null || spaces === void 0 ? void 0 : spaces.xxxs : icon ? spaces === null || spaces === void 0 ? void 0 : spaces.xxs : spaces === null || spaces === void 0 ? void 0 : spaces.xs;
|
|
6121
|
-
return css(templateObject_3$
|
|
6151
|
+
return css(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n border-radius: ", "px;\n padding: ", "px ", "px;\n\n &:after {\n border-radius: ", "px;\n }\n "], ["\n border-radius: ", "px;\n padding: ", "px ", "px;\n\n &:after {\n border-radius: ", "px;\n }\n "])), corners === null || corners === void 0 ? void 0 : corners.l, topBottomPadding, spaces === null || spaces === void 0 ? void 0 : spaces.s, corners === null || corners === void 0 ? void 0 : corners.l);
|
|
6122
6152
|
};
|
|
6123
6153
|
var square = function (props) {
|
|
6124
6154
|
var corners = getCorners(props);
|
|
6125
6155
|
var spaces = getSpaces(props);
|
|
6126
6156
|
var _a = props.sdsSize, sdsSize = _a === void 0 ? "s" : _a, icon = props.icon;
|
|
6127
6157
|
var topBottomPadding = sdsSize === "s" ? spaces === null || spaces === void 0 ? void 0 : spaces.xxxs : icon ? spaces === null || spaces === void 0 ? void 0 : spaces.xxs : spaces === null || spaces === void 0 ? void 0 : spaces.xs;
|
|
6128
|
-
return css(templateObject_4$
|
|
6158
|
+
return css(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n border-radius: ", "px;\n padding: ", "px ", "px;\n\n &:after {\n border-radius: ", "px;\n }\n "], ["\n border-radius: ", "px;\n padding: ", "px ", "px;\n\n &:after {\n border-radius: ", "px;\n }\n "])), corners === null || corners === void 0 ? void 0 : corners.m, topBottomPadding, spaces === null || spaces === void 0 ? void 0 : spaces.s, corners === null || corners === void 0 ? void 0 : corners.m);
|
|
6129
6159
|
};
|
|
6130
6160
|
var withHover = function (props) {
|
|
6131
6161
|
var _a;
|
|
6132
6162
|
var semanticColors = getSemanticColors(props);
|
|
6133
|
-
return css(templateObject_5$
|
|
6163
|
+
return css(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: ", ";\n }\n "], ["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: ", ";\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimaryInverse);
|
|
6134
6164
|
};
|
|
6135
6165
|
var primary = function (props) {
|
|
6136
6166
|
return createTypeCss(props, "primary");
|
|
@@ -6201,13 +6231,13 @@ function createTypeCss(props, type) {
|
|
|
6201
6231
|
secondary: generateSecondaryTagColors(intent, colors, semanticColors),
|
|
6202
6232
|
};
|
|
6203
6233
|
var typeColors = typeToColors[type];
|
|
6204
|
-
return css(templateObject_6$
|
|
6234
|
+
return css(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n ", "\n\n background-color: ", ";\n position: relative;\n\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:active {\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.Mui-focusVisible {\n background-color: ", ";\n }x\n "], ["\n ", "\n\n background-color: ", ";\n position: relative;\n\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:active {\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.Mui-focusVisible {\n background-color: ", ";\n }x\n "])), focusVisibleA11yStyle(props), typeColors.background, typeColors.label, typeColors.iconColor, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimaryInverse, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimaryInverse, typeColors.backgroundHover, typeColors.backgroundClicked, typeColors.backgroundHover);
|
|
6205
6235
|
}
|
|
6206
6236
|
var typeToCss = {
|
|
6207
6237
|
primary: primary,
|
|
6208
6238
|
secondary: secondary,
|
|
6209
6239
|
};
|
|
6210
|
-
var doNotForwardProps$
|
|
6240
|
+
var doNotForwardProps$e = [
|
|
6211
6241
|
"sdsType",
|
|
6212
6242
|
"sdsStyle",
|
|
6213
6243
|
"sdsSize",
|
|
@@ -6215,14 +6245,14 @@ var doNotForwardProps$d = [
|
|
|
6215
6245
|
"hover",
|
|
6216
6246
|
];
|
|
6217
6247
|
var StyledTag$1 = styled(Chip$1, {
|
|
6218
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6248
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
|
|
6219
6249
|
})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
6220
6250
|
var _a = props.hover, hover = _a === void 0 ? true : _a, sdsType = props.sdsType, sdsStyle = props.sdsStyle, _b = props.sdsSize, sdsSize = _b === void 0 ? "s" : _b;
|
|
6221
6251
|
var isRounded = sdsStyle === "rounded";
|
|
6222
6252
|
var type = sdsType || "primary";
|
|
6223
|
-
return css(templateObject_7
|
|
6253
|
+
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), sdsSize === "l" ? tagSizeL(props) : tagSizeS(props), typeToCss[type](props), isRounded ? rounded(props) : square(props), hover ? withHover(props) : "pointer-events: none;");
|
|
6224
6254
|
});
|
|
6225
|
-
var templateObject_1$
|
|
6255
|
+
var templateObject_1$A, templateObject_2$j, templateObject_3$b, templateObject_4$a, templateObject_5$6, templateObject_6$3, templateObject_7, templateObject_8;
|
|
6226
6256
|
|
|
6227
6257
|
/**
|
|
6228
6258
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -6236,14 +6266,14 @@ var Tag = function (props) {
|
|
|
6236
6266
|
return jsx(StyledTag$1, __assign({ tagColor: color }, props, { color: "primary" }));
|
|
6237
6267
|
};
|
|
6238
6268
|
|
|
6239
|
-
var StyledTag = styled(Tag)(templateObject_2$
|
|
6269
|
+
var StyledTag = styled(Tag)(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6240
6270
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
6241
6271
|
var spaces = getSpaces(props);
|
|
6242
6272
|
var iconSizes = getIconSizes(props);
|
|
6243
6273
|
var semanticColors = getSemanticColors(props);
|
|
6244
|
-
return css(templateObject_1$
|
|
6274
|
+
return css(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n padding: ", "px ", "px;\n background-color: ", ";\n\n &:hover,\n &:focus {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ", "\n }\n\n .MuiChip-deleteIcon {\n margin: 0 0 0 ", "px;\n width: ", "px !important;\n height: ", "px !important;\n }\n\n .MuiSvgIcon-root {\n margin: 0;\n width: ", "px !important;\n height: ", "px !important;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "], ["\n padding: ", "px ", "px;\n background-color: ", ";\n\n &:hover,\n &:focus {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ", "\n }\n\n .MuiChip-deleteIcon {\n margin: 0 0 0 ", "px;\n width: ", "px !important;\n height: ", "px !important;\n }\n\n .MuiSvgIcon-root {\n margin: 0;\n width: ", "px !important;\n height: ", "px !important;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.fillPrimary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.fillHover, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _c === void 0 ? void 0 : _c.fillPressed, fontHeaderXs(props), spaces === null || spaces === void 0 ? void 0 : spaces.s, (_d = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _d === void 0 ? void 0 : _d.width, (_e = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _e === void 0 ? void 0 : _e.height, (_f = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _f === void 0 ? void 0 : _f.width, (_g = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _g === void 0 ? void 0 : _g.height);
|
|
6245
6275
|
});
|
|
6246
|
-
var templateObject_1$
|
|
6276
|
+
var templateObject_1$z, templateObject_2$i;
|
|
6247
6277
|
|
|
6248
6278
|
/**
|
|
6249
6279
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -6266,12 +6296,12 @@ var Chips = function (_a) {
|
|
|
6266
6296
|
}) }));
|
|
6267
6297
|
};
|
|
6268
6298
|
|
|
6269
|
-
var Wrapper$1 = styled("div")(templateObject_1$
|
|
6270
|
-
var StyledChipsWrapper = styled("div")(templateObject_2$
|
|
6299
|
+
var Wrapper$1 = styled("div")(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n min-width: 150px;\n"], ["\n min-width: 150px;\n"])));
|
|
6300
|
+
var StyledChipsWrapper = styled("div")(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6271
6301
|
var spaces = getSpaces(props);
|
|
6272
6302
|
return "\n margin-top: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n ");
|
|
6273
6303
|
});
|
|
6274
|
-
var templateObject_1$
|
|
6304
|
+
var templateObject_1$y, templateObject_2$h;
|
|
6275
6305
|
|
|
6276
6306
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
6277
6307
|
var ComplexFilter = function (_a) {
|
|
@@ -6363,10 +6393,10 @@ var ComplexFilter = function (_a) {
|
|
|
6363
6393
|
var DialogContext = createContext({ sdsSize: "m" });
|
|
6364
6394
|
|
|
6365
6395
|
// (thuang): Please keep this in sync with the props used in `ExtraProps`
|
|
6366
|
-
var doNotForwardProps$
|
|
6396
|
+
var doNotForwardProps$d = ["sdsSize"];
|
|
6367
6397
|
var StyledPaper = styled(Paper, {
|
|
6368
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6369
|
-
})(templateObject_1$
|
|
6398
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$d.includes(prop); },
|
|
6399
|
+
})(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n & {\n ", "\n\n ", "\n }\n"], ["\n & {\n ", "\n\n ", "\n }\n"])), paperDimensions, function (props) {
|
|
6370
6400
|
var _a;
|
|
6371
6401
|
var spaces = getSpaces(props);
|
|
6372
6402
|
var corners = getCorners(props);
|
|
@@ -6397,7 +6427,7 @@ function paperDimensions(props) {
|
|
|
6397
6427
|
var _a = sizeToDimensions[sdsSize], width = _a.width, minHeight = _a.minHeight;
|
|
6398
6428
|
return "\n width: ".concat(width, ";\n min-height: ").concat(minHeight, ";\n max-width: revert;\n box-sizing: border-box;\n ");
|
|
6399
6429
|
}
|
|
6400
|
-
var templateObject_1$
|
|
6430
|
+
var templateObject_1$x;
|
|
6401
6431
|
|
|
6402
6432
|
/**
|
|
6403
6433
|
* @see https://mui.com/material-ui/react-paper/
|
|
@@ -6426,15 +6456,15 @@ var Dialog = forwardRef(function Dialog(props, ref) {
|
|
|
6426
6456
|
});
|
|
6427
6457
|
|
|
6428
6458
|
// (thuang): Please keep this in sync with the props used in `DialogActionsExtraProps`
|
|
6429
|
-
var doNotForwardProps$
|
|
6459
|
+
var doNotForwardProps$c = ["buttonPosition"];
|
|
6430
6460
|
var StyledDialogActions = styled(DialogActions$1, {
|
|
6431
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6432
|
-
})(templateObject_1$
|
|
6461
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
6462
|
+
})(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n padding: 0;\n\n ", "\n"], ["\n padding: 0;\n\n ", "\n"])), function (props) {
|
|
6433
6463
|
var spaces = getSpaces(props);
|
|
6434
6464
|
var _a = props.buttonPosition, buttonPosition = _a === void 0 ? "right" : _a;
|
|
6435
6465
|
return "\n justify-content: ".concat(buttonPosition === "right" ? "flex-end" : "flex-start", ";;\n\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxl, "px;\n\n &.").concat(dialogActionsClasses.spacing, " > :not(:first-of-type) {\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n ");
|
|
6436
6466
|
});
|
|
6437
|
-
var templateObject_1$
|
|
6467
|
+
var templateObject_1$w;
|
|
6438
6468
|
|
|
6439
6469
|
/**
|
|
6440
6470
|
* @see https://mui.com/material-ui/react-dialog/
|
|
@@ -6443,8 +6473,8 @@ var DialogActions = forwardRef(function DialogActions(props, ref) {
|
|
|
6443
6473
|
return jsx(StyledDialogActions, __assign({ ref: ref }, props));
|
|
6444
6474
|
});
|
|
6445
6475
|
|
|
6446
|
-
var StyledDialogContent = styled(DialogContent)(templateObject_1$
|
|
6447
|
-
var templateObject_1$
|
|
6476
|
+
var StyledDialogContent = styled(DialogContent)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n ", "\n padding: 0;\n"], ["\n ", "\n padding: 0;\n"])), fontBodyS$1);
|
|
6477
|
+
var templateObject_1$v;
|
|
6448
6478
|
|
|
6449
6479
|
var index = forwardRef(
|
|
6450
6480
|
/**
|
|
@@ -6454,11 +6484,11 @@ function DialogContent(props, ref) {
|
|
|
6454
6484
|
return jsx(StyledDialogContent, __assign({ ref: ref }, props));
|
|
6455
6485
|
});
|
|
6456
6486
|
|
|
6457
|
-
var StyledButton$1 = styled(Button)(templateObject_1$
|
|
6487
|
+
var StyledButton$1 = styled(Button)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n position: absolute;\n\n ", "\n"], ["\n position: absolute;\n\n ", "\n"])), function (props) {
|
|
6458
6488
|
var spaces = getSpaces(props);
|
|
6459
6489
|
return "\n right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxl, "px;\n ");
|
|
6460
6490
|
});
|
|
6461
|
-
var templateObject_1$
|
|
6491
|
+
var templateObject_1$u;
|
|
6462
6492
|
|
|
6463
6493
|
var CloseButton = forwardRef(function CloseButton(props, ref) {
|
|
6464
6494
|
var SDS_SIZE_TO_COMPONENT_SIZE = {
|
|
@@ -6474,27 +6504,27 @@ var CloseButton = forwardRef(function CloseButton(props, ref) {
|
|
|
6474
6504
|
} }));
|
|
6475
6505
|
});
|
|
6476
6506
|
|
|
6477
|
-
var StyledDialogTitle = styled(DialogTitle$1)(templateObject_1$
|
|
6507
|
+
var StyledDialogTitle = styled(DialogTitle$1)(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n padding: 0;\n ", "\n"], ["\n padding: 0;\n ", "\n"])), function (props) {
|
|
6478
6508
|
var spaces = getSpaces(props);
|
|
6479
6509
|
return "\n margin-bottom: ".concat((spaces === null || spaces === void 0 ? void 0 : spaces.xl) || 0, "px;\n ");
|
|
6480
6510
|
});
|
|
6481
|
-
var Title = styled(Typography)(templateObject_2$
|
|
6511
|
+
var Title = styled(Typography)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderXl, function (props) {
|
|
6482
6512
|
var _a;
|
|
6483
6513
|
var semanticColors = getSemanticColors(props);
|
|
6484
6514
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n ");
|
|
6485
6515
|
});
|
|
6486
|
-
var Subtitle = styled(Typography)(templateObject_3$
|
|
6516
|
+
var Subtitle = styled(Typography)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
6487
6517
|
var _a;
|
|
6488
6518
|
var semanticColors = getSemanticColors(props);
|
|
6489
6519
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
|
|
6490
6520
|
});
|
|
6491
|
-
var Overline = styled(Typography)(templateObject_4$
|
|
6521
|
+
var Overline = styled(Typography)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
6492
6522
|
var _a;
|
|
6493
6523
|
var semanticColors = getSemanticColors(props);
|
|
6494
6524
|
var spaces = getSpaces(props);
|
|
6495
6525
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n padding-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n ");
|
|
6496
6526
|
});
|
|
6497
|
-
var templateObject_1$
|
|
6527
|
+
var templateObject_1$t, templateObject_2$g, templateObject_3$a, templateObject_4$9;
|
|
6498
6528
|
|
|
6499
6529
|
/**
|
|
6500
6530
|
* @see https://mui.com/material-ui/react-dialog/
|
|
@@ -6504,20 +6534,20 @@ var DialogTitle = forwardRef(function DialogTitle(props, ref) {
|
|
|
6504
6534
|
return (jsx(StyledDialogTitle, __assign({ ref: ref }, rest, { children: children || (jsxs(Fragment, { children: [onClose && jsx(CloseButton, { icon: "XMark", onClick: onClose }), jsx(Overline, { children: overline }), jsx(Title, { children: title }), jsx(Subtitle, { children: subtitle })] })) })));
|
|
6505
6535
|
});
|
|
6506
6536
|
|
|
6507
|
-
var doNotForwardProps$
|
|
6537
|
+
var doNotForwardProps$b = ["buttonPosition"];
|
|
6508
6538
|
var StyledButtonsWrapper = styled("div", {
|
|
6509
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6510
|
-
})(templateObject_1$
|
|
6539
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$b.includes(prop); },
|
|
6540
|
+
})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6511
6541
|
var buttonPosition = props.buttonPosition;
|
|
6512
6542
|
return "\n display: flex;\n justify-content: ".concat(buttonPosition === "left" ? "start" : "end", ";\n ");
|
|
6513
6543
|
});
|
|
6514
6544
|
var StyledButton = styled(Button, {
|
|
6515
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
6516
|
-
})(templateObject_2$
|
|
6545
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$b.includes(prop); },
|
|
6546
|
+
})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6517
6547
|
var spaces = getSpaces(props);
|
|
6518
6548
|
return "\n margin-top: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
6519
6549
|
});
|
|
6520
|
-
var templateObject_1$
|
|
6550
|
+
var templateObject_1$s, templateObject_2$f;
|
|
6521
6551
|
|
|
6522
6552
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
6523
6553
|
var Dropdown = function (props) {
|
|
@@ -6690,7 +6720,7 @@ var SvgIconCheckboxUnchecked = function SvgIconCheckboxUnchecked(props) {
|
|
|
6690
6720
|
})));
|
|
6691
6721
|
};
|
|
6692
6722
|
|
|
6693
|
-
var StyledCheckbox = styled(Checkbox)(templateObject_1$
|
|
6723
|
+
var StyledCheckbox = styled(Checkbox)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6694
6724
|
var _a, _b, _c, _d, _e, _f;
|
|
6695
6725
|
var _g = props.intent, intent = _g === void 0 ? "default" : _g;
|
|
6696
6726
|
var iconSizes = getIconSizes(props);
|
|
@@ -6700,26 +6730,27 @@ var StyledCheckbox = styled(Checkbox)(templateObject_1$o || (templateObject_1$o
|
|
|
6700
6730
|
default: "base",
|
|
6701
6731
|
negative: "negative",
|
|
6702
6732
|
notice: "notice",
|
|
6733
|
+
positive: "positive",
|
|
6703
6734
|
};
|
|
6704
6735
|
var checkboxColor = intentToColor[intent];
|
|
6705
6736
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[checkboxColor]) === null || _a === void 0 ? void 0 : _a.border, ";\n\n &:hover {\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(checkboxClasses.disabled, " {\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, ";\n }\n\n &.").concat(checkboxClasses.checked, " {\n color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n\n &:hover {\n color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(checkboxClasses.disabled, " {\n color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.borderDisabled, ";\n }\n }\n\n &.").concat(checkboxClasses.root, " {\n ").concat(focusVisibleA11yStyle(props), "\n padding: 0;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n border-radius: 0;\n }\n\n .MuiSvgIcon-root {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n }\n ");
|
|
6706
6737
|
});
|
|
6707
|
-
var StyledFormControlLabel$1 = styled(FormControlLabel)(templateObject_2$
|
|
6738
|
+
var StyledFormControlLabel$1 = styled(FormControlLabel)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6708
6739
|
var spaces = getSpaces(props);
|
|
6709
6740
|
return "\n align-items: start;\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-left: 0;\n margin-right: 0;\n width: fit-content;\n ");
|
|
6710
6741
|
});
|
|
6711
|
-
var StyledLabelContainer$1 = styled("span")(templateObject_3$
|
|
6712
|
-
var StyledCheckboxLabel = styled("span")(templateObject_4$
|
|
6742
|
+
var StyledLabelContainer$1 = styled("span")(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"], ["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"])));
|
|
6743
|
+
var StyledCheckboxLabel = styled("span")(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
6713
6744
|
var spaces = getSpaces(props);
|
|
6714
6745
|
return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
|
|
6715
6746
|
});
|
|
6716
|
-
var StyledCheckboxCaption = styled("span")(templateObject_5$
|
|
6747
|
+
var StyledCheckboxCaption = styled("span")(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
6717
6748
|
var _a, _b;
|
|
6718
6749
|
var disabled = props.disabled;
|
|
6719
6750
|
var semanticColors = getSemanticColors(props);
|
|
6720
6751
|
return "\n color: ".concat(disabled ? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textDisabled : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textSecondary, ";\n ");
|
|
6721
6752
|
});
|
|
6722
|
-
var templateObject_1$
|
|
6753
|
+
var templateObject_1$r, templateObject_2$e, templateObject_3$9, templateObject_4$8, templateObject_5$5;
|
|
6723
6754
|
|
|
6724
6755
|
/**
|
|
6725
6756
|
* @see https://mui.com/material-ui/react-checkbox/
|
|
@@ -6770,7 +6801,7 @@ var SvgIconRadioUnchecked = function SvgIconRadioUnchecked(props) {
|
|
|
6770
6801
|
})));
|
|
6771
6802
|
};
|
|
6772
6803
|
|
|
6773
|
-
var StyledRadioButton = styled(Radio)(templateObject_1$
|
|
6804
|
+
var StyledRadioButton = styled(Radio)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6774
6805
|
var _a, _b, _c, _d, _e, _f;
|
|
6775
6806
|
var _g = props.intent, intent = _g === void 0 ? "default" : _g;
|
|
6776
6807
|
var spaces = getSpaces(props);
|
|
@@ -6780,26 +6811,27 @@ var StyledRadioButton = styled(Radio)(templateObject_1$n || (templateObject_1$n
|
|
|
6780
6811
|
default: "base",
|
|
6781
6812
|
negative: "negative",
|
|
6782
6813
|
notice: "notice",
|
|
6814
|
+
positive: "positive",
|
|
6783
6815
|
};
|
|
6784
6816
|
var radioColor = intentToColor[intent];
|
|
6785
6817
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[radioColor]) === null || _a === void 0 ? void 0 : _a.border, ";\n\n &:hover {\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(radioClasses.disabled, " {\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, ";\n }\n\n &.").concat(radioClasses.checked, " {\n color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.border, ";\n\n &:hover {\n color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, ";\n background-color: transparent;\n }\n\n &.").concat(radioClasses.disabled, " {\n color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.borderDisabled, ";\n }\n }\n\n &.").concat(radioClasses.root, " {\n ").concat(focusVisibleA11yStyle(props), "\n margin: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px 0 0;\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n }\n ");
|
|
6786
6818
|
});
|
|
6787
|
-
var StyledFormControlLabel = styled(FormControlLabel)(templateObject_2$
|
|
6819
|
+
var StyledFormControlLabel = styled(FormControlLabel)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6788
6820
|
var spaces = getSpaces(props);
|
|
6789
6821
|
return "\n align-items: start;\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-left: 0;\n margin-right: 0;\n width: fit-content;\n ");
|
|
6790
6822
|
});
|
|
6791
|
-
var StyledLabelContainer = styled("span")(templateObject_3$
|
|
6792
|
-
var StyledRadioLabel = styled("span")(templateObject_4$
|
|
6823
|
+
var StyledLabelContainer = styled("span")(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"], ["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"])));
|
|
6824
|
+
var StyledRadioLabel = styled("span")(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
6793
6825
|
var spaces = getSpaces(props);
|
|
6794
6826
|
return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
|
|
6795
6827
|
});
|
|
6796
|
-
var StyledRadioCaption = styled("span")(templateObject_5$
|
|
6828
|
+
var StyledRadioCaption = styled("span")(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
6797
6829
|
var _a, _b;
|
|
6798
6830
|
var disabled = props.disabled;
|
|
6799
6831
|
var semanticColors = getSemanticColors(props);
|
|
6800
6832
|
return "\n color: ".concat(disabled ? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textDisabled : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textSecondary, ";\n ");
|
|
6801
6833
|
});
|
|
6802
|
-
var templateObject_1$
|
|
6834
|
+
var templateObject_1$q, templateObject_2$d, templateObject_3$8, templateObject_4$7, templateObject_5$4;
|
|
6803
6835
|
|
|
6804
6836
|
/**
|
|
6805
6837
|
* @see https://mui.com/material-ui/react-radio-button/
|
|
@@ -6847,11 +6879,11 @@ var disabledSlider = function (props) {
|
|
|
6847
6879
|
var mode = getMode(props);
|
|
6848
6880
|
return "\n .".concat(sliderClasses.track, " {\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.fillDisabled, ";\n }\n\n .").concat(sliderClasses.thumb, ".").concat(sliderClasses.disabled, " {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.fillDisabled, ";\n }\n\n .").concat(sliderClasses.valueLabel, " {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n background-color: ").concat(mode === "light" ? (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.surfaceSecondary : (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.surfacePrimary, ";\n \n & * {\n color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.textDisabled, ";\n }\n }\n\n .").concat(sliderClasses.markLabel, " {\n color: ").concat((_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textDisabled, "\n }\n\n .").concat(sliderClasses.mark, " {\n background-color: ").concat((_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.fillPrimary, ";\n }\n ");
|
|
6849
6881
|
};
|
|
6850
|
-
var StyledSlider = styled(Slider)(templateObject_1$
|
|
6882
|
+
var StyledSlider = styled(Slider)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
6851
6883
|
var disabled = props.disabled;
|
|
6852
6884
|
return "\n ".concat(inputSlider(props), "\n ").concat(horizontal(props), "\n ").concat(disabled ? disabledSlider(props) : "", "\n ");
|
|
6853
6885
|
});
|
|
6854
|
-
var templateObject_1$
|
|
6886
|
+
var templateObject_1$p;
|
|
6855
6887
|
|
|
6856
6888
|
/**
|
|
6857
6889
|
* @see https://mui.com/material-ui/react-slider/
|
|
@@ -6862,29 +6894,23 @@ var InputSlider = forwardRef(function (props, ref) {
|
|
|
6862
6894
|
});
|
|
6863
6895
|
|
|
6864
6896
|
var sdsPropNames$1 = ["sdsStyle", "sdsType", "intent", "hideLabel"];
|
|
6865
|
-
var
|
|
6897
|
+
var applyIntentColor = function (props, intent) {
|
|
6866
6898
|
var _a, _b, _c, _d;
|
|
6867
6899
|
var borders = getBorders(props);
|
|
6868
6900
|
var semanticColors = getSemanticColors(props);
|
|
6869
|
-
return css(templateObject_1$
|
|
6870
|
-
};
|
|
6871
|
-
var notice = function (props) {
|
|
6872
|
-
var _a, _b, _c, _d;
|
|
6873
|
-
var borders = getBorders(props);
|
|
6874
|
-
var semanticColors = getSemanticColors(props);
|
|
6875
|
-
return css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_a = borders === null || borders === void 0 ? void 0 : borders.notice) === null || _a === void 0 ? void 0 : _a.default, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.hover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.hover, inputAdornmentClasses.root, buttonBaseClasses.root, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconPrimary);
|
|
6901
|
+
return css(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_a = borders === null || borders === void 0 ? void 0 : borders[intent]) === null || _a === void 0 ? void 0 : _a.default, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.hover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.hover, inputAdornmentClasses.root, buttonBaseClasses.root, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconPrimary);
|
|
6876
6902
|
};
|
|
6877
6903
|
var disabledStyled$1 = function (props) {
|
|
6878
6904
|
var _a, _b, _c;
|
|
6879
6905
|
var borders = getBorders(props);
|
|
6880
6906
|
var semanticColors = getSemanticColors(props);
|
|
6881
|
-
return css(
|
|
6907
|
+
return css(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n .", " {\n .", " {\n border: ", ";\n }\n\n &:hover .", " {\n border: ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "], ["\n .", " {\n .", " {\n border: ", ";\n }\n\n &:hover .", " {\n border: ", ";\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "])), outlinedInputClasses.disabled, outlinedInputClasses.notchedOutline, (_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.disabled, outlinedInputClasses.notchedOutline, (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.disabled, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textDisabled);
|
|
6882
6908
|
};
|
|
6883
6909
|
var textArea = function (props) {
|
|
6884
6910
|
var spaces = getSpaces(props);
|
|
6885
|
-
return css(
|
|
6911
|
+
return css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n .", " {\n padding: ", "px;\n\n > .", " {\n padding: ", "px ", "px ", "px;\n resize: both;\n }\n }\n "], ["\n .", " {\n padding: ", "px;\n\n > .", " {\n padding: ", "px ", "px ", "px;\n resize: both;\n }\n }\n "])), outlinedInputClasses.multiline, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, outlinedInputClasses.inputMultiline, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m);
|
|
6886
6912
|
};
|
|
6887
|
-
var StyledLabel = styled("label")(
|
|
6913
|
+
var StyledLabel = styled("label")(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n display: block;\n ", "\n\n ", "\n"], ["\n display: block;\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
6888
6914
|
var spaces = getSpaces(props);
|
|
6889
6915
|
return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n ");
|
|
6890
6916
|
});
|
|
@@ -6892,16 +6918,16 @@ var StyledInputBase = styled(TextField, {
|
|
|
6892
6918
|
shouldForwardProp: function (prop) {
|
|
6893
6919
|
return !sdsPropNames$1.includes(prop.toString());
|
|
6894
6920
|
},
|
|
6895
|
-
})(
|
|
6921
|
+
})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6896
6922
|
var _a, _b, _c, _d;
|
|
6897
6923
|
var intent = props.intent, sdsType = props.sdsType, disabled = props.disabled;
|
|
6898
6924
|
var spaces = getSpaces(props);
|
|
6899
6925
|
var borders = getBorders(props);
|
|
6900
6926
|
var corners = getCorners(props);
|
|
6901
6927
|
var semanticColors = getSemanticColors(props);
|
|
6902
|
-
return css(
|
|
6928
|
+
return css(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-bottom: ", "px;\n margin-right: ", "px;\n display: block;\n\n .", " {\n width: 100%;\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", " {\n border-radius: ", "px;\n border: ", ";\n }\n\n .", " {\n outline: none;\n border-radius: 4px;\n width: 100%;\n }\n\n &.user-is-tabbing .", " {\n ", "\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", "\n .", " {\n border: ", ";\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-bottom: ", "px;\n margin-right: ", "px;\n display: block;\n\n .", " {\n width: 100%;\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n background-color: ", ";\n }\n\n .", " {\n border-radius: ", "px;\n border: ", ";\n }\n\n .", " {\n outline: none;\n border-radius: 4px;\n width: 100%;\n }\n\n &.user-is-tabbing .", " {\n ", "\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", "\n .", " {\n border: ", ";\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.m, outlinedInputClasses.root, outlinedInputClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.m, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.m, (_b = borders === null || borders === void 0 ? void 0 : borders.base) === null || _b === void 0 ? void 0 : _b.default, outlinedInputClasses.input, outlinedInputClasses.input, focusVisibleA11yStyle(props), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.hover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_d = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _d === void 0 ? void 0 : _d.default, sdsType === "textArea" && textArea(props), intent === "negative" && applyIntentColor(props, "negative"), intent === "notice" && applyIntentColor(props, "notice"), intent === "positive" && applyIntentColor(props, "positive"), disabled && disabledStyled$1(props));
|
|
6903
6929
|
});
|
|
6904
|
-
var templateObject_1$
|
|
6930
|
+
var templateObject_1$o, templateObject_2$c, templateObject_3$7, templateObject_4$6, templateObject_5$3, templateObject_6$2;
|
|
6905
6931
|
|
|
6906
6932
|
/**
|
|
6907
6933
|
* @see https://mui.com/material-ui/react-text-field/
|
|
@@ -6962,11 +6988,11 @@ var toggleOff = function (props) {
|
|
|
6962
6988
|
: (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconPrimary, ";\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n .").concat(switchClasses.switchBase, " {\n right: unset;\n left: 0;\n transform: unset;\n padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n .MuiIconButton-label {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n }\n\n &:after {\n color: ").concat(disabled ? (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.textDisabled : (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.textSecondary, ";\n content: \"").concat(value, "\";\n }\n }\n\n &:hover {\n .").concat(switchClasses.switchBase, " {\n &:after {\n color: ").concat(disabled ? (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.textDisabled : (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.textPrimary, ";\n }\n }\n }\n\n .").concat(switchClasses.track, " {\n background-color: ").concat((_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.fillPrimary, " !important;\n opacity: 1 !important;\n }\n\n ").concat(!disabled &&
|
|
6963
6989
|
"&:hover {\n outline: ".concat((_k = borders === null || borders === void 0 ? void 0 : borders.base) === null || _k === void 0 ? void 0 : _k.hover, ";\n\n .").concat(switchClasses.thumb, " {\n color: ").concat((_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _l === void 0 ? void 0 : _l.iconPrimaryHover, ";\n }\n }"), "\n ");
|
|
6964
6990
|
};
|
|
6965
|
-
var Toggle = styled(Switch)(templateObject_1$
|
|
6991
|
+
var Toggle = styled(Switch)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
6966
6992
|
var checked = props.checked;
|
|
6967
6993
|
return "\n ".concat(toggle(props), "\n ").concat(checked ? toggleOn(props) : toggleOff(props), "\n ");
|
|
6968
6994
|
});
|
|
6969
|
-
var templateObject_1$
|
|
6995
|
+
var templateObject_1$n;
|
|
6970
6996
|
|
|
6971
6997
|
/**
|
|
6972
6998
|
* @see https://mui.com/material-ui/react-switch/
|
|
@@ -6984,18 +7010,18 @@ var InputToggle = function (props) {
|
|
|
6984
7010
|
return (jsx(Toggle, __assign({ checked: finalChecked, color: "primary", onChange: handleChange, value: labelValue }, rest)));
|
|
6985
7011
|
};
|
|
6986
7012
|
|
|
6987
|
-
var doNotForwardProps$
|
|
7013
|
+
var doNotForwardProps$a = ["sdsStyle", "sdsSize", "fontWeight"];
|
|
6988
7014
|
var defaultStyle = function (props) {
|
|
6989
7015
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
6990
7016
|
var _h = props.sdsSize, sdsSize = _h === void 0 ? "s" : _h;
|
|
6991
7017
|
var semanticColors = getSemanticColors(props);
|
|
6992
|
-
return css(templateObject_1$
|
|
7018
|
+
return css(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n color: ", ";\n position: relative;\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n height: 1px;\n margin-top: ", "px;\n width: 100%;\n }\n\n &:hover {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n\n &:focus {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n\n &:active {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n "], ["\n color: ", ";\n position: relative;\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n height: 1px;\n margin-top: ", "px;\n width: 100%;\n }\n\n &:hover {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n\n &:focus {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n\n &:active {\n color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.textAction, sdsSize === "s" ? -4 : -3, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.textActionHover, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _c === void 0 ? void 0 : _c.borderHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.textActionHover, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _e === void 0 ? void 0 : _e.borderHover, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _f === void 0 ? void 0 : _f.textActionPressed, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.borderPressed);
|
|
6993
7019
|
};
|
|
6994
7020
|
var dashedStyle = function (props) {
|
|
6995
7021
|
var _a, _b, _c;
|
|
6996
7022
|
var _d = props.sdsSize, sdsSize = _d === void 0 ? "s" : _d;
|
|
6997
7023
|
var semanticColors = getSemanticColors(props);
|
|
6998
|
-
return css(templateObject_2$
|
|
7024
|
+
return css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n color: inherit;\n position: relative;\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n height: 1px;\n margin-top: ", "px;\n margin-left: 1px;\n width: 100%;\n background-image: linear-gradient(\n to right,\n ", " 60%,\n transparent 60%\n );\n background-size: 5px 100%;\n }\n\n &:hover,\n &:focus {\n text-decoration: none;\n &::after {\n background-image: linear-gradient(\n to right,\n ", " 60%,\n ", " 60%\n );\n }\n }\n "], ["\n color: inherit;\n position: relative;\n\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n height: 1px;\n margin-top: ", "px;\n margin-left: 1px;\n width: 100%;\n background-image: linear-gradient(\n to right,\n ", " 60%,\n transparent 60%\n );\n background-size: 5px 100%;\n }\n\n &:hover,\n &:focus {\n text-decoration: none;\n &::after {\n background-image: linear-gradient(\n to right,\n ", " 60%,\n ", " 60%\n );\n }\n }\n "])), sdsSize === "s" ? -4 : -3, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderHover, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderHover, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderHover);
|
|
6999
7025
|
};
|
|
7000
7026
|
var smallStyle = function (props) {
|
|
7001
7027
|
return fontBodyS$1(props);
|
|
@@ -7005,13 +7031,13 @@ var extraSmallStyle = function (props) {
|
|
|
7005
7031
|
};
|
|
7006
7032
|
var StyledLink = styled(Link$1, {
|
|
7007
7033
|
shouldForwardProp: function (prop) {
|
|
7008
|
-
return !doNotForwardProps$
|
|
7034
|
+
return !doNotForwardProps$a.includes(prop.toString());
|
|
7009
7035
|
},
|
|
7010
|
-
})(templateObject_4$
|
|
7036
|
+
})(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n all: unset;\n\n ", "\n\n ", "\n"], ["\n all: unset;\n\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
7011
7037
|
var _a = props.fontWeight, fontWeight = _a === void 0 ? "normal" : _a, sdsStyle = props.sdsStyle, _b = props.sdsSize, sdsSize = _b === void 0 ? "s" : _b;
|
|
7012
|
-
return css(templateObject_3$
|
|
7038
|
+
return css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n\n font-weight: ", ";\n display: inline-block;\n cursor: pointer;\n "], ["\n ", "\n ", "\n ", "\n ", "\n\n font-weight: ", ";\n display: inline-block;\n cursor: pointer;\n "])), sdsStyle === "default" && defaultStyle(props), sdsStyle === "dashed" && dashedStyle(props), sdsSize === "s" && smallStyle(props), sdsSize === "xs" && extraSmallStyle(props), fontWeight === "normal" ? "400" : "600");
|
|
7013
7039
|
});
|
|
7014
|
-
var templateObject_1$
|
|
7040
|
+
var templateObject_1$m, templateObject_2$b, templateObject_3$6, templateObject_4$5;
|
|
7015
7041
|
|
|
7016
7042
|
/**
|
|
7017
7043
|
* @see https://mui.com/material-ui/react-link/
|
|
@@ -7026,10 +7052,10 @@ var Link = forwardRef(function (props, ref) {
|
|
|
7026
7052
|
});
|
|
7027
7053
|
|
|
7028
7054
|
// (thuang): Please keep this in sync with the props used in `ListExtraProps`
|
|
7029
|
-
var doNotForwardProps$
|
|
7055
|
+
var doNotForwardProps$9 = ["marginBottom", "ordered"];
|
|
7030
7056
|
var StyledList = styled(List$1, {
|
|
7031
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7032
|
-
})(templateObject_1$
|
|
7057
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
7058
|
+
})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n .MuiListSubheader-root {\n ", "\n }\n\n ", "\n"], ["\n .MuiListSubheader-root {\n ", "\n }\n\n ", "\n"])), propsToMarginBottom$1, function (props) {
|
|
7033
7059
|
if (!props.ordered)
|
|
7034
7060
|
return "";
|
|
7035
7061
|
return "\n counter-reset: section;\n ";
|
|
@@ -7047,7 +7073,7 @@ function propsToMarginBottom$1(props) {
|
|
|
7047
7073
|
var marginBottom = props.marginBottom;
|
|
7048
7074
|
return "\n margin-bottom: ".concat(propsToMarginBottomMap[marginBottom || "s"], "px;\n ");
|
|
7049
7075
|
}
|
|
7050
|
-
var templateObject_1$
|
|
7076
|
+
var templateObject_1$l;
|
|
7051
7077
|
|
|
7052
7078
|
/**
|
|
7053
7079
|
* @see https://mui.com/material-ui/react-list/
|
|
@@ -7064,10 +7090,10 @@ var fontBodyXs$1 = fontBody("xs");
|
|
|
7064
7090
|
var fontBodyXxs = fontBody("xxs");
|
|
7065
7091
|
var fontBodyXxxs = fontBody("xxxs");
|
|
7066
7092
|
// (thuang): Please keep this in sync with the props used in `ListItemExtraProps`
|
|
7067
|
-
var doNotForwardProps$
|
|
7093
|
+
var doNotForwardProps$8 = ["marginBottom", "fontSize", "ordered"];
|
|
7068
7094
|
var StyledListItem = styled(ListItem$1, {
|
|
7069
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7070
|
-
})(templateObject_1$
|
|
7095
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
7096
|
+
})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n ", "\n ", "\n\n padding: 0;\n\n ", "\n\n &:before {\n display: inline-block;\n\n ", "\n }\n"], ["\n ", "\n ", "\n\n padding: 0;\n\n ", "\n\n &:before {\n display: inline-block;\n\n ", "\n }\n"])), propsToMarginBottom, propsToFontBody, function (props) {
|
|
7071
7097
|
var ordered = props.ordered;
|
|
7072
7098
|
return "\n align-items: flex-start;\n ".concat(ordered ? "counter-increment: section;" : "", "\n ");
|
|
7073
7099
|
}, function (props) {
|
|
@@ -7098,11 +7124,11 @@ function propsToMarginBottom(props) {
|
|
|
7098
7124
|
var marginBottom = props.marginBottom;
|
|
7099
7125
|
return "\n margin-bottom: ".concat(propsToMarginBottomMap[marginBottom || "xs"], "px;\n ");
|
|
7100
7126
|
}
|
|
7101
|
-
var ListItemLabel = styled("span")(templateObject_2$
|
|
7127
|
+
var ListItemLabel = styled("span")(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n margin-right: 5px;\n\n ", "\n"], ["\n margin-right: 5px;\n\n ", "\n"])), function (props) {
|
|
7102
7128
|
var fontWeights = getFontWeights(props);
|
|
7103
7129
|
return "\n font-weight: ".concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n ");
|
|
7104
7130
|
});
|
|
7105
|
-
var templateObject_1$
|
|
7131
|
+
var templateObject_1$k, templateObject_2$a;
|
|
7106
7132
|
|
|
7107
7133
|
/**
|
|
7108
7134
|
* @see https://mui.com/material-ui/react-list/
|
|
@@ -7112,11 +7138,11 @@ var ListItem = function (props) {
|
|
|
7112
7138
|
};
|
|
7113
7139
|
|
|
7114
7140
|
var fontHeaderM = fontHeader("m");
|
|
7115
|
-
var StyledListSubheader = styled(ListSubheader$1)(templateObject_1$
|
|
7141
|
+
var StyledListSubheader = styled(ListSubheader$1)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n &.MuiListSubheader-root {\n ", "\n\n line-height: unset;\n color: unset;\n\n ", "\n }\n"], ["\n &.MuiListSubheader-root {\n ", "\n\n line-height: unset;\n color: unset;\n\n ", "\n }\n"])), fontHeaderM, function (props) {
|
|
7116
7142
|
var spaces = getSpaces(props);
|
|
7117
7143
|
return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n ");
|
|
7118
7144
|
});
|
|
7119
|
-
var templateObject_1$
|
|
7145
|
+
var templateObject_1$j;
|
|
7120
7146
|
|
|
7121
7147
|
/**
|
|
7122
7148
|
* @see https://mui.com/material-ui/react-list/
|
|
@@ -7125,7 +7151,7 @@ var ListSubheader = function (props) {
|
|
|
7125
7151
|
return jsx(StyledListSubheader, __assign({ disableGutters: true }, props));
|
|
7126
7152
|
};
|
|
7127
7153
|
|
|
7128
|
-
var StyledText = styled("span")(templateObject_1$
|
|
7154
|
+
var StyledText = styled("span")(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7129
7155
|
var spaces = getSpaces(props);
|
|
7130
7156
|
return "\n margin: 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
7131
7157
|
});
|
|
@@ -7133,37 +7159,37 @@ var minimal = function (props) {
|
|
|
7133
7159
|
var _a, _b;
|
|
7134
7160
|
var iconSizes = getIconSizes(props);
|
|
7135
7161
|
var semanticColors = getSemanticColors(props);
|
|
7136
|
-
return css(templateObject_2$
|
|
7162
|
+
return css(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n ", "\n\n color: ", ";\n\n svg {\n height: ", "px;\n width: ", "px;\n\n path {\n fill: ", ";\n }\n }\n "], ["\n ", "\n\n color: ", ";\n\n svg {\n height: ", "px;\n width: ", "px;\n\n path {\n fill: ", ";\n }\n }\n "])), fontBodyS$1(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary);
|
|
7137
7163
|
};
|
|
7138
7164
|
var tag = function (props) {
|
|
7139
7165
|
var _a, _b, _c;
|
|
7140
7166
|
var corners = getCorners(props);
|
|
7141
7167
|
var semanticColors = getSemanticColors(props);
|
|
7142
|
-
return css(templateObject_3$
|
|
7168
|
+
return css(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n ", "\n\n background-color: ", ";\n border-radius: ", "px;\n color: ", ";\n\n svg {\n path {\n fill: ", ";\n }\n }\n "], ["\n ", "\n\n background-color: ", ";\n border-radius: ", "px;\n color: ", ";\n\n svg {\n path {\n fill: ", ";\n }\n }\n "])), fontCapsXxxxs(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _a === void 0 ? void 0 : _a.surfacePrimary, corners === null || corners === void 0 ? void 0 : corners.l, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _b === void 0 ? void 0 : _b.text, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.info) === null || _c === void 0 ? void 0 : _c.ornament);
|
|
7143
7169
|
};
|
|
7144
|
-
var doNotForwardProps$
|
|
7170
|
+
var doNotForwardProps$7 = ["sdsStyle"];
|
|
7145
7171
|
var StyledLoadingIndicator = styled("div", {
|
|
7146
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7147
|
-
})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7172
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$7.includes(prop); },
|
|
7173
|
+
})(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7148
7174
|
var sdsStyle = props.sdsStyle;
|
|
7149
7175
|
var spaces = getSpaces(props);
|
|
7150
|
-
var style = css(templateObject_4$
|
|
7151
|
-
return css(templateObject_5$
|
|
7176
|
+
var style = css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n padding: ", "px;\n "], ["\n display: inline-flex;\n align-items: center;\n padding: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
7177
|
+
return css(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n "])), style, sdsStyle === "minimal" && minimal(props), sdsStyle === "tag" && tag(props));
|
|
7152
7178
|
});
|
|
7153
|
-
var templateObject_1$
|
|
7179
|
+
var templateObject_1$i, templateObject_2$9, templateObject_3$5, templateObject_4$4, templateObject_5$2, templateObject_6$1;
|
|
7154
7180
|
|
|
7155
7181
|
var LoadingIndicator = function (_a) {
|
|
7156
7182
|
var ariaLabel = _a["aria-label"], sdsStyle = _a.sdsStyle;
|
|
7157
7183
|
return (jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, "aria-label": "Loading", children: [jsx(Icon, { sdsIcon: "Loading", sdsSize: "l", sdsType: "static" }), jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
|
|
7158
7184
|
};
|
|
7159
7185
|
|
|
7160
|
-
var StyledMenu = styled(Menu$1)(templateObject_1$
|
|
7186
|
+
var StyledMenu = styled(Menu$1)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n & {\n .", " {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"], ["\n & {\n .", " {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"])), menuClasses.paper, function (props) {
|
|
7161
7187
|
var _a;
|
|
7162
7188
|
var spaces = getSpaces(props);
|
|
7163
7189
|
var semanticColors = getSemanticColors(props);
|
|
7164
7190
|
return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n background-image: none;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
7165
7191
|
});
|
|
7166
|
-
var templateObject_1$
|
|
7192
|
+
var templateObject_1$h;
|
|
7167
7193
|
|
|
7168
7194
|
var ANCHOR_ORIGIN = {
|
|
7169
7195
|
horizontal: "center",
|
|
@@ -7180,19 +7206,19 @@ var Menu = function (props) {
|
|
|
7180
7206
|
return (jsx(StyledMenu, __assign({ anchorOrigin: ANCHOR_ORIGIN, transformOrigin: TRANSFORM_ORIGIN }, props)));
|
|
7181
7207
|
};
|
|
7182
7208
|
|
|
7183
|
-
var StyledMenuItem = styled(MenuItem)(templateObject_1$
|
|
7184
|
-
var doNotForwardProps$
|
|
7209
|
+
var StyledMenuItem = styled(MenuItem)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
7210
|
+
var doNotForwardProps$6 = ["search", "InputBaseProps", "keepSearchOnSelect"];
|
|
7185
7211
|
// (thuang): Casting the type to `Autocomplete`
|
|
7186
7212
|
// per https://github.com/mui-org/material-ui/issues/21727#issuecomment-880263271
|
|
7187
7213
|
var StyledAutocomplete = styled(Autocomplete$1, {
|
|
7188
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7189
|
-
})(templateObject_2$
|
|
7214
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$6.includes(prop); },
|
|
7215
|
+
})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n ", "\n width: 100%;\n"], ["\n ", "\n width: 100%;\n"])), function (_a) {
|
|
7190
7216
|
var search = _a.search;
|
|
7191
7217
|
return !search && "height: 0; margin: 0 !important;";
|
|
7192
7218
|
});
|
|
7193
7219
|
var InputBaseWrapper = styled("div", {
|
|
7194
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7195
|
-
})(templateObject_3$
|
|
7220
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$6.includes(prop); },
|
|
7221
|
+
})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7196
7222
|
var search = props.search;
|
|
7197
7223
|
if (!search) {
|
|
7198
7224
|
// (thuang): We cannot use `display: none;` here, since
|
|
@@ -7204,12 +7230,12 @@ var InputBaseWrapper = styled("div", {
|
|
|
7204
7230
|
return "\n margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n ");
|
|
7205
7231
|
});
|
|
7206
7232
|
var StyledMenuInputSearch = styled(InputSearch, {
|
|
7207
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7208
|
-
})(templateObject_4$
|
|
7233
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$6.includes(prop); },
|
|
7234
|
+
})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n && {\n margin: 0;\n\n .", " {\n width: 100%;\n padding: 0;\n padding-right: 14px !important;\n }\n\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n }\n"], ["\n && {\n margin: 0;\n\n .", " {\n width: 100%;\n padding: 0;\n padding-right: 14px !important;\n }\n\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n }\n"])), inputBaseClasses.root, function (_a) {
|
|
7209
7235
|
var search = _a.search;
|
|
7210
7236
|
return (search ? "auto" : "transparent");
|
|
7211
7237
|
});
|
|
7212
|
-
var templateObject_1$
|
|
7238
|
+
var templateObject_1$g, templateObject_2$8, templateObject_3$4, templateObject_4$3;
|
|
7213
7239
|
|
|
7214
7240
|
/**
|
|
7215
7241
|
* @see https://mui.com/material-ui/react-autocomplete/
|
|
@@ -7313,24 +7339,24 @@ var useScrollStopListener = function (callback, timeout) {
|
|
|
7313
7339
|
}, [timeout]);
|
|
7314
7340
|
};
|
|
7315
7341
|
|
|
7316
|
-
var doNotForwardProps$
|
|
7342
|
+
var doNotForwardProps$5 = ["items", "sdsIndicatorColor"];
|
|
7317
7343
|
var StyledTabs$1 = styled(Tabs$1, {
|
|
7318
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7319
|
-
})(templateObject_1$
|
|
7344
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$5.includes(prop); },
|
|
7345
|
+
})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7320
7346
|
var _a, _b;
|
|
7321
7347
|
var spaces = getSpaces(props);
|
|
7322
7348
|
var semanticColors = getSemanticColors(props);
|
|
7323
7349
|
return "\n &:before {\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.divider, ";\n border-radius: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n\n max-width: 180px;\n top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n position: sticky;\n overflow: visible;\n\n .").concat(tabsClasses.indicator, " {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.borderSelected, " !important;\n border-radius: 2px;\n left: 0;\n width: 2px;\n }\n\n .").concat(tabsClasses.scroller, " {\n overflow: visible !important;\n }\n ");
|
|
7324
7350
|
});
|
|
7325
7351
|
var StyledTab$1 = styled(Tab$1, {
|
|
7326
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7327
|
-
})(templateObject_2$
|
|
7352
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$5.includes(prop); },
|
|
7353
|
+
})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
7328
7354
|
var _a, _b, _c, _d;
|
|
7329
7355
|
var spaces = getSpaces(props);
|
|
7330
7356
|
var semanticColors = getSemanticColors(props);
|
|
7331
7357
|
return "\n ".concat(focusVisibleA11yStyle(props), "\n box-sizing: border-box;\n max-width: 180px;\n padding-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n margin: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n align-items: start;\n min-height: unset;\n max-height: unset;\n text-transform: none;\n &:last-child {\n margin-bottom: 0;\n }\n &:before {\n content: \"\";\n position: absolute;\n left: -").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: 100%;\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.border, ";\n display: none;\n border-radius: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n &:hover {\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimary, ";\n &:before {\n display: block;\n }\n }\n &.Mui-selected {\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textPrimary, ";\n font-weight: 600;\n }\n &.MuiTabs-indicator {\n backgroundColor: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.surfaceTertiary, ";\n width: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n }\n &.MuiButtonBase-root {\n white-space: nowrap;\n padding: 0;\n overflow: visible;\n }\n ");
|
|
7332
7358
|
});
|
|
7333
|
-
var templateObject_1$
|
|
7359
|
+
var templateObject_1$f, templateObject_2$7;
|
|
7334
7360
|
|
|
7335
7361
|
/**
|
|
7336
7362
|
* Custom hook that observes elements to determine if they are in the viewport.
|
|
@@ -7475,34 +7501,34 @@ var NavigationJumpTo = forwardRef(function (props, ref) {
|
|
|
7475
7501
|
});
|
|
7476
7502
|
|
|
7477
7503
|
var fontBodyXs = fontBody("xs");
|
|
7478
|
-
var doNotForwardProps$
|
|
7504
|
+
var doNotForwardProps$4 = ["slideDirection"];
|
|
7479
7505
|
var StyledNotification = styled(Alert$2, {
|
|
7480
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7481
|
-
})(templateObject_1$
|
|
7482
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m
|
|
7483
|
-
var
|
|
7506
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$4.includes(prop); },
|
|
7507
|
+
})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs, function (props) {
|
|
7508
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
7509
|
+
var _o = props.intent, intent = _o === void 0 ? "info" : _o;
|
|
7484
7510
|
var spaces = getSpaces(props);
|
|
7485
7511
|
var shadows = getShadows(props);
|
|
7486
7512
|
var corners = getCorners(props);
|
|
7487
7513
|
var iconSizes = getIconSizes(props);
|
|
7488
7514
|
var semanticColors = getSemanticColors(props);
|
|
7489
7515
|
var typography = getTypography(props);
|
|
7490
|
-
var
|
|
7491
|
-
var iconColor = (
|
|
7492
|
-
var backgroundColor = (
|
|
7516
|
+
var borders = getBorders(props);
|
|
7517
|
+
var iconColor = (_b = (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[intent]) === null || _a === void 0 ? void 0 : _a.ornament) !== null && _b !== void 0 ? _b : "black";
|
|
7518
|
+
var backgroundColor = (_d = (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors[intent]) === null || _c === void 0 ? void 0 : _c.surfacePrimary) !== null && _d !== void 0 ? _d : "white";
|
|
7493
7519
|
// (masoudmanson): The Notification Icon should be vertically centered with the Notification
|
|
7494
7520
|
// Title. The padding-top of the Notification Title is calculated based on the difference
|
|
7495
7521
|
// between the height of the Icon and the line-height of the Notification Title.
|
|
7496
|
-
var alertMessagePaddingTop = Math.abs((((
|
|
7497
|
-
parseInt(String((
|
|
7522
|
+
var alertMessagePaddingTop = Math.abs((((_e = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height) !== null && _e !== void 0 ? _e : 0) -
|
|
7523
|
+
parseInt(String((_k = (_j = (_h = (_g = (_f = typography === null || typography === void 0 ? void 0 : typography.styles) === null || _f === void 0 ? void 0 : _f.body) === null || _g === void 0 ? void 0 : _g.regular) === null || _h === void 0 ? void 0 : _h.xs) === null || _j === void 0 ? void 0 : _j.lineHeight) !== null && _k !== void 0 ? _k : "0"))) /
|
|
7498
7524
|
2);
|
|
7499
|
-
return "\n background-color: ".concat(backgroundColor, ";\n max-width: 480px;\n min-width: 280px;\n box-sizing: border-box;\n margin: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0;\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n color: ").concat((
|
|
7525
|
+
return "\n background-color: ".concat(backgroundColor, ";\n max-width: 480px;\n min-width: 280px;\n box-sizing: border-box;\n margin: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0;\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n color: ").concat((_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _l === void 0 ? void 0 : _l.textPrimary, ";\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n align-items: flex-start;\n border-left: ").concat((_m = borders === null || borders === void 0 ? void 0 : borders[intent]) === null || _m === void 0 ? void 0 : _m.extraThick, ";\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.s, ";\n\n .MuiAlert-icon {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n padding: 0;\n path {\n fill: ").concat(iconColor, ";\n }\n }\n\n .MuiAlert-message {\n padding: ").concat(alertMessagePaddingTop, "px 0px 0px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n width: 100%;\n\n > * {\n margin: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px 0px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n button {\n display: block;\n }\n }\n\n .MuiAlert-action {\n margin-right: 0;\n padding: 0;\n align-items: flex-start;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n\n > button {\n padding: 0;\n }\n }\n }\n ");
|
|
7500
7526
|
});
|
|
7501
|
-
var StyledButtonWrapper = styled("div")(templateObject_2$
|
|
7527
|
+
var StyledButtonWrapper = styled("div")(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7502
7528
|
var _a = props.buttonPosition, buttonPosition = _a === void 0 ? "right" : _a;
|
|
7503
7529
|
return "\n display: flex;\n justify-content: ".concat(buttonPosition === "left" ? "flex-start" : "flex-end", ";\n ");
|
|
7504
7530
|
});
|
|
7505
|
-
var templateObject_1$
|
|
7531
|
+
var templateObject_1$e, templateObject_2$6;
|
|
7506
7532
|
|
|
7507
7533
|
/**
|
|
7508
7534
|
* @see https://mui.com/material-ui/react-alert/
|
|
@@ -7550,7 +7576,7 @@ var Notification = function (_a) {
|
|
|
7550
7576
|
return (jsx(Fragment, { children: jsx(Slide, { in: !hide, direction: slideDirection, mountOnEnter: true, unmountOnExit: true, timeout: 250, children: jsx(Box, { children: jsxs(StyledNotification, __assign({ onClose: onClose ? handleClose : undefined, action: onClose ? (jsx(Button, { onClick: handleClose, sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon", "data-testid": "notificationCloseButton", icon: "XMark" })) : null, icon: getIcon(), className: "elevated", intent: intent, slideDirection: slideDirection }, passedProps, { children: [children, buttonOnClick !== undefined && (jsx(StyledButtonWrapper, { buttonPosition: buttonPosition, children: jsx(Button, { sdsStyle: "minimal", sdsType: "secondary", onClick: buttonOnClick, children: buttonText }) }))] })) }) }) }));
|
|
7551
7577
|
};
|
|
7552
7578
|
|
|
7553
|
-
var doNotForwardProps$
|
|
7579
|
+
var doNotForwardProps$3 = [
|
|
7554
7580
|
"sdsStyle",
|
|
7555
7581
|
"selected",
|
|
7556
7582
|
"onPageChange",
|
|
@@ -7563,14 +7589,14 @@ var doNotForwardProps$2 = [
|
|
|
7563
7589
|
"pageSize",
|
|
7564
7590
|
"truncateDropdown",
|
|
7565
7591
|
];
|
|
7566
|
-
var StyledPaginationButton = styled(Button)(templateObject_1$
|
|
7592
|
+
var StyledPaginationButton = styled(Button)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7567
7593
|
var _a, _b, _c;
|
|
7568
7594
|
var semanticColors = getSemanticColors(props);
|
|
7569
7595
|
return "\n width: 32px;\n height: 32px;\n cursor: \"pointer\";\n\n & .MuiSvgIcon-root {\n width: 10px;\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconPrimary, "\n }\n\n &:hover {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n\n & .MuiSvgIcon-root {\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.iconPrimaryHover, "\n }\n }\n ");
|
|
7570
7596
|
});
|
|
7571
7597
|
var StyledPaginationChevronList = styled("li", {
|
|
7572
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7573
|
-
})(templateObject_2$
|
|
7598
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$3.includes(prop); },
|
|
7599
|
+
})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7574
7600
|
var _a, _b, _c, _d, _e;
|
|
7575
7601
|
var disabled = props.disabled;
|
|
7576
7602
|
var spaces = getSpaces(props);
|
|
@@ -7578,16 +7604,16 @@ var StyledPaginationChevronList = styled("li", {
|
|
|
7578
7604
|
return "\n width: 32px;\n height: 32px;\n cursor: ".concat(disabled ? "auto" : "pointer", ";\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n\n &[data-order=\"first\"] {\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n &[data-order=\"last\"] {\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n }\n\n & .MuiSvgIcon-root {\n color: ").concat(disabled ? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled : (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.iconPrimary, ";\n }\n\n &:hover {\n background-color: ").concat(disabled ? "transparent" : (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, ";\n\n & .MuiSvgIcon-root {\n color: ").concat(disabled ? (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled : (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.iconPrimaryHover, "\n }\n }\n\n ").concat(focusVisibleA11yStyle(props), "\n ");
|
|
7579
7605
|
});
|
|
7580
7606
|
var StyledPagination = styled("ul", {
|
|
7581
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7582
|
-
})(templateObject_3$
|
|
7607
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$3.includes(prop); },
|
|
7608
|
+
})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n ", "\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n margin: 0;\n & li {\n list-style: none;\n }\n"], ["\n ", "\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n margin: 0;\n & li {\n list-style: none;\n }\n"])), fontBodyS$1);
|
|
7583
7609
|
var selectedPageStyle = function (props) {
|
|
7584
7610
|
var _a, _b, _c, _d;
|
|
7585
7611
|
var semanticColors = getSemanticColors(props);
|
|
7586
7612
|
return "\n background-color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.fillSelected, ";\n color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimaryInverse, ";\n\n &:hover {\n background-color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillSelected, ";\n color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textPrimaryInverse, ";\n }\n ");
|
|
7587
7613
|
};
|
|
7588
7614
|
var Page = styled("li", {
|
|
7589
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
7590
|
-
})(templateObject_4$
|
|
7615
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$3.includes(prop); },
|
|
7616
|
+
})(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodySemiboldS, function (props) {
|
|
7591
7617
|
var _a, _b, _c;
|
|
7592
7618
|
var selected = props.selected, sdsStyle = props.sdsStyle;
|
|
7593
7619
|
var spaces = getSpaces(props);
|
|
@@ -7595,10 +7621,10 @@ var Page = styled("li", {
|
|
|
7595
7621
|
var semanticColors = getSemanticColors(props);
|
|
7596
7622
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n cursor: pointer;\n list-style: none;\n width: 32px;\n height: 32px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ").concat(sdsStyle === "round" ? corners === null || corners === void 0 ? void 0 : corners.l : corners === null || corners === void 0 ? void 0 : corners.m, "px;\n user-select: none;\n &:hover {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textPrimary, ";\n }\n\n &:nth-last-of-type(-n+2) {\n margin-right: 0;\n }\n\n ").concat(selected && selectedPageStyle(props), ";\n ").concat(focusVisibleA11yStyle(props), "\n ");
|
|
7597
7623
|
});
|
|
7598
|
-
var templateObject_1$
|
|
7624
|
+
var templateObject_1$d, templateObject_2$5, templateObject_3$3, templateObject_4$2;
|
|
7599
7625
|
|
|
7600
|
-
var StyledPaginationDropdownMenu = styled(Menu)(templateObject_1$
|
|
7601
|
-
var templateObject_1$
|
|
7626
|
+
var StyledPaginationDropdownMenu = styled(Menu)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n & .MuiPaper-root {\n max-height: 120px;\n }\n"], ["\n & .MuiPaper-root {\n max-height: 120px;\n }\n"])));
|
|
7627
|
+
var templateObject_1$c;
|
|
7602
7628
|
|
|
7603
7629
|
var PageListDropdown = function (props) {
|
|
7604
7630
|
var pageList = props.pageList, onPageChange = props.onPageChange, sdsStyle = props.sdsStyle;
|
|
@@ -7718,6 +7744,103 @@ var Pagination = forwardRef(function (props, ref) {
|
|
|
7718
7744
|
}
|
|
7719
7745
|
});
|
|
7720
7746
|
|
|
7747
|
+
var doNotForwardProps$2 = [
|
|
7748
|
+
"sdsType",
|
|
7749
|
+
"position",
|
|
7750
|
+
"width",
|
|
7751
|
+
"headerComponent",
|
|
7752
|
+
"onClick",
|
|
7753
|
+
"disableScrollLock",
|
|
7754
|
+
"closeButtonOnClick",
|
|
7755
|
+
"CloseButtonComponent",
|
|
7756
|
+
];
|
|
7757
|
+
var basicPanelStyles = function (props) {
|
|
7758
|
+
var _a;
|
|
7759
|
+
var semanticColors = getSemanticColors(props);
|
|
7760
|
+
var spaces = getSpaces(props);
|
|
7761
|
+
return css(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n .", " {\n background-color: ", ";\n padding: ", "px;\n min-width: ", "px;\n min-height: ", "px;\n }\n "], ["\n .", " {\n background-color: ", ";\n padding: ", "px;\n min-width: ", "px;\n min-height: ", "px;\n }\n "])), drawerClasses.paper, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, spaces === null || spaces === void 0 ? void 0 : spaces.l, PANEL_BASIC_MIN_WIDTH_PX, PANEL_BASIC_MIN_WIDTH_PX);
|
|
7762
|
+
};
|
|
7763
|
+
var overlayPanelStyles = function (props) {
|
|
7764
|
+
var _a;
|
|
7765
|
+
var semanticColors = getSemanticColors(props);
|
|
7766
|
+
var spaces = getSpaces(props);
|
|
7767
|
+
var shadows = getShadows(props);
|
|
7768
|
+
return css(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n .", " {\n background-color: ", ";\n padding: ", "px;\n min-width: ", "px;\n min-height: ", "px;\n box-shadow: ", ";\n background-image: none;\n }\n "], ["\n .", " {\n background-color: ", ";\n padding: ", "px;\n min-width: ", "px;\n min-height: ", "px;\n box-shadow: ", ";\n background-image: none;\n }\n "])), drawerClasses.paper, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, spaces === null || spaces === void 0 ? void 0 : spaces.xl, PANEL_OVERLAY_MIN_WIDTH_PX, PANEL_OVERLAY_MIN_WIDTH_PX, shadows === null || shadows === void 0 ? void 0 : shadows.l);
|
|
7769
|
+
};
|
|
7770
|
+
var StyledDrawer = styled(Drawer, {
|
|
7771
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
|
|
7772
|
+
})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7773
|
+
var _a;
|
|
7774
|
+
var _b = props.sdsType, sdsType = _b === void 0 ? "basic" : _b, _c = props.anchor, anchor = _c === void 0 ? "left" : _c, width = props.width;
|
|
7775
|
+
var semanticColors = getSemanticColors(props);
|
|
7776
|
+
var spaces = getSpaces(props);
|
|
7777
|
+
var widthString = typeof width === "number" ? "".concat(width, "px") : width;
|
|
7778
|
+
var panelWidth = anchor !== "bottom" ? widthString : "100%";
|
|
7779
|
+
var panelHeight = anchor !== "bottom" ? "100%" : widthString;
|
|
7780
|
+
return css(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n .", " {\n border-color: ", ";\n border-width: ", "px;\n height: ", ";\n width: ", ";\n }\n\n .", " {\n height: ", ";\n width: ", ";\n }\n\n ", "\n ", "\n "], ["\n .", " {\n border-color: ", ";\n border-width: ", "px;\n height: ", ";\n width: ", ";\n }\n\n .", " {\n height: ", ";\n width: ", ";\n }\n\n ", "\n ", "\n "])), drawerClasses.root, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.divider, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, panelHeight, panelWidth, drawerClasses.paper, panelHeight, panelWidth, sdsType === "basic" && basicPanelStyles(props), sdsType === "overlay" && overlayPanelStyles(props));
|
|
7781
|
+
});
|
|
7782
|
+
var StyledHeaderComponent = styled("div")(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7783
|
+
var spaces = getSpaces(props);
|
|
7784
|
+
return css(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n margin-bottom: ", "px;\n display: flex;\n justify-content: space-between;\n align-items: start;\n "], ["\n margin-bottom: ", "px;\n display: flex;\n justify-content: space-between;\n align-items: start;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxl);
|
|
7785
|
+
});
|
|
7786
|
+
var templateObject_1$b, templateObject_2$4, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6;
|
|
7787
|
+
|
|
7788
|
+
var StyledPanelHeader = styled("div")(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7789
|
+
var spaces = getSpaces(props);
|
|
7790
|
+
return "\n width: 100%;\n height: 100%;\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n ");
|
|
7791
|
+
});
|
|
7792
|
+
var templateObject_1$a;
|
|
7793
|
+
|
|
7794
|
+
var PanelHeader = function (props) {
|
|
7795
|
+
var children = props.children;
|
|
7796
|
+
return jsx(StyledPanelHeader, { children: children });
|
|
7797
|
+
};
|
|
7798
|
+
|
|
7799
|
+
var StyledPanelHeaderClose = styled("div")(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n justify-content: end;\n align-items: center;\n"], ["\n display: flex;\n justify-content: end;\n align-items: center;\n"])));
|
|
7800
|
+
var templateObject_1$9;
|
|
7801
|
+
|
|
7802
|
+
var PanelHeaderClose = function (props) {
|
|
7803
|
+
var onClick = props.onClick, CloseButtonComponent = props.CloseButtonComponent;
|
|
7804
|
+
return (jsx(StyledPanelHeaderClose, { onClick: onClick, children: CloseButtonComponent ? (CloseButtonComponent) : (jsx(Button, { sdsStyle: "icon", sdsType: "tertiary", icon: "XMark", "aria-label": "Panel Toggle" })) }));
|
|
7805
|
+
};
|
|
7806
|
+
|
|
7807
|
+
// Type guard to narrow the type
|
|
7808
|
+
function isOverlayPanelProps(props) {
|
|
7809
|
+
return props.sdsType === "overlay";
|
|
7810
|
+
}
|
|
7811
|
+
var PANEL_BASIC_MIN_WIDTH_PX = 240;
|
|
7812
|
+
var PANEL_OVERLAY_MIN_WIDTH_PX = 320;
|
|
7813
|
+
/**
|
|
7814
|
+
* @see https://mui.com/material-ui/react-drawer/
|
|
7815
|
+
*/
|
|
7816
|
+
var Panel = React__default.forwardRef(function (props, ref) {
|
|
7817
|
+
var children = props.children, _a = props.sdsType, sdsType = _a === void 0 ? "basic" : _a, _b = props.position, position = _b === void 0 ? "left" : _b, width = props.width;
|
|
7818
|
+
var drawerWidth = width
|
|
7819
|
+
? width
|
|
7820
|
+
: sdsType === "basic"
|
|
7821
|
+
? PANEL_BASIC_MIN_WIDTH_PX
|
|
7822
|
+
: PANEL_OVERLAY_MIN_WIDTH_PX;
|
|
7823
|
+
var drawerVariant = sdsType === "basic" ? "persistent" : "temporary";
|
|
7824
|
+
// (masoudmanson): The basic Panel only supports "left" or "right" positions.
|
|
7825
|
+
// If a "bottom" position is provided for a basic Panel, it defaults to "left".
|
|
7826
|
+
var drawerAnchor = sdsType === "overlay"
|
|
7827
|
+
? position
|
|
7828
|
+
: position === "bottom"
|
|
7829
|
+
? "left"
|
|
7830
|
+
: position;
|
|
7831
|
+
return (
|
|
7832
|
+
/**
|
|
7833
|
+
* (masoudmanson): We need the props after {...props} to override any
|
|
7834
|
+
* user-defined values. Placing them afterward ensures that our values
|
|
7835
|
+
* take priority.
|
|
7836
|
+
*
|
|
7837
|
+
* For example, the SDS design specifies that a BasicPanel should only be anchored
|
|
7838
|
+
* to the left or right. To prevent users from positioning it at the bottom,
|
|
7839
|
+
* the 'anchor' prop must always be set to our predefined value.
|
|
7840
|
+
*/
|
|
7841
|
+
jsxs(StyledDrawer, __assign({}, props, { ref: ref, anchor: drawerAnchor, variant: drawerVariant, width: drawerWidth, children: [isOverlayPanelProps(props) && (jsxs(StyledHeaderComponent, { children: [(props === null || props === void 0 ? void 0 : props.HeaderComponent) && (jsx(PanelHeader, { children: props === null || props === void 0 ? void 0 : props.HeaderComponent })), jsx(PanelHeaderClose, { onClick: props === null || props === void 0 ? void 0 : props.closeButtonOnClick, CloseButtonComponent: props === null || props === void 0 ? void 0 : props.CloseButtonComponent })] })), children] })));
|
|
7842
|
+
});
|
|
7843
|
+
|
|
7721
7844
|
var doNotForwardProps$1 = ["buttonDefinition"];
|
|
7722
7845
|
var StyledSegmentedControl = styled(ToggleButtonGroup, {
|
|
7723
7846
|
shouldForwardProp: function (prop) { return !doNotForwardProps$1.includes(prop); },
|
|
@@ -8009,4 +8132,4 @@ var TooltipTableContent = function (props) {
|
|
|
8009
8132
|
return (jsxs(TableContainer, __assign({}, rest, { children: [contentAlert && jsx(Alert, { children: contentAlert }), data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (jsxs(Section, { disabled: section.disabled, children: [jsx(SectionLabel, { disabled: section.disabled, label: section.label, children: section.label }), jsx(Table$1, { size: "small", children: jsx(TableBody, { children: section.dataRows.map(function (row, rowIndex) { return (jsxs(TableRow$1, { children: [jsx(RowLabel, { disabled: section.disabled, align: "left", children: row.label }), jsx(RowValue, { disabled: section.disabled, align: itemAlign, children: row.value })] }, row.label + String(rowIndex))); }) }) })] }, "".concat(section.label + String(index)))); })] })));
|
|
8010
8133
|
};
|
|
8011
8134
|
|
|
8012
|
-
export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, StyledPopper$2 as AutocompleteMultiColumnStyledPopper, StyledPaper$3 as AutocompleteSingleColumnStyledPaper, Banner, Button, ButtonDropdown, ButtonIcon, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Overline as DialogTitleOverline, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuSelect, NavigationJumpTo, Notification, Pagination, SDSChooseTheme, SDSDarkAppTheme, SDSLightAppTheme, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Theme, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, defaultAppTheme, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$1 as fontBodyS, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodyXs$2 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontCode, fontCodeS, fontCodeSemiboldS, fontCodeSemiboldXs, fontCodeXs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, fontTabular, fontTabularS, fontTabularSemiboldS, fontTabularSemiboldXs, fontTabularXs, getBorders, getColors, getCorners, getFontWeights, getIconSizes, getMode, getPalette, getSemanticColors, getShadows, getSpaces, getSpacings, getTypography, makeThemeOptions };
|
|
8135
|
+
export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, StyledPopper$2 as AutocompleteMultiColumnStyledPopper, StyledPaper$3 as AutocompleteSingleColumnStyledPaper, Banner, Button, ButtonDropdown, ButtonIcon, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Overline as DialogTitleOverline, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuSelect, NavigationJumpTo, Notification, PANEL_BASIC_MIN_WIDTH_PX, PANEL_OVERLAY_MIN_WIDTH_PX, Pagination, Panel, SDSChooseTheme, SDSDarkAppTheme, SDSLightAppTheme, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Theme, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, defaultAppTheme, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$1 as fontBodyS, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodyXs$2 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontCode, fontCodeS, fontCodeSemiboldS, fontCodeSemiboldXs, fontCodeXs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, fontTabular, fontTabularS, fontTabularSemiboldS, fontTabularSemiboldXs, fontTabularXs, getBorders, getColors, getCorners, getFontWeights, getIconSizes, getMode, getPalette, getSemanticColors, getShadows, getSpaces, getSpacings, getTypography, makeThemeOptions };
|