@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.cjs.js
CHANGED
|
@@ -1658,7 +1658,7 @@ var fontTabular = function (fontSize, fontWeight, isNarrow) {
|
|
|
1658
1658
|
if (!typography)
|
|
1659
1659
|
return null;
|
|
1660
1660
|
var tabular = typography.wideStyles.tabular, narrowTabular = typography.narrowStyles.tabular, tabularFontFamily = typography.fontFamily.tabular;
|
|
1661
|
-
return react.css(templateObject_7$
|
|
1661
|
+
return react.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
|
|
1662
1662
|
? react.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));
|
|
1663
1663
|
};
|
|
1664
1664
|
};
|
|
@@ -1668,9 +1668,9 @@ var fontTabularSemiboldXs = fontTabular("xs", "semibold");
|
|
|
1668
1668
|
var fontTabularSemiboldS = fontTabular("s", "semibold");
|
|
1669
1669
|
function themeToCss(fontTheme, fontFamily) {
|
|
1670
1670
|
if (fontFamily === void 0) { fontFamily = "inherit"; }
|
|
1671
|
-
return react.css(templateObject_8$
|
|
1671
|
+
return react.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);
|
|
1672
1672
|
}
|
|
1673
|
-
var templateObject_1$1a, templateObject_2$N, templateObject_3$D, templateObject_4$w, templateObject_5$p, templateObject_6$l, templateObject_7$
|
|
1673
|
+
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;
|
|
1674
1674
|
|
|
1675
1675
|
var StyledAccordionDetails = styled__default.default(material.AccordionDetails)(templateObject_2$M || (templateObject_2$M = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
1676
1676
|
var spaces = getSpaces(props);
|
|
@@ -4446,7 +4446,7 @@ var AccordionHeader = function (props) {
|
|
|
4446
4446
|
};
|
|
4447
4447
|
|
|
4448
4448
|
var sdsPropNames$2 = ["useDivider", "togglePosition"];
|
|
4449
|
-
var StyledAccordion$
|
|
4449
|
+
var StyledAccordion$2 = styled__default.default(material.Accordion, {
|
|
4450
4450
|
shouldForwardProp: function (prop) {
|
|
4451
4451
|
return !sdsPropNames$2.includes(prop.toString());
|
|
4452
4452
|
},
|
|
@@ -4480,7 +4480,7 @@ var Accordion = React__namespace.default.forwardRef(function (props, ref) {
|
|
|
4480
4480
|
setExpanded(isExpanded ? panel : false);
|
|
4481
4481
|
};
|
|
4482
4482
|
};
|
|
4483
|
-
return (jsxRuntime.jsx(StyledAccordion$
|
|
4483
|
+
return (jsxRuntime.jsx(StyledAccordion$2, __assign({ square: true, useDivider: useDivider, togglePosition: togglePosition, expanded: expanded === id, onChange: handleChange(id), ref: ref }, props, { children: children })));
|
|
4484
4484
|
});
|
|
4485
4485
|
|
|
4486
4486
|
var StyledAlert = styled__default.default(material.Alert)(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
@@ -4717,29 +4717,29 @@ var Minimal = function (props) {
|
|
|
4717
4717
|
var PrimaryMinimalButton = function (props) {
|
|
4718
4718
|
var _a, _b;
|
|
4719
4719
|
var semanticColors = getSemanticColors(props);
|
|
4720
|
-
return react.css(templateObject_7$
|
|
4720
|
+
return react.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);
|
|
4721
4721
|
};
|
|
4722
4722
|
var SecondaryMinimalButton = function (props) {
|
|
4723
4723
|
var _a, _b;
|
|
4724
4724
|
var semanticColors = getSemanticColors(props);
|
|
4725
|
-
return react.css(templateObject_8$
|
|
4725
|
+
return react.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);
|
|
4726
4726
|
};
|
|
4727
4727
|
var StyledMinimalButton = styled__default.default(material.Button, {
|
|
4728
4728
|
shouldForwardProp: function (prop) { return !doNotForwardProps$E.includes(prop); },
|
|
4729
|
-
})(templateObject_10$
|
|
4729
|
+
})(templateObject_10$6 || (templateObject_10$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4730
4730
|
var sdsType = props.sdsType;
|
|
4731
|
-
return react.css(templateObject_9$
|
|
4731
|
+
return react.css(templateObject_9$8 || (templateObject_9$8 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), sdsType === "primary" && PrimaryMinimalButton(props), sdsType === "secondary" && SecondaryMinimalButton(props));
|
|
4732
4732
|
});
|
|
4733
4733
|
var StyledButtonLegacy = styled__default.default(material.Button, {
|
|
4734
4734
|
shouldForwardProp: function (prop) { return !doNotForwardProps$E.includes(prop); },
|
|
4735
|
-
})(templateObject_11$
|
|
4735
|
+
})(templateObject_11$5 || (templateObject_11$5 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
4736
4736
|
if (!props.isRounded)
|
|
4737
4737
|
return "";
|
|
4738
4738
|
var corners = getCorners(props);
|
|
4739
4739
|
var spaces = getSpaces(props);
|
|
4740
4740
|
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 ");
|
|
4741
4741
|
});
|
|
4742
|
-
var templateObject_1$14, templateObject_2$I, templateObject_3$z, templateObject_4$u, templateObject_5$o, templateObject_6$k, templateObject_7$
|
|
4742
|
+
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;
|
|
4743
4743
|
|
|
4744
4744
|
var isDisabled$1 = function (props) {
|
|
4745
4745
|
var _a, _b;
|
|
@@ -4781,7 +4781,7 @@ var large = function (props) {
|
|
|
4781
4781
|
var sdsType = props.sdsType;
|
|
4782
4782
|
var iconSizes = getIconSizes(props);
|
|
4783
4783
|
var spaces = getSpaces(props);
|
|
4784
|
-
return react.css(templateObject_7$
|
|
4784
|
+
return react.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"
|
|
4785
4785
|
? "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;")
|
|
4786
4786
|
: "", 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;") : "");
|
|
4787
4787
|
};
|
|
@@ -4796,11 +4796,11 @@ var doNotForwardProps$D = [
|
|
|
4796
4796
|
];
|
|
4797
4797
|
var StyledButtonIcon = styled__default.default(material.IconButton, {
|
|
4798
4798
|
shouldForwardProp: function (prop) { return !doNotForwardProps$D.includes(prop); },
|
|
4799
|
-
})(templateObject_9$
|
|
4799
|
+
})(templateObject_9$7 || (templateObject_9$7 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
4800
4800
|
var disabled = props.disabled, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsType, sdsType = _b === void 0 ? "primary" : _b;
|
|
4801
|
-
return react.css(templateObject_8$
|
|
4801
|
+
return react.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));
|
|
4802
4802
|
});
|
|
4803
|
-
var templateObject_1$13, templateObject_2$H, templateObject_3$y, templateObject_4$t, templateObject_5$n, templateObject_6$j, templateObject_7$
|
|
4803
|
+
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;
|
|
4804
4804
|
|
|
4805
4805
|
var ButtonIconSizeToSdsIconSize = {
|
|
4806
4806
|
large: "xl",
|
|
@@ -4938,8 +4938,8 @@ var StyledSearchBase = styled__default.default(material.TextField, {
|
|
|
4938
4938
|
var semanticColors = getSemanticColors(props);
|
|
4939
4939
|
return react.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, material.outlinedInputClasses.root, spaces === null || spaces === void 0 ? void 0 : spaces.m, material.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, material.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, material.inputBaseClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, material.outlinedInputClasses.root, material.buttonBaseClasses.root, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.ornamentSecondaryHover, material.outlinedInputClasses.notchedOutline, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.borderPrimaryHover, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _k === void 0 ? void 0 : _k.border, material.inputAdornmentClasses.root, material.buttonBaseClasses.root, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.ornamentFocus, material.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));
|
|
4940
4940
|
});
|
|
4941
|
-
var StyledInputAdornment = styled__default.default(material.InputAdornment)(templateObject_7$
|
|
4942
|
-
var templateObject_1$12, templateObject_2$G, templateObject_3$x, templateObject_4$s, templateObject_5$m, templateObject_6$i, templateObject_7$
|
|
4941
|
+
var StyledInputAdornment = styled__default.default(material.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"])));
|
|
4942
|
+
var templateObject_1$12, templateObject_2$G, templateObject_3$x, templateObject_4$s, templateObject_5$m, templateObject_6$i, templateObject_7$e;
|
|
4943
4943
|
|
|
4944
4944
|
var StyledMenuItem$1 = styled__default.default(material.MenuItem)(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4945
4945
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
@@ -4984,7 +4984,7 @@ var StyledIconWrapper = styled__default.default("span")(templateObject_6$h || (t
|
|
|
4984
4984
|
});
|
|
4985
4985
|
var StyledCheck = styled__default.default(iconsMaterial.Check, {
|
|
4986
4986
|
shouldForwardProp: function (prop) { return prop !== "selected"; },
|
|
4987
|
-
})(templateObject_7$
|
|
4987
|
+
})(templateObject_7$d || (templateObject_7$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4988
4988
|
var _a, _b;
|
|
4989
4989
|
var selected = props.selected, disabled = props.disabled;
|
|
4990
4990
|
var iconSizes = getIconSizes(props);
|
|
@@ -4996,7 +4996,7 @@ var StyledCheck = styled__default.default(iconsMaterial.Check, {
|
|
|
4996
4996
|
});
|
|
4997
4997
|
var StyledMinus = styled__default.default(iconsMaterial.Remove, {
|
|
4998
4998
|
shouldForwardProp: function (prop) { return prop !== "selected"; },
|
|
4999
|
-
})(templateObject_8$
|
|
4999
|
+
})(templateObject_8$b || (templateObject_8$b = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5000
5000
|
var _a, _b;
|
|
5001
5001
|
var selected = props.selected, disabled = props.disabled;
|
|
5002
5002
|
var semanticColors = getSemanticColors(props);
|
|
@@ -5006,7 +5006,7 @@ var StyledMinus = styled__default.default(iconsMaterial.Remove, {
|
|
|
5006
5006
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.ornamentSelected;
|
|
5007
5007
|
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 ");
|
|
5008
5008
|
});
|
|
5009
|
-
var templateObject_1$11, templateObject_2$F, templateObject_3$w, templateObject_4$r, templateObject_5$l, templateObject_6$h, templateObject_7$
|
|
5009
|
+
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;
|
|
5010
5010
|
|
|
5011
5011
|
/**
|
|
5012
5012
|
* @see https://mui.com/material-ui/react-menu/
|
|
@@ -5953,7 +5953,7 @@ var arrowCss = function (props) {
|
|
|
5953
5953
|
var _a, _b;
|
|
5954
5954
|
var hasInvertedStyle = props.hasInvertedStyle, inverted = props.inverted, sdsStyle = props.sdsStyle, arrowOffset = props.arrowOffset;
|
|
5955
5955
|
var semanticColors = getSemanticColors(props);
|
|
5956
|
-
return css.css(templateObject_7$
|
|
5956
|
+
return css.css(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"
|
|
5957
5957
|
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfaceInverse
|
|
5958
5958
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.surface);
|
|
5959
5959
|
};
|
|
@@ -5961,8 +5961,8 @@ var arrowCss = function (props) {
|
|
|
5961
5961
|
* (masoudmanson): !important is needed to override arrow's
|
|
5962
5962
|
* default placement which is calculated by javascript
|
|
5963
5963
|
*/
|
|
5964
|
-
var StyledPopper$1 = styled__default.default(material.Popper)(templateObject_8$
|
|
5965
|
-
var templateObject_1$T, templateObject_2$A, templateObject_3$r, templateObject_4$n, templateObject_5$i, templateObject_6$f, templateObject_7$
|
|
5964
|
+
var StyledPopper$1 = styled__default.default(material.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"])));
|
|
5965
|
+
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;
|
|
5966
5966
|
|
|
5967
5967
|
/**
|
|
5968
5968
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
@@ -6102,7 +6102,7 @@ var PrimaryText = styled__default.default("div", {
|
|
|
6102
6102
|
});
|
|
6103
6103
|
var SecondaryText = styled__default.default("span", {
|
|
6104
6104
|
shouldForwardProp: function (prop) { return !doNotForwardProps$v.includes(prop); },
|
|
6105
|
-
})(templateObject_7$
|
|
6105
|
+
})(templateObject_7$b || (templateObject_7$b = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
6106
6106
|
var _a;
|
|
6107
6107
|
var _b = props.secondaryTextWrapLineCount, secondaryTextWrapLineCount = _b === void 0 ? 1 : _b;
|
|
6108
6108
|
var spaces = getSpaces(props);
|
|
@@ -6113,7 +6113,7 @@ var SecondaryText = styled__default.default("span", {
|
|
|
6113
6113
|
});
|
|
6114
6114
|
var TertiaryText = styled__default.default("span", {
|
|
6115
6115
|
shouldForwardProp: function (prop) { return !doNotForwardProps$v.includes(prop); },
|
|
6116
|
-
})(templateObject_8$
|
|
6116
|
+
})(templateObject_8$9 || (templateObject_8$9 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
6117
6117
|
var _a;
|
|
6118
6118
|
var _b = props.tertiaryTextWrapLineCount, tertiaryTextWrapLineCount = _b === void 0 ? 1 : _b;
|
|
6119
6119
|
var spaces = getSpaces(props);
|
|
@@ -6122,15 +6122,15 @@ var TertiaryText = styled__default.default("span", {
|
|
|
6122
6122
|
? ShouldWrap(tertiaryTextWrapLineCount)
|
|
6123
6123
|
: ShouldTruncate(), "\n ");
|
|
6124
6124
|
});
|
|
6125
|
-
var PrimaryTextComponentSlotBottomWrapper = styled__default.default("div")(templateObject_9$
|
|
6125
|
+
var PrimaryTextComponentSlotBottomWrapper = styled__default.default("div")(templateObject_9$6 || (templateObject_9$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6126
6126
|
var spaces = getSpaces(props);
|
|
6127
6127
|
return "\n margin-top: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n ");
|
|
6128
6128
|
});
|
|
6129
|
-
var PrimaryTextComponentSlotRightWrapper = styled__default.default("div")(templateObject_10$
|
|
6129
|
+
var PrimaryTextComponentSlotRightWrapper = styled__default.default("div")(templateObject_10$5 || (templateObject_10$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6130
6130
|
var spaces = getSpaces(props);
|
|
6131
6131
|
return "\n margin-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
6132
6132
|
});
|
|
6133
|
-
var templateObject_1$S, templateObject_2$z, templateObject_3$q, templateObject_4$m, templateObject_5$h, templateObject_6$e, templateObject_7$
|
|
6133
|
+
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;
|
|
6134
6134
|
|
|
6135
6135
|
var CellBasicContent = function (props) {
|
|
6136
6136
|
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;
|
|
@@ -6302,11 +6302,11 @@ var statusToCss = {
|
|
|
6302
6302
|
var doNotForwardProps$s = ["isRounded"];
|
|
6303
6303
|
var StyledChip = styled__default.default(material.Chip, {
|
|
6304
6304
|
shouldForwardProp: function (prop) { return !doNotForwardProps$s.includes(prop); },
|
|
6305
|
-
})(templateObject_7$
|
|
6305
|
+
})(templateObject_7$a || (templateObject_7$a = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
6306
6306
|
var size = props.size, status = props.status, isRounded = props.isRounded;
|
|
6307
6307
|
return react.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));
|
|
6308
6308
|
});
|
|
6309
|
-
var templateObject_1$P, templateObject_2$x, templateObject_3$o, templateObject_4$l, templateObject_5$g, templateObject_6$d, templateObject_7$
|
|
6309
|
+
var templateObject_1$P, templateObject_2$x, templateObject_3$o, templateObject_4$l, templateObject_5$g, templateObject_6$d, templateObject_7$a;
|
|
6310
6310
|
|
|
6311
6311
|
/**
|
|
6312
6312
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -6482,12 +6482,12 @@ var isOpen = function (props) {
|
|
|
6482
6482
|
var applyIntentColor$1 = function (props, intent) {
|
|
6483
6483
|
var _a, _b, _c;
|
|
6484
6484
|
var borders = getBorders(props);
|
|
6485
|
-
return react.css(templateObject_7$
|
|
6485
|
+
return react.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);
|
|
6486
6486
|
};
|
|
6487
6487
|
var isDisabled = function (props) {
|
|
6488
6488
|
var _a, _b, _c, _d;
|
|
6489
6489
|
var semanticColors = getSemanticColors(props);
|
|
6490
|
-
return react.css(templateObject_8$
|
|
6490
|
+
return react.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);
|
|
6491
6491
|
};
|
|
6492
6492
|
/**
|
|
6493
6493
|
* (masoudmanson): `Button as React.ComponentType<InputDropdownProps>` is a
|
|
@@ -6499,9 +6499,9 @@ var isDisabled = function (props) {
|
|
|
6499
6499
|
*/
|
|
6500
6500
|
var StyledInputDropdown = styled__default.default(Button, {
|
|
6501
6501
|
shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
|
|
6502
|
-
})(templateObject_10$
|
|
6502
|
+
})(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) {
|
|
6503
6503
|
var disabled = props.disabled, intent = props.intent, state = props.state, value = props.value, sdsStyle = props.sdsStyle;
|
|
6504
|
-
return react.css(templateObject_9$
|
|
6504
|
+
return react.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" &&
|
|
6505
6505
|
sdsStyle !== "minimal" &&
|
|
6506
6506
|
applyIntentColor$1(props, "notice"), intent === "negative" &&
|
|
6507
6507
|
sdsStyle !== "minimal" &&
|
|
@@ -6511,7 +6511,7 @@ var StyledInputDropdown = styled__default.default(Button, {
|
|
|
6511
6511
|
});
|
|
6512
6512
|
var StyledDetail = styled__default.default("span", {
|
|
6513
6513
|
shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
|
|
6514
|
-
})(templateObject_11$
|
|
6514
|
+
})(templateObject_11$4 || (templateObject_11$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6515
6515
|
var _a;
|
|
6516
6516
|
var spaces = getSpaces(props);
|
|
6517
6517
|
var semanticColors = getSemanticColors(props);
|
|
@@ -6564,7 +6564,7 @@ function labelStyle(props) {
|
|
|
6564
6564
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textSecondary;
|
|
6565
6565
|
return react.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);
|
|
6566
6566
|
}
|
|
6567
|
-
var templateObject_1$N, templateObject_2$v, templateObject_3$m, templateObject_4$j, templateObject_5$e, templateObject_6$c, templateObject_7$
|
|
6567
|
+
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;
|
|
6568
6568
|
|
|
6569
6569
|
/**
|
|
6570
6570
|
* @see https://mui.com/material-ui/react-button/
|
|
@@ -6739,15 +6739,15 @@ var doNotForwardProps$p = [
|
|
|
6739
6739
|
"tagColor",
|
|
6740
6740
|
"hover",
|
|
6741
6741
|
];
|
|
6742
|
-
var StyledTag$
|
|
6742
|
+
var StyledTag$3 = styled__default.default(material.Chip, {
|
|
6743
6743
|
shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
|
|
6744
|
-
})(templateObject_8$
|
|
6744
|
+
})(templateObject_8$7 || (templateObject_8$7 = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
6745
6745
|
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;
|
|
6746
6746
|
var isRounded = sdsStyle === "rounded";
|
|
6747
6747
|
var type = sdsType || "primary";
|
|
6748
|
-
return react.css(templateObject_7$
|
|
6748
|
+
return react.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;");
|
|
6749
6749
|
});
|
|
6750
|
-
var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$i, templateObject_5$d, templateObject_6$b, templateObject_7$
|
|
6750
|
+
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;
|
|
6751
6751
|
|
|
6752
6752
|
/**
|
|
6753
6753
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -6758,10 +6758,10 @@ var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4
|
|
|
6758
6758
|
*/
|
|
6759
6759
|
var Tag = function (props) {
|
|
6760
6760
|
var color = props.color;
|
|
6761
|
-
return jsxRuntime.jsx(StyledTag$
|
|
6761
|
+
return jsxRuntime.jsx(StyledTag$3, __assign({ tagColor: color }, props, { color: "primary" }));
|
|
6762
6762
|
};
|
|
6763
6763
|
|
|
6764
|
-
var StyledTag$
|
|
6764
|
+
var StyledTag$2 = styled__default.default(Tag)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6765
6765
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
6766
6766
|
var spaces = getSpaces(props);
|
|
6767
6767
|
var iconSizes = getIconSizes(props);
|
|
@@ -6774,7 +6774,7 @@ var templateObject_1$L, templateObject_2$t;
|
|
|
6774
6774
|
* @see https://mui.com/material-ui/react-chip/
|
|
6775
6775
|
*/
|
|
6776
6776
|
var TagFilter = function (props) {
|
|
6777
|
-
return (jsxRuntime.jsx(StyledTag$
|
|
6777
|
+
return (jsxRuntime.jsx(StyledTag$2, __assign({ role: "none presentation" }, props, { deleteIcon: jsxRuntime.jsx(Button, { "aria-label": "Delete Tag", icon: "XMark", sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon" }), color: "info" })));
|
|
6778
6778
|
};
|
|
6779
6779
|
|
|
6780
6780
|
var Chips = function (_a) {
|
|
@@ -6946,18 +6946,18 @@ var StyledCardActionArea = styled__default.default(Button, {
|
|
|
6946
6946
|
});
|
|
6947
6947
|
var StyledIconMediaWrapper = styled__default.default("div", {
|
|
6948
6948
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
6949
|
-
})(templateObject_10$
|
|
6949
|
+
})(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6950
6950
|
var _a = props.boundingBox, boundingBox = _a === void 0 ? true : _a;
|
|
6951
6951
|
var spaces = getSpaces(props);
|
|
6952
|
-
return react.css(templateObject_9$
|
|
6953
|
-
? react.css(templateObject_7$
|
|
6952
|
+
return react.css(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), boundingBox
|
|
6953
|
+
? react.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) : react.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));
|
|
6954
6954
|
});
|
|
6955
6955
|
var StyledCardContent = styled__default.default("div", {
|
|
6956
6956
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
6957
6957
|
})(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6958
6958
|
var _a = props.boundingBox, boundingBox = _a === void 0 ? true : _a;
|
|
6959
6959
|
var spaces = getSpaces(props);
|
|
6960
|
-
return react.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 && react.css(templateObject_11$
|
|
6960
|
+
return react.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 && react.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));
|
|
6961
6961
|
});
|
|
6962
6962
|
var StyledContentCardBody = styled__default.default(material.CardContent, {
|
|
6963
6963
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
@@ -6968,7 +6968,7 @@ var StyledContentCardBody = styled__default.default(material.CardContent, {
|
|
|
6968
6968
|
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 ");
|
|
6969
6969
|
});
|
|
6970
6970
|
var StyledCardContentAligner = styled__default.default("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"])));
|
|
6971
|
-
var templateObject_1$J, templateObject_2$r, templateObject_3$k, templateObject_4$h, templateObject_5$c, templateObject_6$a, templateObject_7$
|
|
6971
|
+
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;
|
|
6972
6972
|
|
|
6973
6973
|
var doNotForwardProps$n = [
|
|
6974
6974
|
"visualElement",
|
|
@@ -7096,22 +7096,22 @@ var doNotForwardProps$l = [
|
|
|
7096
7096
|
];
|
|
7097
7097
|
var StyledImageMediaWrapper = material.styled("div", {
|
|
7098
7098
|
shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
|
|
7099
|
-
})(templateObject_9$
|
|
7099
|
+
})(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7100
7100
|
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;
|
|
7101
7101
|
var spaces = getSpaces(props);
|
|
7102
|
-
return material.css(templateObject_8$
|
|
7102
|
+
return material.css(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
|
|
7103
7103
|
? imagePadding
|
|
7104
7104
|
? material.css(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"
|
|
7105
7105
|
? "padding-right: 0;"
|
|
7106
7106
|
: "padding-left: 0;") : material.css(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n padding: 0;\n "], ["\n padding: 0;\n "])))
|
|
7107
7107
|
: material.css(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), imagePosition === "left"
|
|
7108
7108
|
? "padding-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")
|
|
7109
|
-
: "padding-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")), sdsType === "narrow" && material.css(templateObject_7$
|
|
7109
|
+
: "padding-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")), sdsType === "narrow" && material.css(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n ", "\n\n justify-content: center;\n "], ["\n ", "\n\n justify-content: center;\n "])), boundingBox
|
|
7110
7110
|
? imagePadding
|
|
7111
7111
|
? material.css(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) : material.css(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n padding: 0;\n "], ["\n padding: 0;\n "])))
|
|
7112
7112
|
: material.css(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)));
|
|
7113
7113
|
});
|
|
7114
|
-
var templateObject_1$G, templateObject_2$p, templateObject_3$i, templateObject_4$f, templateObject_5$a, templateObject_6$9, templateObject_7$
|
|
7114
|
+
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;
|
|
7115
7115
|
|
|
7116
7116
|
/**
|
|
7117
7117
|
* @see https://mui.com/material-ui/api/card-media/
|
|
@@ -7541,7 +7541,7 @@ var StyledCheckboxLabel = styled__default.default("span")(templateObject_6$8 ||
|
|
|
7541
7541
|
var spaces = getSpaces(props);
|
|
7542
7542
|
return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
|
|
7543
7543
|
});
|
|
7544
|
-
var StyledCheckboxCaption = styled__default.default("span")(templateObject_7$
|
|
7544
|
+
var StyledCheckboxCaption = styled__default.default("span")(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
7545
7545
|
var _a;
|
|
7546
7546
|
var semanticColors = getSemanticColors(props);
|
|
7547
7547
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
|
|
@@ -7552,7 +7552,7 @@ var disabledStyles$1 = function (props) {
|
|
|
7552
7552
|
var borders = getBorders(props);
|
|
7553
7553
|
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 ");
|
|
7554
7554
|
};
|
|
7555
|
-
var StyledFormControlLabel$1 = styled__default.default(material.FormControlLabel)(templateObject_8$
|
|
7555
|
+
var StyledFormControlLabel$1 = styled__default.default(material.FormControlLabel)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7556
7556
|
var _a, _b, _c, _d;
|
|
7557
7557
|
var disabled = props.disabled;
|
|
7558
7558
|
var spaces = getSpaces(props);
|
|
@@ -7560,7 +7560,7 @@ var StyledFormControlLabel$1 = styled__default.default(material.FormControlLabel
|
|
|
7560
7560
|
var borders = getBorders(props);
|
|
7561
7561
|
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 ");
|
|
7562
7562
|
});
|
|
7563
|
-
var templateObject_1$z, templateObject_2$m, templateObject_3$g, templateObject_4$d, templateObject_5$9, templateObject_6$8, templateObject_7$
|
|
7563
|
+
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;
|
|
7564
7564
|
|
|
7565
7565
|
/**
|
|
7566
7566
|
* @see https://mui.com/material-ui/react-checkbox/
|
|
@@ -7623,7 +7623,7 @@ var StyledRadioLabel = styled__default.default("span")(templateObject_6$7 || (te
|
|
|
7623
7623
|
var spaces = getSpaces(props);
|
|
7624
7624
|
return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
|
|
7625
7625
|
});
|
|
7626
|
-
var StyledRadioCaption = styled__default.default("span")(templateObject_7$
|
|
7626
|
+
var StyledRadioCaption = styled__default.default("span")(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
7627
7627
|
var _a;
|
|
7628
7628
|
var semanticColors = getSemanticColors(props);
|
|
7629
7629
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
|
|
@@ -7633,14 +7633,14 @@ var disabledStyles = function (props) {
|
|
|
7633
7633
|
var semanticColors = getSemanticColors(props);
|
|
7634
7634
|
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 ");
|
|
7635
7635
|
};
|
|
7636
|
-
var StyledFormControlLabel = styled__default.default(material.FormControlLabel)(templateObject_8$
|
|
7636
|
+
var StyledFormControlLabel = styled__default.default(material.FormControlLabel)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7637
7637
|
var _a, _b, _c, _d;
|
|
7638
7638
|
var disabled = props.disabled;
|
|
7639
7639
|
var spaces = getSpaces(props);
|
|
7640
7640
|
var semanticColors = getSemanticColors(props);
|
|
7641
7641
|
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 ");
|
|
7642
7642
|
});
|
|
7643
|
-
var templateObject_1$y, templateObject_2$l, templateObject_3$f, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$
|
|
7643
|
+
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;
|
|
7644
7644
|
|
|
7645
7645
|
/**
|
|
7646
7646
|
* @see https://mui.com/material-ui/react-radio-button/
|
|
@@ -8115,10 +8115,10 @@ var StyledLogoWrapper$1 = styled__default.default("div", {
|
|
|
8115
8115
|
});
|
|
8116
8116
|
var StyledNavSection = styled__default.default("div", {
|
|
8117
8117
|
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
8118
|
-
})(templateObject_9$
|
|
8118
|
+
})(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
8119
8119
|
var isNarrow = props.isNarrow;
|
|
8120
8120
|
var spaces = getSpaces(props);
|
|
8121
|
-
return material.css(templateObject_8$
|
|
8121
|
+
return material.css(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 && material.css(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));
|
|
8122
8122
|
});
|
|
8123
8123
|
var StyledTopSection = styled__default.default("div", {
|
|
8124
8124
|
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
@@ -8126,11 +8126,11 @@ var StyledTopSection = styled__default.default("div", {
|
|
|
8126
8126
|
var isNarrow = props.isNarrow;
|
|
8127
8127
|
var semanticColors = getSemanticColors(props);
|
|
8128
8128
|
var spaces = getSpaces(props);
|
|
8129
|
-
return material.css(templateObject_11$
|
|
8129
|
+
return material.css(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
|
|
8130
8130
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
8131
8131
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary, props.hasInvertedStyle
|
|
8132
8132
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
8133
|
-
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, isNarrow && material.css(templateObject_10$
|
|
8133
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, isNarrow && material.css(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));
|
|
8134
8134
|
});
|
|
8135
8135
|
var StyledLinkSection = styled__default.default("div", {
|
|
8136
8136
|
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
@@ -8161,7 +8161,7 @@ var StyledBottomSection = styled__default.default("div", {
|
|
|
8161
8161
|
var spaces = getSpaces(props);
|
|
8162
8162
|
return material.css(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 && material.css(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));
|
|
8163
8163
|
});
|
|
8164
|
-
var templateObject_1$n, templateObject_2$f, templateObject_3$a, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$
|
|
8164
|
+
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;
|
|
8165
8165
|
|
|
8166
8166
|
/**
|
|
8167
8167
|
* WARNING: Don't import this directly.
|
|
@@ -14428,7 +14428,7 @@ styled__default.default("div", {
|
|
|
14428
14428
|
});
|
|
14429
14429
|
var StyledHeaderButton = styled__default.default(Button, {
|
|
14430
14430
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14431
|
-
})(templateObject_7$
|
|
14431
|
+
})(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14432
14432
|
var _a, _b, _c, _d;
|
|
14433
14433
|
var sdsType = props.sdsType, hasInvertedStyle = props.hasInvertedStyle;
|
|
14434
14434
|
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";
|
|
@@ -14439,18 +14439,18 @@ var StyledHeaderButton = styled__default.default(Button, {
|
|
|
14439
14439
|
var invertedNarrowButtonStyles = function (props) {
|
|
14440
14440
|
var _a, _b, _c, _d;
|
|
14441
14441
|
var semanticColors = getSemanticColors(props);
|
|
14442
|
-
return material.css(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);
|
|
14442
|
+
return material.css(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);
|
|
14443
14443
|
};
|
|
14444
14444
|
var StyledNarrowIconButton = styled__default.default(Button, {
|
|
14445
14445
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14446
|
-
})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14446
|
+
})(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14447
14447
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
14448
|
-
return material.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), hasInvertedStyle && invertedNarrowButtonStyles(props));
|
|
14448
|
+
return material.css(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), hasInvertedStyle && invertedNarrowButtonStyles(props));
|
|
14449
14449
|
});
|
|
14450
14450
|
var invertedWideButtonStyles = function (props) {
|
|
14451
14451
|
var _a, _b;
|
|
14452
14452
|
var semanticColors = getSemanticColors(props);
|
|
14453
|
-
return material.css(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);
|
|
14453
|
+
return material.css(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);
|
|
14454
14454
|
};
|
|
14455
14455
|
var StyledWideIconButton = styled__default.default(Button, {
|
|
14456
14456
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
@@ -14484,7 +14484,7 @@ var StyledTitleTagWrapper = styled__default.default("div", {
|
|
|
14484
14484
|
var spaces = getSpaces(props);
|
|
14485
14485
|
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 ");
|
|
14486
14486
|
});
|
|
14487
|
-
var StyledTag = styled__default.default(Tag)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n margin:
|
|
14487
|
+
var StyledTag$1 = styled__default.default(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));
|
|
14488
14488
|
var StyledPrimaryNavContainer = styled__default.default("div", {
|
|
14489
14489
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14490
14490
|
})(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) {
|
|
@@ -14553,7 +14553,7 @@ var StyledNarrowButton = styled__default.default(Button, {
|
|
|
14553
14553
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
14554
14554
|
return material.css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n ", "\n margin: 0;\n "], ["\n ", "\n margin: 0;\n "])), hasInvertedStyle && invertedWideButtonStyles(props));
|
|
14555
14555
|
});
|
|
14556
|
-
var templateObject_1$k, templateObject_2$c, templateObject_3$7, templateObject_4$5, templateObject_5$4, templateObject_6$3, templateObject_7$
|
|
14556
|
+
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;
|
|
14557
14557
|
|
|
14558
14558
|
var doNotForwardProps$8 = ["active", "hasInvertedStyle", "isNarrow"];
|
|
14559
14559
|
var NarrowPrimaryNavItem = function (props) {
|
|
@@ -14576,30 +14576,46 @@ var NarrowPrimaryNavItem = function (props) {
|
|
|
14576
14576
|
};
|
|
14577
14577
|
var PrimaryNavItem = styled__default.default(Button, {
|
|
14578
14578
|
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
14579
|
-
})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n display: flex;\n align-items:
|
|
14579
|
+
})(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) {
|
|
14580
|
+
var _a;
|
|
14580
14581
|
var hasInvertedStyle = props.hasInvertedStyle, isNarrow = props.isNarrow;
|
|
14581
14582
|
var spaces = getSpaces(props);
|
|
14582
|
-
var
|
|
14583
|
-
|
|
14584
|
-
?
|
|
14585
|
-
:
|
|
14583
|
+
var semanticColors = getSemanticColors(props);
|
|
14584
|
+
var ChevronDefaultColor = hasInvertedStyle
|
|
14585
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14586
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondary;
|
|
14587
|
+
return react.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
|
|
14588
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14589
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, hasInvertedStyle
|
|
14590
|
+
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentPrimaryInverse
|
|
14591
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondaryHover, isNarrow && NarrowPrimaryNavItem(props));
|
|
14586
14592
|
});
|
|
14587
14593
|
var WideStyledLabel = function (props) {
|
|
14588
|
-
var _a, _b;
|
|
14589
|
-
var hasInvertedStyle = props.hasInvertedStyle, active = props.active;
|
|
14590
|
-
var
|
|
14594
|
+
var _a, _b, _c;
|
|
14595
|
+
var hasInvertedStyle = props.hasInvertedStyle, active = props.active, _d = props.itemType, itemType = _d === void 0 ? "text" : _d;
|
|
14596
|
+
var semanticColors = getSemanticColors(props);
|
|
14591
14597
|
var activeBorderColor = hasInvertedStyle
|
|
14592
|
-
? (_a =
|
|
14593
|
-
: (_b =
|
|
14598
|
+
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderOnFill
|
|
14599
|
+
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.border;
|
|
14594
14600
|
var inactiveBorderColor = hasInvertedStyle
|
|
14595
|
-
?
|
|
14596
|
-
:
|
|
14597
|
-
|
|
14601
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.borderOnFill
|
|
14602
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.borderPrimary;
|
|
14603
|
+
var ChevronDefaultColor = hasInvertedStyle
|
|
14604
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14605
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondary;
|
|
14606
|
+
var ChevronOpenColor = hasInvertedStyle
|
|
14607
|
+
? (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.ornamentPrimaryInverse
|
|
14608
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent.ornamentOpen;
|
|
14609
|
+
return react.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"
|
|
14610
|
+
? activeBorderColor
|
|
14611
|
+
: "transparent", active ? ChevronOpenColor : ChevronDefaultColor, active ? activeBorderColor : inactiveBorderColor);
|
|
14598
14612
|
};
|
|
14613
|
+
var StyledTag = styled__default.default(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"));
|
|
14599
14614
|
var StyledLabel = styled__default.default("span", {
|
|
14600
14615
|
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
14601
|
-
})(
|
|
14616
|
+
})(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeader("m"), function (props) {
|
|
14602
14617
|
var hasInvertedStyle = props.hasInvertedStyle, active = props.active, isNarrow = props.isNarrow;
|
|
14618
|
+
var spaces = getSpaces(props);
|
|
14603
14619
|
var colors = getSemanticColors(props);
|
|
14604
14620
|
var activeColor = hasInvertedStyle
|
|
14605
14621
|
? colors === null || colors === void 0 ? void 0 : colors.base.textPrimaryInverse
|
|
@@ -14607,9 +14623,44 @@ var StyledLabel = styled__default.default("span", {
|
|
|
14607
14623
|
var inactiveColor = hasInvertedStyle
|
|
14608
14624
|
? colors === null || colors === void 0 ? void 0 : colors.base.textSecondaryInverse
|
|
14609
14625
|
: colors === null || colors === void 0 ? void 0 : colors.base.textSecondary;
|
|
14610
|
-
return react.css(
|
|
14626
|
+
return react.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));
|
|
14627
|
+
});
|
|
14628
|
+
var StyledAccordion$1 = styled__default.default(Accordion, {
|
|
14629
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
14630
|
+
})(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) {
|
|
14631
|
+
var _a, _b, _c, _d;
|
|
14632
|
+
var hasInvertedStyle = props.hasInvertedStyle, isNarrow = props.isNarrow;
|
|
14633
|
+
var spaces = getSpaces(props);
|
|
14634
|
+
var semanticColors = getSemanticColors(props);
|
|
14635
|
+
var textDefaultColor = hasInvertedStyle
|
|
14636
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14637
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary;
|
|
14638
|
+
var textOpenColor = hasInvertedStyle
|
|
14639
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14640
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary;
|
|
14641
|
+
var ChevronDefaultColor = hasInvertedStyle
|
|
14642
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14643
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondary;
|
|
14644
|
+
var ChevronOpenColor = hasInvertedStyle
|
|
14645
|
+
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentPrimaryInverse
|
|
14646
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent.ornamentOpen;
|
|
14647
|
+
var isNarrowStyles = function () { return react.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), hasInvertedStyle
|
|
14648
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondaryInverse
|
|
14649
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondary); };
|
|
14650
|
+
return react.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
|
|
14651
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondaryInverse
|
|
14652
|
+
: 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
|
|
14653
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14654
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, hasInvertedStyle
|
|
14655
|
+
? (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.ornamentPrimaryInverse
|
|
14656
|
+
: 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
|
|
14657
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14658
|
+
: 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
|
|
14659
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14660
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary);
|
|
14611
14661
|
});
|
|
14612
|
-
var
|
|
14662
|
+
var StyledSubItem$1 = styled__default.default(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"])));
|
|
14663
|
+
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;
|
|
14613
14664
|
|
|
14614
14665
|
var doNotForwardProps$7 = ["isNarrow"];
|
|
14615
14666
|
var NarrowStyledSection = function () {
|
|
@@ -14627,14 +14678,65 @@ var templateObject_1$i, templateObject_2$a, templateObject_3$5;
|
|
|
14627
14678
|
|
|
14628
14679
|
function NavigationHeaderPrimaryNav(_a) {
|
|
14629
14680
|
var hasInvertedStyle = _a.hasInvertedStyle, isNarrow = _a.isNarrow, items = _a.items, onChange = _a.onChange, value = _a.value;
|
|
14681
|
+
var theme = material.useTheme();
|
|
14682
|
+
var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
|
|
14683
|
+
var buttonRef = React.useRef(null);
|
|
14684
|
+
var _c = React.useState("100%"), menuWidth = _c[0], setMenuWidth = _c[1];
|
|
14685
|
+
var open = Boolean(anchorEl);
|
|
14686
|
+
function onClose() {
|
|
14687
|
+
setAnchorEl(null);
|
|
14688
|
+
}
|
|
14689
|
+
React.useEffect(function () {
|
|
14690
|
+
var button = buttonRef.current;
|
|
14691
|
+
if (!button) {
|
|
14692
|
+
return;
|
|
14693
|
+
}
|
|
14694
|
+
setMenuWidth(button.offsetWidth);
|
|
14695
|
+
}, []);
|
|
14630
14696
|
return (jsxRuntime.jsx(StyledSection, { isNarrow: isNarrow, children: items.map(function (item) {
|
|
14697
|
+
var _a, _b;
|
|
14631
14698
|
var key = item.key, label = item.label, tag = item.tag, tagColor = item.tagColor, rest = __rest(item, ["key", "label", "tag", "tagColor"]);
|
|
14632
14699
|
var isActive = key === value;
|
|
14633
|
-
|
|
14634
|
-
|
|
14700
|
+
if (item.itemType === "dropdown" && !isNarrow) {
|
|
14701
|
+
var dropdownItem = item;
|
|
14702
|
+
return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(PrimaryNavItem, __assign({}, rest, { itemType: item.itemType, ref: buttonRef, sdsStyle: "minimal", active: open, onClick: function (e) {
|
|
14703
|
+
setAnchorEl(e.currentTarget);
|
|
14704
|
+
onChange(key);
|
|
14705
|
+
}, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: jsxRuntime.jsxs(StyledLabel, { itemType: item.itemType, active: open, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [label, jsxRuntime.jsx(Icon, { sdsIcon: open ? "ChevronUp" : "ChevronDown", sdsSize: "xs" })] }) })), jsxRuntime.jsx(Menu, { anchorEl: anchorEl, open: open, onClose: onClose, slotProps: {
|
|
14706
|
+
paper: {
|
|
14707
|
+
style: {
|
|
14708
|
+
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,
|
|
14709
|
+
},
|
|
14710
|
+
},
|
|
14711
|
+
}, anchorOrigin: {
|
|
14712
|
+
horizontal: "left",
|
|
14713
|
+
vertical: "bottom",
|
|
14714
|
+
}, transformOrigin: {
|
|
14715
|
+
horizontal: "left",
|
|
14716
|
+
vertical: "top",
|
|
14717
|
+
}, children: dropdownItem.items.map(function (subItem) {
|
|
14718
|
+
var subLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14719
|
+
return (jsxRuntime.jsx(MenuItem, __assign({ onClick: function () {
|
|
14720
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
14721
|
+
onClose();
|
|
14722
|
+
}, sx: { minWidth: menuWidth } }, subItemRest, { children: subLabel }), "menu-item-".concat(subLabel)));
|
|
14723
|
+
}) })] }, key));
|
|
14724
|
+
}
|
|
14725
|
+
if (item.itemType === "dropdown" && isNarrow) {
|
|
14726
|
+
var dropdownItem = item;
|
|
14727
|
+
return (jsxRuntime.jsxs(StyledAccordion$1, { id: "".concat(item.label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsxRuntime.jsx(AccordionHeader, { children: item.label }), jsxRuntime.jsx(AccordionDetails, { children: dropdownItem.items.map(function (subItem) {
|
|
14728
|
+
var dropdownItemLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14729
|
+
return (jsxRuntime.jsx(StyledSubItem$1, __assign({ onClick: function () {
|
|
14730
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
14731
|
+
onClose();
|
|
14732
|
+
} }, accordionSubItemRest, { children: dropdownItemLabel }), "primary-nav-item-".concat(dropdownItemLabel)));
|
|
14733
|
+
}) })] }, "".concat(item.label, "-dropdown")));
|
|
14734
|
+
}
|
|
14735
|
+
return (jsxRuntime.jsx(PrimaryNavItem, __assign({}, rest, { sdsStyle: "minimal", active: isActive, onClick: function (e) {
|
|
14736
|
+
var _a, _b;
|
|
14635
14737
|
onChange(key);
|
|
14636
|
-
(_a = item.onClick) === null ||
|
|
14637
|
-
}, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children:
|
|
14738
|
+
(_b = (_a = item).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
|
|
14739
|
+
}, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: jsxRuntime.jsxs(StyledLabel, { active: isActive, hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [label, "tag" in item && (jsxRuntime.jsx(StyledTag, { label: tag, color: tagColor, hover: false }))] }) }), key));
|
|
14638
14740
|
}) }));
|
|
14639
14741
|
}
|
|
14640
14742
|
|
|
@@ -14643,13 +14745,13 @@ var NarrowStyledTextItem = function (props) {
|
|
|
14643
14745
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
14644
14746
|
var semanticColors = getSemanticColors(props);
|
|
14645
14747
|
var spaces = getSpaces(props);
|
|
14646
|
-
return react.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
|
|
14748
|
+
return react.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
|
|
14647
14749
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondaryInverse
|
|
14648
14750
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondary);
|
|
14649
14751
|
};
|
|
14650
14752
|
var StyledTextItem = styled__default.default(Button, {
|
|
14651
14753
|
shouldForwardProp: function (prop) { return !ButtonDoNotForwardProps.includes(prop); },
|
|
14652
|
-
})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n ", "\n\n background: none;\n justify-content: flex-start;\n
|
|
14754
|
+
})(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) {
|
|
14653
14755
|
var _a, _b;
|
|
14654
14756
|
var hasInvertedStyle = props.hasInvertedStyle, open = props.open, isNarrow = props.isNarrow;
|
|
14655
14757
|
var semanticColors = getSemanticColors(props);
|
|
@@ -14695,22 +14797,25 @@ var StyledAccordion = styled__default.default(Accordion, {
|
|
|
14695
14797
|
var isNarrowStyles = function () { return react.css(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), hasInvertedStyle
|
|
14696
14798
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondaryInverse
|
|
14697
14799
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundSecondary); };
|
|
14698
|
-
return react.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 .
|
|
14800
|
+
return react.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
|
|
14699
14801
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14700
14802
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary, hasInvertedStyle
|
|
14701
14803
|
? (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentPrimaryInverse
|
|
14702
|
-
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondaryHover, isNarrow && isNarrowStyles(),
|
|
14804
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.ornamentSecondaryHover, isNarrow && isNarrowStyles(), hasInvertedStyle
|
|
14703
14805
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14704
14806
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary, hasInvertedStyle
|
|
14705
14807
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14808
|
+
: 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
|
|
14809
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
14706
14810
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary);
|
|
14707
14811
|
});
|
|
14708
14812
|
var StyledSubItem = styled__default.default(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"])));
|
|
14709
14813
|
var templateObject_1$h, templateObject_2$9, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6$1, templateObject_7;
|
|
14710
14814
|
|
|
14711
|
-
function
|
|
14712
|
-
var
|
|
14815
|
+
function NavigationHeaderSecondaryNav(_a) {
|
|
14816
|
+
var items = _a.items, hasInvertedStyle = _a.hasInvertedStyle, isNarrow = _a.isNarrow;
|
|
14713
14817
|
var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
|
|
14818
|
+
var theme = material.useTheme();
|
|
14714
14819
|
var open = Boolean(anchorEl);
|
|
14715
14820
|
function onClose() {
|
|
14716
14821
|
setAnchorEl(null);
|
|
@@ -14724,29 +14829,44 @@ function SecondaryNavItem(_a) {
|
|
|
14724
14829
|
}
|
|
14725
14830
|
setMenuWidth(button.offsetWidth);
|
|
14726
14831
|
}, []);
|
|
14727
|
-
return (jsxRuntime.jsxs(React.Fragment, { children: [item.itemType === "text" && (jsxRuntime.jsx(StyledTextItem, __assign({ sdsStyle: "minimal", onClick: item.onClick, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow }, rest, { children: item.label }))), item.itemType === "dropdown" && !isNarrow && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledTextItem, __assign({ sdsStyle: "minimal", ref: buttonRef, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow }, rest, { onClick: function (event) {
|
|
14728
|
-
var _a;
|
|
14729
|
-
setAnchorEl(event.currentTarget);
|
|
14730
|
-
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, event);
|
|
14731
|
-
}, children: [jsxRuntime.jsx("span", { children: item.label }), jsxRuntime.jsx(Icon, { sdsIcon: open ? "ChevronUp" : "ChevronDown", sdsSize: "xs" })] })), jsxRuntime.jsx(Menu, { anchorEl: anchorEl, open: open, onClose: onClose, children: item.items.map(function (subItem) {
|
|
14732
|
-
var label = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14733
|
-
return (jsxRuntime.jsx(MenuItem, __assign({ onClick: function () {
|
|
14734
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
14735
|
-
onClose();
|
|
14736
|
-
} }, subItemRest, { children: label }), label));
|
|
14737
|
-
}) })] })), item.itemType === "dropdown" && isNarrow && (jsxRuntime.jsxs(StyledAccordion, { id: "".concat(item.label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsxRuntime.jsx(AccordionHeader, { children: item.label }), jsxRuntime.jsx(AccordionDetails, { children: item.items.map(function (subItem) {
|
|
14738
|
-
var label = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14739
|
-
return (jsxRuntime.jsx(StyledSubItem, __assign({ onClick: function () {
|
|
14740
|
-
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
14741
|
-
onClose();
|
|
14742
|
-
}, sx: { width: menuWidth } }, accordionSubItemRest, { children: label }), label));
|
|
14743
|
-
}) })] }))] }, item.label));
|
|
14744
|
-
}
|
|
14745
|
-
function NavigationHeaderSecondaryNav(_a) {
|
|
14746
|
-
var items = _a.items, hasInvertedStyle = _a.hasInvertedStyle, isNarrow = _a.isNarrow;
|
|
14747
14832
|
return (jsxRuntime.jsx(StyledSection, { gap: "l", isNarrow: isNarrow, children: items.map(function (item) {
|
|
14833
|
+
var _a, _b;
|
|
14748
14834
|
var itemType = item.itemType, label = item.label, rest = __rest(item, ["itemType", "label"]);
|
|
14749
|
-
|
|
14835
|
+
if (itemType === "dropdown" && !isNarrow) {
|
|
14836
|
+
return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs(StyledTextItem, __assign({}, rest, { ref: buttonRef, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow, sdsStyle: "minimal", onClick: function (event) {
|
|
14837
|
+
var _a;
|
|
14838
|
+
setAnchorEl(event.currentTarget);
|
|
14839
|
+
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, event);
|
|
14840
|
+
}, children: [jsxRuntime.jsx("span", { children: label }), jsxRuntime.jsx(Icon, { sdsIcon: open ? "ChevronUp" : "ChevronDown", sdsSize: "xs" })] })), jsxRuntime.jsx(Menu, { anchorEl: anchorEl, open: open, onClose: onClose, slotProps: {
|
|
14841
|
+
paper: {
|
|
14842
|
+
style: {
|
|
14843
|
+
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,
|
|
14844
|
+
},
|
|
14845
|
+
},
|
|
14846
|
+
}, anchorOrigin: {
|
|
14847
|
+
horizontal: "left",
|
|
14848
|
+
vertical: "bottom",
|
|
14849
|
+
}, transformOrigin: {
|
|
14850
|
+
horizontal: "left",
|
|
14851
|
+
vertical: "top",
|
|
14852
|
+
}, children: item.items.map(function (subItem) {
|
|
14853
|
+
var menuLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14854
|
+
return (jsxRuntime.jsx(MenuItem, __assign({ onClick: function (event) {
|
|
14855
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
14856
|
+
onClose();
|
|
14857
|
+
}, sx: { minWidth: menuWidth } }, subItemRest, { children: menuLabel }), "menu-item-".concat(menuLabel)));
|
|
14858
|
+
}) })] }, "".concat(label, "-dropdown")));
|
|
14859
|
+
}
|
|
14860
|
+
if (itemType === "dropdown" && isNarrow) {
|
|
14861
|
+
return (jsxRuntime.jsxs(StyledAccordion, { id: "".concat(label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsxRuntime.jsx(AccordionHeader, { children: label }), jsxRuntime.jsx(AccordionDetails, { children: item.items.map(function (subItem) {
|
|
14862
|
+
var accordionLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14863
|
+
return (jsxRuntime.jsx(StyledSubItem, __assign({ onClick: function (event) {
|
|
14864
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
14865
|
+
onClose();
|
|
14866
|
+
} }, accordionSubItemRest, { children: accordionLabel }), "accordion-item-".concat(accordionLabel)));
|
|
14867
|
+
}) })] }, "".concat(label, "-dropdown")));
|
|
14868
|
+
}
|
|
14869
|
+
return (jsxRuntime.jsx(StyledTextItem, __assign({}, rest, { onClick: item.onClick, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow, sdsStyle: "minimal", children: item.label }), "".concat(label, "-").concat(itemType)));
|
|
14750
14870
|
}) }));
|
|
14751
14871
|
}
|
|
14752
14872
|
|
|
@@ -14841,7 +14961,7 @@ var NavigationHeader = React.forwardRef(function (props, ref) {
|
|
|
14841
14961
|
return (showSearch && (jsxRuntime.jsx(StyledSearch, __assign({ id: "nav-bar-search", label: "Search", placeholder: "Search", sdsStyle: "rounded", hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow }, searchProps))));
|
|
14842
14962
|
};
|
|
14843
14963
|
var renderLogoNode = function () {
|
|
14844
|
-
var logoNode = (jsxRuntime.jsxs(StyledTitleContainer, { hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow, children: [logo && jsxRuntime.jsx(StyledLogoWrapper, { children: logo }), jsxRuntime.jsxs(StyledTitleTagWrapper, { children: [title && jsxRuntime.jsx("p", { children: title }), tag && jsxRuntime.jsx(StyledTag, { color: tagColor, label: tag, hover: false })] })] }));
|
|
14964
|
+
var logoNode = (jsxRuntime.jsxs(StyledTitleContainer, { hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow, children: [logo && jsxRuntime.jsx(StyledLogoWrapper, { children: logo }), jsxRuntime.jsxs(StyledTitleTagWrapper, { children: [title && jsxRuntime.jsx("p", { children: title }), tag && jsxRuntime.jsx(StyledTag$1, { color: tagColor, label: tag, hover: false })] })] }));
|
|
14845
14965
|
if (logoLinkComponent || logoUrl) {
|
|
14846
14966
|
logoNode = (jsxRuntime.jsx(StyledLogoLinkWrapper, __assign({ component: logoLinkComponent, href: logoUrl }, logoLinkProps, { isNarrow: dimensions.isNarrow, children: logoNode })));
|
|
14847
14967
|
}
|