@loomhq/lens 10.21.0 → 10.22.0

package/dist/components/icon-button/icon-button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-declare const IconButtonWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IconButtonWrapperProps, object>;
-declare const IconButton: ({ altText, icon, onClick, iconColor, isDisabled, size, ...props }: IconButtonProps & React.ComponentProps<typeof IconButtonWrapper>) => JSX.Element;
+export declare const IconButtonBox: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, IconButtonBoxProps, object>;
+declare const IconButton: ({ altText, icon, onClick, iconColor, isDisabled, size, ...props }: IconButtonProps & React.ComponentProps<typeof IconButtonBox>) => JSX.Element;
 declare type IconButtonProps = {
     altText: string;
     icon?: React.ReactNode;
@@ -9,7 +9,7 @@ declare type IconButtonProps = {
     isDisabled?: boolean;
     size?: 'small' | 'medium';
 };
-declare type IconButtonWrapperProps = {
+declare type IconButtonBoxProps = {
     size?: 'small' | 'medium';
 };
 export default IconButton;

package/dist/components/icon-button/icon-button.js

@@ -9,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { getColorValue, getFocusRing, getRadius, u } from '../../utilities';
+import Icon from '../icon/icon';
 import React from 'react';
 import styled from '@emotion/styled';
-import { u, getFocusRing, getRadius, getColorValue } from '../../utilities';
-import Icon from '../icon/icon';
 const sizeStyles = {
     small: {
         size: u(3),
@@ -23,7 +23,7 @@ const sizeStyles = {
         iconSize: 3,
     },
 };
-const IconButtonWrapper = styled.button `
+export const IconButtonBox = styled.button `
   background-color: transparent;
   border: none;
   appearance: none;
@@ -75,7 +75,7 @@ const IconButtonWrapper = styled.button `
 `;
 const IconButton = (_a) => {
     var { altText, icon, onClick, iconColor = 'body', isDisabled, size = 'medium' } = _a, props = __rest(_a, ["altText", "icon", "onClick", "iconColor", "isDisabled", "size"]);
-    return (React.createElement(IconButtonWrapper, Object.assign({ "aria-label": altText, onClick: onClick, disabled: isDisabled, size: size }, props),
+    return (React.createElement(IconButtonBox, Object.assign({ "aria-label": altText, onClick: onClick, disabled: isDisabled, size: size }, props),
         React.createElement(Icon, { icon: icon, size: sizeStyles[size].iconSize, color: isDisabled ? 'disabledContent' : iconColor })));
 };
 export default IconButton;

package/dist/components/index.d.ts

@@ -7,7 +7,6 @@ export { default as TextInput } from "./text-input/text-input";
 export { default as Distribute } from "./distribute/distribute";
 export { default as Container } from "./container/container";
 export { default as Layout } from "./layout/layout";
-export { default as IconButton } from "./icon-button/icon-button";
 export { default as Loader } from "./loader/loader";
 export { default as Checkbox } from "./checkbox/checkbox";
 export { default as TextButton } from "./text-button/text-button";
@@ -28,6 +27,7 @@ export { default as Arrange } from "./arrange/arrange";
 export { default as ColorPicker } from "./color-picker/color-picker";
 export * from "./icon/available-icons";
 export { default as BaseStyles, buildGlobalStylesheet } from "./base-styles/base-styles";
+export { default as IconButton, IconButtonBox } from "./icon-button/icon-button";
 export { default as Menu, MenuItem } from "./menu/menu";
 export { default as Modal, ModalCard } from "./modal/modal";
 export { default as Tooltip, TooltipBox } from "./tooltip/tooltip";

package/dist/components/index.js

@@ -9,6 +9,7 @@ export { default as Distribute } from './distribute/distribute';
 export { default as Container } from './container/container';
 export { default as Layout } from './layout/layout';
 export { default as IconButton } from './icon-button/icon-button';
+export { IconButtonBox } from './icon-button/icon-button';
 export { default as Loader } from './loader/loader';
 export { default as Checkbox } from './checkbox/checkbox';
 export { default as TextButton } from './text-button/text-button';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.21.0",
+  "version": "10.22.0",
   "scripts": {
     "dev": "next",
     "build:next": "next build",