@czi-sds/components 22.3.3 → 22.4.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 +29 -7
- package/dist/index.cjs.js +238 -118
- package/dist/index.esm.d.ts +29 -7
- package/dist/index.esm.js +238 -118
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -1635,7 +1635,7 @@ var fontTabular = function (fontSize, fontWeight, isNarrow) {
|
|
|
1635
1635
|
if (!typography)
|
|
1636
1636
|
return null;
|
|
1637
1637
|
var tabular = typography.wideStyles.tabular, narrowTabular = typography.narrowStyles.tabular, tabularFontFamily = typography.fontFamily.tabular;
|
|
1638
|
-
return css(templateObject_7$
|
|
1638
|
+
return css(templateObject_7$h || (templateObject_7$h = __makeTemplateObject(["\n font-variant-numeric: tabular-nums;\n\n ", "\n "], ["\n font-variant-numeric: tabular-nums;\n\n ", "\n "])), isNarrow
|
|
1639
1639
|
? css(templateObject_6$l || (templateObject_6$l = __makeTemplateObject(["\n ", " {\n ", "\n }\n "], ["\n ", " {\n ", "\n }\n "])), (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.down("md"), themeToCss(narrowTabular[fontWeight][fontSize], tabularFontFamily)) : themeToCss(tabular[fontWeight][fontSize], tabularFontFamily));
|
|
1640
1640
|
};
|
|
1641
1641
|
};
|
|
@@ -1645,9 +1645,9 @@ var fontTabularSemiboldXs = fontTabular("xs", "semibold");
|
|
|
1645
1645
|
var fontTabularSemiboldS = fontTabular("s", "semibold");
|
|
1646
1646
|
function themeToCss(fontTheme, fontFamily) {
|
|
1647
1647
|
if (fontFamily === void 0) { fontFamily = "inherit"; }
|
|
1648
|
-
return css(templateObject_8$
|
|
1648
|
+
return css(templateObject_8$e || (templateObject_8$e = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", "px;\n line-height: ", " !important;\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "], ["\n font-family: ", ";\n font-size: ", "px;\n line-height: ", " !important;\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "])), fontFamily, fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
|
|
1649
1649
|
}
|
|
1650
|
-
var templateObject_1$1a, templateObject_2$N, templateObject_3$D, templateObject_4$w, templateObject_5$p, templateObject_6$l, templateObject_7$
|
|
1650
|
+
var templateObject_1$1a, templateObject_2$N, templateObject_3$D, templateObject_4$w, templateObject_5$p, templateObject_6$l, templateObject_7$h, templateObject_8$e;
|
|
1651
1651
|
|
|
1652
1652
|
var StyledAccordionDetails = styled$2(AccordionDetails$1)(templateObject_2$M || (templateObject_2$M = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
1653
1653
|
var spaces = getSpaces(props);
|
|
@@ -4423,7 +4423,7 @@ var AccordionHeader = function (props) {
|
|
|
4423
4423
|
};
|
|
4424
4424
|
|
|
4425
4425
|
var sdsPropNames$2 = ["useDivider", "togglePosition"];
|
|
4426
|
-
var StyledAccordion$
|
|
4426
|
+
var StyledAccordion$2 = styled$2(Accordion$1, {
|
|
4427
4427
|
shouldForwardProp: function (prop) {
|
|
4428
4428
|
return !sdsPropNames$2.includes(prop.toString());
|
|
4429
4429
|
},
|
|
@@ -4457,7 +4457,7 @@ var Accordion = React__default.forwardRef(function (props, ref) {
|
|
|
4457
4457
|
setExpanded(isExpanded ? panel : false);
|
|
4458
4458
|
};
|
|
4459
4459
|
};
|
|
4460
|
-
return (jsx(StyledAccordion$
|
|
4460
|
+
return (jsx(StyledAccordion$2, __assign({ square: true, useDivider: useDivider, togglePosition: togglePosition, expanded: expanded === id, onChange: handleChange(id), ref: ref }, props, { children: children })));
|
|
4461
4461
|
});
|
|
4462
4462
|
|
|
4463
4463
|
var StyledAlert = styled$2(Alert$2)(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
@@ -4694,29 +4694,29 @@ var Minimal = function (props) {
|
|
|
4694
4694
|
var PrimaryMinimalButton = function (props) {
|
|
4695
4695
|
var _a, _b;
|
|
4696
4696
|
var semanticColors = getSemanticColors(props);
|
|
4697
|
-
return css(templateObject_7$
|
|
4697
|
+
return css(templateObject_7$g || (templateObject_7$g = __makeTemplateObject(["\n ", "\n color: ", ";\n\n svg {\n color: ", ";\n }\n "], ["\n ", "\n color: ", ";\n\n svg {\n color: ", ";\n }\n "])), Minimal(props), (_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.ornament);
|
|
4698
4698
|
};
|
|
4699
4699
|
var SecondaryMinimalButton = function (props) {
|
|
4700
4700
|
var _a, _b;
|
|
4701
4701
|
var semanticColors = getSemanticColors(props);
|
|
4702
|
-
return css(templateObject_8$
|
|
4702
|
+
return css(templateObject_8$d || (templateObject_8$d = __makeTemplateObject(["\n ", "\n color: ", ";\n\n svg {\n color: ", ";\n }\n "], ["\n ", "\n color: ", ";\n\n svg {\n color: ", ";\n }\n "])), Minimal(props), (_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.ornamentPrimary);
|
|
4703
4703
|
};
|
|
4704
4704
|
var StyledMinimalButton = styled$2(Button$1, {
|
|
4705
4705
|
shouldForwardProp: function (prop) { return !doNotForwardProps$E.includes(prop); },
|
|
4706
|
-
})(templateObject_10$
|
|
4706
|
+
})(templateObject_10$6 || (templateObject_10$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4707
4707
|
var sdsType = props.sdsType;
|
|
4708
|
-
return css(templateObject_9$
|
|
4708
|
+
return css(templateObject_9$8 || (templateObject_9$8 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), sdsType === "primary" && PrimaryMinimalButton(props), sdsType === "secondary" && SecondaryMinimalButton(props));
|
|
4709
4709
|
});
|
|
4710
4710
|
var StyledButtonLegacy = styled$2(Button$1, {
|
|
4711
4711
|
shouldForwardProp: function (prop) { return !doNotForwardProps$E.includes(prop); },
|
|
4712
|
-
})(templateObject_11$
|
|
4712
|
+
})(templateObject_11$5 || (templateObject_11$5 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
4713
4713
|
if (!props.isRounded)
|
|
4714
4714
|
return "";
|
|
4715
4715
|
var corners = getCorners(props);
|
|
4716
4716
|
var spaces = getSpaces(props);
|
|
4717
4717
|
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 ");
|
|
4718
4718
|
});
|
|
4719
|
-
var templateObject_1$14, templateObject_2$I, templateObject_3$z, templateObject_4$u, templateObject_5$o, templateObject_6$k, templateObject_7$
|
|
4719
|
+
var templateObject_1$14, templateObject_2$I, templateObject_3$z, templateObject_4$u, templateObject_5$o, templateObject_6$k, templateObject_7$g, templateObject_8$d, templateObject_9$8, templateObject_10$6, templateObject_11$5;
|
|
4720
4720
|
|
|
4721
4721
|
var isDisabled$1 = function (props) {
|
|
4722
4722
|
var _a, _b;
|
|
@@ -4758,7 +4758,7 @@ var large = function (props) {
|
|
|
4758
4758
|
var sdsType = props.sdsType;
|
|
4759
4759
|
var iconSizes = getIconSizes(props);
|
|
4760
4760
|
var spaces = getSpaces(props);
|
|
4761
|
-
return css(templateObject_7$
|
|
4761
|
+
return css(templateObject_7$f || (templateObject_7$f = __makeTemplateObject(["\n ", "\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n ", "\n\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), sdsType !== "tertiary"
|
|
4762
4762
|
? "margin: 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px 0;")
|
|
4763
4763
|
: "", 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;") : "");
|
|
4764
4764
|
};
|
|
@@ -4773,11 +4773,11 @@ var doNotForwardProps$D = [
|
|
|
4773
4773
|
];
|
|
4774
4774
|
var StyledButtonIcon = styled$2(IconButton, {
|
|
4775
4775
|
shouldForwardProp: function (prop) { return !doNotForwardProps$D.includes(prop); },
|
|
4776
|
-
})(templateObject_9$
|
|
4776
|
+
})(templateObject_9$7 || (templateObject_9$7 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
4777
4777
|
var disabled = props.disabled, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsType, sdsType = _b === void 0 ? "primary" : _b;
|
|
4778
|
-
return css(templateObject_8$
|
|
4778
|
+
return css(templateObject_8$c || (templateObject_8$c = __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));
|
|
4779
4779
|
});
|
|
4780
|
-
var templateObject_1$13, templateObject_2$H, templateObject_3$y, templateObject_4$t, templateObject_5$n, templateObject_6$j, templateObject_7$
|
|
4780
|
+
var templateObject_1$13, templateObject_2$H, templateObject_3$y, templateObject_4$t, templateObject_5$n, templateObject_6$j, templateObject_7$f, templateObject_8$c, templateObject_9$7;
|
|
4781
4781
|
|
|
4782
4782
|
var ButtonIconSizeToSdsIconSize = {
|
|
4783
4783
|
large: "xl",
|
|
@@ -4915,8 +4915,8 @@ var StyledSearchBase = styled$2(TextField, {
|
|
|
4915
4915
|
var semanticColors = getSemanticColors(props);
|
|
4916
4916
|
return css(templateObject_5$m || (templateObject_5$m = __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 cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n width: 100%;\n\n .", " {\n padding-right: ", "px;\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\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 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 }\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 cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n width: 100%;\n\n .", " {\n padding-right: ", "px;\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\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 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 }\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, outlinedInputClasses.input, spaces === null || spaces === void 0 ? void 0 : spaces.l, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textTertiary, 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.borderPrimary, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.ornamentSecondary, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.ornamentSecondaryHover, (_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, outlinedInputClasses.root, buttonBaseClasses.root, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.ornamentSecondaryHover, outlinedInputClasses.notchedOutline, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.borderPrimaryHover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _k === void 0 ? void 0 : _k.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.ornamentFocus, outlinedInputClasses.root, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _m === void 0 ? void 0 : _m.borderPrimaryHover, 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));
|
|
4917
4917
|
});
|
|
4918
|
-
var StyledInputAdornment = styled$2(InputAdornment)(templateObject_7$
|
|
4919
|
-
var templateObject_1$12, templateObject_2$G, templateObject_3$x, templateObject_4$s, templateObject_5$m, templateObject_6$i, templateObject_7$
|
|
4918
|
+
var StyledInputAdornment = styled$2(InputAdornment)(templateObject_7$e || (templateObject_7$e = __makeTemplateObject(["\n position: relative;\n height: unset;\n margin: 0;\n"], ["\n position: relative;\n height: unset;\n margin: 0;\n"])));
|
|
4919
|
+
var templateObject_1$12, templateObject_2$G, templateObject_3$x, templateObject_4$s, templateObject_5$m, templateObject_6$i, templateObject_7$e;
|
|
4920
4920
|
|
|
4921
4921
|
var StyledMenuItem$1 = styled$2(MenuItem$1)(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4922
4922
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
@@ -4961,7 +4961,7 @@ var StyledIconWrapper = styled$2("span")(templateObject_6$h || (templateObject_6
|
|
|
4961
4961
|
});
|
|
4962
4962
|
var StyledCheck = styled$2(Check, {
|
|
4963
4963
|
shouldForwardProp: function (prop) { return prop !== "selected"; },
|
|
4964
|
-
})(templateObject_7$
|
|
4964
|
+
})(templateObject_7$d || (templateObject_7$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4965
4965
|
var _a, _b;
|
|
4966
4966
|
var selected = props.selected, disabled = props.disabled;
|
|
4967
4967
|
var iconSizes = getIconSizes(props);
|
|
@@ -4973,7 +4973,7 @@ var StyledCheck = styled$2(Check, {
|
|
|
4973
4973
|
});
|
|
4974
4974
|
var StyledMinus = styled$2(Remove, {
|
|
4975
4975
|
shouldForwardProp: function (prop) { return prop !== "selected"; },
|
|
4976
|
-
})(templateObject_8$
|
|
4976
|
+
})(templateObject_8$b || (templateObject_8$b = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4977
4977
|
var _a, _b;
|
|
4978
4978
|
var selected = props.selected, disabled = props.disabled;
|
|
4979
4979
|
var semanticColors = getSemanticColors(props);
|
|
@@ -4983,7 +4983,7 @@ var StyledMinus = styled$2(Remove, {
|
|
|
4983
4983
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.ornamentSelected;
|
|
4984
4984
|
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 ");
|
|
4985
4985
|
});
|
|
4986
|
-
var templateObject_1$11, templateObject_2$F, templateObject_3$w, templateObject_4$r, templateObject_5$l, templateObject_6$h, templateObject_7$
|
|
4986
|
+
var templateObject_1$11, templateObject_2$F, templateObject_3$w, templateObject_4$r, templateObject_5$l, templateObject_6$h, templateObject_7$d, templateObject_8$b;
|
|
4987
4987
|
|
|
4988
4988
|
/**
|
|
4989
4989
|
* @see https://mui.com/material-ui/react-menu/
|
|
@@ -5930,7 +5930,7 @@ var arrowCss = function (props) {
|
|
|
5930
5930
|
var _a, _b;
|
|
5931
5931
|
var hasInvertedStyle = props.hasInvertedStyle, inverted = props.inverted, sdsStyle = props.sdsStyle, arrowOffset = props.arrowOffset;
|
|
5932
5932
|
var semanticColors = getSemanticColors(props);
|
|
5933
|
-
return css$1(templateObject_7$
|
|
5933
|
+
return css$1(templateObject_7$c || (templateObject_7$c = __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, hasInvertedStyle || inverted || sdsStyle === "dark"
|
|
5934
5934
|
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfaceInverse
|
|
5935
5935
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.surface);
|
|
5936
5936
|
};
|
|
@@ -5938,8 +5938,8 @@ var arrowCss = function (props) {
|
|
|
5938
5938
|
* (masoudmanson): !important is needed to override arrow's
|
|
5939
5939
|
* default placement which is calculated by javascript
|
|
5940
5940
|
*/
|
|
5941
|
-
var StyledPopper$1 = styled$2(Popper)(templateObject_8$
|
|
5942
|
-
var templateObject_1$T, templateObject_2$A, templateObject_3$r, templateObject_4$n, templateObject_5$i, templateObject_6$f, templateObject_7$
|
|
5941
|
+
var StyledPopper$1 = styled$2(Popper)(templateObject_8$a || (templateObject_8$a = __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"])));
|
|
5942
|
+
var templateObject_1$T, templateObject_2$A, templateObject_3$r, templateObject_4$n, templateObject_5$i, templateObject_6$f, templateObject_7$c, templateObject_8$a;
|
|
5943
5943
|
|
|
5944
5944
|
/**
|
|
5945
5945
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
@@ -6079,7 +6079,7 @@ var PrimaryText = styled$2("div", {
|
|
|
6079
6079
|
});
|
|
6080
6080
|
var SecondaryText = styled$2("span", {
|
|
6081
6081
|
shouldForwardProp: function (prop) { return !doNotForwardProps$v.includes(prop); },
|
|
6082
|
-
})(templateObject_7$
|
|
6082
|
+
})(templateObject_7$b || (templateObject_7$b = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
6083
6083
|
var _a;
|
|
6084
6084
|
var _b = props.secondaryTextWrapLineCount, secondaryTextWrapLineCount = _b === void 0 ? 1 : _b;
|
|
6085
6085
|
var spaces = getSpaces(props);
|
|
@@ -6090,7 +6090,7 @@ var SecondaryText = styled$2("span", {
|
|
|
6090
6090
|
});
|
|
6091
6091
|
var TertiaryText = styled$2("span", {
|
|
6092
6092
|
shouldForwardProp: function (prop) { return !doNotForwardProps$v.includes(prop); },
|
|
6093
|
-
})(templateObject_8$
|
|
6093
|
+
})(templateObject_8$9 || (templateObject_8$9 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
6094
6094
|
var _a;
|
|
6095
6095
|
var _b = props.tertiaryTextWrapLineCount, tertiaryTextWrapLineCount = _b === void 0 ? 1 : _b;
|
|
6096
6096
|
var spaces = getSpaces(props);
|
|
@@ -6099,15 +6099,15 @@ var TertiaryText = styled$2("span", {
|
|
|
6099
6099
|
? ShouldWrap(tertiaryTextWrapLineCount)
|
|
6100
6100
|
: ShouldTruncate(), "\n ");
|
|
6101
6101
|
});
|
|
6102
|
-
var PrimaryTextComponentSlotBottomWrapper = styled$2("div")(templateObject_9$
|
|
6102
|
+
var PrimaryTextComponentSlotBottomWrapper = styled$2("div")(templateObject_9$6 || (templateObject_9$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6103
6103
|
var spaces = getSpaces(props);
|
|
6104
6104
|
return "\n margin-top: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n ");
|
|
6105
6105
|
});
|
|
6106
|
-
var PrimaryTextComponentSlotRightWrapper = styled$2("div")(templateObject_10$
|
|
6106
|
+
var PrimaryTextComponentSlotRightWrapper = styled$2("div")(templateObject_10$5 || (templateObject_10$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6107
6107
|
var spaces = getSpaces(props);
|
|
6108
6108
|
return "\n margin-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
6109
6109
|
});
|
|
6110
|
-
var templateObject_1$S, templateObject_2$z, templateObject_3$q, templateObject_4$m, templateObject_5$h, templateObject_6$e, templateObject_7$
|
|
6110
|
+
var templateObject_1$S, templateObject_2$z, templateObject_3$q, templateObject_4$m, templateObject_5$h, templateObject_6$e, templateObject_7$b, templateObject_8$9, templateObject_9$6, templateObject_10$5;
|
|
6111
6111
|
|
|
6112
6112
|
var CellBasicContent = function (props) {
|
|
6113
6113
|
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;
|
|
@@ -6279,11 +6279,11 @@ var statusToCss = {
|
|
|
6279
6279
|
var doNotForwardProps$s = ["isRounded"];
|
|
6280
6280
|
var StyledChip = styled$2(Chip$1, {
|
|
6281
6281
|
shouldForwardProp: function (prop) { return !doNotForwardProps$s.includes(prop); },
|
|
6282
|
-
})(templateObject_7$
|
|
6282
|
+
})(templateObject_7$a || (templateObject_7$a = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
6283
6283
|
var size = props.size, status = props.status, isRounded = props.isRounded;
|
|
6284
6284
|
return css(templateObject_6$d || (templateObject_6$d = __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));
|
|
6285
6285
|
});
|
|
6286
|
-
var templateObject_1$P, templateObject_2$x, templateObject_3$o, templateObject_4$l, templateObject_5$g, templateObject_6$d, templateObject_7$
|
|
6286
|
+
var templateObject_1$P, templateObject_2$x, templateObject_3$o, templateObject_4$l, templateObject_5$g, templateObject_6$d, templateObject_7$a;
|
|
6287
6287
|
|
|
6288
6288
|
/**
|
|
6289
6289
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -6459,12 +6459,12 @@ var isOpen = function (props) {
|
|
|
6459
6459
|
var applyIntentColor$1 = function (props, intent) {
|
|
6460
6460
|
var _a, _b, _c;
|
|
6461
6461
|
var borders = getBorders(props);
|
|
6462
|
-
return css(templateObject_7$
|
|
6462
|
+
return css(templateObject_7$9 || (templateObject_7$9 = __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);
|
|
6463
6463
|
};
|
|
6464
6464
|
var isDisabled = function (props) {
|
|
6465
6465
|
var _a, _b, _c, _d;
|
|
6466
6466
|
var semanticColors = getSemanticColors(props);
|
|
6467
|
-
return css(templateObject_8$
|
|
6467
|
+
return css(templateObject_8$8 || (templateObject_8$8 = __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.borderPrimaryDisabled, (_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.ornamentDisabled);
|
|
6468
6468
|
};
|
|
6469
6469
|
/**
|
|
6470
6470
|
* (masoudmanson): `Button as React.ComponentType<InputDropdownProps>` is a
|
|
@@ -6476,9 +6476,9 @@ var isDisabled = function (props) {
|
|
|
6476
6476
|
*/
|
|
6477
6477
|
var StyledInputDropdown = styled$2(Button, {
|
|
6478
6478
|
shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
|
|
6479
|
-
})(templateObject_10$
|
|
6479
|
+
})(templateObject_10$4 || (templateObject_10$4 = __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) {
|
|
6480
6480
|
var disabled = props.disabled, intent = props.intent, state = props.state, value = props.value, sdsStyle = props.sdsStyle;
|
|
6481
|
-
return css(templateObject_9$
|
|
6481
|
+
return css(templateObject_9$5 || (templateObject_9$5 = __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" &&
|
|
6482
6482
|
sdsStyle !== "minimal" &&
|
|
6483
6483
|
applyIntentColor$1(props, "notice"), intent === "negative" &&
|
|
6484
6484
|
sdsStyle !== "minimal" &&
|
|
@@ -6488,7 +6488,7 @@ var StyledInputDropdown = styled$2(Button, {
|
|
|
6488
6488
|
});
|
|
6489
6489
|
var StyledDetail = styled$2("span", {
|
|
6490
6490
|
shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
|
|
6491
|
-
})(templateObject_11$
|
|
6491
|
+
})(templateObject_11$4 || (templateObject_11$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6492
6492
|
var _a;
|
|
6493
6493
|
var spaces = getSpaces(props);
|
|
6494
6494
|
var semanticColors = getSemanticColors(props);
|
|
@@ -6541,7 +6541,7 @@ function labelStyle(props) {
|
|
|
6541
6541
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textSecondary;
|
|
6542
6542
|
return css(templateObject_17$2 || (templateObject_17$2 = __makeTemplateObject(["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n "], ["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n "])), labelColor);
|
|
6543
6543
|
}
|
|
6544
|
-
var templateObject_1$N, templateObject_2$v, templateObject_3$m, templateObject_4$j, templateObject_5$e, templateObject_6$c, templateObject_7$
|
|
6544
|
+
var templateObject_1$N, templateObject_2$v, templateObject_3$m, templateObject_4$j, templateObject_5$e, templateObject_6$c, templateObject_7$9, templateObject_8$8, templateObject_9$5, templateObject_10$4, templateObject_11$4, templateObject_12$3, templateObject_13$3, templateObject_14$3, templateObject_15$3, templateObject_16$2, templateObject_17$2;
|
|
6545
6545
|
|
|
6546
6546
|
/**
|
|
6547
6547
|
* @see https://mui.com/material-ui/react-button/
|
|
@@ -6716,15 +6716,15 @@ var doNotForwardProps$p = [
|
|
|
6716
6716
|
"tagColor",
|
|
6717
6717
|
"hover",
|
|
6718
6718
|
];
|
|
6719
|
-
var StyledTag$
|
|
6719
|
+
var StyledTag$3 = styled$2(Chip$1, {
|
|
6720
6720
|
shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
|
|
6721
|
-
})(templateObject_8$
|
|
6721
|
+
})(templateObject_8$7 || (templateObject_8$7 = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
6722
6722
|
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;
|
|
6723
6723
|
var isRounded = sdsStyle === "rounded";
|
|
6724
6724
|
var type = sdsType || "primary";
|
|
6725
|
-
return css(templateObject_7$
|
|
6725
|
+
return css(templateObject_7$8 || (templateObject_7$8 = __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;");
|
|
6726
6726
|
});
|
|
6727
|
-
var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$i, templateObject_5$d, templateObject_6$b, templateObject_7$
|
|
6727
|
+
var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$i, templateObject_5$d, templateObject_6$b, templateObject_7$8, templateObject_8$7;
|
|
6728
6728
|
|
|
6729
6729
|
/**
|
|
6730
6730
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -6735,10 +6735,10 @@ var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4
|
|
|
6735
6735
|
*/
|
|
6736
6736
|
var Tag = function (props) {
|
|
6737
6737
|
var color = props.color;
|
|
6738
|
-
return jsx(StyledTag$
|
|
6738
|
+
return jsx(StyledTag$3, __assign({ tagColor: color }, props, { color: "primary" }));
|
|
6739
6739
|
};
|
|
6740
6740
|
|
|
6741
|
-
var StyledTag$
|
|
6741
|
+
var StyledTag$2 = styled$2(Tag)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6742
6742
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
6743
6743
|
var spaces = getSpaces(props);
|
|
6744
6744
|
var iconSizes = getIconSizes(props);
|
|
@@ -6751,7 +6751,7 @@ var templateObject_1$L, templateObject_2$t;
|
|
|
6751
6751
|
* @see https://mui.com/material-ui/react-chip/
|
|
6752
6752
|
*/
|
|
6753
6753
|
var TagFilter = function (props) {
|
|
6754
|
-
return (jsx(StyledTag$
|
|
6754
|
+
return (jsx(StyledTag$2, __assign({ role: "none presentation" }, props, { deleteIcon: jsx(Button, { "aria-label": "Delete Tag", icon: "XMark", sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon" }), color: "info" })));
|
|
6755
6755
|
};
|
|
6756
6756
|
|
|
6757
6757
|
var Chips = function (_a) {
|
|
@@ -6923,18 +6923,18 @@ var StyledCardActionArea = styled$2(Button, {
|
|
|
6923
6923
|
});
|
|
6924
6924
|
var StyledIconMediaWrapper = styled$2("div", {
|
|
6925
6925
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
6926
|
-
})(templateObject_10$
|
|
6926
|
+
})(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6927
6927
|
var _a = props.boundingBox, boundingBox = _a === void 0 ? true : _a;
|
|
6928
6928
|
var spaces = getSpaces(props);
|
|
6929
|
-
return css(templateObject_9$
|
|
6930
|
-
? css(templateObject_7$
|
|
6929
|
+
return css(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), boundingBox
|
|
6930
|
+
? css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n padding: ", "px 0 ", "px ", "px;\n "], ["\n padding: ", "px 0 ", "px ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl, spaces === null || spaces === void 0 ? void 0 : spaces.xl, spaces === null || spaces === void 0 ? void 0 : spaces.xl) : css(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n padding-right: ", "px;\n "], ["\n padding-right: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl));
|
|
6931
6931
|
});
|
|
6932
6932
|
var StyledCardContent = styled$2("div", {
|
|
6933
6933
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
6934
6934
|
})(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6935
6935
|
var _a = props.boundingBox, boundingBox = _a === void 0 ? true : _a;
|
|
6936
6936
|
var spaces = getSpaces(props);
|
|
6937
|
-
return css(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-width: 100px;\n width: 100%;\n height: 100%;\n\n ", "\n "], ["\n display: flex;\n flex-direction: column;\n min-width: 100px;\n width: 100%;\n height: 100%;\n\n ", "\n "])), boundingBox && css(templateObject_11$
|
|
6937
|
+
return css(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-width: 100px;\n width: 100%;\n height: 100%;\n\n ", "\n "], ["\n display: flex;\n flex-direction: column;\n min-width: 100px;\n width: 100%;\n height: 100%;\n\n ", "\n "])), boundingBox && css(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n padding: ", "px;\n "], ["\n padding: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl));
|
|
6938
6938
|
});
|
|
6939
6939
|
var StyledContentCardBody = styled$2(CardContent, {
|
|
6940
6940
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
@@ -6945,7 +6945,7 @@ var StyledContentCardBody = styled$2(CardContent, {
|
|
|
6945
6945
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n margin: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px 0 0;\n padding: 0;\n ");
|
|
6946
6946
|
});
|
|
6947
6947
|
var StyledCardContentAligner = styled$2("div")(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n"])));
|
|
6948
|
-
var templateObject_1$J, templateObject_2$r, templateObject_3$k, templateObject_4$h, templateObject_5$c, templateObject_6$a, templateObject_7$
|
|
6948
|
+
var templateObject_1$J, templateObject_2$r, templateObject_3$k, templateObject_4$h, templateObject_5$c, templateObject_6$a, templateObject_7$7, templateObject_8$6, templateObject_9$4, templateObject_10$3, templateObject_11$3, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2;
|
|
6949
6949
|
|
|
6950
6950
|
var doNotForwardProps$n = [
|
|
6951
6951
|
"visualElement",
|
|
@@ -7073,22 +7073,22 @@ var doNotForwardProps$l = [
|
|
|
7073
7073
|
];
|
|
7074
7074
|
var StyledImageMediaWrapper = styled$3("div", {
|
|
7075
7075
|
shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
|
|
7076
|
-
})(templateObject_9$
|
|
7076
|
+
})(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7077
7077
|
var _a = props.imagePadding, imagePadding = _a === void 0 ? false : _a, _b = props.boundingBox, boundingBox = _b === void 0 ? true : _b, _c = props.sdsType, sdsType = _c === void 0 ? "wide" : _c, _d = props.imagePosition, imagePosition = _d === void 0 ? "left" : _d;
|
|
7078
7078
|
var spaces = getSpaces(props);
|
|
7079
|
-
return css$2(templateObject_8$
|
|
7079
|
+
return css$2(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n display: flex;\n align-items: start;\n\n ", "\n\n ", "\n "], ["\n display: flex;\n align-items: start;\n\n ", "\n\n ", "\n "])), boundingBox
|
|
7080
7080
|
? imagePadding
|
|
7081
7081
|
? css$2(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n padding: ", "px;\n ", "\n "], ["\n padding: ", "px;\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl, imagePosition === "left"
|
|
7082
7082
|
? "padding-right: 0;"
|
|
7083
7083
|
: "padding-left: 0;") : css$2(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n padding: 0;\n "], ["\n padding: 0;\n "])))
|
|
7084
7084
|
: css$2(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), imagePosition === "left"
|
|
7085
7085
|
? "padding-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")
|
|
7086
|
-
: "padding-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")), sdsType === "narrow" && css$2(templateObject_7$
|
|
7086
|
+
: "padding-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")), sdsType === "narrow" && css$2(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n ", "\n\n justify-content: center;\n "], ["\n ", "\n\n justify-content: center;\n "])), boundingBox
|
|
7087
7087
|
? imagePadding
|
|
7088
7088
|
? css$2(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n padding: ", "px;\n padding-bottom: 0;\n "], ["\n padding: ", "px;\n padding-bottom: 0;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl) : css$2(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n padding: 0;\n "], ["\n padding: 0;\n "])))
|
|
7089
7089
|
: css$2(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n padding-bottom: ", "px;\n "], ["\n padding-bottom: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl)));
|
|
7090
7090
|
});
|
|
7091
|
-
var templateObject_1$G, templateObject_2$p, templateObject_3$i, templateObject_4$f, templateObject_5$a, templateObject_6$9, templateObject_7$
|
|
7091
|
+
var templateObject_1$G, templateObject_2$p, templateObject_3$i, templateObject_4$f, templateObject_5$a, templateObject_6$9, templateObject_7$6, templateObject_8$5, templateObject_9$3;
|
|
7092
7092
|
|
|
7093
7093
|
/**
|
|
7094
7094
|
* @see https://mui.com/material-ui/api/card-media/
|
|
@@ -7518,7 +7518,7 @@ var StyledCheckboxLabel = styled$2("span")(templateObject_6$8 || (templateObject
|
|
|
7518
7518
|
var spaces = getSpaces(props);
|
|
7519
7519
|
return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
|
|
7520
7520
|
});
|
|
7521
|
-
var StyledCheckboxCaption = styled$2("span")(templateObject_7$
|
|
7521
|
+
var StyledCheckboxCaption = styled$2("span")(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
7522
7522
|
var _a;
|
|
7523
7523
|
var semanticColors = getSemanticColors(props);
|
|
7524
7524
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
|
|
@@ -7529,7 +7529,7 @@ var disabledStyles$1 = function (props) {
|
|
|
7529
7529
|
var borders = getBorders(props);
|
|
7530
7530
|
return "\n user-select: none;\n\n ".concat(StyledCheckboxDefaultIcon, " {\n border: ").concat((_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.disabled, ";\n }\n\n ").concat(StyledCheckboxCheckedIcon, " {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentDisabled, ";\n }\n\n ").concat(StyledCheckboxCaption, " {\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textDisabled, ";\n }\n\n &:hover, &:active {\n ").concat(StyledCheckboxDefaultIcon, " {\n border: ").concat((_d = borders === null || borders === void 0 ? void 0 : borders.base) === null || _d === void 0 ? void 0 : _d.disabled, ";\n }\n\n ").concat(StyledCheckboxCheckedIcon, " {\n background-color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.ornamentDisabled, ";\n }\n }\n ");
|
|
7531
7531
|
};
|
|
7532
|
-
var StyledFormControlLabel$1 = styled$2(FormControlLabel)(templateObject_8$
|
|
7532
|
+
var StyledFormControlLabel$1 = styled$2(FormControlLabel)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7533
7533
|
var _a, _b, _c, _d;
|
|
7534
7534
|
var disabled = props.disabled;
|
|
7535
7535
|
var spaces = getSpaces(props);
|
|
@@ -7537,7 +7537,7 @@ var StyledFormControlLabel$1 = styled$2(FormControlLabel)(templateObject_8$3 ||
|
|
|
7537
7537
|
var borders = getBorders(props);
|
|
7538
7538
|
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\n &:hover {\n ").concat(StyledCheckboxDefaultIcon, " {\n border: ").concat((_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.hover, ";\n }\n\n ").concat(StyledCheckboxCheckedIcon, " {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n }\n }\n\n &:active {\n ").concat(StyledCheckboxDefaultIcon, " {\n border: ").concat((_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.pressed, ";\n }\n\n ").concat(StyledCheckboxCheckedIcon, " {\n background-color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.fillPressed, ";\n }\n }\n\n ").concat(disabled && disabledStyles$1(props), "\n ");
|
|
7539
7539
|
});
|
|
7540
|
-
var templateObject_1$z, templateObject_2$m, templateObject_3$g, templateObject_4$d, templateObject_5$9, templateObject_6$8, templateObject_7$
|
|
7540
|
+
var templateObject_1$z, templateObject_2$m, templateObject_3$g, templateObject_4$d, templateObject_5$9, templateObject_6$8, templateObject_7$5, templateObject_8$4;
|
|
7541
7541
|
|
|
7542
7542
|
/**
|
|
7543
7543
|
* @see https://mui.com/material-ui/react-checkbox/
|
|
@@ -7600,7 +7600,7 @@ var StyledRadioLabel = styled$2("span")(templateObject_6$7 || (templateObject_6$
|
|
|
7600
7600
|
var spaces = getSpaces(props);
|
|
7601
7601
|
return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
|
|
7602
7602
|
});
|
|
7603
|
-
var StyledRadioCaption = styled$2("span")(templateObject_7$
|
|
7603
|
+
var StyledRadioCaption = styled$2("span")(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
7604
7604
|
var _a;
|
|
7605
7605
|
var semanticColors = getSemanticColors(props);
|
|
7606
7606
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
|
|
@@ -7610,14 +7610,14 @@ var disabledStyles = function (props) {
|
|
|
7610
7610
|
var semanticColors = getSemanticColors(props);
|
|
7611
7611
|
return "\n user-select: none;\n\n ".concat(StyledRadioCaption, " {\n color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textDisabled, ";\n }\n\n ").concat(StyledRadioDefaultIcon, " {\n border: 1px solid ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.borderPrimaryDisabled, ";\n }\n\n ").concat(StyledRadioCheckedIcon, " {\n background-color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.ornamentDisabled, ";\n }\n\n &:hover, &:active {\n ").concat(StyledRadioDefaultIcon, " {\n border: 1px solid ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.borderPrimaryDisabled, ";\n }\n\n ").concat(StyledRadioCheckedIcon, " {\n background-color: ").concat((_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.ornamentDisabled, ";\n }\n }\n ");
|
|
7612
7612
|
};
|
|
7613
|
-
var StyledFormControlLabel = styled$2(FormControlLabel)(templateObject_8$
|
|
7613
|
+
var StyledFormControlLabel = styled$2(FormControlLabel)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7614
7614
|
var _a, _b, _c, _d;
|
|
7615
7615
|
var disabled = props.disabled;
|
|
7616
7616
|
var spaces = getSpaces(props);
|
|
7617
7617
|
var semanticColors = getSemanticColors(props);
|
|
7618
7618
|
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\n &:hover {\n ").concat(StyledRadioDefaultIcon, " {\n border: 1px solid ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderPrimaryHover, ";\n }\n\n ").concat(StyledRadioCheckedIcon, " {\n background-color: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n }\n }\n\n &:active {\n ").concat(StyledRadioDefaultIcon, " {\n border: 1px solid ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderPrimaryPressed, ";\n }\n\n ").concat(StyledRadioCheckedIcon, " {\n background-color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.fillPressed, ";\n }\n }\n\n ").concat(disabled && disabledStyles(props), "\n ");
|
|
7619
7619
|
});
|
|
7620
|
-
var templateObject_1$y, templateObject_2$l, templateObject_3$f, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$
|
|
7620
|
+
var templateObject_1$y, templateObject_2$l, templateObject_3$f, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$3;
|
|
7621
7621
|
|
|
7622
7622
|
/**
|
|
7623
7623
|
* @see https://mui.com/material-ui/react-radio-button/
|
|
@@ -8092,10 +8092,10 @@ var StyledLogoWrapper$1 = styled$2("div", {
|
|
|
8092
8092
|
});
|
|
8093
8093
|
var StyledNavSection = styled$2("div", {
|
|
8094
8094
|
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
8095
|
-
})(templateObject_9$
|
|
8095
|
+
})(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
8096
8096
|
var isNarrow = props.isNarrow;
|
|
8097
8097
|
var spaces = getSpaces(props);
|
|
8098
|
-
return css$2(templateObject_8$
|
|
8098
|
+
return css$2(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-left: ", "px;\n gap: ", "px;\n\n ", "\n "], ["\n display: flex;\n align-items: center;\n padding-left: ", "px;\n gap: ", "px;\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.xxl, isNarrow && css$2(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n flex-direction: column;\n gap: 0;\n margin-top: ", "px;\n width: 100%;\n padding-left: 0;\n "], ["\n flex-direction: column;\n gap: 0;\n margin-top: ", "px;\n width: 100%;\n padding-left: 0;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl));
|
|
8099
8099
|
});
|
|
8100
8100
|
var StyledTopSection = styled$2("div", {
|
|
8101
8101
|
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
@@ -8103,11 +8103,11 @@ var StyledTopSection = styled$2("div", {
|
|
|
8103
8103
|
var isNarrow = props.isNarrow;
|
|
8104
8104
|
var semanticColors = getSemanticColors(props);
|
|
8105
8105
|
var spaces = getSpaces(props);
|
|
8106
|
-
return css$2(templateObject_11$
|
|
8106
|
+
return css$2(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-bottom: ", "px;\n\n a:hover {\n text-decoration: none;\n }\n\n color: ", ";\n\n &:hover {\n color: ", ";\n text-decoration: none;\n }\n\n ", "\n "], ["\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-bottom: ", "px;\n\n a:hover {\n text-decoration: none;\n }\n\n color: ", ";\n\n &:hover {\n color: ", ";\n text-decoration: none;\n }\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl, props.hasInvertedStyle
|
|
8107
8107
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
8108
8108
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary, props.hasInvertedStyle
|
|
8109
8109
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
8110
|
-
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, isNarrow && css$2(templateObject_10$
|
|
8110
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, isNarrow && css$2(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n flex-direction: column;\n margin-bottom: ", "px;\n "], ["\n flex-direction: column;\n margin-bottom: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl));
|
|
8111
8111
|
});
|
|
8112
8112
|
var StyledLinkSection = styled$2("div", {
|
|
8113
8113
|
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
@@ -8138,7 +8138,7 @@ var StyledBottomSection = styled$2("div", {
|
|
|
8138
8138
|
var spaces = getSpaces(props);
|
|
8139
8139
|
return css$2(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n margin-top: ", "px;\n\n ", "\n "], ["\n margin-top: ", "px;\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, isNarrow && css$2(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n flex-direction: column-reverse;\n margin-top: ", "px;\n "], ["\n flex-direction: column-reverse;\n margin-top: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl));
|
|
8140
8140
|
});
|
|
8141
|
-
var templateObject_1$n, templateObject_2$f, templateObject_3$a, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$
|
|
8141
|
+
var templateObject_1$n, templateObject_2$f, templateObject_3$a, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8$2, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1, templateObject_19$1, templateObject_20$1, templateObject_21$1, templateObject_22$1, templateObject_23$1;
|
|
8142
8142
|
|
|
8143
8143
|
/**
|
|
8144
8144
|
* WARNING: Don't import this directly.
|
|
@@ -14405,7 +14405,7 @@ styled$2("div", {
|
|
|
14405
14405
|
});
|
|
14406
14406
|
var StyledHeaderButton = styled$2(Button, {
|
|
14407
14407
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14408
|
-
})(templateObject_7$
|
|
14408
|
+
})(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14409
14409
|
var _a, _b, _c, _d;
|
|
14410
14410
|
var sdsType = props.sdsType, hasInvertedStyle = props.hasInvertedStyle;
|
|
14411
14411
|
var mode = ((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.mode) || "light";
|
|
@@ -14416,18 +14416,18 @@ var StyledHeaderButton = styled$2(Button, {
|
|
|
14416
14416
|
var invertedNarrowButtonStyles = function (props) {
|
|
14417
14417
|
var _a, _b, _c, _d;
|
|
14418
14418
|
var semanticColors = getSemanticColors(props);
|
|
14419
|
-
return css$2(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", ";\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:focus,\n &:active,\n &:focus-within {\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n "], ["\n color: ", ";\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:focus,\n &:active,\n &:focus-within {\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n "])), (_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.ornamentPrimaryInverse, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textPrimaryInverse, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.ornamentPrimaryInverse);
|
|
14419
|
+
return css$2(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n color: ", ";\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:focus,\n &:active,\n &:focus-within {\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n "], ["\n color: ", ";\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:focus,\n &:active,\n &:focus-within {\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n "])), (_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.ornamentPrimaryInverse, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textPrimaryInverse, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.ornamentPrimaryInverse);
|
|
14420
14420
|
};
|
|
14421
14421
|
var StyledNarrowIconButton = styled$2(Button, {
|
|
14422
14422
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14423
|
-
})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14423
|
+
})(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14424
14424
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
14425
|
-
return css$2(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), hasInvertedStyle && invertedNarrowButtonStyles(props));
|
|
14425
|
+
return css$2(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), hasInvertedStyle && invertedNarrowButtonStyles(props));
|
|
14426
14426
|
});
|
|
14427
14427
|
var invertedWideButtonStyles = function (props) {
|
|
14428
14428
|
var _a, _b;
|
|
14429
14429
|
var semanticColors = getSemanticColors(props);
|
|
14430
|
-
return css$2(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:focus,\n &:active,\n &:focus-within {\n svg {\n fill: ", ";\n }\n }\n "], ["\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:focus,\n &:active,\n &:focus-within {\n svg {\n fill: ", ";\n }\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentSecondaryInverse, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentPrimaryInverse);
|
|
14430
|
+
return css$2(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:focus,\n &:active,\n &:focus-within {\n svg {\n fill: ", ";\n }\n }\n "], ["\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:focus,\n &:active,\n &:focus-within {\n svg {\n fill: ", ";\n }\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentSecondaryInverse, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentPrimaryInverse);
|
|
14431
14431
|
};
|
|
14432
14432
|
var StyledWideIconButton = styled$2(Button, {
|
|
14433
14433
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
@@ -14461,7 +14461,7 @@ var StyledTitleTagWrapper = styled$2("div", {
|
|
|
14461
14461
|
var spaces = getSpaces(props);
|
|
14462
14462
|
return "\n display: flex;\n align-items: center;\n gap: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n\n p {\n white-space: nowrap;\n }\n ");
|
|
14463
14463
|
});
|
|
14464
|
-
var StyledTag = styled$2(Tag)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n margin:
|
|
14464
|
+
var StyledTag$1 = styled$2(Tag)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n margin: 0;\n\n .MuiChip-label {\n ", "\n ", "\n }\n\n &:hover {\n text-decoration: none;\n }\n"], ["\n margin: 0;\n\n .MuiChip-label {\n ", "\n ", "\n }\n\n &:hover {\n text-decoration: none;\n }\n"])), fontBody("xxxs", "regular"), fontBody("xxxs", "regular", /* isNarrow */ true));
|
|
14465
14465
|
var StyledPrimaryNavContainer = styled$2("div", {
|
|
14466
14466
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14467
14467
|
})(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n flex-grow: 1;\n\n ", "\n"], ["\n align-items: center;\n display: flex;\n flex-grow: 1;\n\n ", "\n"])), function (props) {
|
|
@@ -14530,7 +14530,7 @@ var StyledNarrowButton = styled$2(Button, {
|
|
|
14530
14530
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
14531
14531
|
return css$2(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n ", "\n margin: 0;\n "], ["\n ", "\n margin: 0;\n "])), hasInvertedStyle && invertedWideButtonStyles(props));
|
|
14532
14532
|
});
|
|
14533
|
-
var templateObject_1$k, templateObject_2$c, templateObject_3$7, templateObject_4$5, templateObject_5$4, templateObject_6$3, templateObject_7$
|
|
14533
|
+
var templateObject_1$k, templateObject_2$c, templateObject_3$7, templateObject_4$5, templateObject_5$4, templateObject_6$3, templateObject_7$2, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31;
|
|
14534
14534
|
|
|
14535
14535
|
var doNotForwardProps$8 = ["active", "hasInvertedStyle", "isNarrow"];
|
|
14536
14536
|
var NarrowPrimaryNavItem = function (props) {
|
|
@@ -14553,30 +14553,46 @@ var NarrowPrimaryNavItem = function (props) {
|
|
|
14553
14553
|
};
|
|
14554
14554
|
var PrimaryNavItem = styled$2(Button, {
|
|
14555
14555
|
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
14556
|
-
})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n display: flex;\n align-items:
|
|
14556
|
+
})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n background: none;\n padding: 0;\n min-width: fit-content;\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n background: none;\n padding: 0;\n min-width: fit-content;\n\n ", "\n"])), function (props) {
|
|
14557
|
+
var _a;
|
|
14557
14558
|
var hasInvertedStyle = props.hasInvertedStyle, isNarrow = props.isNarrow;
|
|
14558
14559
|
var spaces = getSpaces(props);
|
|
14559
|
-
var
|
|
14560
|
-
|
|
14561
|
-
?
|
|
14562
|
-
:
|
|
14560
|
+
var semanticColors = getSemanticColors(props);
|
|
14561
|
+
var ChevronDefaultColor = hasInvertedStyle
|
|
14562
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14563
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondary;
|
|
14564
|
+
return css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n gap: ", "px;\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: none;\n box-shadow: none;\n\n & > span {\n color: ", ";\n }\n\n svg {\n color: ", " !important;\n }\n }\n\n ", "\n "], ["\n gap: ", "px;\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: none;\n box-shadow: none;\n\n & > span {\n color: ", ";\n }\n\n svg {\n color: ", " !important;\n }\n }\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xs, ChevronDefaultColor, hasInvertedStyle
|
|
14565
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14566
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, hasInvertedStyle
|
|
14567
|
+
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentPrimaryInverse
|
|
14568
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondaryHover, isNarrow && NarrowPrimaryNavItem(props));
|
|
14563
14569
|
});
|
|
14564
14570
|
var WideStyledLabel = function (props) {
|
|
14565
|
-
var _a, _b;
|
|
14566
|
-
var hasInvertedStyle = props.hasInvertedStyle, active = props.active;
|
|
14567
|
-
var
|
|
14571
|
+
var _a, _b, _c;
|
|
14572
|
+
var hasInvertedStyle = props.hasInvertedStyle, active = props.active, _d = props.itemType, itemType = _d === void 0 ? "text" : _d;
|
|
14573
|
+
var semanticColors = getSemanticColors(props);
|
|
14568
14574
|
var activeBorderColor = hasInvertedStyle
|
|
14569
|
-
? (_a =
|
|
14570
|
-
: (_b =
|
|
14575
|
+
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderOnFill
|
|
14576
|
+
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.border;
|
|
14571
14577
|
var inactiveBorderColor = hasInvertedStyle
|
|
14572
|
-
?
|
|
14573
|
-
:
|
|
14574
|
-
|
|
14578
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.borderOnFill
|
|
14579
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.borderPrimary;
|
|
14580
|
+
var ChevronDefaultColor = hasInvertedStyle
|
|
14581
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14582
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondary;
|
|
14583
|
+
var ChevronOpenColor = hasInvertedStyle
|
|
14584
|
+
? (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.ornamentPrimaryInverse
|
|
14585
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent.ornamentOpen;
|
|
14586
|
+
return css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n border-bottom: solid 2px transparent;\n border-bottom-color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n border-bottom-color: ", ";\n }\n "], ["\n border-bottom: solid 2px transparent;\n border-bottom-color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n border-bottom-color: ", ";\n }\n "])), active && itemType === "text"
|
|
14587
|
+
? activeBorderColor
|
|
14588
|
+
: "transparent", active ? ChevronOpenColor : ChevronDefaultColor, active ? activeBorderColor : inactiveBorderColor);
|
|
14575
14589
|
};
|
|
14590
|
+
var StyledTag = styled$2(Tag)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin: 0;\n\n .MuiChip-label {\n ", "\n }\n\n &:hover {\n text-decoration: none;\n }\n"], ["\n margin: 0;\n\n .MuiChip-label {\n ", "\n }\n\n &:hover {\n text-decoration: none;\n }\n"])), fontBody("xxxs", "regular"));
|
|
14576
14591
|
var StyledLabel = styled$2("span", {
|
|
14577
14592
|
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
14578
|
-
})(
|
|
14593
|
+
})(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeader("m"), function (props) {
|
|
14579
14594
|
var hasInvertedStyle = props.hasInvertedStyle, active = props.active, isNarrow = props.isNarrow;
|
|
14595
|
+
var spaces = getSpaces(props);
|
|
14580
14596
|
var colors = getSemanticColors(props);
|
|
14581
14597
|
var activeColor = hasInvertedStyle
|
|
14582
14598
|
? colors === null || colors === void 0 ? void 0 : colors.base.textPrimaryInverse
|
|
@@ -14584,9 +14600,44 @@ var StyledLabel = styled$2("span", {
|
|
|
14584
14600
|
var inactiveColor = hasInvertedStyle
|
|
14585
14601
|
? colors === null || colors === void 0 ? void 0 : colors.base.textSecondaryInverse
|
|
14586
14602
|
: colors === null || colors === void 0 ? void 0 : colors.base.textSecondary;
|
|
14587
|
-
return css(
|
|
14603
|
+
return css(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n color: ", ";\n\n ", " {\n margin-top: -", "px;\n }\n\n ", "\n "], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n color: ", ";\n\n ", " {\n margin-top: -", "px;\n }\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xs, active ? activeColor : inactiveColor, StyledTag, spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, !isNarrow && WideStyledLabel(props));
|
|
14604
|
+
});
|
|
14605
|
+
var StyledAccordion$1 = styled$2(Accordion, {
|
|
14606
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
14607
|
+
})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n width: 100%;\n min-width: unset;\n\n .MuiAccordionSummary-content {\n ", "\n }\n\n .MuiAccordionDetails-root .MuiButtonBase-root .primary-text {\n ", "\n }\n\n ", "\n"], ["\n width: 100%;\n min-width: unset;\n\n .MuiAccordionSummary-content {\n ", "\n }\n\n .MuiAccordionDetails-root .MuiButtonBase-root .primary-text {\n ", "\n }\n\n ", "\n"])), fontBodySemiboldM, fontBodyS$1, function (props) {
|
|
14608
|
+
var _a, _b, _c, _d;
|
|
14609
|
+
var hasInvertedStyle = props.hasInvertedStyle, isNarrow = props.isNarrow;
|
|
14610
|
+
var spaces = getSpaces(props);
|
|
14611
|
+
var semanticColors = getSemanticColors(props);
|
|
14612
|
+
var textDefaultColor = hasInvertedStyle
|
|
14613
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14614
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary;
|
|
14615
|
+
var textOpenColor = hasInvertedStyle
|
|
14616
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14617
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary;
|
|
14618
|
+
var ChevronDefaultColor = hasInvertedStyle
|
|
14619
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14620
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondary;
|
|
14621
|
+
var ChevronOpenColor = hasInvertedStyle
|
|
14622
|
+
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentPrimaryInverse
|
|
14623
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent.ornamentOpen;
|
|
14624
|
+
var isNarrowStyles = function () { return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), hasInvertedStyle
|
|
14625
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondaryInverse
|
|
14626
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondary); };
|
|
14627
|
+
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n .MuiButtonBase-root {\n padding: ", "px ", "px;\n color: ", ";\n\n .MuiAccordionSummary-expandIconWrapper {\n margin-top: ", "px !important;\n }\n\n svg {\n color: ", ";\n }\n\n &[aria-expanded=\"true\"] {\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n }\n\n &:hover {\n padding: ", "px ", "px ", "px\n ", "px;\n width: 100%;\n box-shadow: none;\n background: ", ";\n border-left: ", "px solid\n ", ";\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n\n ", "\n }\n }\n\n .MuiCollapse-root .MuiAccordionDetails-root {\n padding: 0;\n\n .MuiButtonBase-root {\n padding: ", "px 0 ", "px 34px !important;\n\n .primary-text {\n color: ", " !important;\n }\n\n &:hover {\n padding: ", "px 0 ", "px\n calc(34px - ", "px) !important;\n\n .primary-text {\n color: ", " !important;\n }\n }\n }\n }\n "], ["\n .MuiButtonBase-root {\n padding: ", "px ", "px;\n color: ", ";\n\n .MuiAccordionSummary-expandIconWrapper {\n margin-top: ", "px !important;\n }\n\n svg {\n color: ", ";\n }\n\n &[aria-expanded=\"true\"] {\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n }\n\n &:hover {\n padding: ", "px ", "px ", "px\n ", "px;\n width: 100%;\n box-shadow: none;\n background: ", ";\n border-left: ", "px solid\n ", ";\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n\n ", "\n }\n }\n\n .MuiCollapse-root .MuiAccordionDetails-root {\n padding: 0;\n\n .MuiButtonBase-root {\n padding: ", "px 0 ", "px 34px !important;\n\n .primary-text {\n color: ", " !important;\n }\n\n &:hover {\n padding: ", "px 0 ", "px\n calc(34px - ", "px) !important;\n\n .primary-text {\n color: ", " !important;\n }\n }\n }\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, textDefaultColor, spaces === null || spaces === void 0 ? void 0 : spaces.s, ChevronDefaultColor, textOpenColor, ChevronOpenColor, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, spaces === null || spaces === void 0 ? void 0 : spaces.m, ((_b = spaces === null || spaces === void 0 ? void 0 : spaces.l) !== null && _b !== void 0 ? _b : 0) + ((_c = spaces === null || spaces === void 0 ? void 0 : spaces.xxxs) !== null && _c !== void 0 ? _c : 0), hasInvertedStyle
|
|
14628
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondaryInverse
|
|
14629
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondary, spaces === null || spaces === void 0 ? void 0 : spaces.xs, semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.borderPrimary, hasInvertedStyle
|
|
14630
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14631
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, hasInvertedStyle
|
|
14632
|
+
? (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.ornamentPrimaryInverse
|
|
14633
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondaryHover, isNarrow && isNarrowStyles(), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, hasInvertedStyle
|
|
14634
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14635
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary, 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.xs, hasInvertedStyle
|
|
14636
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14637
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary);
|
|
14588
14638
|
});
|
|
14589
|
-
var
|
|
14639
|
+
var StyledSubItem$1 = styled$2(MenuItem)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n &.MuiButtonBase-root.MuiMenuItem-root:hover {\n span.primary-text {\n font-weight: 600;\n }\n }\n"], ["\n &.MuiButtonBase-root.MuiMenuItem-root:hover {\n span.primary-text {\n font-weight: 600;\n }\n }\n"])));
|
|
14640
|
+
var templateObject_1$j, templateObject_2$b, templateObject_3$6, templateObject_4$4, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
14590
14641
|
|
|
14591
14642
|
var doNotForwardProps$7 = ["isNarrow"];
|
|
14592
14643
|
var NarrowStyledSection = function () {
|
|
@@ -14604,14 +14655,65 @@ var templateObject_1$i, templateObject_2$a, templateObject_3$5;
|
|
|
14604
14655
|
|
|
14605
14656
|
function NavigationHeaderPrimaryNav(_a) {
|
|
14606
14657
|
var hasInvertedStyle = _a.hasInvertedStyle, isNarrow = _a.isNarrow, items = _a.items, onChange = _a.onChange, value = _a.value;
|
|
14658
|
+
var theme = useTheme$4();
|
|
14659
|
+
var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
|
|
14660
|
+
var buttonRef = useRef(null);
|
|
14661
|
+
var _c = useState("100%"), menuWidth = _c[0], setMenuWidth = _c[1];
|
|
14662
|
+
var open = Boolean(anchorEl);
|
|
14663
|
+
function onClose() {
|
|
14664
|
+
setAnchorEl(null);
|
|
14665
|
+
}
|
|
14666
|
+
useEffect(function () {
|
|
14667
|
+
var button = buttonRef.current;
|
|
14668
|
+
if (!button) {
|
|
14669
|
+
return;
|
|
14670
|
+
}
|
|
14671
|
+
setMenuWidth(button.offsetWidth);
|
|
14672
|
+
}, []);
|
|
14607
14673
|
return (jsx(StyledSection, { isNarrow: isNarrow, children: items.map(function (item) {
|
|
14674
|
+
var _a, _b;
|
|
14608
14675
|
var key = item.key, label = item.label, tag = item.tag, tagColor = item.tagColor, rest = __rest(item, ["key", "label", "tag", "tagColor"]);
|
|
14609
14676
|
var isActive = key === value;
|
|
14610
|
-
|
|
14611
|
-
|
|
14677
|
+
if (item.itemType === "dropdown" && !isNarrow) {
|
|
14678
|
+
var dropdownItem = item;
|
|
14679
|
+
return (jsxs(Fragment$1, { children: [jsx(PrimaryNavItem, __assign({}, rest, { itemType: item.itemType, ref: buttonRef, sdsStyle: "minimal", active: open, onClick: function (e) {
|
|
14680
|
+
setAnchorEl(e.currentTarget);
|
|
14681
|
+
onChange(key);
|
|
14682
|
+
}, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: jsxs(StyledLabel, { itemType: item.itemType, active: open, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [label, jsx(Icon, { sdsIcon: open ? "ChevronUp" : "ChevronDown", sdsSize: "xs" })] }) })), jsx(Menu, { anchorEl: anchorEl, open: open, onClose: onClose, slotProps: {
|
|
14683
|
+
paper: {
|
|
14684
|
+
style: {
|
|
14685
|
+
marginTop: (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.app) === null || _a === void 0 ? void 0 : _a.spacing) === null || _b === void 0 ? void 0 : _b.s,
|
|
14686
|
+
},
|
|
14687
|
+
},
|
|
14688
|
+
}, anchorOrigin: {
|
|
14689
|
+
horizontal: "left",
|
|
14690
|
+
vertical: "bottom",
|
|
14691
|
+
}, transformOrigin: {
|
|
14692
|
+
horizontal: "left",
|
|
14693
|
+
vertical: "top",
|
|
14694
|
+
}, children: dropdownItem.items.map(function (subItem) {
|
|
14695
|
+
var subLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14696
|
+
return (jsx(MenuItem, __assign({ onClick: function () {
|
|
14697
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
14698
|
+
onClose();
|
|
14699
|
+
}, sx: { minWidth: menuWidth } }, subItemRest, { children: subLabel }), "menu-item-".concat(subLabel)));
|
|
14700
|
+
}) })] }, key));
|
|
14701
|
+
}
|
|
14702
|
+
if (item.itemType === "dropdown" && isNarrow) {
|
|
14703
|
+
var dropdownItem = item;
|
|
14704
|
+
return (jsxs(StyledAccordion$1, { id: "".concat(item.label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsx(AccordionHeader, { children: item.label }), jsx(AccordionDetails, { children: dropdownItem.items.map(function (subItem) {
|
|
14705
|
+
var dropdownItemLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14706
|
+
return (jsx(StyledSubItem$1, __assign({ onClick: function () {
|
|
14707
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
14708
|
+
onClose();
|
|
14709
|
+
} }, accordionSubItemRest, { children: dropdownItemLabel }), "primary-nav-item-".concat(dropdownItemLabel)));
|
|
14710
|
+
}) })] }, "".concat(item.label, "-dropdown")));
|
|
14711
|
+
}
|
|
14712
|
+
return (jsx(PrimaryNavItem, __assign({}, rest, { sdsStyle: "minimal", active: isActive, onClick: function (e) {
|
|
14713
|
+
var _a, _b;
|
|
14612
14714
|
onChange(key);
|
|
14613
|
-
(_a = item.onClick) === null ||
|
|
14614
|
-
}, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children:
|
|
14715
|
+
(_b = (_a = item).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
|
|
14716
|
+
}, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: jsxs(StyledLabel, { active: isActive, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [label, "tag" in item && (jsx(StyledTag, { label: tag, color: tagColor, hover: false }))] }) }), key));
|
|
14615
14717
|
}) }));
|
|
14616
14718
|
}
|
|
14617
14719
|
|
|
@@ -14620,13 +14722,13 @@ var NarrowStyledTextItem = function (props) {
|
|
|
14620
14722
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
14621
14723
|
var semanticColors = getSemanticColors(props);
|
|
14622
14724
|
var spaces = getSpaces(props);
|
|
14623
|
-
return css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n padding-left: ", "px;\n border-radius: 0;\n width: 100%;\n\n &:hover {\n box-shadow: none;\n background: ", ";\n }\n "], ["\n padding-left: ", "px;\n border-radius: 0;\n width: 100%;\n\n &:hover {\n box-shadow: none;\n background: ", ";\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl, hasInvertedStyle
|
|
14725
|
+
return css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n padding-left: ", "px;\n border-radius: 0;\n width: 100%;\n min-height: 44px;\n\n &:hover {\n box-shadow: none;\n background: ", ";\n }\n "], ["\n padding-left: ", "px;\n border-radius: 0;\n width: 100%;\n min-height: 44px;\n\n &:hover {\n box-shadow: none;\n background: ", ";\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl, hasInvertedStyle
|
|
14624
14726
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondaryInverse
|
|
14625
14727
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondary);
|
|
14626
14728
|
};
|
|
14627
14729
|
var StyledTextItem = styled$2(Button, {
|
|
14628
14730
|
shouldForwardProp: function (prop) { return !ButtonDoNotForwardProps.includes(prop); },
|
|
14629
|
-
})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n ", "\n\n background: none;\n justify-content: flex-start;\n
|
|
14731
|
+
})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n ", "\n\n background: none;\n justify-content: flex-start;\n width: fit-content;\n min-width: unset;\n padding: 0;\n\n ", "\n"], ["\n ", "\n\n background: none;\n justify-content: flex-start;\n width: fit-content;\n min-width: unset;\n padding: 0;\n\n ", "\n"])), fontHeaderS, function (props) {
|
|
14630
14732
|
var _a, _b;
|
|
14631
14733
|
var hasInvertedStyle = props.hasInvertedStyle, open = props.open, isNarrow = props.isNarrow;
|
|
14632
14734
|
var semanticColors = getSemanticColors(props);
|
|
@@ -14672,22 +14774,25 @@ var StyledAccordion = styled$2(Accordion, {
|
|
|
14672
14774
|
var isNarrowStyles = function () { return css(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), hasInvertedStyle
|
|
14673
14775
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondaryInverse
|
|
14674
14776
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondary); };
|
|
14675
|
-
return css(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n .MuiButtonBase-root {\n padding: ", "px ", "px;\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &[aria-expanded=\"true\"] {\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n }\n\n &:hover {\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n\n ", "\n }\n }\n\n .MuiCollapse-root .MuiAccordionDetails-root {\n padding: 0;\n\n .
|
|
14777
|
+
return css(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n .MuiButtonBase-root {\n padding: ", "px ", "px;\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &[aria-expanded=\"true\"] {\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n }\n\n &:hover {\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n\n ", "\n }\n }\n\n .MuiCollapse-root .MuiAccordionDetails-root {\n padding: 0;\n\n .primary-text {\n color: ", " !important;\n\n &:hover {\n color: ", " !important;\n }\n }\n\n .MuiButtonBase-root {\n padding: ", "px 0 ", "px 34px !important;\n\n &:hover {\n .primary-text {\n color: ", " !important;\n }\n }\n }\n }\n "], ["\n .MuiButtonBase-root {\n padding: ", "px ", "px;\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &[aria-expanded=\"true\"] {\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n }\n\n &:hover {\n color: ", ";\n\n svg {\n color: ", " !important;\n }\n\n ", "\n }\n }\n\n .MuiCollapse-root .MuiAccordionDetails-root {\n padding: 0;\n\n .primary-text {\n color: ", " !important;\n\n &:hover {\n color: ", " !important;\n }\n }\n\n .MuiButtonBase-root {\n padding: ", "px 0 ", "px 34px !important;\n\n &:hover {\n .primary-text {\n color: ", " !important;\n }\n }\n }\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, textDefaultColor, ChevronDefaultColor, textOpenColor, ChevronOpenColor, hasInvertedStyle
|
|
14676
14778
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14677
14779
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, hasInvertedStyle
|
|
14678
14780
|
? (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentPrimaryInverse
|
|
14679
|
-
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondaryHover, isNarrow && isNarrowStyles(),
|
|
14781
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondaryHover, isNarrow && isNarrowStyles(), hasInvertedStyle
|
|
14680
14782
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14681
14783
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary, hasInvertedStyle
|
|
14682
14784
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14785
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, hasInvertedStyle
|
|
14786
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14683
14787
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary);
|
|
14684
14788
|
});
|
|
14685
14789
|
var StyledSubItem = styled$2(MenuItem)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n &.MuiButtonBase-root.MuiMenuItem-root:hover {\n span.primary-text {\n font-weight: 600;\n }\n }\n"], ["\n &.MuiButtonBase-root.MuiMenuItem-root:hover {\n span.primary-text {\n font-weight: 600;\n }\n }\n"])));
|
|
14686
14790
|
var templateObject_1$h, templateObject_2$9, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6$1, templateObject_7;
|
|
14687
14791
|
|
|
14688
|
-
function
|
|
14689
|
-
var
|
|
14792
|
+
function NavigationHeaderSecondaryNav(_a) {
|
|
14793
|
+
var items = _a.items, hasInvertedStyle = _a.hasInvertedStyle, isNarrow = _a.isNarrow;
|
|
14690
14794
|
var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
|
|
14795
|
+
var theme = useTheme$4();
|
|
14691
14796
|
var open = Boolean(anchorEl);
|
|
14692
14797
|
function onClose() {
|
|
14693
14798
|
setAnchorEl(null);
|
|
@@ -14701,29 +14806,44 @@ function SecondaryNavItem(_a) {
|
|
|
14701
14806
|
}
|
|
14702
14807
|
setMenuWidth(button.offsetWidth);
|
|
14703
14808
|
}, []);
|
|
14704
|
-
return (jsxs(Fragment$1, { children: [item.itemType === "text" && (jsx(StyledTextItem, __assign({ sdsStyle: "minimal", onClick: item.onClick, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow }, rest, { children: item.label }))), item.itemType === "dropdown" && !isNarrow && (jsxs(Fragment, { children: [jsxs(StyledTextItem, __assign({ sdsStyle: "minimal", ref: buttonRef, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow }, rest, { onClick: function (event) {
|
|
14705
|
-
var _a;
|
|
14706
|
-
setAnchorEl(event.currentTarget);
|
|
14707
|
-
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, event);
|
|
14708
|
-
}, children: [jsx("span", { children: item.label }), jsx(Icon, { sdsIcon: open ? "ChevronUp" : "ChevronDown", sdsSize: "xs" })] })), jsx(Menu, { anchorEl: anchorEl, open: open, onClose: onClose, children: item.items.map(function (subItem) {
|
|
14709
|
-
var label = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14710
|
-
return (jsx(MenuItem, __assign({ onClick: function () {
|
|
14711
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
14712
|
-
onClose();
|
|
14713
|
-
} }, subItemRest, { children: label }), label));
|
|
14714
|
-
}) })] })), item.itemType === "dropdown" && isNarrow && (jsxs(StyledAccordion, { id: "".concat(item.label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsx(AccordionHeader, { children: item.label }), jsx(AccordionDetails, { children: item.items.map(function (subItem) {
|
|
14715
|
-
var label = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14716
|
-
return (jsx(StyledSubItem, __assign({ onClick: function () {
|
|
14717
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
14718
|
-
onClose();
|
|
14719
|
-
}, sx: { width: menuWidth } }, accordionSubItemRest, { children: label }), label));
|
|
14720
|
-
}) })] }))] }, item.label));
|
|
14721
|
-
}
|
|
14722
|
-
function NavigationHeaderSecondaryNav(_a) {
|
|
14723
|
-
var items = _a.items, hasInvertedStyle = _a.hasInvertedStyle, isNarrow = _a.isNarrow;
|
|
14724
14809
|
return (jsx(StyledSection, { gap: "l", isNarrow: isNarrow, children: items.map(function (item) {
|
|
14810
|
+
var _a, _b;
|
|
14725
14811
|
var itemType = item.itemType, label = item.label, rest = __rest(item, ["itemType", "label"]);
|
|
14726
|
-
|
|
14812
|
+
if (itemType === "dropdown" && !isNarrow) {
|
|
14813
|
+
return (jsxs(Fragment$1, { children: [jsxs(StyledTextItem, __assign({}, rest, { ref: buttonRef, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow, sdsStyle: "minimal", onClick: function (event) {
|
|
14814
|
+
var _a;
|
|
14815
|
+
setAnchorEl(event.currentTarget);
|
|
14816
|
+
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, event);
|
|
14817
|
+
}, children: [jsx("span", { children: label }), jsx(Icon, { sdsIcon: open ? "ChevronUp" : "ChevronDown", sdsSize: "xs" })] })), jsx(Menu, { anchorEl: anchorEl, open: open, onClose: onClose, slotProps: {
|
|
14818
|
+
paper: {
|
|
14819
|
+
style: {
|
|
14820
|
+
marginTop: (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.app) === null || _a === void 0 ? void 0 : _a.spacing) === null || _b === void 0 ? void 0 : _b.s,
|
|
14821
|
+
},
|
|
14822
|
+
},
|
|
14823
|
+
}, anchorOrigin: {
|
|
14824
|
+
horizontal: "left",
|
|
14825
|
+
vertical: "bottom",
|
|
14826
|
+
}, transformOrigin: {
|
|
14827
|
+
horizontal: "left",
|
|
14828
|
+
vertical: "top",
|
|
14829
|
+
}, children: item.items.map(function (subItem) {
|
|
14830
|
+
var menuLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14831
|
+
return (jsx(MenuItem, __assign({ onClick: function (event) {
|
|
14832
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
14833
|
+
onClose();
|
|
14834
|
+
}, sx: { minWidth: menuWidth } }, subItemRest, { children: menuLabel }), "menu-item-".concat(menuLabel)));
|
|
14835
|
+
}) })] }, "".concat(label, "-dropdown")));
|
|
14836
|
+
}
|
|
14837
|
+
if (itemType === "dropdown" && isNarrow) {
|
|
14838
|
+
return (jsxs(StyledAccordion, { id: "".concat(label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsx(AccordionHeader, { children: label }), jsx(AccordionDetails, { children: item.items.map(function (subItem) {
|
|
14839
|
+
var accordionLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14840
|
+
return (jsx(StyledSubItem, __assign({ onClick: function (event) {
|
|
14841
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
14842
|
+
onClose();
|
|
14843
|
+
} }, accordionSubItemRest, { children: accordionLabel }), "accordion-item-".concat(accordionLabel)));
|
|
14844
|
+
}) })] }, "".concat(label, "-dropdown")));
|
|
14845
|
+
}
|
|
14846
|
+
return (jsx(StyledTextItem, __assign({}, rest, { onClick: item.onClick, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow, sdsStyle: "minimal", children: item.label }), "".concat(label, "-").concat(itemType)));
|
|
14727
14847
|
}) }));
|
|
14728
14848
|
}
|
|
14729
14849
|
|
|
@@ -14818,7 +14938,7 @@ var NavigationHeader = forwardRef(function (props, ref) {
|
|
|
14818
14938
|
return (showSearch && (jsx(StyledSearch, __assign({ id: "nav-bar-search", label: "Search", placeholder: "Search", sdsStyle: "rounded", hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow }, searchProps))));
|
|
14819
14939
|
};
|
|
14820
14940
|
var renderLogoNode = function () {
|
|
14821
|
-
var logoNode = (jsxs(StyledTitleContainer, { hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow, children: [logo && jsx(StyledLogoWrapper, { children: logo }), jsxs(StyledTitleTagWrapper, { children: [title && jsx("p", { children: title }), tag && jsx(StyledTag, { color: tagColor, label: tag, hover: false })] })] }));
|
|
14941
|
+
var logoNode = (jsxs(StyledTitleContainer, { hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow, children: [logo && jsx(StyledLogoWrapper, { children: logo }), jsxs(StyledTitleTagWrapper, { children: [title && jsx("p", { children: title }), tag && jsx(StyledTag$1, { color: tagColor, label: tag, hover: false })] })] }));
|
|
14822
14942
|
if (logoLinkComponent || logoUrl) {
|
|
14823
14943
|
logoNode = (jsx(StyledLogoLinkWrapper, __assign({ component: logoLinkComponent, href: logoUrl }, logoLinkProps, { isNarrow: dimensions.isNarrow, children: logoNode })));
|
|
14824
14944
|
}
|