@manuscripts/style-guide 2.0.1 → 2.0.3-LEAN-3821.1

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.
@@ -289,7 +289,7 @@ exports.IconButtonGroup = styled_components_1.default.div `
289
289
  align-items: center;
290
290
 
291
291
  button {
292
- width: 28px;
293
- height: 28px;
292
+ width: ${(props) => props.size || 28}px;
293
+ height: ${(props) => props.size || 28}px;
294
294
  }
295
295
  `;
@@ -35,9 +35,9 @@ const ContextMenuIconButton = (0, styled_components_1.default)(Button_1.IconButt
35
35
  `;
36
36
  const icons = {
37
37
  AddComment: icons_1.AddCommentIcon,
38
- EditIcon: icons_1.EditIcon,
38
+ Edit: icons_1.EditIcon,
39
39
  };
40
- const ContextMenu = ({ actions }) => (react_1.default.createElement(Button_1.IconButtonGroup, null, actions.map((action) => {
40
+ const ContextMenu = ({ actions }) => (react_1.default.createElement(Button_1.IconButtonGroup, { size: 32 }, actions.map((action) => {
41
41
  const Icon = icons[action.icon];
42
42
  return (react_1.default.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action },
43
43
  react_1.default.createElement(Icon, null),
@@ -263,7 +263,7 @@ export const IconButtonGroup = styled.div `
263
263
  align-items: center;
264
264
 
265
265
  button {
266
- width: 28px;
267
- height: 28px;
266
+ width: ${(props) => props.size || 28}px;
267
+ height: ${(props) => props.size || 28}px;
268
268
  }
269
269
  `;
@@ -29,9 +29,9 @@ const ContextMenuIconButton = styled(IconButton) `
29
29
  `;
30
30
  const icons = {
31
31
  AddComment: AddCommentIcon,
32
- EditIcon: EditIcon,
32
+ Edit: EditIcon,
33
33
  };
34
- export const ContextMenu = ({ actions }) => (React.createElement(IconButtonGroup, null, actions.map((action) => {
34
+ export const ContextMenu = ({ actions }) => (React.createElement(IconButtonGroup, { size: 32 }, actions.map((action) => {
35
35
  const Icon = icons[action.icon];
36
36
  return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action },
37
37
  React.createElement(Icon, null),
@@ -95,4 +95,6 @@ export declare const SecondaryIconButton: import("styled-components").StyledComp
95
95
  iconColor?: string | undefined;
96
96
  }, "type">;
97
97
  export declare const ButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
98
- export declare const IconButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
98
+ export declare const IconButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
99
+ size?: number | undefined;
100
+ }, never>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@manuscripts/style-guide",
3
3
  "description": "Shared components for Manuscripts applications",
4
- "version": "2.0.1",
4
+ "version": "2.0.3-LEAN-3821.1",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@manuscripts/json-schema": "2.2.10",
36
- "@manuscripts/transform": "2.3.21",
36
+ "@manuscripts/transform": "2.3.22-LEAN-3821.1",
37
37
  "@reach/tabs": "^0.18.0",
38
38
  "date-fns": "^2.29.3",
39
39
  "formik": "^2.2.9",