@instructure/ui-buttons 10.2.3-snapshot-13 → 10.2.3-snapshot-15

package/lib/Button/__new-tests__/Button.test.js

@@ -60,7 +60,7 @@ describe('<Button/>', () => {
   });
   it('should render children', () => {
     const children = 'Hello world';
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, null, children));
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, null, children));
     const button = document.querySelector('button');
     expect(button).toBeInTheDocument();
     expect(button).toHaveTextContent(children);
@@ -75,7 +75,7 @@ describe('<Button/>', () => {
   it('should provide a focused getter', () => {
     var _componentRef;
     let componentRef;
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button
     //@ts-expect-error TODO this is coming from ReactComponentWrapper
     , {
       ref: component => {
@@ -91,7 +91,7 @@ describe('<Button/>', () => {
   it('should provide a focus function', () => {
     var _componentRef2;
     let componentRef;
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button
     //@ts-expect-error TODO this is coming from ReactComponentWrapper
     , {
       ref: component => {
@@ -116,7 +116,7 @@ describe('<Button/>', () => {
   });
   it('should pass the `elementRef` prop', () => {
     const elementRef = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
       elementRef: elementRef
     }, "Hello"));
     const button = _react2.screen.getByRole('button', {
@@ -193,7 +193,7 @@ describe('<Button/>', () => {
   });
   it('should pass the `onClick` prop', async () => {
     const onClick = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
       onClick: onClick
     }, "Hello"));
     const button = _react2.screen.getByRole('button', {
@@ -248,7 +248,7 @@ describe('<Button/>', () => {
   });
   it('should set role="button"', () => {
     const onClick = _vitest.vi.fn();
-    const _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+    const _render4 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         as: "span",
         onClick: onClick
       }, "Hello World")),
@@ -259,7 +259,7 @@ describe('<Button/>', () => {
   });
   it('should set tabIndex="0"', () => {
     const onClick = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
       as: "span",
       onClick: onClick
     }, "Hello World"));
@@ -269,7 +269,7 @@ describe('<Button/>', () => {
   });
   it('should pass down the type prop to the button element', () => {
     const onClick = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
       type: "submit",
       onClick: onClick
     }, "Hello World"));
@@ -279,7 +279,7 @@ describe('<Button/>', () => {
   });
   it('focuses with the focus helper', () => {
     const onFocus = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
       onFocus: onFocus
     }, "Hello World"));
     const button = _react2.screen.getByRole('button');
@@ -290,7 +290,7 @@ describe('<Button/>', () => {
   describe('onClick', () => {
     it('should call onClick when clicked', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         onClick: onClick
       }, "Hello World"));
       const button = _react2.screen.getByRole('button', {
@@ -303,7 +303,7 @@ describe('<Button/>', () => {
     });
     it('should not call onClick when button is disabled', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         disabled: true,
         onClick: onClick
       }, "Hello World"));
@@ -317,7 +317,7 @@ describe('<Button/>', () => {
     });
     it('should not call onClick when button is readOnly', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         readOnly: true,
         onClick: onClick
       }, "Hello World"));
@@ -344,7 +344,7 @@ describe('<Button/>', () => {
     });
     it('should not call onClick when button is readOnly and an href prop is provided', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         readOnly: true,
         onClick: onClick,
         href: "#"
@@ -359,7 +359,7 @@ describe('<Button/>', () => {
     });
     it('should call onClick when space key is pressed if href is provided', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         onClick: onClick,
         href: "#"
       }, "Hello World"));
@@ -373,7 +373,7 @@ describe('<Button/>', () => {
     });
     it('should call onClick when enter key is pressed when not a button or link', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         as: "span",
         onClick: onClick
       }, "Hello World"));
@@ -387,7 +387,7 @@ describe('<Button/>', () => {
     });
     it('should not call onClick when button is disabled and space key is pressed', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         disabled: true,
         onClick: onClick,
         href: "#"
@@ -402,7 +402,7 @@ describe('<Button/>', () => {
     });
     it('should not call onClick when button is readOnly and space key is pressed', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         readOnly: true,
         onClick: onClick,
         href: "#"
@@ -419,7 +419,7 @@ describe('<Button/>', () => {
   describe('for a11y', () => {
     it('should meet standards when onClick is given', async () => {
       const onClick = _vitest.vi.fn();
-      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Button, {
+      (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Button, {
         onClick: onClick
       }, "Hello World"));
       const button = _react2.screen.getByRole('button', {

package/lib/CloseButton/__new-tests__/CloseButton.test.js

@@ -53,7 +53,7 @@ describe('<CloseButton />', () => {
   });
   it('should pass the `onClick` prop', async () => {
     const onClick = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.CloseButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.CloseButton, {
       onClick: onClick,
       screenReaderLabel: "Hello"
     }));

package/lib/CondensedButton/__new-tests__/CondensedButton.test.js

@@ -48,7 +48,7 @@ describe('<CondensedButton/>', () => {
   const iconSelector = 'svg[data-title="myIcon"]';
   it('should render children', () => {
     const children = 'Hello world';
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.CondensedButton, null, children));
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.CondensedButton, null, children));
     const button = document.querySelector('button');
     expect(button).toBeInTheDocument();
     expect(button).toHaveTextContent(children);
@@ -56,7 +56,7 @@ describe('<CondensedButton/>', () => {
   it('should provide a focused getter', () => {
     var _componentRef;
     let componentRef;
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.CondensedButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.CondensedButton, {
       ref: component => {
         componentRef = component;
       }
@@ -70,7 +70,7 @@ describe('<CondensedButton/>', () => {
   it('should provide a focus function', () => {
     var _componentRef2;
     let componentRef;
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.CondensedButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.CondensedButton, {
       ref: component => {
         componentRef = component;
       }
@@ -93,7 +93,7 @@ describe('<CondensedButton/>', () => {
   });
   it('should pass the `elementRef` prop', async () => {
     const elementRef = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.CondensedButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.CondensedButton, {
       elementRef: elementRef
     }, "Hello"));
     const button = _react2.screen.getByRole('button', {
@@ -170,7 +170,7 @@ describe('<CondensedButton/>', () => {
   });
   it('should pass the `onClick` prop', async () => {
     const onClick = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.CondensedButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.CondensedButton, {
       onClick: onClick
     }, "Hello"));
     const button = _react2.screen.getByRole('button', {

package/lib/IconButton/__new-tests__/IconButton.test.js

@@ -69,7 +69,7 @@ describe('<IconButton/>', () => {
   it('should provide a focused getter', () => {
     var _componentRef;
     let componentRef;
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.IconButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.IconButton, {
       screenReaderLabel: "some action",
       renderIcon: icon,
       ref: component => {
@@ -83,7 +83,7 @@ describe('<IconButton/>', () => {
   it('should provide a focus function', () => {
     var _componentRef2;
     let componentRef;
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.IconButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.IconButton, {
       screenReaderLabel: "some action",
       renderIcon: icon,
       ref: component => {
@@ -116,7 +116,7 @@ describe('<IconButton/>', () => {
   });
   it('should pass the `elementRef` prop', () => {
     const elementRef = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.IconButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.IconButton, {
       screenReaderLabel: "some action",
       renderIcon: icon,
       elementRef: elementRef
@@ -174,7 +174,7 @@ describe('<IconButton/>', () => {
   });
   it('should pass the `onClick` prop', async () => {
     const onClick = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.IconButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.IconButton, {
       screenReaderLabel: "some action",
       renderIcon: icon,
       onClick: onClick

package/lib/ToggleButton/__new-tests__/ToggleButton.test.js

@@ -150,7 +150,7 @@ describe('<ToggleButton />', () => {
   });
   it('should pass the `onClick` prop', async () => {
     const onClick = _vitest.vi.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.ToggleButton, {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.ToggleButton, {
       screenReaderLabel: "This is a screen reader label",
       renderIcon: icon,
       renderTooltipContent: "This is tooltip content",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-buttons",
-  "version": "10.2.3-snapshot-13",
+  "version": "10.2.3-snapshot-15",
   "description": "Accessible button components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,32 +23,32 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.2.3-snapshot-13",
-    "@instructure/ui-babel-preset": "10.2.3-snapshot-13",
-    "@instructure/ui-test-utils": "10.2.3-snapshot-13",
-    "@instructure/ui-themes": "10.2.3-snapshot-13",
+    "@instructure/ui-axe-check": "10.2.3-snapshot-15",
+    "@instructure/ui-babel-preset": "10.2.3-snapshot-15",
+    "@instructure/ui-test-utils": "10.2.3-snapshot-15",
+    "@instructure/ui-themes": "10.2.3-snapshot-15",
     "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^15.0.7",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
-    "vitest": "^2.0.2"
+    "vitest": "^2.1.1"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.5",
-    "@instructure/console": "10.2.3-snapshot-13",
-    "@instructure/emotion": "10.2.3-snapshot-13",
-    "@instructure/shared-types": "10.2.3-snapshot-13",
-    "@instructure/ui-a11y-content": "10.2.3-snapshot-13",
-    "@instructure/ui-a11y-utils": "10.2.3-snapshot-13",
-    "@instructure/ui-color-utils": "10.2.3-snapshot-13",
-    "@instructure/ui-dom-utils": "10.2.3-snapshot-13",
-    "@instructure/ui-icons": "10.2.3-snapshot-13",
-    "@instructure/ui-position": "10.2.3-snapshot-13",
-    "@instructure/ui-prop-types": "10.2.3-snapshot-13",
-    "@instructure/ui-react-utils": "10.2.3-snapshot-13",
-    "@instructure/ui-testable": "10.2.3-snapshot-13",
-    "@instructure/ui-tooltip": "10.2.3-snapshot-13",
-    "@instructure/ui-utils": "10.2.3-snapshot-13",
-    "@instructure/ui-view": "10.2.3-snapshot-13",
+    "@babel/runtime": "^7.25.6",
+    "@instructure/console": "10.2.3-snapshot-15",
+    "@instructure/emotion": "10.2.3-snapshot-15",
+    "@instructure/shared-types": "10.2.3-snapshot-15",
+    "@instructure/ui-a11y-content": "10.2.3-snapshot-15",
+    "@instructure/ui-a11y-utils": "10.2.3-snapshot-15",
+    "@instructure/ui-color-utils": "10.2.3-snapshot-15",
+    "@instructure/ui-dom-utils": "10.2.3-snapshot-15",
+    "@instructure/ui-icons": "10.2.3-snapshot-15",
+    "@instructure/ui-position": "10.2.3-snapshot-15",
+    "@instructure/ui-prop-types": "10.2.3-snapshot-15",
+    "@instructure/ui-react-utils": "10.2.3-snapshot-15",
+    "@instructure/ui-testable": "10.2.3-snapshot-15",
+    "@instructure/ui-tooltip": "10.2.3-snapshot-15",
+    "@instructure/ui-utils": "10.2.3-snapshot-15",
+    "@instructure/ui-view": "10.2.3-snapshot-15",
     "keycode": "^2",
     "prop-types": "^15.8.1"
   },

package/src/IconButton/README.md

@@ -3,6 +3,7 @@ describes: IconButton
 ---
 
 An IconButton can be used when the Button only renders an Icon and does not have other visual elements or text content.
+It is not recommended to set the size of an icon inside an IconButton. Only use the `size` property of the IconButton.
 
 ```js
 ---