@indico-data/design-system 1.0.51 → 1.0.52

package/lib/index.js

@@ -187,6 +187,7 @@ const allColors = {
     flamingo: '#f861b6',
     flirt: '#910870',
     forestGreen: '#1f7f1f',
+    frostedOver: '#DCEAFD',
     geraldine: '#fe9486',
     grannysmith: '#92e959',
     green: '#4caf50',
@@ -13681,10 +13682,10 @@ function RadioGroup$1(props) {
         isReadOnly: isReadOnly || false,
         lastFocusedValue,
         name: name || '',
-        selectedValue: value,
-        setLastFocusedValue,
-        setSelectedValue: onChange,
         defaultValue,
+        value,
+        setLastFocusedValue,
+        onChange: onChange ? (value) => onChange(value) : undefined,
     };
     const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(radioGroupState);
     const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(props, state);
@@ -13706,8 +13707,7 @@ function Radio$1(props) {
         isSelected = isVisuallySelected(state.selectedValue);
     }
     else {
-        // @ts-ignore
-        isSelected = state.selectedValue === props.value || (state === null || state === void 0 ? void 0 : state.defaultValue) === props.value;
+        isSelected = state.selectedValue === props.value;
     }
     return (jsxRuntime.jsxs("label", { className: classNames(className, {
             disabled: isDisabled || state.isDisabled,
@@ -13795,8 +13795,8 @@ const StyledRadioGroup = styled__default.default(RadioGroup$1) `
  */
 function RadioGroup(_a) {
     var { children } = _a, props = __rest(_a, ["children"]);
-    const { color, hideFocusRing, labelColor, hoverAndSelectedColor, focusRingColor } = props;
-    return (jsxRuntime.jsx(StyledRadioGroup, Object.assign({}, props, { hideFocusRing: true, "data-cy": props['data-cy'], color: color, labelColor: labelColor, hoverAndSelectedColor: hoverAndSelectedColor, focusRingColor: focusRingColor, children: children })));
+    const { value, color, hideFocusRing, labelColor, hoverAndSelectedColor, focusRingColor } = props;
+    return (jsxRuntime.jsx(StyledRadioGroup, Object.assign({}, props, { hideFocusRing: hideFocusRing, "data-cy": props['data-cy'], color: color, labelColor: labelColor, hoverAndSelectedColor: hoverAndSelectedColor, focusRingColor: focusRingColor, value: value, children: children })));
 }
 /**
  * A single radio button and its label.
@@ -17336,13 +17336,13 @@ const StyledWizardWithSidebar = styled__default.default.div `
   .wizard-sidebar {
     width: 245px;
     padding: 30px;
-    border-right: 1px solid #aaaaaa;
+    border-right: 1px solid ${allColors.silverChalice};
 
     .sidebar-step {
       margin-bottom: ${spacings.sm};
       display: flex;
       align-items: center;
-      color: #aaaaaa;
+      color: ${allColors.silverChalice};
       &.current-step,
       &.prior-step {
         color: ${allColors.black};
@@ -17649,6 +17649,12 @@ const Drawer = (props) => {
     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] })] }) })));
 };
 
+const StyledTextTruncate = styled__default.default.span ``;
+
+function TextTruncate({ string, maxChars, children }) {
+    return string.length > maxChars ? (jsxRuntime.jsxs(StyledTextTruncate, { title: string, children: [`${string.substring(0, maxChars)}...`, children] })) : (jsxRuntime.jsxs(StyledTextTruncate, { children: [string, " ", children] }));
+}
+
 exports.ANIMATION = animation;
 exports.AbstractRadio = Radio$1;
 exports.AbstractRadioGroup = RadioGroup$1;
@@ -17694,6 +17700,7 @@ exports.SingleCombobox = SingleCombobox;
 exports.StyledWizard = StyledWizard;
 exports.TYPOGRAPHY = typography;
 exports.TextInput = TextInput;
+exports.TextTruncate = TextTruncate;
 exports.Wizard = Wizard;
 exports.WizardCard = WizardCard;
 exports.WizardSection = WizardSection;