diff --git a/examples/react-example/package.json b/examples/react-example/package.json index 9acacc1..3c91a3e 100644 --- a/examples/react-example/package.json +++ b/examples/react-example/package.json @@ -3,7 +3,7 @@ "version": "0.1.0", "private": true, "dependencies": { - "@imagekit/editor": "1.1.0", + "@imagekit/editor": "1.2.0", "@types/node": "^20.11.24", "@types/react": "^17.0.2", "@types/react-dom": "^17.0.2", diff --git a/packages/imagekit-editor-dev/src/components/editor/wrapper.tsx b/packages/imagekit-editor-dev/src/components/editor/wrapper.tsx index a1a6101..8badf51 100644 --- a/packages/imagekit-editor-dev/src/components/editor/wrapper.tsx +++ b/packages/imagekit-editor-dev/src/components/editor/wrapper.tsx @@ -8,7 +8,7 @@ export function EditorWrapper({ children }: EditorWrapperProps) { return ( { alignItems="center" flexDirection="row" px="1rem" + paddingRight="0" borderBottomWidth="1px" borderBottomColor="editorBattleshipGrey.100" - gap="4" flexShrink={0} > {headerText} @@ -87,6 +88,9 @@ export const Header = ({ onClose, exportOptions }: HeaderProps) => { aria-label={exportOption.label} variant="ghost" fontWeight="normal" + height="full" + borderRadius="0" + px="8" size="sm" onClick={() => exportOption.onClick(imageList, currentImage)} > @@ -94,16 +98,18 @@ export const Header = ({ onClose, exportOptions }: HeaderProps) => { ) : ( - - + + {exportOption.label} {exportOption.options @@ -132,6 +138,9 @@ export const Header = ({ onClose, exportOptions }: HeaderProps) => { onClick={onClose} variant="ghost" fontWeight="normal" + height="full" + borderRadius="0" + px="8" size="sm" > Close diff --git a/packages/imagekit-editor/package.json b/packages/imagekit-editor/package.json index 1a859e7..5152ffc 100644 --- a/packages/imagekit-editor/package.json +++ b/packages/imagekit-editor/package.json @@ -1,6 +1,6 @@ { "name": "@imagekit/editor", - "version": "1.1.0", + "version": "1.2.0", "description": "Image Editor powered by ImageKit", "main": "dist/index.cjs.js", "module": "dist/index.es.js", diff --git a/yarn.lock b/yarn.lock index 4c7f56a..2ee9055 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1651,7 +1651,7 @@ __metadata: languageName: node linkType: hard -"@imagekit/editor@npm:1.1.0, @imagekit/editor@workspace:packages/imagekit-editor": +"@imagekit/editor@npm:1.2.0, @imagekit/editor@workspace:packages/imagekit-editor": version: 0.0.0-use.local resolution: "@imagekit/editor@workspace:packages/imagekit-editor" peerDependencies: @@ -4188,7 +4188,7 @@ __metadata: version: 0.0.0-use.local resolution: "react-example@workspace:examples/react-example" dependencies: - "@imagekit/editor": "npm:1.1.0" + "@imagekit/editor": "npm:1.2.0" "@types/node": "npm:^20.11.24" "@types/react": "npm:^17.0.2" "@types/react-dom": "npm:^17.0.2"