@indico-data/design-system 1.0.51 → 1.0.52

package/lib/tokens/colors.d.ts

@@ -56,6 +56,7 @@ export declare const allColors: {
     readonly flamingo: "#f861b6";
     readonly flirt: "#910870";
     readonly forestGreen: "#1f7f1f";
+    readonly frostedOver: "#DCEAFD";
     readonly geraldine: "#fe9486";
     readonly grannysmith: "#92e959";
     readonly green: "#4caf50";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "1.0.51",
+  "version": "1.0.52",
   "description": "",
   "author": "",
   "main": "lib/index.js",
@@ -38,14 +38,14 @@
     "svgo": "^3.2.0",
     "tslib": "^2.6.2",
     "uuid": "^9.0.1",
-    "webpack": "^5.89.0",
+    "webpack": "^5.90.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.7",
+    "@babel/core": "^7.23.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-env": "^7.23.8",
+    "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@react-aria/button": "^3.9.1",
@@ -55,32 +55,32 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "^7.6.10",
-    "@storybook/addon-docs": "^7.6.10",
-    "@storybook/addon-essentials": "^7.6.10",
-    "@storybook/addon-interactions": "^7.6.10",
-    "@storybook/addon-links": "^7.6.10",
-    "@storybook/addon-onboarding": "^1.0.10",
+    "@storybook/addon-a11y": "^7.6.13",
+    "@storybook/addon-docs": "^7.6.13",
+    "@storybook/addon-essentials": "^7.6.13",
+    "@storybook/addon-interactions": "^7.6.13",
+    "@storybook/addon-links": "^7.6.13",
+    "@storybook/addon-onboarding": "^1.0.11",
     "@storybook/addon-styling": "^1.3.7",
     "@storybook/addon-styling-webpack": "^0.0.6",
-    "@storybook/addon-themes": "^7.6.10",
-    "@storybook/blocks": "^7.6.10",
-    "@storybook/react": "^7.6.10",
-    "@storybook/react-webpack5": "^7.6.10",
-    "@storybook/test": "^7.6.10",
+    "@storybook/addon-themes": "^7.6.13",
+    "@storybook/blocks": "^7.6.13",
+    "@storybook/react": "^7.6.13",
+    "@storybook/react-webpack5": "^7.6.13",
+    "@storybook/test": "^7.6.13",
     "@storybook/test-runner": "^0.16.0",
     "@testing-library/dom": "^9.3.4",
-    "@testing-library/jest-dom": "^6.2.1",
-    "@testing-library/react": "^14.1.2",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.11",
-    "@types/react": "^18.2.48",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.18",
     "@types/react-modal": "^3.16.3",
     "@types/styled-components": "^5.1.34",
-    "@types/uuid": "^9.0.7",
-    "@typescript-eslint/eslint-plugin": "^6.19.1",
-    "@typescript-eslint/parser": "^6.19.1",
+    "@types/uuid": "^9.0.8",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "^2.1.4",
     "babel-preset-react-app": "^10.0.1",
@@ -89,18 +89,18 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.0",
-    "postcss": "^8.4.33",
-    "prettier": "3.2.4",
+    "lint-staged": "^15.2.2",
+    "postcss": "^8.4.34",
+    "prettier": "3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.21.3",
+    "react-router-dom": "^6.22.0",
     "react-select": "^5.8.0",
     "rollup": "^4.9.6",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^7.6.10",
+    "storybook": "^7.6.13",
     "styled-components": "^6.1.8",
     "ts-loader": "^9.5.1",
     "tsconfig-paths-webpack-plugin": "^4.1.0",

package/src/components/inputs/RadioButtons/RadioButtons.tsx

@@ -15,6 +15,7 @@ type Props = {
   labelColor: string;
   hoverAndSelectedColor: string;
   focusRingColor: string;
+  value: string;
 } & RadioGroupProps &
   PermafrostComponent;
 
@@ -25,16 +26,17 @@ type Props = {
  * `label` prop, or include an `aria-label` or `aria-labelledby` attribute.
  */
 export function RadioGroup({ children, ...props }: Props) {
-  const { color, hideFocusRing, labelColor, hoverAndSelectedColor, focusRingColor } = props;
+  const { value, color, hideFocusRing, labelColor, hoverAndSelectedColor, focusRingColor } = props;
   return (
     <StyledRadioGroup
       {...props}
-      hideFocusRing
+      hideFocusRing={hideFocusRing}
       data-cy={props['data-cy']}
       color={color}
       labelColor={labelColor}
       hoverAndSelectedColor={hoverAndSelectedColor}
       focusRingColor={focusRingColor}
+      value={value}
     >
       {children}
     </StyledRadioGroup>

package/src/components/inputs/RadioGroup/RadioGroup.tsx

@@ -49,10 +49,10 @@ export function RadioGroup(props: RadioGroupProps) {
     isReadOnly: isReadOnly || false,
     lastFocusedValue,
     name: name || '',
-    selectedValue: value,
-    setLastFocusedValue,
-    setSelectedValue: onChange,
     defaultValue,
+    value,
+    setLastFocusedValue,
+    onChange: onChange ? (value: string) => onChange(value) : undefined,
   };
 
   const state = useRadioGroupState(radioGroupState);
@@ -100,8 +100,7 @@ export function Radio(
   if (isVisuallySelected) {
     isSelected = isVisuallySelected(state.selectedValue as string);
   } else {
-    // @ts-ignore
-    isSelected = state.selectedValue === props.value || state?.defaultValue === props.value;
+    isSelected = state.selectedValue === props.value;
   }
 
   return (

package/src/tokens/colors.ts

@@ -56,6 +56,7 @@ export const allColors = {
   flamingo: '#f861b6',
   flirt: '#910870',
   forestGreen: '#1f7f1f',
+  frostedOver: '#DCEAFD',
   geraldine: '#fe9486',
   grannysmith: '#92e959',
   green: '#4caf50',

package/lib/components/Navigation/Drawer/constants.d.ts

@@ -1,3 +0,0 @@
-import { ListItem } from './types';
-export declare const navigationItems: ListItem[];
-export declare const footerItems: ListItem[];