@indico-data/design-system 1.0.49 → 1.0.50
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/lib/components/index.d.ts +1 -0
- package/lib/components/text-truncate/TextTruncate.d.ts +7 -0
- package/lib/components/text-truncate/TextTruncate.styles.d.ts +2 -0
- package/lib/components/text-truncate/TextTruncate.test.d.ts +1 -0
- package/lib/components/text-truncate/index.d.ts +1 -0
- package/lib/index.d.ts +8 -1
- package/lib/index.esm.js +9 -3
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +9 -2
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/WizardWithSidebar/WizardWithSidebar.styles.ts +2 -2
- package/src/components/index.ts +1 -0
- package/src/components/text-truncate/TextTruncate.stories.mdx +59 -0
- package/src/components/text-truncate/TextTruncate.styles.ts +3 -0
- package/src/components/text-truncate/TextTruncate.test.tsx +18 -0
- package/src/components/text-truncate/TextTruncate.tsx +21 -0
- package/src/components/text-truncate/index.ts +1 -0
- package/src/index.ts +1 -0
package/lib/index.js
CHANGED
|
@@ -17335,13 +17335,13 @@ const StyledWizardWithSidebar = styled__default.default.div `
|
|
|
17335
17335
|
.wizard-sidebar {
|
|
17336
17336
|
width: 245px;
|
|
17337
17337
|
padding: 30px;
|
|
17338
|
-
border-right: 1px solid
|
|
17338
|
+
border-right: 1px solid ${allColors.silverChalice};
|
|
17339
17339
|
|
|
17340
17340
|
.sidebar-step {
|
|
17341
17341
|
margin-bottom: ${spacings.sm};
|
|
17342
17342
|
display: flex;
|
|
17343
17343
|
align-items: center;
|
|
17344
|
-
color:
|
|
17344
|
+
color: ${allColors.silverChalice};
|
|
17345
17345
|
&.current-step,
|
|
17346
17346
|
&.prior-step {
|
|
17347
17347
|
color: ${allColors.black};
|
|
@@ -17648,6 +17648,12 @@ const Drawer = (props) => {
|
|
|
17648
17648
|
return (jsxRuntime.jsx(StyledDrawer, Object.assign({ id: id, "data-cy": props['data-cy'], "data-testid": props['data-testid'], style: style }, restOfProps, { className: drawerClasses, onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, "aria-expanded": isOpen, "$expandedWidth": $expandedWidth, "$collapsedWidth": $collapsedWidth, children: jsxRuntime.jsxs("div", { className: "drawer__wrapper", children: [jsxRuntime.jsx("div", { className: "drawer__header", children: headerComponent ? (headerComponent) : (jsxRuntime.jsxs("span", { children: [logoIcon ? jsxRuntime.jsx(Icon, { name: logoIcon, size: [24], "data-testid": "logo-icon" }) : null, jsxRuntime.jsx("p", { "data-testid": "logo-text", "aria-hidden": !isOpen, children: logoText })] })) }), jsxRuntime.jsxs("div", { className: "drawer__content", children: [(navigationItems === null || navigationItems === void 0 ? void 0 : navigationItems.length) ? (jsxRuntime.jsx("div", { className: "drawer__navigation", "data-testid": "drawer-navigation", children: jsxRuntime.jsx(DrawerLinkList, { isOpen: isOpen, listItems: navigationItems }) })) : null, (footerItems === null || footerItems === void 0 ? void 0 : footerItems.length) ? (jsxRuntime.jsx("div", { className: "drawer__footer", "data-testid": "drawer-footer", children: jsxRuntime.jsx(DrawerLinkList, { isOpen: isOpen, listItems: footerItems }) })) : null] })] }) })));
|
|
17649
17649
|
};
|
|
17650
17650
|
|
|
17651
|
+
const StyledTextTruncate = styled__default.default.span ``;
|
|
17652
|
+
|
|
17653
|
+
function TextTruncate({ string, maxChars, children }) {
|
|
17654
|
+
return string.length > maxChars ? (jsxRuntime.jsxs(StyledTextTruncate, { title: string, children: [`${string.substring(0, maxChars)}...`, children] })) : (jsxRuntime.jsxs(StyledTextTruncate, { children: [string, " ", children] }));
|
|
17655
|
+
}
|
|
17656
|
+
|
|
17651
17657
|
exports.ANIMATION = animation;
|
|
17652
17658
|
exports.AbstractRadio = Radio$1;
|
|
17653
17659
|
exports.AbstractRadioGroup = RadioGroup$1;
|
|
@@ -17693,6 +17699,7 @@ exports.SingleCombobox = SingleCombobox;
|
|
|
17693
17699
|
exports.StyledWizard = StyledWizard;
|
|
17694
17700
|
exports.TYPOGRAPHY = typography;
|
|
17695
17701
|
exports.TextInput = TextInput;
|
|
17702
|
+
exports.TextTruncate = TextTruncate;
|
|
17696
17703
|
exports.Wizard = Wizard;
|
|
17697
17704
|
exports.WizardCard = WizardCard;
|
|
17698
17705
|
exports.WizardSection = WizardSection;
|