@manuscripts/style-guide 3.4.5 → 3.4.7

package/dist/types/components/InspectorSection.d.ts

@@ -34,6 +34,7 @@ interface Props {
     title: React.ReactNode;
     contentStyles?: CSSProperties;
     children?: React.ReactNode;
+    collapsible?: boolean;
 }
 export declare const InspectorSection: React.FC<Props>;
 export {};

package/dist/types/components/RadioButton.d.ts

@@ -14,11 +14,11 @@
  * limitations under the License.
  */
 import React from 'react';
-interface RadioProps {
+interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
     checked?: boolean;
     id: string;
     label: string | React.ReactNode;
     name?: string;
 }
-export declare const RadioButton: React.FunctionComponent<RadioProps>;
+export declare const RadioButton: React.FC<RadioProps>;
 export {};

package/dist/types/components/RadioGroup.d.ts

@@ -0,0 +1,28 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, { FC } from 'react';
+export interface StyledRadioGroupOption {
+    label: string;
+    value: string;
+}
+export interface StyledRadioGroupProps {
+    name: string;
+    options: StyledRadioGroupOption[];
+    value?: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+}
+export declare const StyledRadioGroup: FC<StyledRadioGroupProps>;

package/dist/types/components/SelectField.d.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { FieldProps } from 'formik';
-import React from 'react';
+import { FC } from 'react';
 export type OptionType = {
     label: string;
     value: string;
@@ -25,6 +25,8 @@ interface Props {
     error?: boolean;
     variant?: 'small' | 'large';
     isDisabled?: boolean;
+    isLoading?: boolean;
+    isSearchable?: boolean;
 }
-export declare const SelectField: React.FC<Props & Partial<FieldProps>>;
+export declare const SelectField: FC<Props & Partial<FieldProps>>;
 export {};

package/dist/types/components/icons/calendar.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconProps } from './types';
+export declare const CalendarIcon: React.FC<IconProps>;
+export default CalendarIcon;

package/dist/types/components/icons/globe.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconProps } from './types';
+export declare const GlobeIcon: React.FC<IconProps>;
+export default GlobeIcon;

package/dist/types/components/icons/index.d.ts

@@ -36,6 +36,7 @@ export { default as AffiliationIcon } from './affiliation';
 export { default as AuthorPlaceholderIcon } from './author-placeholder';
 export { default as AffiliationPlaceholderIcon } from './affiliation-placeholder';
 export { default as BookIcon } from './book';
+export { default as CalendarIcon } from './calendar';
 export { default as ChatIcon } from './chat';
 export { default as SystemUserAvatarIcon } from './system-user-avatar';
 export { default as CitationCountIcon } from './citation-count';
@@ -65,6 +66,7 @@ export { default as FileUnknownIcon } from './file-unknown';
 export { default as FileVideoIcon } from './file-video';
 export { default as HandleInspectorIcon } from './handle-inspector';
 export { default as HandleOutlineIcon } from './handle-outline';
+export { default as GlobeIcon } from './globe';
 export { default as HelpIcon } from './help';
 export { default as ImageLeftIcon } from './image-left';
 export { default as ImageDefaultIcon } from './image-default';

package/dist/types/index.d.ts

@@ -14,13 +14,14 @@
  * limitations under the License.
  */
 export { Theme } from './theme';
-export { defaultTheme } from './defaultTheme';
 export * as colors from './colors';
+export { defaultTheme } from './defaultTheme';
 export * from './components/AlertMessage';
 export * from './components/Message';
 export * from './components/Button';
 export * from './components/ContextMenu';
 export * from './components/RadioButton';
+export { StyledRadioGroup, type StyledRadioGroupOption, type StyledRadioGroupProps, } from './components/RadioGroup';
 export * from './components/Avatar';
 export * from './components/Dialog';
 export * from './components/DraggableModal';
@@ -32,6 +33,8 @@ export * from './components/SaveStatus';
 export * from './components/StyledModal';
 export * from './components/Sidebar';
 export * from './components/TextField';
+export * from './components/FormFieldContainer';
+export * from './components/FormCommon';
 export * from './components/ToggleSwitch';
 export { ToggleHeader, ToggleIcon } from './components/ToggleHeader';
 export * from './components/Tooltip';
@@ -46,6 +49,7 @@ export * from './components/Text';
 export * from './components/RelativeDate';
 export * from './components/Menus';
 export * from './components/Drawer';
+export * from './components/DatePicker';
 export * from './components/SelectField';
 export * from './components/SelectedItemsBox';
 export * from './hooks/use-dropdown';

package/dist/types/theme.d.ts

@@ -107,6 +107,8 @@ interface Text {
     muted: string;
     onDark: string;
     onLight: string;
+    greyMuted?: string;
+    greyLight?: string;
 }
 interface FontFamily {
     sans: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "3.4.5",
+  "version": "3.4.7",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -43,6 +43,7 @@
     "prosemirror-state": "1.4.3",
     "prosemirror-view": "1.41.0",
     "react": "19.2.0",
+    "react-datepicker": "^7.6.0",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
     "react-dom": "19.2.0",
@@ -73,6 +74,7 @@
     "@types/lodash": "4.17.16",
     "@types/node": "^20.19.25",
     "@types/react": "19.2.3",
+    "@types/react-datepicker": "^7.0.0",
     "@types/react-dom": "19.2.3",
     "@types/react-modal": "3.16.3",
     "@types/react-router-dom": "5.3.3",