@czi-sds/components 22.9.1 → 22.10.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 +3 -10
- package/dist/index.cjs.js +231 -155
- package/dist/index.esm.d.ts +3 -10
- package/dist/index.esm.js +231 -155
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -1551,7 +1551,7 @@ var fontHeader = function (fontSize, isNarrow) {
|
|
|
1551
1551
|
return null;
|
|
1552
1552
|
var header = typography.wideStyles.header, narrowHeader = typography.narrowStyles.header, headerFontFamily = typography.fontFamily.header;
|
|
1553
1553
|
if (isNarrow) {
|
|
1554
|
-
return css(templateObject_4$
|
|
1554
|
+
return css(templateObject_4$y || (templateObject_4$y = __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(narrowHeader.semibold[fontSize], headerFontFamily));
|
|
1555
1555
|
}
|
|
1556
1556
|
return themeToCss(header.semibold[fontSize], headerFontFamily);
|
|
1557
1557
|
};
|
|
@@ -1574,7 +1574,7 @@ var fontCode = function (fontSize, fontWeight, isNarrow) {
|
|
|
1574
1574
|
return null;
|
|
1575
1575
|
var code = typography.wideStyles.code, narrowCode = typography.narrowStyles.code, codeFontFamily = typography.fontFamily.code;
|
|
1576
1576
|
if (isNarrow) {
|
|
1577
|
-
return css(templateObject_5$
|
|
1577
|
+
return css(templateObject_5$q || (templateObject_5$q = __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(narrowCode[fontWeight][fontSize], codeFontFamily));
|
|
1578
1578
|
}
|
|
1579
1579
|
return themeToCss(code[fontWeight][fontSize], codeFontFamily);
|
|
1580
1580
|
};
|
|
@@ -1592,8 +1592,8 @@ var fontTabular = function (fontSize, fontWeight, isNarrow) {
|
|
|
1592
1592
|
if (!typography)
|
|
1593
1593
|
return null;
|
|
1594
1594
|
var tabular = typography.wideStyles.tabular, narrowTabular = typography.narrowStyles.tabular, tabularFontFamily = typography.fontFamily.tabular;
|
|
1595
|
-
return css(templateObject_7$
|
|
1596
|
-
? css(templateObject_6$
|
|
1595
|
+
return css(templateObject_7$i || (templateObject_7$i = __makeTemplateObject(["\n font-variant-numeric: tabular-nums;\n\n ", "\n "], ["\n font-variant-numeric: tabular-nums;\n\n ", "\n "])), isNarrow
|
|
1596
|
+
? css(templateObject_6$m || (templateObject_6$m = __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));
|
|
1597
1597
|
};
|
|
1598
1598
|
};
|
|
1599
1599
|
var fontTabularXs = fontTabular("xs", "regular");
|
|
@@ -1604,7 +1604,7 @@ function themeToCss(fontTheme, fontFamily) {
|
|
|
1604
1604
|
if (fontFamily === void 0) { fontFamily = "inherit"; }
|
|
1605
1605
|
return css(templateObject_8$e || (templateObject_8$e = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", "px;\n line-height: ", " !important;\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "], ["\n font-family: ", ";\n font-size: ", "px;\n line-height: ", " !important;\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "])), fontFamily, fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
|
|
1606
1606
|
}
|
|
1607
|
-
var templateObject_1$1a, templateObject_2$N, templateObject_3$D, templateObject_4$
|
|
1607
|
+
var templateObject_1$1a, templateObject_2$N, templateObject_3$D, templateObject_4$y, templateObject_5$q, templateObject_6$m, templateObject_7$i, templateObject_8$e;
|
|
1608
1608
|
|
|
1609
1609
|
var StyledAccordionDetails = styled$2(AccordionDetails$1)(templateObject_2$M || (templateObject_2$M = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
1610
1610
|
var spaces = getSpaces(props);
|
|
@@ -1623,12 +1623,12 @@ var StyledAccordionHeader = styled$2(AccordionSummary)(templateObject_2$L || (te
|
|
|
1623
1623
|
var semanticColors = getSemanticColors(props);
|
|
1624
1624
|
return css(templateObject_1$18 || (templateObject_1$18 = __makeTemplateObject(["\n padding: ", "px;\n align-items: flex-start;\n box-sizing: border-box;\n\n .", " {\n margin: 0;\n flex-direction: column;\n\n &.", " {\n margin: 0;\n }\n }\n\n & .", " {\n margin-left: ", "px;\n margin-top: ", "px !important;\n align-self: center;\n\n svg {\n color: ", ";\n }\n }\n\n &:hover {\n & .", " {\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n padding: ", "px;\n align-items: flex-start;\n box-sizing: border-box;\n\n .", " {\n margin: 0;\n flex-direction: column;\n\n &.", " {\n margin: 0;\n }\n }\n\n & .", " {\n margin-left: ", "px;\n margin-top: ", "px !important;\n align-self: center;\n\n svg {\n color: ", ";\n }\n }\n\n &:hover {\n & .", " {\n svg {\n color: ", ";\n }\n }\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, accordionSummaryClasses.content, accordionSummaryClasses.expanded, accordionSummaryClasses.expandIconWrapper, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentSecondary, accordionSummaryClasses.expandIconWrapper, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentSecondaryHover);
|
|
1625
1625
|
});
|
|
1626
|
-
var StyledSubtitle$1 = styled$2("p")(templateObject_4$
|
|
1626
|
+
var StyledSubtitle$1 = styled$2("p")(templateObject_4$x || (templateObject_4$x = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
1627
1627
|
var _a;
|
|
1628
1628
|
var semanticColors = getSemanticColors(props);
|
|
1629
1629
|
return css(templateObject_3$C || (templateObject_3$C = __makeTemplateObject(["\n color: ", ";\n margin: 0;\n "], ["\n color: ", ";\n margin: 0;\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary);
|
|
1630
1630
|
});
|
|
1631
|
-
var templateObject_1$18, templateObject_2$L, templateObject_3$C, templateObject_4$
|
|
1631
|
+
var templateObject_1$18, templateObject_2$L, templateObject_3$C, templateObject_4$x;
|
|
1632
1632
|
|
|
1633
1633
|
var _path$29, _path2$E, _path3$6;
|
|
1634
1634
|
function _extends$2f() { return _extends$2f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2f.apply(null, arguments); }
|
|
@@ -4691,9 +4691,9 @@ var DestructiveButton = function (props) {
|
|
|
4691
4691
|
};
|
|
4692
4692
|
var StyledButton$3 = styled$2(Button$1, {
|
|
4693
4693
|
shouldForwardProp: function (prop) { return !doNotForwardProps$E.includes(prop); },
|
|
4694
|
-
})(templateObject_5$
|
|
4694
|
+
})(templateObject_5$p || (templateObject_5$p = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
4695
4695
|
var sdsStyle = props.sdsStyle, sdsType = props.sdsType, isAllCaps = props.isAllCaps;
|
|
4696
|
-
return css(templateObject_4$
|
|
4696
|
+
return css(templateObject_4$w || (templateObject_4$w = __makeTemplateObject(["\n ", "\n\n ", "\n ", "\n ", "\n "], ["\n ", "\n\n ", "\n ", "\n ", "\n "])), isAllCaps ? fontCapsXxs(props) : fontBodySemiboldXs(props), ButtonStyles(props), sdsStyle === "rounded" && Rounded(), sdsType === "destructive" && DestructiveButton(props));
|
|
4697
4697
|
});
|
|
4698
4698
|
// Minimal Button Styles
|
|
4699
4699
|
var Minimal = function (props) {
|
|
@@ -4702,12 +4702,12 @@ var Minimal = function (props) {
|
|
|
4702
4702
|
var spaces = getSpaces(props);
|
|
4703
4703
|
var iconSizes = getIconSizes(props);
|
|
4704
4704
|
var semanticColors = getSemanticColors(props);
|
|
4705
|
-
return css(templateObject_6$
|
|
4705
|
+
return css(templateObject_6$l || (templateObject_6$l = __makeTemplateObject(["\n ", "\n ", "\n\n min-width: fit-content;\n padding: ", "px ", "px;\n\n &:hover,\n &:focus-visible {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n color: ", ";\n background-color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:disabled {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n ", "\n ", "\n\n min-width: fit-content;\n padding: ", "px ", "px;\n\n &:hover,\n &:focus-visible {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n color: ", ";\n background-color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:disabled {\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n .", ", .", " {\n height: ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n max-width: ", "px;\n max-height: ", "px;\n }\n }\n\n .", " {\n margin-right: ", "px;\n margin-left: 0;\n }\n\n .", " {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), focusVisibleA11yStyle(props), isAllCaps ? fontCapsXxxs(props) : fontBodySemiboldXxs(props), isAllCaps ? spaces === null || spaces === void 0 ? void 0 : spaces.s : 7, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.textActionHover, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.ornamentHover, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.textActionPressed, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.fillHover, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _f === void 0 ? void 0 : _f.ornamentPressed, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _g === void 0 ? void 0 : _g.textDisabled, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.ornamentDisabled, buttonClasses.startIcon, buttonClasses.endIcon, (_j = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _j === void 0 ? void 0 : _j.width, (_k = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _k === void 0 ? void 0 : _k.width, (_l = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _l === void 0 ? void 0 : _l.width, buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
4706
4706
|
};
|
|
4707
4707
|
var PrimaryMinimalButton = function (props) {
|
|
4708
4708
|
var _a, _b;
|
|
4709
4709
|
var semanticColors = getSemanticColors(props);
|
|
4710
|
-
return css(templateObject_7$
|
|
4710
|
+
return css(templateObject_7$h || (templateObject_7$h = __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);
|
|
4711
4711
|
};
|
|
4712
4712
|
var SecondaryMinimalButton = function (props) {
|
|
4713
4713
|
var _a, _b;
|
|
@@ -4729,7 +4729,7 @@ var StyledButtonLegacy = styled$2(Button$1, {
|
|
|
4729
4729
|
var spaces = getSpaces(props);
|
|
4730
4730
|
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 ");
|
|
4731
4731
|
});
|
|
4732
|
-
var templateObject_1$14, templateObject_2$I, templateObject_3$z, templateObject_4$
|
|
4732
|
+
var templateObject_1$14, templateObject_2$I, templateObject_3$z, templateObject_4$w, templateObject_5$p, templateObject_6$l, templateObject_7$h, templateObject_8$d, templateObject_9$9, templateObject_10$6, templateObject_11$5;
|
|
4733
4733
|
|
|
4734
4734
|
var isDisabled$1 = function (props) {
|
|
4735
4735
|
var _a, _b;
|
|
@@ -4749,13 +4749,13 @@ var secondary$2 = function (props) {
|
|
|
4749
4749
|
var tertiary = function (props) {
|
|
4750
4750
|
var _a, _b, _c, _d, _e, _f;
|
|
4751
4751
|
var semanticColors = getSemanticColors(props);
|
|
4752
|
-
return css(templateObject_4$
|
|
4752
|
+
return css(templateObject_4$v || (templateObject_4$v = __makeTemplateObject(["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "], ["\n color: ", ";\n\n svg {\n color: ", ";\n }\n\n &:hover {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n\n &:active {\n background: none;\n color: ", ";\n\n svg {\n color: ", ";\n }\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentSecondary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentSecondary, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.ornamentSecondaryHover, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.ornamentSecondaryHover, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.ornamentSecondaryPressed, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.ornamentSecondaryPressed);
|
|
4753
4753
|
};
|
|
4754
4754
|
var small$1 = function (props) {
|
|
4755
4755
|
var sdsType = props.sdsType;
|
|
4756
4756
|
var iconSizes = getIconSizes(props);
|
|
4757
4757
|
var spaces = getSpaces(props);
|
|
4758
|
-
return css(templateObject_5$
|
|
4758
|
+
return css(templateObject_5$o || (templateObject_5$o = __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"
|
|
4759
4759
|
? "margin: 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px 0;")
|
|
4760
4760
|
: "", iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
|
|
4761
4761
|
};
|
|
@@ -4763,7 +4763,7 @@ var medium$1 = function (props) {
|
|
|
4763
4763
|
var sdsType = props.sdsType;
|
|
4764
4764
|
var iconSizes = getIconSizes(props);
|
|
4765
4765
|
var spaces = getSpaces(props);
|
|
4766
|
-
return css(templateObject_6$
|
|
4766
|
+
return css(templateObject_6$k || (templateObject_6$k = __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"
|
|
4767
4767
|
? "margin: 0 ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px 0;")
|
|
4768
4768
|
: "", iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, sdsType !== "tertiary" ? "margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;") : "");
|
|
4769
4769
|
};
|
|
@@ -4771,7 +4771,7 @@ var large = function (props) {
|
|
|
4771
4771
|
var sdsType = props.sdsType;
|
|
4772
4772
|
var iconSizes = getIconSizes(props);
|
|
4773
4773
|
var spaces = getSpaces(props);
|
|
4774
|
-
return css(templateObject_7$
|
|
4774
|
+
return css(templateObject_7$g || (templateObject_7$g = __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"
|
|
4775
4775
|
? "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;")
|
|
4776
4776
|
: "", 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;") : "");
|
|
4777
4777
|
};
|
|
@@ -4790,7 +4790,7 @@ var StyledButtonIcon = styled$2(IconButton, {
|
|
|
4790
4790
|
var disabled = props.disabled, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsType, sdsType = _b === void 0 ? "primary" : _b;
|
|
4791
4791
|
return css(templateObject_8$c || (templateObject_8$c = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
|
|
4792
4792
|
});
|
|
4793
|
-
var templateObject_1$13, templateObject_2$H, templateObject_3$y, templateObject_4$
|
|
4793
|
+
var templateObject_1$13, templateObject_2$H, templateObject_3$y, templateObject_4$v, templateObject_5$o, templateObject_6$k, templateObject_7$g, templateObject_8$c, templateObject_9$8;
|
|
4794
4794
|
|
|
4795
4795
|
var ButtonIconSizeToSdsIconSize = {
|
|
4796
4796
|
large: "xl",
|
|
@@ -4912,7 +4912,7 @@ var disabledStyled$2 = function (props) {
|
|
|
4912
4912
|
var semanticColors = getSemanticColors(props);
|
|
4913
4913
|
return css(templateObject_3$x || (templateObject_3$x = __makeTemplateObject(["\n .", " {\n .", " {\n border: 1px solid ", " !important;\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " svg {\n color: ", " !important;\n }\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "], ["\n .", " {\n .", " {\n border: 1px solid ", " !important;\n }\n\n .", " svg {\n color: ", ";\n }\n\n &:hover {\n .", " {\n border: 1px solid ", ";\n }\n\n .", " svg {\n color: ", " !important;\n }\n }\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n "])), outlinedInputClasses.disabled, outlinedInputClasses.notchedOutline, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderPrimaryDisabled, inputAdornmentClasses.root, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentDisabled, outlinedInputClasses.notchedOutline, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.borderPrimaryDisabled, inputAdornmentClasses.root, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.ornamentDisabled, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.textDisabled);
|
|
4914
4914
|
};
|
|
4915
|
-
var StyledLabel$3 = styled$2("label")(templateObject_4$
|
|
4915
|
+
var StyledLabel$3 = styled$2("label")(templateObject_4$u || (templateObject_4$u = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyM$1, function (props) {
|
|
4916
4916
|
var spaces = getSpaces(props);
|
|
4917
4917
|
return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n position: absolute;\n overflow: hidden;\n clip: rect(0 0 0 0);\n height: 1px;\n width: 1px;\n margin: -1px; \n padding: 0; \n border: 0;\n ");
|
|
4918
4918
|
});
|
|
@@ -4920,16 +4920,16 @@ var StyledSearchBase = styled$2(TextField, {
|
|
|
4920
4920
|
shouldForwardProp: function (prop) {
|
|
4921
4921
|
return !doNotForwardProps$C.includes(prop.toString());
|
|
4922
4922
|
},
|
|
4923
|
-
})(templateObject_6$
|
|
4923
|
+
})(templateObject_6$j || (templateObject_6$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4924
4924
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
4925
4925
|
var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle;
|
|
4926
4926
|
var spaces = getSpaces(props);
|
|
4927
4927
|
var iconSizes = getIconSizes(props);
|
|
4928
4928
|
var semanticColors = getSemanticColors(props);
|
|
4929
|
-
return css(templateObject_5$
|
|
4929
|
+
return css(templateObject_5$n || (templateObject_5$n = __makeTemplateObject(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n width: 100%;\n\n .", " {\n padding-right: ", "px;\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n\n .MuiInputAdornment-positionEnd {\n position: absolute;\n right: ", "px;\n }\n\n .", " {\n border: 1px solid ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n svg {\n color: ", " !important;\n }\n\n &:hover {\n svg {\n color: ", " !important;\n }\n }\n\n &:active {\n svg {\n color: ", " !important;\n }\n }\n }\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n }\n\n .", ":hover {\n & .", ":last-of-type {\n svg {\n color: ", ";\n }\n }\n .", " {\n border: 1px solid ", ";\n }\n }\n\n .", ".", " {\n outline: none;\n\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n &.user-is-tabbing .", ":focus-within {\n outline: 2px solid ", ";\n outline-offset: 1px;\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n cursor: pointer;\n\n svg {\n height: ", "px;\n width: ", "px;\n }\n }\n\n .", " {\n padding: 0 ", "px;\n width: 100%;\n\n .", " {\n padding-right: ", "px;\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n\n .MuiInputAdornment-positionEnd {\n position: absolute;\n right: ", "px;\n }\n\n .", " {\n border: 1px solid ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n svg {\n color: ", " !important;\n }\n\n &:hover {\n svg {\n color: ", " !important;\n }\n }\n\n &:active {\n svg {\n color: ", " !important;\n }\n }\n }\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n }\n\n .", ":hover {\n & .", ":last-of-type {\n svg {\n color: ", ";\n }\n }\n .", " {\n border: 1px solid ", ";\n }\n }\n\n .", ".", " {\n outline: none;\n\n .", " {\n border: 1px solid ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n &.user-is-tabbing .", ":focus-within {\n outline: 2px solid ", ";\n outline-offset: 1px;\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _b === void 0 ? void 0 : _b.width, outlinedInputClasses.root, spaces === null || spaces === void 0 ? void 0 : spaces.m, outlinedInputClasses.input, spaces === null || spaces === void 0 ? void 0 : spaces.l, (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textTertiary, spaces === null || spaces === void 0 ? void 0 : spaces.m, outlinedInputClasses.notchedOutline, (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.borderPrimary, (_e = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _e === void 0 ? void 0 : _e.ornamentSecondary, (_f = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _f === void 0 ? void 0 : _f.ornamentSecondaryHover, (_g = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, inputBaseClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, outlinedInputClasses.root, buttonBaseClasses.root, (_h = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _h === void 0 ? void 0 : _h.ornamentSecondaryHover, outlinedInputClasses.notchedOutline, (_j = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _j === void 0 ? void 0 : _j.borderPrimaryHover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_k = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _k === void 0 ? void 0 : _k.border, inputAdornmentClasses.root, buttonBaseClasses.root, (_l = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _l === void 0 ? void 0 : _l.ornamentFocus, outlinedInputClasses.root, (_m = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _m === void 0 ? void 0 : _m.borderPrimaryHover, sdsStyle === "rounded" && rounded$3(props), intent === "negative" && applyIntentColor$2(props, "negative"), intent === "notice" && applyIntentColor$2(props, "notice"), intent === "positive" && applyIntentColor$2(props, "positive"), disabled && disabledStyled$2(props));
|
|
4930
4930
|
});
|
|
4931
|
-
var StyledInputAdornment = styled$2(InputAdornment)(templateObject_7$
|
|
4932
|
-
var templateObject_1$12, templateObject_2$G, templateObject_3$x, templateObject_4$
|
|
4931
|
+
var StyledInputAdornment = styled$2(InputAdornment)(templateObject_7$f || (templateObject_7$f = __makeTemplateObject(["\n position: relative;\n height: unset;\n margin: 0;\n"], ["\n position: relative;\n height: unset;\n margin: 0;\n"])));
|
|
4932
|
+
var templateObject_1$12, templateObject_2$G, templateObject_3$x, templateObject_4$u, templateObject_5$n, templateObject_6$j, templateObject_7$f;
|
|
4933
4933
|
|
|
4934
4934
|
var StyledMenuItem$1 = styled$2(MenuItem$1)(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4935
4935
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
@@ -4953,7 +4953,7 @@ var TextWrapper = styled$2("span")(templateObject_3$w || (templateObject_3$w = _
|
|
|
4953
4953
|
var semanticColors = getSemanticColors(props);
|
|
4954
4954
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n display: flex;\n white-space: pre-wrap;\n ");
|
|
4955
4955
|
}, disabledStyles$2);
|
|
4956
|
-
var StyledMenuItemIcon = styled$2("span")(templateObject_4$
|
|
4956
|
+
var StyledMenuItemIcon = styled$2("span")(templateObject_4$t || (templateObject_4$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4957
4957
|
var _a;
|
|
4958
4958
|
var disabled = props.disabled;
|
|
4959
4959
|
var spaces = getSpaces(props);
|
|
@@ -4961,20 +4961,20 @@ var StyledMenuItemIcon = styled$2("span")(templateObject_4$s || (templateObject_
|
|
|
4961
4961
|
var semanticColors = getSemanticColors(props);
|
|
4962
4962
|
return "\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n\n .MuiSvgIcon-root {\n ").concat(disabled ? "color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentDisabled, ";") : null, ";\n }\n ");
|
|
4963
4963
|
});
|
|
4964
|
-
var ColumnWrapper = styled$2("span")(templateObject_5$
|
|
4964
|
+
var ColumnWrapper = styled$2("span")(templateObject_5$m || (templateObject_5$m = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
4965
4965
|
var _a;
|
|
4966
4966
|
var semanticColors = getSemanticColors(props);
|
|
4967
4967
|
var spaces = getSpaces(props);
|
|
4968
4968
|
return "\n text-align: right;\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
4969
4969
|
}, disabledStyles$2);
|
|
4970
|
-
var StyledIconWrapper = styled$2("span")(templateObject_6$
|
|
4970
|
+
var StyledIconWrapper = styled$2("span")(templateObject_6$i || (templateObject_6$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4971
4971
|
var spaces = getSpaces(props);
|
|
4972
4972
|
var iconSizes = getIconSizes(props);
|
|
4973
4973
|
return "\n display: flex;\n align-self: start;\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n ");
|
|
4974
4974
|
});
|
|
4975
4975
|
var StyledCheck = styled$2(Check, {
|
|
4976
4976
|
shouldForwardProp: function (prop) { return prop !== "selected"; },
|
|
4977
|
-
})(templateObject_7$
|
|
4977
|
+
})(templateObject_7$e || (templateObject_7$e = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4978
4978
|
var _a, _b;
|
|
4979
4979
|
var selected = props.selected, disabled = props.disabled;
|
|
4980
4980
|
var iconSizes = getIconSizes(props);
|
|
@@ -4996,7 +4996,7 @@ var StyledMinus = styled$2(Remove, {
|
|
|
4996
4996
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _b === void 0 ? void 0 : _b.ornamentSelected;
|
|
4997
4997
|
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 ");
|
|
4998
4998
|
});
|
|
4999
|
-
var templateObject_1$11, templateObject_2$F, templateObject_3$w, templateObject_4$
|
|
4999
|
+
var templateObject_1$11, templateObject_2$F, templateObject_3$w, templateObject_4$t, templateObject_5$m, templateObject_6$i, templateObject_7$e, templateObject_8$b;
|
|
5000
5000
|
|
|
5001
5001
|
/**
|
|
5002
5002
|
* @see https://mui.com/material-ui/react-menu/
|
|
@@ -5193,7 +5193,7 @@ var StyledMenuInputSearch$1 = styled$2(InputSearch, {
|
|
|
5193
5193
|
var search = _a.search;
|
|
5194
5194
|
return (search ? "auto" : "transparent");
|
|
5195
5195
|
});
|
|
5196
|
-
var StyledPaper$3 = styled$2(Paper)(templateObject_4$
|
|
5196
|
+
var StyledPaper$3 = styled$2(Paper)(templateObject_4$s || (templateObject_4$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5197
5197
|
var _a;
|
|
5198
5198
|
var spaces = getSpaces(props);
|
|
5199
5199
|
var corners = getCorners(props);
|
|
@@ -5202,13 +5202,13 @@ var StyledPaper$3 = styled$2(Paper)(templateObject_4$r || (templateObject_4$r =
|
|
|
5202
5202
|
var semanticColors = getSemanticColors(props);
|
|
5203
5203
|
return "\n background-image: none;\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ;\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surface, ";\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n box-sizing: border-box;\n ");
|
|
5204
5204
|
});
|
|
5205
|
-
var StyledMenuItemDetails = styled$2("div")(templateObject_5$
|
|
5205
|
+
var StyledMenuItemDetails = styled$2("div")(templateObject_5$l || (templateObject_5$l = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
5206
5206
|
var _a;
|
|
5207
5207
|
var semanticColors = getSemanticColors(props);
|
|
5208
5208
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n white-space: pre-wrap;\n ");
|
|
5209
5209
|
});
|
|
5210
|
-
var StyledMenuItemText = styled$2("div")(templateObject_6$
|
|
5211
|
-
var templateObject_1$10, templateObject_2$E, templateObject_3$v, templateObject_4$
|
|
5210
|
+
var StyledMenuItemText = styled$2("div")(templateObject_6$h || (templateObject_6$h = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
5211
|
+
var templateObject_1$10, templateObject_2$E, templateObject_3$v, templateObject_4$s, templateObject_5$l, templateObject_6$h;
|
|
5212
5212
|
|
|
5213
5213
|
var AutocompleteBase = function (props) {
|
|
5214
5214
|
var multiple = props.multiple, _a = props.disableCloseOnSelect, disableCloseOnSelect = _a === void 0 ? multiple : _a, _b = props.getOptionLabel, getOptionLabel = _b === void 0 ? defaultGetOptionLabel : _b, _c = props.InputBaseProps, InputBaseProps = _c === void 0 ? EMPTY_OBJECT : _c, _d = props.isOptionEqualToValue, isOptionEqualToValue = _d === void 0 ? defaultIsOptionEqualToValue : _d, _e = props.keepSearchOnSelect, keepSearchOnSelect = _e === void 0 ? false : _e, _f = props.label, label = _f === void 0 ? "Label" : _f, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.renderOption, renderOption = _l === void 0 ? defaultRenderOption : _l, _m = props.renderTags, renderTags = _m === void 0 ? defaultRenderTags : _m, _o = props.search, search = _o === void 0 ? false : _o, _p = props.clearOnBlur, clearOnBlur = _p === void 0 ? false : _p, _q = props.blurOnSelect, blurOnSelect = _q === void 0 ? !multiple : _q, onClickAway = props.onClickAway, onClick = props.onClick, onOpen = props.onOpen, onClose = props.onClose, disabled = props.disabled, _r = props.intent, intent = _r === void 0 ? "default" : _r;
|
|
@@ -5464,14 +5464,14 @@ var StyledPaper$2 = styled$2(Paper, {
|
|
|
5464
5464
|
var StyledAutocompleteGroupWrapper = styled$2("div")(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
5465
5465
|
var StyledAutocompleteInput = styled$2(InputSearch, {
|
|
5466
5466
|
shouldForwardProp: function (prop) { return !doNotForwardProps$A.includes(prop); },
|
|
5467
|
-
})(templateObject_4$
|
|
5467
|
+
})(templateObject_4$r || (templateObject_4$r = __makeTemplateObject(["\n ", "\n\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"], ["\n ", "\n\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"])), function (_a) {
|
|
5468
5468
|
var search = _a.search;
|
|
5469
5469
|
return !search && "height: 0; display: none; margin: 0 !important;";
|
|
5470
5470
|
}, function (_a) {
|
|
5471
5471
|
var search = _a.search;
|
|
5472
5472
|
return (search ? "auto" : "transparent");
|
|
5473
5473
|
});
|
|
5474
|
-
var templateObject_1$_, templateObject_2$C, templateObject_3$t, templateObject_4$
|
|
5474
|
+
var templateObject_1$_, templateObject_2$C, templateObject_3$t, templateObject_4$r;
|
|
5475
5475
|
|
|
5476
5476
|
var AutocompleteMultiColumn = function (props) {
|
|
5477
5477
|
var _a;
|
|
@@ -5680,7 +5680,7 @@ var StyledButton$2 = styled$2(Button, {
|
|
|
5680
5680
|
return "\n svg {\n fill: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.ornamentOnFill, ";\n opacity: .65;\n }\n\n svg:hover {\n opacity: 1;\n }\n ");
|
|
5681
5681
|
return "\n svg {\n fill: ".concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentPrimary, ";\n opacity: .55;\n }\n\n svg:hover {\n opacity: 1;\n }\n ");
|
|
5682
5682
|
});
|
|
5683
|
-
styled$2("div")(templateObject_4$
|
|
5683
|
+
styled$2("div")(templateObject_4$q || (templateObject_4$q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), fontBodyS$1);
|
|
5684
5684
|
var primary$1 = function (props) {
|
|
5685
5685
|
var _a, _b;
|
|
5686
5686
|
var semanticColors = getSemanticColors(props);
|
|
@@ -5694,12 +5694,12 @@ var secondary$1 = function (props) {
|
|
|
5694
5694
|
var doNotForwardProps$z = ["sdsType", "textChild"];
|
|
5695
5695
|
var StyledBanner = styled$2("div", {
|
|
5696
5696
|
shouldForwardProp: function (prop) { return !doNotForwardProps$z.includes(prop); },
|
|
5697
|
-
})(templateObject_5$
|
|
5697
|
+
})(templateObject_5$k || (templateObject_5$k = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
5698
5698
|
var sdsType = props.sdsType;
|
|
5699
5699
|
var spaces = getSpaces(props);
|
|
5700
5700
|
return "\n display: flex;\n align-items: center;\n padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n \n ").concat(sdsType === "primary" ? primary$1(props) : "", "\n ").concat(sdsType === "secondary" ? secondary$1(props) : "", "\n ");
|
|
5701
5701
|
});
|
|
5702
|
-
var templateObject_1$Z, templateObject_2$B, templateObject_3$s, templateObject_4$
|
|
5702
|
+
var templateObject_1$Z, templateObject_2$B, templateObject_3$s, templateObject_4$q, templateObject_5$k;
|
|
5703
5703
|
|
|
5704
5704
|
var Banner = forwardRef(function Banner(props, ref) {
|
|
5705
5705
|
var children = props.children, dismissed = props.dismissed, _a = props.dismissible, dismissible = _a === void 0 ? true : _a, onClose = props.onClose, sdsType = props.sdsType, icon = props.icon, sdsIconProps = props.sdsIconProps, rest = __rest(props, ["children", "dismissed", "dismissible", "onClose", "sdsType", "icon", "sdsIconProps"]);
|
|
@@ -5923,7 +5923,7 @@ var tableStyles = function (props) {
|
|
|
5923
5923
|
var doNotForwardProps$w = ["hasInvertedStyle", "textAlign"];
|
|
5924
5924
|
var StyledTitle = styled$2("p", {
|
|
5925
5925
|
shouldForwardProp: function (prop) { return !doNotForwardProps$w.includes(prop); },
|
|
5926
|
-
})(templateObject_4$
|
|
5926
|
+
})(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderXs, function (props) {
|
|
5927
5927
|
var _a, _b;
|
|
5928
5928
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
5929
5929
|
var semanticColors = getSemanticColors(props);
|
|
@@ -5931,7 +5931,7 @@ var StyledTitle = styled$2("p", {
|
|
|
5931
5931
|
});
|
|
5932
5932
|
var StyledSubtitle = styled$2("p", {
|
|
5933
5933
|
shouldForwardProp: function (prop) { return !doNotForwardProps$w.includes(prop); },
|
|
5934
|
-
})(templateObject_5$
|
|
5934
|
+
})(templateObject_5$j || (templateObject_5$j = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
5935
5935
|
var _a, _b;
|
|
5936
5936
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
5937
5937
|
var semanticColors = getSemanticColors(props);
|
|
@@ -5940,7 +5940,7 @@ var StyledSubtitle = styled$2("p", {
|
|
|
5940
5940
|
var tooltipCss = function (props) {
|
|
5941
5941
|
var _a = props.hasInvertedStyle, hasInvertedStyle = _a === void 0 ? true : _a, inverted = props.inverted, sdsStyle = props.sdsStyle, width = props.width, followCursor = props.followCursor, textAlign = props.textAlign;
|
|
5942
5942
|
var shadows = getShadows(props);
|
|
5943
|
-
return css$1(templateObject_6$
|
|
5943
|
+
return css$1(templateObject_6$g || (templateObject_6$g = __makeTemplateObject(["\n &.MuiTooltip-tooltip {\n box-shadow: ", ";\n max-width: ", " !important;\n text-align: ", " !important;\n\n ", "\n\n ", "\n }\n "], ["\n &.MuiTooltip-tooltip {\n box-shadow: ", ";\n max-width: ", " !important;\n text-align: ", " !important;\n\n ", "\n\n ", "\n }\n "])), shadows === null || shadows === void 0 ? void 0 : shadows.m, width === "wide" ? "550px" : "250px", textAlign
|
|
5944
5944
|
? textAlign
|
|
5945
5945
|
: width === "wide"
|
|
5946
5946
|
? "left"
|
|
@@ -5952,7 +5952,7 @@ var arrowCss = function (props) {
|
|
|
5952
5952
|
var _a, _b;
|
|
5953
5953
|
var hasInvertedStyle = props.hasInvertedStyle, inverted = props.inverted, sdsStyle = props.sdsStyle, arrowOffset = props.arrowOffset;
|
|
5954
5954
|
var semanticColors = getSemanticColors(props);
|
|
5955
|
-
return css$1(templateObject_7$
|
|
5955
|
+
return css$1(templateObject_7$d || (templateObject_7$d = __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"
|
|
5956
5956
|
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surfaceInverse
|
|
5957
5957
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.surface);
|
|
5958
5958
|
};
|
|
@@ -5965,7 +5965,7 @@ var StyledComponentSlotWrapper = styled$2("div")(templateObject_9$7 || (template
|
|
|
5965
5965
|
var spaces = getSpaces(props);
|
|
5966
5966
|
return "\n margin-top: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n ");
|
|
5967
5967
|
});
|
|
5968
|
-
var templateObject_1$T, templateObject_2$A, templateObject_3$r, templateObject_4$
|
|
5968
|
+
var templateObject_1$T, templateObject_2$A, templateObject_3$r, templateObject_4$p, templateObject_5$j, templateObject_6$g, templateObject_7$d, templateObject_8$a, templateObject_9$7;
|
|
5969
5969
|
|
|
5970
5970
|
/**
|
|
5971
5971
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
@@ -6089,18 +6089,18 @@ var StyledCellContent = styled$2("div")(templateObject_2$z || (templateObject_2$
|
|
|
6089
6089
|
var StyledCellContentWrapper = styled$2("div")(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
6090
6090
|
var StyledCellIconWrapper = styled$2("div", {
|
|
6091
6091
|
shouldForwardProp: function (prop) { return !doNotForwardProps$v.includes(prop); },
|
|
6092
|
-
})(templateObject_4$
|
|
6092
|
+
})(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6093
6093
|
var _a = props.iconVerticalAlign, iconVerticalAlign = _a === void 0 ? "top" : _a;
|
|
6094
6094
|
var spaces = getSpaces(props);
|
|
6095
6095
|
return "\n padding-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n display: flex;\n flex-direction: column;\n justify-content: ").concat(verticalAlignToFlexMap[iconVerticalAlign], ";\n ");
|
|
6096
6096
|
});
|
|
6097
|
-
var PrimaryTextWrapper = styled$2("div")(templateObject_5$
|
|
6097
|
+
var PrimaryTextWrapper = styled$2("div")(templateObject_5$i || (templateObject_5$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6098
6098
|
var horizontalAlign = props.horizontalAlign;
|
|
6099
6099
|
return "\n display: flex;\n justify-content: ".concat(horizontalAlign === "left" ? "flex-start" : "flex-end", ";\n ");
|
|
6100
6100
|
});
|
|
6101
6101
|
var PrimaryText = styled$2("div", {
|
|
6102
6102
|
shouldForwardProp: function (prop) { return !doNotForwardProps$v.includes(prop); },
|
|
6103
|
-
})(templateObject_6$
|
|
6103
|
+
})(templateObject_6$f || (templateObject_6$f = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
6104
6104
|
var _a = props.primaryTextWrapLineCount, primaryTextWrapLineCount = _a === void 0 ? 3 : _a, _b = props.tabularNums, tabularNums = _b === void 0 ? false : _b;
|
|
6105
6105
|
return "\n display: block;\n font-variant-numeric: ".concat(tabularNums ? TABULAR_NUMS : "normal", ";\n \n ").concat(props.shouldTextWrap
|
|
6106
6106
|
? ShouldWrap(primaryTextWrapLineCount)
|
|
@@ -6108,7 +6108,7 @@ var PrimaryText = styled$2("div", {
|
|
|
6108
6108
|
});
|
|
6109
6109
|
var SecondaryText = styled$2("span", {
|
|
6110
6110
|
shouldForwardProp: function (prop) { return !doNotForwardProps$v.includes(prop); },
|
|
6111
|
-
})(templateObject_7$
|
|
6111
|
+
})(templateObject_7$c || (templateObject_7$c = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
6112
6112
|
var _a;
|
|
6113
6113
|
var _b = props.secondaryTextWrapLineCount, secondaryTextWrapLineCount = _b === void 0 ? 1 : _b, _c = props.tabularNums, tabularNums = _c === void 0 ? false : _c;
|
|
6114
6114
|
var spaces = getSpaces(props);
|
|
@@ -6136,7 +6136,7 @@ var PrimaryTextComponentSlotRightWrapper = styled$2("div")(templateObject_10$5 |
|
|
|
6136
6136
|
var spaces = getSpaces(props);
|
|
6137
6137
|
return "\n margin-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n ");
|
|
6138
6138
|
});
|
|
6139
|
-
var templateObject_1$S, templateObject_2$z, templateObject_3$q, templateObject_4$
|
|
6139
|
+
var templateObject_1$S, templateObject_2$z, templateObject_3$q, templateObject_4$o, templateObject_5$i, templateObject_6$f, templateObject_7$c, templateObject_8$9, templateObject_9$6, templateObject_10$5;
|
|
6140
6140
|
|
|
6141
6141
|
var CellBasicContent = function (props) {
|
|
6142
6142
|
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, _c = props.tabularNums, tabularNums = _c === void 0 ? false : _c;
|
|
@@ -6215,11 +6215,11 @@ var StyledCellHeaderText = styled$2("div", {
|
|
|
6215
6215
|
});
|
|
6216
6216
|
var StyledCellHeaderContainer = styled$2("div", {
|
|
6217
6217
|
shouldForwardProp: function (prop) { return !doNotForwardProps$t.includes(prop); },
|
|
6218
|
-
})(templateObject_4$
|
|
6218
|
+
})(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6219
6219
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a;
|
|
6220
6220
|
return "\n align-items: flex-end;\n width: 100%;\n display: flex;\n justify-content: ".concat(horizontalAlign ? contentPositionMapping[horizontalAlign] : "flex-start", ";\n ");
|
|
6221
6221
|
});
|
|
6222
|
-
var templateObject_1$Q, templateObject_2$y, templateObject_3$p, templateObject_4$
|
|
6222
|
+
var templateObject_1$Q, templateObject_2$y, templateObject_3$p, templateObject_4$n;
|
|
6223
6223
|
|
|
6224
6224
|
var CellHeaderContent = function (props) {
|
|
6225
6225
|
var active = props.active, children = props.children, _a = props.direction, direction = _a === void 0 ? "desc" : _a, _b = props.hideSortIcon, hideSortIcon = _b === void 0 ? false : _b, horizontalAlign = props.horizontalAlign, hover = props.hover, _c = props.shouldTruncate, shouldTruncate = _c === void 0 ? false : _c;
|
|
@@ -6252,7 +6252,7 @@ var rounded$2 = function (props) {
|
|
|
6252
6252
|
};
|
|
6253
6253
|
var square$2 = function (props) {
|
|
6254
6254
|
var corners = getCorners(props);
|
|
6255
|
-
return css(templateObject_4$
|
|
6255
|
+
return css(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n border-radius: ", "px;\n "], ["\n border-radius: ", "px;\n "])), corners === null || corners === void 0 ? void 0 : corners.m);
|
|
6256
6256
|
};
|
|
6257
6257
|
var success = function (props) {
|
|
6258
6258
|
return createStatusCss(props, "success");
|
|
@@ -6305,7 +6305,7 @@ function createStatusCss(props, status) {
|
|
|
6305
6305
|
},
|
|
6306
6306
|
};
|
|
6307
6307
|
var statusColors = statusToColors[status];
|
|
6308
|
-
return css(templateObject_5$
|
|
6308
|
+
return css(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n background-color: ", ";\n\n .MuiChip-label {\n color: ", ";\n }\n "], ["\n background-color: ", ";\n\n .MuiChip-label {\n color: ", ";\n }\n "])), statusColors.light, statusColors.dark);
|
|
6309
6309
|
}
|
|
6310
6310
|
var statusToCss = {
|
|
6311
6311
|
beta: beta,
|
|
@@ -6318,11 +6318,11 @@ var statusToCss = {
|
|
|
6318
6318
|
var doNotForwardProps$s = ["isRounded"];
|
|
6319
6319
|
var StyledChip = styled$2(Chip$1, {
|
|
6320
6320
|
shouldForwardProp: function (prop) { return !doNotForwardProps$s.includes(prop); },
|
|
6321
|
-
})(templateObject_7$
|
|
6321
|
+
})(templateObject_7$b || (templateObject_7$b = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
6322
6322
|
var size = props.size, status = props.status, isRounded = props.isRounded;
|
|
6323
|
-
return css(templateObject_6$
|
|
6323
|
+
return css(templateObject_6$e || (templateObject_6$e = __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));
|
|
6324
6324
|
});
|
|
6325
|
-
var templateObject_1$P, templateObject_2$x, templateObject_3$o, templateObject_4$
|
|
6325
|
+
var templateObject_1$P, templateObject_2$x, templateObject_3$o, templateObject_4$m, templateObject_5$h, templateObject_6$e, templateObject_7$b;
|
|
6326
6326
|
|
|
6327
6327
|
/**
|
|
6328
6328
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -6376,7 +6376,7 @@ var StyledPopper = styled$2(Popper, {
|
|
|
6376
6376
|
});
|
|
6377
6377
|
var StyledPaper$1 = styled$2(Paper, {
|
|
6378
6378
|
shouldForwardProp: function (prop) { return !doNotForwardProps$r.includes(prop); },
|
|
6379
|
-
})(templateObject_4$
|
|
6379
|
+
})(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6380
6380
|
var _a;
|
|
6381
6381
|
var spaces = getSpaces(props);
|
|
6382
6382
|
var borders = getBorders(props);
|
|
@@ -6384,12 +6384,12 @@ var StyledPaper$1 = styled$2(Paper, {
|
|
|
6384
6384
|
var semanticColors = getSemanticColors(props);
|
|
6385
6385
|
return "\n box-shadow: ".concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, " !important;\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surface, ";\n background-image: none;\n margin: 0;\n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n\n .MuiAutocomplete-root,\n .MuiFormControl-root.MuiTextField-root {\n margin-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n }\n\n // (masoudmanson): Remove margin-right and margin-bottom for the single column autocomplete\n // as it has been added to the parent container\n .MuiAutocomplete-root .MuiFormControl-root.MuiTextField-root {\n margin-right: 0;\n margin-bottom: 0;\n }\n ");
|
|
6386
6386
|
});
|
|
6387
|
-
var StyledDropdownMenuHeader = styled$2("div")(templateObject_5$
|
|
6387
|
+
var StyledDropdownMenuHeader = styled$2("div")(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6388
6388
|
var search = props.search;
|
|
6389
6389
|
var spaces = getSpaces(props);
|
|
6390
6390
|
return "\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n margin-bottom: ").concat(search ? spaces === null || spaces === void 0 ? void 0 : spaces.s : spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n ");
|
|
6391
6391
|
});
|
|
6392
|
-
var templateObject_1$O, templateObject_2$w, templateObject_3$n, templateObject_4$
|
|
6392
|
+
var templateObject_1$O, templateObject_2$w, templateObject_3$n, templateObject_4$l, templateObject_5$g;
|
|
6393
6393
|
|
|
6394
6394
|
// (masoudmanson): Represents the minimum width defined by design specifications
|
|
6395
6395
|
// for the dropdownMenu's popper component
|
|
@@ -6468,13 +6468,13 @@ var square$1 = function (props) {
|
|
|
6468
6468
|
};
|
|
6469
6469
|
var rounded$1 = function (props) {
|
|
6470
6470
|
var corners = getCorners(props);
|
|
6471
|
-
return css(templateObject_4$
|
|
6471
|
+
return css(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n border-radius: ", "px;\n min-width: auto;\n background-color: transparent;\n "], ["\n border-radius: ", "px;\n min-width: auto;\n background-color: transparent;\n "])), corners === null || corners === void 0 ? void 0 : corners.l);
|
|
6472
6472
|
};
|
|
6473
6473
|
var userInput = function (props) {
|
|
6474
6474
|
var _a, _b, _c, _d;
|
|
6475
6475
|
var sdsStyle = props.sdsStyle;
|
|
6476
6476
|
var semanticColors = getSemanticColors(props);
|
|
6477
|
-
return css(templateObject_5$
|
|
6477
|
+
return css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n & .styled-label {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n "], ["\n & .styled-label {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimary, sdsStyle === "minimal"
|
|
6478
6478
|
? "\n border: none;\n color: ".concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textPrimary, ";\n\n .styled-label {\n color: ").concat((_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _d === void 0 ? void 0 : _d.textPrimary, ";\n }\n ")
|
|
6479
6479
|
: "");
|
|
6480
6480
|
};
|
|
@@ -6484,7 +6484,7 @@ var isOpen = function (props) {
|
|
|
6484
6484
|
var borders = getBorders(props);
|
|
6485
6485
|
var semanticColors = getSemanticColors(props);
|
|
6486
6486
|
var inputColor = intentToColor$2[intent];
|
|
6487
|
-
return css(templateObject_6$
|
|
6487
|
+
return css(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n\n path {\n fill: ", ";\n }\n\n border: ", ";\n\n background-color: ", ";\n\n &:hover {\n path {\n fill: ", ";\n }\n\n border-color: ", ";\n }\n "], ["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n ", "\n\n path {\n fill: ", ";\n }\n\n border: ", ";\n\n background-color: ", ";\n\n &:hover {\n path {\n fill: ", ";\n }\n\n border-color: ", ";\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, sdsStyle === "minimal"
|
|
6488
6488
|
? "\n & > span, \n &:hover > span { \n color: ".concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textPrimary, "; \n }\n\n color: ").concat((_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.textPrimary, "; \n ")
|
|
6489
6489
|
: "", inputColor === "accent"
|
|
6490
6490
|
? (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.ornamentOpen
|
|
@@ -6497,7 +6497,7 @@ var isOpen = function (props) {
|
|
|
6497
6497
|
var applyIntentColor$1 = function (props, intent) {
|
|
6498
6498
|
var _a, _b, _c;
|
|
6499
6499
|
var borders = getBorders(props);
|
|
6500
|
-
return css(templateObject_7$
|
|
6500
|
+
return css(templateObject_7$a || (templateObject_7$a = __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);
|
|
6501
6501
|
};
|
|
6502
6502
|
var isDisabled = function (props) {
|
|
6503
6503
|
var _a, _b, _c, _d;
|
|
@@ -6579,7 +6579,7 @@ function labelStyle(props) {
|
|
|
6579
6579
|
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textSecondary;
|
|
6580
6580
|
return css(templateObject_17$2 || (templateObject_17$2 = __makeTemplateObject(["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n "], ["\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n "])), labelColor);
|
|
6581
6581
|
}
|
|
6582
|
-
var templateObject_1$N, templateObject_2$v, templateObject_3$m, templateObject_4$
|
|
6582
|
+
var templateObject_1$N, templateObject_2$v, templateObject_3$m, templateObject_4$k, templateObject_5$f, templateObject_6$d, templateObject_7$a, 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;
|
|
6583
6583
|
|
|
6584
6584
|
/**
|
|
6585
6585
|
* @see https://mui.com/material-ui/react-button/
|
|
@@ -6667,12 +6667,12 @@ var square = function (props) {
|
|
|
6667
6667
|
var spaces = getSpaces(props);
|
|
6668
6668
|
var _a = props.sdsSize, sdsSize = _a === void 0 ? "s" : _a, icon = props.icon;
|
|
6669
6669
|
var topBottomPadding = sdsSize === "s" ? spaces === null || spaces === void 0 ? void 0 : spaces.xxxs : icon ? spaces === null || spaces === void 0 ? void 0 : spaces.xxs : spaces === null || spaces === void 0 ? void 0 : spaces.xs;
|
|
6670
|
-
return css(templateObject_4$
|
|
6670
|
+
return css(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n border-radius: ", "px;\n padding: ", "px ", "px;\n\n &:after {\n border-radius: ", "px;\n }\n "], ["\n border-radius: ", "px;\n padding: ", "px ", "px;\n\n &:after {\n border-radius: ", "px;\n }\n "])), corners === null || corners === void 0 ? void 0 : corners.m, topBottomPadding, spaces === null || spaces === void 0 ? void 0 : spaces.s, corners === null || corners === void 0 ? void 0 : corners.m);
|
|
6671
6671
|
};
|
|
6672
6672
|
var withHover = function (props) {
|
|
6673
6673
|
var _a;
|
|
6674
6674
|
var semanticColors = getSemanticColors(props);
|
|
6675
|
-
return css(templateObject_5$
|
|
6675
|
+
return css(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: ", ";\n }\n "], ["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: ", ";\n }\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimaryInverse);
|
|
6676
6676
|
};
|
|
6677
6677
|
var primary = function (props) {
|
|
6678
6678
|
return createTypeCss(props, "primary");
|
|
@@ -6741,7 +6741,7 @@ function createTypeCss(props, type) {
|
|
|
6741
6741
|
secondary: generateSecondaryTagColors(intent, colors, semanticColors),
|
|
6742
6742
|
};
|
|
6743
6743
|
var typeColors = typeToColors[type];
|
|
6744
|
-
return css(templateObject_6$
|
|
6744
|
+
return css(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n ", "\n\n background-color: ", ";\n position: relative;\n\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:active {\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.Mui-focusVisible {\n background-color: ", ";\n }x\n "], ["\n ", "\n\n background-color: ", ";\n position: relative;\n\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n\n &:hover,\n &:active {\n .MuiChip-label {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &.Mui-focusVisible {\n background-color: ", ";\n }x\n "])), focusVisibleA11yStyle(props), typeColors.background, typeColors.label, typeColors.iconColor, (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimaryInverse, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentPrimaryInverse, typeColors.backgroundHover, typeColors.backgroundClicked, typeColors.backgroundHover);
|
|
6745
6745
|
}
|
|
6746
6746
|
var typeToCss = {
|
|
6747
6747
|
primary: primary,
|
|
@@ -6760,9 +6760,9 @@ var StyledTag$3 = styled$2(Chip$1, {
|
|
|
6760
6760
|
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;
|
|
6761
6761
|
var isRounded = sdsStyle === "rounded";
|
|
6762
6762
|
var type = sdsType || "primary";
|
|
6763
|
-
return css(templateObject_7$
|
|
6763
|
+
return css(templateObject_7$9 || (templateObject_7$9 = __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;");
|
|
6764
6764
|
});
|
|
6765
|
-
var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$
|
|
6765
|
+
var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$j, templateObject_5$e, templateObject_6$c, templateObject_7$9, templateObject_8$7;
|
|
6766
6766
|
|
|
6767
6767
|
/**
|
|
6768
6768
|
* @see https://mui.com/material-ui/react-chip/
|
|
@@ -6925,7 +6925,7 @@ var doNotForwardProps$o = [
|
|
|
6925
6925
|
];
|
|
6926
6926
|
var StyledCard = styled$2(Card, {
|
|
6927
6927
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
6928
|
-
})(templateObject_5$
|
|
6928
|
+
})(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6929
6929
|
var _a, _b, _c, _d;
|
|
6930
6930
|
var _e = props.imagePosition, imagePosition = _e === void 0 ? "left" : _e, _f = props.sdsType, sdsType = _f === void 0 ? "wide" : _f, _g = props.boundingBox, boundingBox = _g === void 0 ? true : _g, _h = props.decorativeBorder, decorativeBorder = _h === void 0 ? false : _h, _j = props.imagePadding, imagePadding = _j === void 0 ? false : _j, visualElementType = props.visualElementType;
|
|
6931
6931
|
var semanticColors = getSemanticColors(props);
|
|
@@ -6939,13 +6939,13 @@ var StyledCard = styled$2(Card, {
|
|
|
6939
6939
|
var showDecorativeBorder = visualElementType === "image"
|
|
6940
6940
|
? boundingBox && decorativeBorder && imagePadding
|
|
6941
6941
|
: boundingBox && decorativeBorder;
|
|
6942
|
-
return css(templateObject_4$
|
|
6942
|
+
return css(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n display: flex;\n background-color: transparent;\n background-image: none;\n flex-direction: ", ";\n box-shadow: none;\n overflow: visible;\n\n .MuiCardActionArea-focusHighlight {\n background: transparent;\n }\n\n ", "\n\n ", "\n\n ", "\n "], ["\n display: flex;\n background-color: transparent;\n background-image: none;\n flex-direction: ", ";\n box-shadow: none;\n overflow: visible;\n\n .MuiCardActionArea-focusHighlight {\n background: transparent;\n }\n\n ", "\n\n ", "\n\n ", "\n "])), flexDirection, boundingBox && css(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n border: 1px solid ", ";\n background-color: ", ";\n "], ["\n border: 1px solid ", ";\n background-color: ", ";\n "])), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.borderSecondary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.backgroundPrimary), sdsType === "wide" &&
|
|
6943
6943
|
showDecorativeBorder && css(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n border-left: 4px solid ", ";\n "], ["\n border-left: 4px solid ", ";\n "])), (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _c === void 0 ? void 0 : _c.border), sdsType === "narrow" &&
|
|
6944
6944
|
showDecorativeBorder && css(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n border-top: 4px solid ", ";\n "], ["\n border-top: 4px solid ", ";\n "])), (_d = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _d === void 0 ? void 0 : _d.border));
|
|
6945
6945
|
});
|
|
6946
6946
|
var StyledCardActionArea = styled$2(Button, {
|
|
6947
6947
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
6948
|
-
})(templateObject_6$
|
|
6948
|
+
})(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
6949
6949
|
var _a, _b;
|
|
6950
6950
|
var _c = props.imagePosition, imagePosition = _c === void 0 ? "left" : _c, _d = props.cardSdsType, cardSdsType = _d === void 0 ? "wide" : _d, visualElementType = props.visualElementType;
|
|
6951
6951
|
var semanticColors = getSemanticColors(props);
|
|
@@ -6965,7 +6965,7 @@ var StyledIconMediaWrapper = styled$2("div", {
|
|
|
6965
6965
|
var _a = props.boundingBox, boundingBox = _a === void 0 ? true : _a;
|
|
6966
6966
|
var spaces = getSpaces(props);
|
|
6967
6967
|
return css(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), boundingBox
|
|
6968
|
-
? css(templateObject_7$
|
|
6968
|
+
? css(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n padding: ", "px 0 ", "px ", "px;\n "], ["\n padding: ", "px 0 ", "px ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl, spaces === null || spaces === void 0 ? void 0 : spaces.xl, spaces === null || spaces === void 0 ? void 0 : spaces.xl) : css(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n padding-right: ", "px;\n "], ["\n padding-right: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl));
|
|
6969
6969
|
});
|
|
6970
6970
|
var StyledCardContent = styled$2("div", {
|
|
6971
6971
|
shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
|
|
@@ -6983,7 +6983,7 @@ var StyledContentCardBody = styled$2(CardContent, {
|
|
|
6983
6983
|
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 ");
|
|
6984
6984
|
});
|
|
6985
6985
|
var StyledCardContentAligner = styled$2("div")(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n"])));
|
|
6986
|
-
var templateObject_1$J, templateObject_2$r, templateObject_3$k, templateObject_4$
|
|
6986
|
+
var templateObject_1$J, templateObject_2$r, templateObject_3$k, templateObject_4$i, templateObject_5$d, templateObject_6$b, templateObject_7$8, templateObject_8$6, templateObject_9$4, templateObject_10$3, templateObject_11$3, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2;
|
|
6987
6987
|
|
|
6988
6988
|
var doNotForwardProps$n = [
|
|
6989
6989
|
"visualElement",
|
|
@@ -7018,20 +7018,20 @@ var StyledTitleText = styled$3("p", {
|
|
|
7018
7018
|
});
|
|
7019
7019
|
var StyledSubtitleText = styled$3("p", {
|
|
7020
7020
|
shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
|
|
7021
|
-
})(templateObject_4$
|
|
7021
|
+
})(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontHeaderM$1, function (props) {
|
|
7022
7022
|
var _a;
|
|
7023
7023
|
var semanticColors = getSemanticColors(props);
|
|
7024
7024
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textPrimary, ";\n margin: 0;\n ");
|
|
7025
7025
|
});
|
|
7026
7026
|
var StyledMetadataText = styled$3("p", {
|
|
7027
7027
|
shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
|
|
7028
|
-
})(templateObject_5$
|
|
7028
|
+
})(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
7029
7029
|
var _a;
|
|
7030
7030
|
var semanticColors = getSemanticColors(props);
|
|
7031
7031
|
var spaces = getSpaces(props);
|
|
7032
7032
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n margin: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px 0 0 0;\n ");
|
|
7033
7033
|
});
|
|
7034
|
-
var templateObject_1$I, templateObject_2$q, templateObject_3$j, templateObject_4$
|
|
7034
|
+
var templateObject_1$I, templateObject_2$q, templateObject_3$j, templateObject_4$h, templateObject_5$c;
|
|
7035
7035
|
|
|
7036
7036
|
var createTextComponent = function (StyledComponent) {
|
|
7037
7037
|
return function (_a) {
|
|
@@ -7130,12 +7130,12 @@ var StyledImageMediaWrapper = styled$3("div", {
|
|
|
7130
7130
|
: "padding-left: 0;") : css$2(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n padding: 0;\n "], ["\n padding: 0;\n "])))
|
|
7131
7131
|
: css$2(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), imagePosition === "left"
|
|
7132
7132
|
? "padding-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")
|
|
7133
|
-
: "padding-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")), sdsType === "narrow" && css$2(templateObject_7$
|
|
7133
|
+
: "padding-left: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xl, "px;")), sdsType === "narrow" && css$2(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n ", "\n\n justify-content: center;\n "], ["\n ", "\n\n justify-content: center;\n "])), boundingBox
|
|
7134
7134
|
? imagePadding
|
|
7135
|
-
? css$2(templateObject_4$
|
|
7136
|
-
: css$2(templateObject_6$
|
|
7135
|
+
? css$2(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n padding: ", "px;\n padding-bottom: 0;\n "], ["\n padding: ", "px;\n padding-bottom: 0;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl) : css$2(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n padding: 0;\n "], ["\n padding: 0;\n "])))
|
|
7136
|
+
: css$2(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n padding-bottom: ", "px;\n "], ["\n padding-bottom: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl)));
|
|
7137
7137
|
});
|
|
7138
|
-
var templateObject_1$G, templateObject_2$p, templateObject_3$i, templateObject_4$
|
|
7138
|
+
var templateObject_1$G, templateObject_2$p, templateObject_3$i, templateObject_4$g, templateObject_5$b, templateObject_6$a, templateObject_7$7, templateObject_8$5, templateObject_9$3;
|
|
7139
7139
|
|
|
7140
7140
|
/**
|
|
7141
7141
|
* @see https://mui.com/material-ui/api/card-media/
|
|
@@ -7373,13 +7373,13 @@ var Subtitle = styled$2(Typography)(templateObject_3$h || (templateObject_3$h =
|
|
|
7373
7373
|
var semanticColors = getSemanticColors(props);
|
|
7374
7374
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
|
|
7375
7375
|
});
|
|
7376
|
-
var Overline = styled$2(Typography)(templateObject_4$
|
|
7376
|
+
var Overline = styled$2(Typography)(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
7377
7377
|
var _a;
|
|
7378
7378
|
var semanticColors = getSemanticColors(props);
|
|
7379
7379
|
var spaces = getSpaces(props);
|
|
7380
7380
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n padding-bottom: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n ");
|
|
7381
7381
|
});
|
|
7382
|
-
var templateObject_1$B, templateObject_2$o, templateObject_3$h, templateObject_4$
|
|
7382
|
+
var templateObject_1$B, templateObject_2$o, templateObject_3$h, templateObject_4$f;
|
|
7383
7383
|
|
|
7384
7384
|
/**
|
|
7385
7385
|
* @see https://mui.com/material-ui/react-dialog/
|
|
@@ -7559,16 +7559,16 @@ var StyledCheckboxCheckedIcon = styled$2("div")(templateObject_3$g || (templateO
|
|
|
7559
7559
|
var semanticColors = getSemanticColors(props);
|
|
7560
7560
|
return "\n display: flex;\n align-items: center;\n justify-content: center;\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 border-radius: 2px;\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.ornament, ";\n\n ").concat(StyledIcon, " {\n fill: ").concat((_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.ornamentPrimaryInverse, ";\n }\n\n &:hover {\n background-color: red;\n }\n ");
|
|
7561
7561
|
});
|
|
7562
|
-
var StyledCheckbox = styled$2(Checkbox)(templateObject_4$
|
|
7562
|
+
var StyledCheckbox = styled$2(Checkbox)(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7563
7563
|
var spaces = getSpaces(props);
|
|
7564
7564
|
return "\n &.".concat(checkboxClasses.root, " {\n ").concat(focusVisibleA11yStyle(props), "\n \n padding: 0;\n margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px;\n border-radius: 0;\n\n &:hover {\n background-color: transparent;\n }\n }\n ");
|
|
7565
7565
|
});
|
|
7566
|
-
var StyledLabelContainer$1 = styled$2("span")(templateObject_5$
|
|
7567
|
-
var StyledCheckboxLabel = styled$2("span")(templateObject_6$
|
|
7566
|
+
var StyledLabelContainer$1 = styled$2("span")(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"], ["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"])));
|
|
7567
|
+
var StyledCheckboxLabel = styled$2("span")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
7568
7568
|
var spaces = getSpaces(props);
|
|
7569
7569
|
return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
|
|
7570
7570
|
});
|
|
7571
|
-
var StyledCheckboxCaption = styled$2("span")(templateObject_7$
|
|
7571
|
+
var StyledCheckboxCaption = styled$2("span")(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
7572
7572
|
var _a;
|
|
7573
7573
|
var semanticColors = getSemanticColors(props);
|
|
7574
7574
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
|
|
@@ -7587,7 +7587,7 @@ var StyledFormControlLabel$1 = styled$2(FormControlLabel)(templateObject_8$4 ||
|
|
|
7587
7587
|
var borders = getBorders(props);
|
|
7588
7588
|
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 ");
|
|
7589
7589
|
});
|
|
7590
|
-
var templateObject_1$z, templateObject_2$m, templateObject_3$g, templateObject_4$
|
|
7590
|
+
var templateObject_1$z, templateObject_2$m, templateObject_3$g, templateObject_4$e, templateObject_5$a, templateObject_6$9, templateObject_7$6, templateObject_8$4;
|
|
7591
7591
|
|
|
7592
7592
|
/**
|
|
7593
7593
|
* @see https://mui.com/material-ui/react-checkbox/
|
|
@@ -7641,16 +7641,16 @@ var StyledRadioCheckedIcon = styled$2("div")(templateObject_3$f || (templateObje
|
|
|
7641
7641
|
var semanticColors = getSemanticColors(props);
|
|
7642
7642
|
return "\n display: flex;\n align-items: center;\n justify-content: center;\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 border-radius: 50%;\n background-color: ").concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent) === null || _a === void 0 ? void 0 : _a.fillPrimary, ";\n ");
|
|
7643
7643
|
});
|
|
7644
|
-
var StyledRadioButton = styled$2(Radio)(templateObject_4$
|
|
7644
|
+
var StyledRadioButton = styled$2(Radio)(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7645
7645
|
var spaces = getSpaces(props);
|
|
7646
7646
|
return "\n &.".concat(radioClasses.root, " {\n ").concat(focusVisibleA11yStyle(props), "\n margin: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px 0 0;\n padding: 0;\n }\n ");
|
|
7647
7647
|
});
|
|
7648
|
-
var StyledLabelContainer = styled$2("span")(templateObject_5$
|
|
7649
|
-
var StyledRadioLabel = styled$2("span")(templateObject_6$
|
|
7648
|
+
var StyledLabelContainer = styled$2("span")(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"], ["\n display: flex;\n justify-content: start;\n flex-direction: column;\n"])));
|
|
7649
|
+
var StyledRadioLabel = styled$2("span")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXs$2, function (props) {
|
|
7650
7650
|
var spaces = getSpaces(props);
|
|
7651
7651
|
return "\n margin-top: -".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px !important;\n ");
|
|
7652
7652
|
});
|
|
7653
|
-
var StyledRadioCaption = styled$2("span")(templateObject_7$
|
|
7653
|
+
var StyledRadioCaption = styled$2("span")(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
7654
7654
|
var _a;
|
|
7655
7655
|
var semanticColors = getSemanticColors(props);
|
|
7656
7656
|
return "\n color: ".concat((_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, ";\n ");
|
|
@@ -7667,7 +7667,7 @@ var StyledFormControlLabel = styled$2(FormControlLabel)(templateObject_8$3 || (t
|
|
|
7667
7667
|
var semanticColors = getSemanticColors(props);
|
|
7668
7668
|
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 ");
|
|
7669
7669
|
});
|
|
7670
|
-
var templateObject_1$y, templateObject_2$l, templateObject_3$f, templateObject_4$
|
|
7670
|
+
var templateObject_1$y, templateObject_2$l, templateObject_3$f, templateObject_4$d, templateObject_5$9, templateObject_6$8, templateObject_7$5, templateObject_8$3;
|
|
7671
7671
|
|
|
7672
7672
|
/**
|
|
7673
7673
|
* @see https://mui.com/material-ui/react-radio-button/
|
|
@@ -7744,7 +7744,7 @@ var textArea = function (props) {
|
|
|
7744
7744
|
var spaces = getSpaces(props);
|
|
7745
7745
|
return css(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n .", " {\n padding: ", "px;\n\n > .", " {\n padding: ", "px ", "px ", "px;\n resize: both;\n }\n }\n "], ["\n .", " {\n padding: ", "px;\n\n > .", " {\n padding: ", "px ", "px ", "px;\n resize: both;\n }\n }\n "])), outlinedInputClasses.multiline, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, outlinedInputClasses.inputMultiline, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m);
|
|
7746
7746
|
};
|
|
7747
|
-
var StyledLabel$1 = styled$2("label")(templateObject_4$
|
|
7747
|
+
var StyledLabel$1 = styled$2("label")(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n display: block;\n ", "\n\n ", "\n"], ["\n display: block;\n ", "\n\n ", "\n"])), fontBodyS$1, function (props) {
|
|
7748
7748
|
var spaces = getSpaces(props);
|
|
7749
7749
|
return "\n margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n ");
|
|
7750
7750
|
});
|
|
@@ -7752,16 +7752,16 @@ var StyledInputBase = styled$2(TextField, {
|
|
|
7752
7752
|
shouldForwardProp: function (prop) {
|
|
7753
7753
|
return !sdsPropNames$1.includes(prop.toString());
|
|
7754
7754
|
},
|
|
7755
|
-
})(templateObject_6$
|
|
7755
|
+
})(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
7756
7756
|
var _a, _b, _c, _d;
|
|
7757
7757
|
var intent = props.intent, sdsType = props.sdsType, disabled = props.disabled;
|
|
7758
7758
|
var spaces = getSpaces(props);
|
|
7759
7759
|
var borders = getBorders(props);
|
|
7760
7760
|
var corners = getCorners(props);
|
|
7761
7761
|
var semanticColors = getSemanticColors(props);
|
|
7762
|
-
return css(templateObject_5$
|
|
7762
|
+
return css(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n margin-bottom: ", "px;\n margin-right: ", "px;\n display: block;\n\n .", " {\n width: 100%;\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n }\n\n .", " {\n border-radius: ", "px;\n border: ", ";\n }\n\n .", " {\n outline: none;\n border-radius: 4px;\n width: 100%;\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n\n &.user-is-tabbing .", " {\n ", "\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", "\n .", " {\n border: ", ";\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-bottom: ", "px;\n margin-right: ", "px;\n display: block;\n\n .", " {\n width: 100%;\n }\n\n .", " {\n ", "\n padding: ", "px ", "px;\n height: unset;\n box-sizing: border-box;\n }\n\n .", " {\n border-radius: ", "px;\n border: ", ";\n }\n\n .", " {\n outline: none;\n border-radius: 4px;\n width: 100%;\n\n &::placeholder {\n color: ", ";\n opacity: 1;\n }\n }\n\n &.user-is-tabbing .", " {\n ", "\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", "\n .", " {\n border: ", ";\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.m, outlinedInputClasses.root, outlinedInputClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.m, outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.m, (_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.default, outlinedInputClasses.input, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.textTertiary, outlinedInputClasses.input, focusVisibleA11yStyle(props), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, (_c = borders === null || borders === void 0 ? void 0 : borders.base) === null || _c === void 0 ? void 0 : _c.hover, outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, (_d = borders === null || borders === void 0 ? void 0 : borders.accent) === null || _d === void 0 ? void 0 : _d.default, sdsType === "textArea" && textArea(props), intent === "negative" && applyIntentColor(props, "negative"), intent === "notice" && applyIntentColor(props, "notice"), intent === "positive" && applyIntentColor(props, "positive"), disabled && disabledStyled$1(props));
|
|
7763
7763
|
});
|
|
7764
|
-
var templateObject_1$w, templateObject_2$k, templateObject_3$e, templateObject_4$
|
|
7764
|
+
var templateObject_1$w, templateObject_2$k, templateObject_3$e, templateObject_4$c, templateObject_5$8, templateObject_6$7;
|
|
7765
7765
|
|
|
7766
7766
|
/**
|
|
7767
7767
|
* @see https://mui.com/material-ui/react-text-field/
|
|
@@ -7863,11 +7863,11 @@ var StyledLink = styled$2(Link$1, {
|
|
|
7863
7863
|
shouldForwardProp: function (prop) {
|
|
7864
7864
|
return !doNotForwardProps$h.includes(prop.toString());
|
|
7865
7865
|
},
|
|
7866
|
-
})(templateObject_4$
|
|
7866
|
+
})(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n all: unset;\n\n ", "\n\n ", "\n"], ["\n all: unset;\n\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
7867
7867
|
var _a = props.fontWeight, fontWeight = _a === void 0 ? "normal" : _a, sdsStyle = props.sdsStyle, _b = props.sdsSize, sdsSize = _b === void 0 ? "s" : _b;
|
|
7868
7868
|
return css(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n\n font-weight: ", ";\n display: inline-block;\n cursor: pointer;\n "], ["\n ", "\n ", "\n ", "\n ", "\n\n font-weight: ", ";\n display: inline-block;\n cursor: pointer;\n "])), sdsStyle === "default" && defaultStyle(props), sdsStyle === "dashed" && dashedStyle(), sdsSize === "s" && smallStyle(props), sdsSize === "xs" && extraSmallStyle(props), fontWeight === "normal" ? "400" : "600");
|
|
7869
7869
|
});
|
|
7870
|
-
var templateObject_1$u, templateObject_2$j, templateObject_3$d, templateObject_4$
|
|
7870
|
+
var templateObject_1$u, templateObject_2$j, templateObject_3$d, templateObject_4$b;
|
|
7871
7871
|
|
|
7872
7872
|
/**
|
|
7873
7873
|
* @see https://mui.com/material-ui/react-link/
|
|
@@ -8000,13 +8000,13 @@ var tag = function (props) {
|
|
|
8000
8000
|
var doNotForwardProps$e = ["sdsStyle"];
|
|
8001
8001
|
var StyledLoadingIndicator = styled$2("div", {
|
|
8002
8002
|
shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
|
|
8003
|
-
})(templateObject_6$
|
|
8003
|
+
})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
8004
8004
|
var sdsStyle = props.sdsStyle;
|
|
8005
8005
|
var spaces = getSpaces(props);
|
|
8006
|
-
var style = css(templateObject_4$
|
|
8007
|
-
return css(templateObject_5$
|
|
8006
|
+
var style = css(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n padding: ", "px;\n "], ["\n display: inline-flex;\n align-items: center;\n padding: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
8007
|
+
return css(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n "])), style, sdsStyle === "minimal" && minimal(props), sdsStyle === "tag" && tag(props));
|
|
8008
8008
|
});
|
|
8009
|
-
var templateObject_1$q, templateObject_2$h, templateObject_3$c, templateObject_4$
|
|
8009
|
+
var templateObject_1$q, templateObject_2$h, templateObject_3$c, templateObject_4$a, templateObject_5$7, templateObject_6$6;
|
|
8010
8010
|
|
|
8011
8011
|
var LoadingIndicator = function (_a) {
|
|
8012
8012
|
var ariaLabel = _a["aria-label"], sdsStyle = _a.sdsStyle;
|
|
@@ -8061,11 +8061,11 @@ var InputBaseWrapper = styled$2("div", {
|
|
|
8061
8061
|
});
|
|
8062
8062
|
var StyledMenuInputSearch = styled$2(InputSearch, {
|
|
8063
8063
|
shouldForwardProp: function (prop) { return !doNotForwardProps$d.includes(prop); },
|
|
8064
|
-
})(templateObject_4$
|
|
8064
|
+
})(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n && {\n margin: 0;\n\n .", " {\n width: 100%;\n padding: 0;\n padding-right: 14px !important;\n }\n\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n }\n"], ["\n && {\n margin: 0;\n\n .", " {\n width: 100%;\n padding: 0;\n padding-right: 14px !important;\n }\n\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n }\n"])), inputBaseClasses.root, function (_a) {
|
|
8065
8065
|
var search = _a.search;
|
|
8066
8066
|
return (search ? "auto" : "transparent");
|
|
8067
8067
|
});
|
|
8068
|
-
var templateObject_1$o, templateObject_2$g, templateObject_3$b, templateObject_4$
|
|
8068
|
+
var templateObject_1$o, templateObject_2$g, templateObject_3$b, templateObject_4$9;
|
|
8069
8069
|
|
|
8070
8070
|
/**
|
|
8071
8071
|
* @see https://mui.com/material-ui/react-autocomplete/
|
|
@@ -8131,12 +8131,12 @@ var StyledFooter = styled$2("footer", {
|
|
|
8131
8131
|
});
|
|
8132
8132
|
var StyledLogoWrapper$1 = styled$2("div", {
|
|
8133
8133
|
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
8134
|
-
})(templateObject_6$
|
|
8134
|
+
})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n ", "\n\n p {\n ", "\n ", "\n\n ", "\n }\n"], ["\n ", "\n\n p {\n ", "\n ", "\n\n ", "\n }\n"])), function (props) {
|
|
8135
8135
|
var spaces = getSpaces(props);
|
|
8136
|
-
return css$2(templateObject_4$
|
|
8136
|
+
return css$2(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n\n a {\n text-decoration: none;\n }\n\n .MuiChip-root {\n margin: 0;\n }\n "], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n\n a {\n text-decoration: none;\n }\n\n .MuiChip-root {\n margin: 0;\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.s);
|
|
8137
8137
|
}, fontHeader("l"), fontHeader("l", /* isNarrow */ true), function (props) {
|
|
8138
8138
|
var semanticColors = getSemanticColors(props);
|
|
8139
|
-
return css$2(templateObject_5$
|
|
8139
|
+
return css$2(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n color: ", ";\n white-space: nowrap;\n "], ["\n color: ", ";\n white-space: nowrap;\n "])), props.hasInvertedStyle
|
|
8140
8140
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimaryInverse
|
|
8141
8141
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary);
|
|
8142
8142
|
});
|
|
@@ -8145,7 +8145,7 @@ var StyledNavSection = styled$2("div", {
|
|
|
8145
8145
|
})(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
8146
8146
|
var isNarrow = props.isNarrow;
|
|
8147
8147
|
var spaces = getSpaces(props);
|
|
8148
|
-
return css$2(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-left: ", "px;\n gap: ", "px;\n\n ", "\n "], ["\n display: flex;\n align-items: center;\n padding-left: ", "px;\n gap: ", "px;\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.xxl, isNarrow && css$2(templateObject_7$
|
|
8148
|
+
return css$2(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-left: ", "px;\n gap: ", "px;\n\n ", "\n "], ["\n display: flex;\n align-items: center;\n padding-left: ", "px;\n gap: ", "px;\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, spaces === null || spaces === void 0 ? void 0 : spaces.xxl, isNarrow && css$2(templateObject_7$4 || (templateObject_7$4 = __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));
|
|
8149
8149
|
});
|
|
8150
8150
|
var StyledTopSection = styled$2("div", {
|
|
8151
8151
|
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
@@ -8188,7 +8188,7 @@ var StyledBottomSection = styled$2("div", {
|
|
|
8188
8188
|
var spaces = getSpaces(props);
|
|
8189
8189
|
return css$2(templateObject_22$1 || (templateObject_22$1 = __makeTemplateObject(["\n margin-top: ", "px;\n\n ", "\n "], ["\n margin-top: ", "px;\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.l, isNarrow && css$2(templateObject_21$1 || (templateObject_21$1 = __makeTemplateObject(["\n flex-direction: column-reverse;\n margin-top: ", "px;\n "], ["\n flex-direction: column-reverse;\n margin-top: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xl));
|
|
8190
8190
|
});
|
|
8191
|
-
var templateObject_1$n, templateObject_2$f, templateObject_3$a, templateObject_4$
|
|
8191
|
+
var templateObject_1$n, templateObject_2$f, templateObject_3$a, templateObject_4$8, templateObject_5$6, templateObject_6$5, templateObject_7$4, 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;
|
|
8192
8192
|
|
|
8193
8193
|
/**
|
|
8194
8194
|
* WARNING: Don't import this directly.
|
|
@@ -14193,15 +14193,15 @@ var StyledLinkItemLink = styled$2(Link, {
|
|
|
14193
14193
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.dividerInverse
|
|
14194
14194
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.divider));
|
|
14195
14195
|
});
|
|
14196
|
-
var StyledDivider = styled$2(Divider, {
|
|
14196
|
+
var StyledDivider$1 = styled$2(Divider, {
|
|
14197
14197
|
shouldForwardProp: function (prop) { return !doNotForwardProps$a.includes(prop); },
|
|
14198
|
-
})(templateObject_4$
|
|
14198
|
+
})(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14199
14199
|
var semanticColors = getSemanticColors(props);
|
|
14200
14200
|
return "\n border-color: ".concat(props.hasInvertedStyle
|
|
14201
14201
|
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.dividerInverse
|
|
14202
14202
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.divider, ";\n ");
|
|
14203
14203
|
});
|
|
14204
|
-
var templateObject_1$l, templateObject_2$d, templateObject_3$8, templateObject_4$
|
|
14204
|
+
var templateObject_1$l, templateObject_2$d, templateObject_3$8, templateObject_4$7;
|
|
14205
14205
|
|
|
14206
14206
|
var FooterLink = memo(forwardRef(function (_a, ref) {
|
|
14207
14207
|
var link = _a.link, showDivider = _a.showDivider, hasInvertedStyle = _a.hasInvertedStyle;
|
|
@@ -14271,7 +14271,7 @@ var MobileLinkRow = memo(function (_a) {
|
|
|
14271
14271
|
});
|
|
14272
14272
|
MobileLinkRow.displayName = "MobileLinkRow";
|
|
14273
14273
|
|
|
14274
|
-
var MemoizedStyledDivider = memo(StyledDivider);
|
|
14274
|
+
var MemoizedStyledDivider = memo(StyledDivider$1);
|
|
14275
14275
|
function NavigationFooter(_a) {
|
|
14276
14276
|
var hasInvertedStyle = _a.hasInvertedStyle, images = _a.images, logo = _a.logo, logoUrl = _a.logoUrl, logoComponent = _a.logoComponent, logoLinkProps = _a.logoLinkProps, navItems = _a.navItems, navLinks = _a.navLinks, tag = _a.tag, tagColor = _a.tagColor, title = _a.title, rest = __rest(_a, ["hasInvertedStyle", "images", "logo", "logoUrl", "logoComponent", "logoLinkProps", "navItems", "navLinks", "tag", "tagColor", "title"]);
|
|
14277
14277
|
var footerRef = useRef(null);
|
|
@@ -14378,26 +14378,26 @@ var NarrowToolbar = function (props) {
|
|
|
14378
14378
|
};
|
|
14379
14379
|
var StyledToolbar = styled$2(Toolbar, {
|
|
14380
14380
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14381
|
-
})(templateObject_4$
|
|
14381
|
+
})(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14382
14382
|
var isNarrow = props.isNarrow;
|
|
14383
14383
|
var spaces = getSpaces(props);
|
|
14384
14384
|
return css$2(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n &.MuiToolbar-root {\n min-height: 56px;\n max-height: 56px;\n padding: ", "px ", "px;\n\n ", "\n }\n "], ["\n &.MuiToolbar-root {\n min-height: 56px;\n max-height: 56px;\n padding: ", "px ", "px;\n\n ", "\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, isNarrow && NarrowToolbar(props));
|
|
14385
14385
|
});
|
|
14386
14386
|
styled$2("div", {
|
|
14387
14387
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14388
|
-
})(templateObject_5$
|
|
14388
|
+
})(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14389
14389
|
var shadows = getShadows(props);
|
|
14390
14390
|
return "\n box-shadow: ".concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n height: 10px;\n display: block;\n position: fixed;\n width: 100%;\n top: 46px;\n left: 0;\n z-index: 100;\n ");
|
|
14391
14391
|
});
|
|
14392
14392
|
styled$2("div", {
|
|
14393
14393
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14394
|
-
})(templateObject_6$
|
|
14394
|
+
})(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14395
14395
|
var colors = getSemanticColors(props);
|
|
14396
14396
|
return "\n background: ".concat(props.hasInvertedStyle ? colors === null || colors === void 0 ? void 0 : colors.base.backgroundPrimaryInverse : colors === null || colors === void 0 ? void 0 : colors.base.backgroundPrimary, ";\n height: 10px;\n display: block;\n position: absolute;\n width: 100%;\n top: 56px;\n left: 0;\n z-index: 100;\n ");
|
|
14397
14397
|
});
|
|
14398
14398
|
var StyledHeaderButton = styled$2(Button, {
|
|
14399
14399
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14400
|
-
})(templateObject_7$
|
|
14400
|
+
})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14401
14401
|
var _a, _b, _c, _d;
|
|
14402
14402
|
var sdsType = props.sdsType, hasInvertedStyle = props.hasInvertedStyle;
|
|
14403
14403
|
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";
|
|
@@ -14522,9 +14522,14 @@ var StyledNarrowButton = styled$2(Button, {
|
|
|
14522
14522
|
var hasInvertedStyle = props.hasInvertedStyle;
|
|
14523
14523
|
return css$2(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n ", "\n margin: 0;\n "], ["\n ", "\n margin: 0;\n "])), hasInvertedStyle && invertedWideButtonStyles(props));
|
|
14524
14524
|
});
|
|
14525
|
-
var templateObject_1$k, templateObject_2$c, templateObject_3$7, templateObject_4$
|
|
14525
|
+
var templateObject_1$k, templateObject_2$c, templateObject_3$7, templateObject_4$6, templateObject_5$5, templateObject_6$4, templateObject_7$3, 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;
|
|
14526
14526
|
|
|
14527
|
-
var doNotForwardProps$8 = [
|
|
14527
|
+
var doNotForwardProps$8 = [
|
|
14528
|
+
"active",
|
|
14529
|
+
"hasInvertedStyle",
|
|
14530
|
+
"isNarrow",
|
|
14531
|
+
"hasSection",
|
|
14532
|
+
];
|
|
14528
14533
|
var NarrowPrimaryNavItem = function (props) {
|
|
14529
14534
|
var _a, _b, _c, _d, _e;
|
|
14530
14535
|
var active = props.active, hasInvertedStyle = props.hasInvertedStyle;
|
|
@@ -14575,14 +14580,14 @@ var WideStyledLabel = function (props) {
|
|
|
14575
14580
|
var ChevronOpenColor = hasInvertedStyle
|
|
14576
14581
|
? (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.ornamentPrimaryInverse
|
|
14577
14582
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.accent.ornamentOpen;
|
|
14578
|
-
return css(templateObject_4$
|
|
14583
|
+
return css(templateObject_4$5 || (templateObject_4$5 = __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"
|
|
14579
14584
|
? activeBorderColor
|
|
14580
14585
|
: "transparent", active ? ChevronOpenColor : ChevronDefaultColor, active ? activeBorderColor : inactiveBorderColor);
|
|
14581
14586
|
};
|
|
14582
|
-
var StyledTag = styled$2(Tag)(templateObject_5$
|
|
14587
|
+
var StyledTag = styled$2(Tag)(templateObject_5$4 || (templateObject_5$4 = __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"));
|
|
14583
14588
|
var StyledLabel = styled$2("span", {
|
|
14584
14589
|
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
14585
|
-
})(templateObject_7$
|
|
14590
|
+
})(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeader("m"), function (props) {
|
|
14586
14591
|
var hasInvertedStyle = props.hasInvertedStyle, active = props.active, isNarrow = props.isNarrow;
|
|
14587
14592
|
var spaces = getSpaces(props);
|
|
14588
14593
|
var colors = getSemanticColors(props);
|
|
@@ -14592,7 +14597,7 @@ var StyledLabel = styled$2("span", {
|
|
|
14592
14597
|
var inactiveColor = hasInvertedStyle
|
|
14593
14598
|
? colors === null || colors === void 0 ? void 0 : colors.base.textSecondaryInverse
|
|
14594
14599
|
: colors === null || colors === void 0 ? void 0 : colors.base.textSecondary;
|
|
14595
|
-
return css(templateObject_6$
|
|
14600
|
+
return css(templateObject_6$3 || (templateObject_6$3 = __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));
|
|
14596
14601
|
});
|
|
14597
14602
|
var StyledAccordion$1 = styled$2(Accordion, {
|
|
14598
14603
|
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
@@ -14629,9 +14634,9 @@ var StyledAccordion$1 = styled$2(Accordion, {
|
|
|
14629
14634
|
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textPrimary);
|
|
14630
14635
|
});
|
|
14631
14636
|
var StyledSubItem$1 = styled$2(MenuItem)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n &.MuiButtonBase-root.MuiMenuItem-root:hover {\n span.primary-text {\n font-weight: 600;\n }\n }\n"], ["\n &.MuiButtonBase-root.MuiMenuItem-root:hover {\n span.primary-text {\n font-weight: 600;\n }\n }\n"])));
|
|
14632
|
-
var templateObject_1$j, templateObject_2$b, templateObject_3$6, templateObject_4$
|
|
14637
|
+
var templateObject_1$j, templateObject_2$b, templateObject_3$6, templateObject_4$5, templateObject_5$4, templateObject_6$3, templateObject_7$2, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
14633
14638
|
|
|
14634
|
-
var doNotForwardProps$7 = ["isNarrow"];
|
|
14639
|
+
var doNotForwardProps$7 = ["isNarrow", "hasSection"];
|
|
14635
14640
|
var NarrowStyledSection = function () {
|
|
14636
14641
|
return css(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n align-items: start;\n flex-direction: column;\n "], ["\n align-items: start;\n flex-direction: column;\n "])));
|
|
14637
14642
|
};
|
|
@@ -14643,7 +14648,38 @@ var StyledSection = styled$2("section", {
|
|
|
14643
14648
|
var spaces = getSpaces(props);
|
|
14644
14649
|
return css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n column-gap: ", "px;\n\n ", "\n "], ["\n column-gap: ", "px;\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces[(_a = props === null || props === void 0 ? void 0 : props.gap) !== null && _a !== void 0 ? _a : "xl"], isNarrow && NarrowStyledSection());
|
|
14645
14650
|
});
|
|
14646
|
-
var
|
|
14651
|
+
var StyledSectionHeader = styled$2(ListSubheader, {
|
|
14652
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$7.includes(prop); },
|
|
14653
|
+
})(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14654
|
+
var _a, _b;
|
|
14655
|
+
var isNarrow = props.isNarrow;
|
|
14656
|
+
var semanticColors = getSemanticColors(props);
|
|
14657
|
+
var spaces = getSpaces(props);
|
|
14658
|
+
return css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n &.MuiListSubheader-root {\n ", "\n top: 0;\n color: ", ";\n background-color: ", ";\n padding: ", "px ", "px;\n margin-bottom: 0;\n }\n "], ["\n &.MuiListSubheader-root {\n ", "\n top: 0;\n color: ", ";\n background-color: ", ";\n padding: ", "px ", "px;\n margin-bottom: 0;\n }\n "])), fontCapsXxxxs(props), (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary, (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.surface, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, isNarrow ? spaces === null || spaces === void 0 ? void 0 : spaces.xl : spaces === null || spaces === void 0 ? void 0 : spaces.s);
|
|
14659
|
+
});
|
|
14660
|
+
var StyledDivider = styled$2(Divider, {
|
|
14661
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$7.includes(prop); },
|
|
14662
|
+
})(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14663
|
+
var _a;
|
|
14664
|
+
var hasSection = props.hasSection, isNarrow = props.isNarrow;
|
|
14665
|
+
var spaces = getSpaces(props);
|
|
14666
|
+
var borders = getBorders(props);
|
|
14667
|
+
// Calculate margin based on section and narrow state
|
|
14668
|
+
var getMarginBottom = function () {
|
|
14669
|
+
return hasSection ? spaces === null || spaces === void 0 ? void 0 : spaces.s : isNarrow ? 0 : spaces === null || spaces === void 0 ? void 0 : spaces.xxs;
|
|
14670
|
+
};
|
|
14671
|
+
return css(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n &.MuiDivider-root {\n position: relative;\n margin: 0 0 ", "px;\n border-bottom: ", ";\n padding-bottom: ", "px;\n }\n "], ["\n &.MuiDivider-root {\n position: relative;\n margin: 0 0 ", "px;\n border-bottom: ", ";\n padding-bottom: ", "px;\n }\n "])), getMarginBottom(), (_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.divider, isNarrow ? 0 : spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
14672
|
+
});
|
|
14673
|
+
var templateObject_1$i, templateObject_2$a, templateObject_3$5, templateObject_4$4, templateObject_5$3, templateObject_6$2, templateObject_7$1;
|
|
14674
|
+
|
|
14675
|
+
// Helper function to group dropdown items by section
|
|
14676
|
+
function groupItemsBySection(items) {
|
|
14677
|
+
return items.reduce(function (groups, item) {
|
|
14678
|
+
var _a;
|
|
14679
|
+
var section = item.section || "";
|
|
14680
|
+
return __assign(__assign({}, groups), (_a = {}, _a[section] = __spreadArray(__spreadArray([], (groups[section] || []), true), [item], false), _a));
|
|
14681
|
+
}, {});
|
|
14682
|
+
}
|
|
14647
14683
|
|
|
14648
14684
|
function NavigationHeaderPrimaryNav(_a) {
|
|
14649
14685
|
var hasInvertedStyle = _a.hasInvertedStyle, isNarrow = _a.isNarrow, items = _a.items, onChange = _a.onChange, value = _a.value;
|
|
@@ -14667,7 +14703,7 @@ function NavigationHeaderPrimaryNav(_a) {
|
|
|
14667
14703
|
var key = item.key, label = item.label, tag = item.tag, tagColor = item.tagColor, parentOnClick = item.onClick, rest = __rest(item, ["key", "label", "tag", "tagColor", "onClick"]);
|
|
14668
14704
|
var isActive = key === value;
|
|
14669
14705
|
if (item.itemType === "dropdown" && !isNarrow) {
|
|
14670
|
-
var
|
|
14706
|
+
var dropdownItem_1 = item;
|
|
14671
14707
|
return (jsxs(Fragment$1, { children: [jsx(PrimaryNavItem, __assign({}, rest, { itemType: item.itemType, ref: buttonRef, sdsStyle: "minimal", active: open, onClick: function (e) {
|
|
14672
14708
|
setAnchorEl(e.currentTarget);
|
|
14673
14709
|
onChange(key);
|
|
@@ -14684,23 +14720,43 @@ function NavigationHeaderPrimaryNav(_a) {
|
|
|
14684
14720
|
}, transformOrigin: {
|
|
14685
14721
|
horizontal: "left",
|
|
14686
14722
|
vertical: "top",
|
|
14687
|
-
}, children:
|
|
14688
|
-
var
|
|
14689
|
-
|
|
14690
|
-
|
|
14691
|
-
|
|
14692
|
-
|
|
14693
|
-
|
|
14723
|
+
}, children: (function () {
|
|
14724
|
+
var groupedItems = groupItemsBySection(dropdownItem_1.items);
|
|
14725
|
+
var sections = Object.keys(groupedItems);
|
|
14726
|
+
var hasMultipleSections = sections.length > 1 ||
|
|
14727
|
+
sections.some(function (section) { return section !== ""; });
|
|
14728
|
+
return sections.map(function (section, sectionIndex) {
|
|
14729
|
+
var sectionItems = groupedItems[section];
|
|
14730
|
+
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14731
|
+
return (jsxs("div", { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14732
|
+
var subLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14733
|
+
return (jsx(MenuItem, __assign({ onClick: function (e) {
|
|
14734
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
14735
|
+
onClose();
|
|
14736
|
+
}, sx: { minWidth: menuWidth } }, subItemRest, { children: subLabel }), "menu-item-".concat(subLabel)));
|
|
14737
|
+
})] }, "section-".concat(section || "default")));
|
|
14738
|
+
});
|
|
14739
|
+
})() })] }, key));
|
|
14694
14740
|
}
|
|
14695
14741
|
if (item.itemType === "dropdown" && isNarrow) {
|
|
14696
|
-
var
|
|
14697
|
-
return (jsxs(StyledAccordion$1, { id: "".concat(item.label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsx(AccordionHeader, { children: item.label }), jsx(AccordionDetails, { children:
|
|
14698
|
-
var
|
|
14699
|
-
|
|
14700
|
-
|
|
14701
|
-
|
|
14702
|
-
|
|
14703
|
-
|
|
14742
|
+
var dropdownItem_2 = item;
|
|
14743
|
+
return (jsxs(StyledAccordion$1, { id: "".concat(item.label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsx(AccordionHeader, { children: item.label }), jsx(AccordionDetails, { children: (function () {
|
|
14744
|
+
var groupedItems = groupItemsBySection(dropdownItem_2.items);
|
|
14745
|
+
var sections = Object.keys(groupedItems);
|
|
14746
|
+
var hasMultipleSections = sections.length > 1 ||
|
|
14747
|
+
sections.some(function (section) { return section !== ""; });
|
|
14748
|
+
return sections.map(function (section, sectionIndex) {
|
|
14749
|
+
var sectionItems = groupedItems[section];
|
|
14750
|
+
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14751
|
+
return (jsxs(Fragment$1, { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14752
|
+
var dropdownItemLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14753
|
+
return (jsx(StyledSubItem$1, __assign({ onClick: function (e) {
|
|
14754
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
14755
|
+
onClose();
|
|
14756
|
+
} }, accordionSubItemRest, { children: dropdownItemLabel }), "primary-nav-item-".concat(dropdownItemLabel)));
|
|
14757
|
+
})] }, "section-".concat(section || "default")));
|
|
14758
|
+
});
|
|
14759
|
+
})() })] }, "".concat(item.label, "-dropdown")));
|
|
14704
14760
|
}
|
|
14705
14761
|
return (jsx(PrimaryNavItem, __assign({}, rest, { sdsStyle: "minimal", active: isActive, onClick: function (e) {
|
|
14706
14762
|
var _a, _b;
|
|
@@ -14801,7 +14857,7 @@ function NavigationHeaderSecondaryNav(_a) {
|
|
|
14801
14857
|
}, []);
|
|
14802
14858
|
return (jsx(StyledSection, { gap: "l", isNarrow: isNarrow, children: items.map(function (item) {
|
|
14803
14859
|
var _a, _b;
|
|
14804
|
-
var itemType = item.itemType, label = item.label, rest = __rest(item, ["itemType", "label"]);
|
|
14860
|
+
var itemType = item.itemType, label = item.label, key = item.key, rest = __rest(item, ["itemType", "label", "key"]);
|
|
14805
14861
|
if (itemType === "dropdown" && !isNarrow) {
|
|
14806
14862
|
return (jsxs(Fragment$1, { children: [jsxs(StyledTextItem, __assign({}, rest, { ref: buttonRef, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow, sdsStyle: "minimal", onClick: function (event) {
|
|
14807
14863
|
var _a;
|
|
@@ -14819,22 +14875,42 @@ function NavigationHeaderSecondaryNav(_a) {
|
|
|
14819
14875
|
}, transformOrigin: {
|
|
14820
14876
|
horizontal: "left",
|
|
14821
14877
|
vertical: "top",
|
|
14822
|
-
}, children:
|
|
14823
|
-
var
|
|
14824
|
-
|
|
14825
|
-
|
|
14826
|
-
|
|
14827
|
-
|
|
14828
|
-
|
|
14878
|
+
}, children: (function () {
|
|
14879
|
+
var groupedItems = groupItemsBySection(item.items);
|
|
14880
|
+
var sections = Object.keys(groupedItems);
|
|
14881
|
+
var hasMultipleSections = sections.length > 1 ||
|
|
14882
|
+
sections.some(function (section) { return section !== ""; });
|
|
14883
|
+
return sections.map(function (section, sectionIndex) {
|
|
14884
|
+
var sectionItems = groupedItems[section];
|
|
14885
|
+
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14886
|
+
return (jsxs("div", { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14887
|
+
var subLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14888
|
+
return (jsx(MenuItem, __assign({ onClick: function (e) {
|
|
14889
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
14890
|
+
onClose();
|
|
14891
|
+
}, sx: { minWidth: menuWidth } }, subItemRest, { children: subLabel }), "menu-item-".concat(subLabel)));
|
|
14892
|
+
})] }, "section-".concat(section || "default")));
|
|
14893
|
+
});
|
|
14894
|
+
})() })] }, "".concat(key, "-").concat(label, "-dropdown")));
|
|
14829
14895
|
}
|
|
14830
14896
|
if (itemType === "dropdown" && isNarrow) {
|
|
14831
|
-
return (jsxs(StyledAccordion, { id: "".concat(label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsx(AccordionHeader, { children: label }), jsx(AccordionDetails, { children:
|
|
14832
|
-
var
|
|
14833
|
-
|
|
14834
|
-
|
|
14835
|
-
|
|
14836
|
-
|
|
14837
|
-
|
|
14897
|
+
return (jsxs(StyledAccordion, { id: "".concat(label, "-dropdown"), hasInvertedStyle: hasInvertedStyle, isNarrow: isNarrow, children: [jsx(AccordionHeader, { children: label }), jsx(AccordionDetails, { children: (function () {
|
|
14898
|
+
var groupedItems = groupItemsBySection(item.items);
|
|
14899
|
+
var sections = Object.keys(groupedItems);
|
|
14900
|
+
var hasMultipleSections = sections.length > 1 ||
|
|
14901
|
+
sections.some(function (section) { return section !== ""; });
|
|
14902
|
+
return sections.map(function (section, sectionIndex) {
|
|
14903
|
+
var sectionItems = groupedItems[section];
|
|
14904
|
+
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14905
|
+
return (jsxs(Fragment$1, { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14906
|
+
var dropdownItemLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14907
|
+
return (jsx(StyledSubItem, __assign({ onClick: function (e) {
|
|
14908
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
14909
|
+
onClose();
|
|
14910
|
+
} }, accordionSubItemRest, { children: dropdownItemLabel }), "primary-nav-item-".concat(dropdownItemLabel)));
|
|
14911
|
+
})] }, "section-".concat(section || "default")));
|
|
14912
|
+
});
|
|
14913
|
+
})() })] }, "".concat(label, "-dropdown")));
|
|
14838
14914
|
}
|
|
14839
14915
|
return (jsx(StyledTextItem, __assign({}, rest, { onClick: item.onClick, hasInvertedStyle: hasInvertedStyle, open: open, isNarrow: isNarrow, sdsStyle: "minimal", children: item.label }), "".concat(label, "-").concat(itemType)));
|
|
14840
14916
|
}) }));
|