@indico-data/design-system 1.0.50 → 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',
@@ -8137,6 +8138,7 @@ const indicons = {
     dashboard: (jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M99.8 56.9c0 13.7-5.5 26.1-14.4 35.1 0 0-1 1-2.2 1-.7 0-1.5-.3-2.1-.9l-7.4-7.4c-1.2-1.1-1.2-3 0-4.2 1.1-1.2 3-1.2 4.2 0l2.4 2.4c5.4-6.3 8.9-14.3 9.5-23.1H86c-1.7 0-3-1.3-3-3s1.3-3 3-3h3.7c-.3-5-1.7-9.7-3.8-14 2.4-2.9 4.8-5.8 7-8.5 4.4 7.4 7 16.1 6.9 25.6zM22.1 80.7L19.8 83c-5.4-6.3-9-14.3-9.6-23h3.7c1.7 0 3-1.3 3-3s-1.3-3-3-3h-3.8c.6-8.8 4.1-16.8 9.5-23.1l2.4 2.4c.6.6 1.4.9 2.1.9.7 0 1.5-.3 2.1-.9 1.2-1.2 1.2-3.1 0-4.2l-2.4-2.4c6.3-5.4 14.3-9 23-9.6v3.7c0 1.7 1.3 3 3 3s3-1.3 3-3V17c4.8.3 9.4 1.6 13.6 3.4 2.8-2.4 5.6-4.8 8.3-7.1C67.4 9.2 59 6.8 50 6.8c-27.6 0-50 22.4-50 50 0 13.7 5.5 26.1 14.4 35.1.7.7 1.7 1.3 2.4 1.3s1.5-.3 2.1-.9l7.4-7.4c1.2-1.2 1.2-3.1 0-4.2-1.2-1.2-3.1-1.2-4.2 0zm63.7-60.4c-.9-.9-2.3-1.1-3.4-.4l-.1.1c-9.7 8.3-23.4 20-29.9 25.3-.7-.2-1.6-.3-2.4-.3-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12c0-1.1-.2-2.1-.4-3.1 5.3-6.7 16.5-20.4 24.6-30.2.7-1 .6-2.4-.4-3.4z" }) })),
     'data-and-access': (jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M90.8 51H49V10.1c-1-.1-2-.1-3-.1C21.1 10 1 30.1 1 55s20.1 45 45 45 45-20.1 45-45c0-1.3-.1-2.7-.2-4zM46 90c-19.3 0-35-15.7-35-35 0-16.9 12-31 28-34.3V61h41.5C77.6 77.4 63.3 90 46 90zM57 .1V43h42.9C98.9 19.7 80.3 1.1 57 .1zM67 33V12.1c9.7 3.5 17.3 11.2 20.9 20.9H67z" }) })),
     database: (jsxRuntime.jsx("svg", { viewBox: "0 0 448 512", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M448 73.143v45.714C448 159.143 347.667 192 224 192S0 159.143 0 118.857V73.143C0 32.857 100.333 0 224 0s224 32.857 224 73.143zM448 176v102.857C448 319.143 347.667 352 224 352S0 319.143 0 278.857V176c48.125 33.143 136.208 48.572 224 48.572S399.874 209.143 448 176zm0 160v102.857C448 479.143 347.667 512 224 512S0 479.143 0 438.857V336c48.125 33.143 136.208 48.572 224 48.572S399.874 369.143 448 336z" }) })),
+    document: (jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { d: "M15.6.3q-.45-.3-.9-.3H3.9c-.8 0-1.5.9-1.5 1.7v20.6c0 .8.7 1.7 1.5 1.7H20c.8 0 1.5-.9 1.5-1.7V6.8c0-.3-.1-.6-.3-.8zm4.1 21.8H4.3V1.9h10.1V6c0 .7.5 1.2 1.2 1.2h4.1z" }) })),
     date: (jsxRuntime.jsx("svg", { viewBox: "0 0 50 50", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "m24 28.15q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm-8 0q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm16 0q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm-8 7.85q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm-8 0q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm16 0q-0.75 0-1.25-0.525t-0.5-1.225q0-0.75 0.5-1.275t1.25-0.525 1.25 0.525 0.5 1.275q0 0.7-0.5 1.225t-1.25 0.525zm-22.1 7q-1.2 0-2.05-0.85t-0.85-2.05v-28.95q0-1.15 0.85-2.025t2.05-0.875h3.7v-3.5h2.5v3.5h15.9v-3.5h2.45v3.5h3.65q1.2 0 2.05 0.875t0.85 2.025v28.95q0 1.2-0.85 2.05t-2.05 0.85zm0-2.25h28.2q0.25 0 0.45-0.2t0.2-0.45v-19.85h-29.5v19.85q0 0.25 0.2 0.45t0.45 0.2zm-0.65-22.75h29.5v-6.85q0-0.25-0.2-0.425t-0.45-0.175h-28.2q-0.25 0-0.45 0.175t-0.2 0.425zm0 0v-6.85q0-0.25 0-0.425t0-0.175 0 0.175 0 0.425v6.85z" }) })),
     draggable: (jsxRuntime.jsx("svg", { viewBox: "0 0 322 514", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "m88 352c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.09 0-40-17.9-40-40v-48c0-22.1 17.91-40 40-40h48zm192 0c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40v-48c0-22.1 17.9-40 40-40h48zm-240-32c-22.09 0-40-17.9-40-40v-48c0-22.1 17.91-40 40-40h48c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48zm240-128c22.1 0 40 17.9 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40v-48c0-22.1 17.9-40 40-40h48zm-240-32c-22.09 0-40-17.9-40-40v-48c0-22.09 17.91-40 40-40h48c22.1 0 40 17.91 40 40v48c0 22.1-17.9 40-40 40h-48zm240-128c22.1 0 40 17.91 40 40v48c0 22.1-17.9 40-40 40h-48c-22.1 0-40-17.9-40-40v-48c0-22.09 17.9-40 40-40h48z" }) })),
     droplet: (jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M53.5 1.9C52.7.7 51.4 0 50 0s-2.7.7-3.5 1.9c-3.1 4.8-30.1 47.6-30.1 64.6C16.5 85 31.5 100 50 100s33.5-15 33.5-33.5c0-17-27-59.8-30-64.6zm-3.4 83.9c-2.3 0-4.1-1.8-4.1-4.1s1.8-4.1 4.1-4.1c6.5 0 11.8-5.3 11.8-11.8 0-2.3 1.8-4.1 4.1-4.1s4.1 1.8 4.1 4.1c0 11-9 20-20 20z" }) })),
@@ -8218,7 +8220,7 @@ const indicons = {
     sun: (jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M49.8 23.8c-14.6 0-26.4 11.7-26.4 26.4s11.7 26.4 26.4 26.4 26.4-11.7 26.4-26.4-11.8-26.4-26.4-26.4zM50 16c-2.2 0-4-1.8-4-4V4c0-2.2 1.8-4 4-4s4 1.8 4 4v8c0 2.2-1.8 4-4 4zm-17 4.6c-1.9 1.1-4.4.4-5.5-1.5l-4-6.9c-1.1-1.9-.4-4.4 1.5-5.5 1.9-1.1 4.4-.4 5.5 1.5l4 6.9c1.1 1.9.4 4.4-1.5 5.5zM20.6 33c-1.1 1.9-3.6 2.6-5.5 1.5l-6.9-4c-1.9-1.1-2.6-3.6-1.5-5.5s3.6-2.6 5.5-1.5l6.9 4c1.9 1.1 2.6 3.6 1.5 5.5zM16 50c0 2.2-1.8 4-4 4H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h8c2.2 0 4 1.8 4 4zm4.6 17c1.1 1.9.4 4.4-1.5 5.5l-6.9 4c-1.9 1.1-4.4.4-5.5-1.5-1.1-1.9-.4-4.4 1.5-5.5l6.9-4c1.9-1.1 4.4-.4 5.5 1.5zM33 79.4c1.9 1.1 2.6 3.6 1.5 5.5l-4 6.9c-1.1 1.9-3.6 2.6-5.5 1.5s-2.6-3.6-1.5-5.5l4-6.9c1.1-1.9 3.6-2.6 5.5-1.5zM50 84c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4s-4-1.8-4-4v-8c0-2.2 1.8-4 4-4zm17-4.6c1.9-1.1 4.4-.4 5.5 1.5l4 6.9c1.1 1.9.4 4.4-1.5 5.5-1.9 1.1-4.4.4-5.5-1.5l-4-6.9c-1.1-1.9-.4-4.4 1.5-5.5zM79.4 67c1.1-1.9 3.6-2.6 5.5-1.5l6.9 4c1.9 1.1 2.6 3.6 1.5 5.5s-3.6 2.6-5.5 1.5l-6.9-4c-1.9-1.1-2.6-3.6-1.5-5.5zM84 50c0-2.2 1.8-4 4-4h8c2.2 0 4 1.8 4 4s-1.8 4-4 4h-8c-2.2 0-4-1.8-4-4zm-4.6-17c-1.1-1.9-.4-4.4 1.5-5.5l6.9-4c1.9-1.1 4.4-.4 5.5 1.5 1.1 1.9.4 4.4-1.5 5.5l-6.9 4c-1.9 1.1-4.4.4-5.5-1.5zM67 20.6c-1.9-1.1-2.6-3.6-1.5-5.5l4-6.9c1.1-1.9 3.6-2.6 5.5-1.5s2.6 3.6 1.5 5.5l-4 6.9c-1.1 1.9-3.6 2.6-5.5 1.5z" }) })),
     surround: (jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M100 25V6.2c0-3.5-2.8-6.2-6.2-6.2H75c-3.5 0-6.2 2.8-6.2 6.2H31.2C31.2 2.8 28.5 0 25 0H6.2C2.8 0 0 2.8 0 6.2V25c0 3.5 2.8 6.2 6.2 6.2v37.5C2.8 68.8 0 71.5 0 75v18.8c0 3.5 2.8 6.2 6.2 6.2H25c3.5 0 6.2-2.8 6.2-6.2h37.5c0 3.5 2.8 6.2 6.2 6.2h18.8c3.5 0 6.2-2.8 6.2-6.2V75c0-3.5-2.8-6.2-6.2-6.2V31.2c3.5 0 6.3-2.7 6.3-6.2zM81.2 12.5h6.2v6.2h-6.2v-6.2zm-68.7 0h6.2v6.2h-6.2v-6.2zm6.3 75h-6.2v-6.2h6.2v6.2zm68.7 0h-6.2v-6.2h6.2v6.2zm-6.3-18.7H75c-3.5 0-6.2 2.8-6.2 6.2v6.2H31.2V75c0-3.5-2.8-6.2-6.2-6.2h-6.2V31.2H25c3.5 0 6.2-2.8 6.2-6.2v-6.2h37.5V25c0 3.5 2.8 6.2 6.2 6.2h6.2v37.6z" }) })),
     'surround-outline': (jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M89.3,71.9V28.1c6.2-1.6,10.7-7.1,10.7-13.8C100,6.4,93.6,0,85.7,0\n\tc-6.6,0-12.2,4.6-13.8,10.7H28.1C26.5,4.6,20.9,0,14.3,0C6.4,0,0,6.4,0,14.3c0,6.6,4.6,12.2,10.7,13.8v43.9C4.6,73.5,0,79.1,0,85.7\n\tC0,93.6,6.4,100,14.3,100c6.6,0,12.2-4.6,13.8-10.7h43.9c1.6,6.2,7.1,10.7,13.8,10.7c7.9,0,14.3-6.4,14.3-14.3\n\tC100,79.1,95.4,73.5,89.3,71.9z M71.9,82.1H28.1c-1.3-5-5.2-8.9-10.2-10.2V28.1c5-1.3,8.9-5.2,10.2-10.2h43.9\n\tc1.3,5,5.2,8.9,10.2,10.2v43.9C77.1,73.2,73.2,77.1,71.9,82.1z M85.7,7.1c3.9,0,7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1\n\tc-3.9,0-7.1-3.2-7.1-7.1S81.8,7.1,85.7,7.1z M7.1,14.3c0-3.9,3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1S7.1,18.2,7.1,14.3z\n\t M14.3,92.9c-3.9,0-7.1-3.2-7.1-7.1s3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1S18.2,92.9,14.3,92.9z M85.7,92.9c-3.9,0-7.1-3.2-7.1-7.1\n\ts3.2-7.1,7.1-7.1c3.9,0,7.1,3.2,7.1,7.1S89.6,92.9,85.7,92.9z" }) })),
-    text: (jsxRuntime.jsx("svg", { viewBox: "0 0 102 102", fill: "currentColor", children: jsxRuntime.jsx("g", { transform: "translate(1 1)", children: jsxRuntime.jsx("path", { d: "M25.4,90.3V23.4H0V9.7h64.5v13.7H39.1v66.9H25.4z M70.6,90.3V49.2H54.8V35.5H100v13.7H84.3v41.2H70.6z" }) }) })),
+    text: (jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { d: "M16 4V2H0v2h7v18h2V4zM24.2 9h-10v2h4v11h2V11h4z" }) })),
     'thumbs-down': (jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M3.5 2.3h15c2 0 3.5 1.9 3.5 3.8v45.3c0 1.9-1.6 3.8-3.5 3.8h-15c-2 0-3.5-1.9-3.5-3.8V6.1c0-1.9 1.6-3.8 3.5-3.8zM100 57.6v-1.5c0-3.8-3.2-6.8-7-6.8h-2.5c3.6-.3 6.5-3.5 6.5-7.2v-1.5c0-3.8-3.2-7.3-7-7.3h-3c3.9 0 7-2.9 7-6.7v-1.5c0-3.8-3.2-6.8-7-6.8h-3c3.9 0 7-3.4 7-7.2V9.6c0-3.8-3.2-7.3-7-7.3H40.2c-6.1 0-12.1 6.2-12.1 12.3v38c0 3.9 20.5 40 20.5 40 2.1 4.6 7.6 6.7 12.2 4.6l1.2-.5c4.6-2.1 7.3-7.7 6-12.6l-5.4-19.7H93c3.8-.1 7-3 7-6.8z" }) })),
     'thumbs-up': (jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M0 94.2V48.8C0 46.9 1.6 45 3.5 45h15c2 0 3.5 1.9 3.5 3.8v45.3c0 1.9-1.6 3.8-3.5 3.8h-15C1.6 98 0 96.1 0 94.2zM93 36H62.7L68 16.3c1.3-4.9-1.4-10.6-6-12.6l-1.2-.5c-4.6-2.1-10.1 0-12.2 4.6 0 0-20.5 36.1-20.5 40v38c0 6.1 5.9 12.3 12.1 12.3h43.7c3.9 0 7-3.4 7-7.3v-1.5c0-3.8-3.2-7.2-7-7.2h3c3.9 0 7-2.9 7-6.8v-1.5c0-3.8-3.2-6.7-7-6.7h3c3.9 0 7-3.4 7-7.3v-1.5c0-3.7-2.9-6.9-6.5-7.2H93c3.9 0 7-2.9 7-6.8v-1.5c0-3.9-3.2-6.8-7-6.8z" }) })),
     time: (jsxRuntime.jsx("svg", { viewBox: "0 0 50 50", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "m31.5 33.25 1.7-1.7-7.95-8v-10.05h-2.25v10.95zm-7.5 9.75q-3.9 0-7.375-1.5t-6.05-4.075-4.075-6.05-1.5-7.375 1.5-7.375 4.075-6.05 6.05-4.075 7.375-1.5 7.375 1.5 6.05 4.075 4.075 6.05 1.5 7.375-1.5 7.375-4.075 6.05-6.05 4.075-7.375 1.5zm0-19zm0 16.75q6.9 0 11.825-4.925t4.925-11.825-4.925-11.825-11.825-4.925-11.825 4.925-4.925 11.825 4.925 11.825 11.825 4.925z" }) })),
@@ -13680,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);
@@ -13705,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,
@@ -13794,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.