@instructure/ui-buttons 8.38.2-snapshot-5 → 8.38.2-snapshot-6

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.38.2-snapshot-5](https://github.com/instructure/instructure-ui/compare/v8.38.1...v8.38.2-snapshot-5) (2023-07-14)
+## [8.38.2-snapshot-6](https://github.com/instructure/instructure-ui/compare/v8.38.1...v8.38.2-snapshot-6) (2023-07-17)
 
 **Note:** Version bump only for package @instructure/ui-buttons
 

package/es/BaseButton/BaseButtonLocator.js

@@ -28,10 +28,7 @@ import { BaseButton } from './index';
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const BaseButtonLocator = locator(BaseButton.selector, {
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await find(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/es/BaseButton/index.js

@@ -45,8 +45,8 @@ category: components/utilities
 @tsProps
 **/
 let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class BaseButton extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this.ref = null;
     this.handleElementRef = el => {
       const elementRef = this.props.elementRef;

package/es/BaseButton/theme.js

@@ -24,29 +24,27 @@
 
 import { alpha, darken } from '@instructure/ui-color-utils';
 const activeShadow = 'inset 0 0 0.1875rem 0.0625rem';
-const generateButtonThemeVars = _ref => {
-  let style = _ref.style,
-    textColor = _ref.textColor,
-    ghostTextColor = _ref.ghostTextColor,
-    backgroundColor = _ref.backgroundColor,
-    borderColor = _ref.borderColor,
-    _ref$ghostBorderColor = _ref.ghostBorderColor,
-    ghostBorderColor = _ref$ghostBorderColor === void 0 ? borderColor : _ref$ghostBorderColor;
-  return {
-    [`${style}Color`]: textColor,
-    [`${style}BorderColor`]: darken(borderColor, 10),
-    [`${style}Background`]: backgroundColor,
-    [`${style}HoverBackground`]: darken(backgroundColor, 10),
-    [`${style}ActiveBackground`]: darken(backgroundColor, 10),
-    [`${style}ActiveBoxShadow`]: `${activeShadow} ${darken(borderColor, 20)}`,
-    [`${style}GhostColor`]: ghostTextColor,
-    [`${style}GhostBorderColor`]: ghostBorderColor,
-    [`${style}GhostBackground`]: 'transparent',
-    [`${style}GhostHoverBackground`]: alpha(ghostTextColor, 10),
-    [`${style}GhostActiveBackground`]: 'transparent',
-    [`${style}GhostActiveBoxShadow`]: `${activeShadow} ${alpha(ghostBorderColor, 28)}`
-  };
-};
+const generateButtonThemeVars = ({
+  style,
+  textColor,
+  ghostTextColor,
+  backgroundColor,
+  borderColor,
+  ghostBorderColor = borderColor
+}) => ({
+  [`${style}Color`]: textColor,
+  [`${style}BorderColor`]: darken(borderColor, 10),
+  [`${style}Background`]: backgroundColor,
+  [`${style}HoverBackground`]: darken(backgroundColor, 10),
+  [`${style}ActiveBackground`]: darken(backgroundColor, 10),
+  [`${style}ActiveBoxShadow`]: `${activeShadow} ${darken(borderColor, 20)}`,
+  [`${style}GhostColor`]: ghostTextColor,
+  [`${style}GhostBorderColor`]: ghostBorderColor,
+  [`${style}GhostBackground`]: 'transparent',
+  [`${style}GhostHoverBackground`]: alpha(ghostTextColor, 10),
+  [`${style}GhostActiveBackground`]: 'transparent',
+  [`${style}GhostActiveBoxShadow`]: `${activeShadow} ${alpha(ghostBorderColor, 28)}`
+});
 
 /**
  * Generates the theme object for the component from the theme and provided additional information

package/es/Button/ButtonLocator.js

@@ -27,10 +27,7 @@ import { Button } from './index';
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const ButtonLocator = locator(Button.selector, {
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await find(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/es/Button/index.js

@@ -40,8 +40,8 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let Button = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class Button extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this._buttonComponent = null;
     this.ref = null;
     this.handleElementRef = el => {

package/es/CloseButton/index.js

@@ -43,8 +43,8 @@ category: components
 @tsProps
 **/
 let CloseButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class CloseButton extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this.ref = null;
     this.handleRef = el => {
       const elementRef = this.props.elementRef;

package/es/CondensedButton/CondensedButtonLocator.js

@@ -27,10 +27,7 @@ import { CondensedButton } from './index';
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const CondensedButtonLocator = locator(CondensedButton.selector, {
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await find(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/es/CondensedButton/index.js

@@ -40,8 +40,8 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let CondensedButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class CondensedButton extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this._baseButton = null;
     this.ref = null;
     this.handleRef = el => {

package/es/IconButton/IconButtonLocator.js

@@ -27,10 +27,7 @@ import { IconButton } from './index';
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const IconButtonLocator = locator(IconButton.selector, {
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await find(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/es/IconButton/index.js

@@ -41,8 +41,8 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let IconButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class IconButton extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this._baseButton = null;
     this.ref = null;
     this.handleRef = el => {

package/es/ToggleButton/ToggleButtonLocator.js

@@ -32,18 +32,15 @@ import { ToggleButton } from './index';
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const ToggleButtonLocator = locator(ToggleButton.selector, {
-  findTooltipContent: async function () {
-    const _parseQueryArguments = parseQueryArguments(...arguments),
+  findTooltipContent: async (...args) => {
+    const _parseQueryArguments = parseQueryArguments(...args),
       element = _parseQueryArguments.element,
       selector = _parseQueryArguments.selector,
       options = _parseQueryArguments.options;
     const tooltip = await TooltipLocator.find(element, options);
     return tooltip ? tooltip.findContent(selector, options) : null;
   },
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await find(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/lib/BaseButton/BaseButtonLocator.js

@@ -33,10 +33,7 @@ var _index = require("./index");
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const BaseButtonLocator = (0, _locator.locator)(_index.BaseButton.selector, {
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await (0, _uiTestQueries.find)(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/lib/BaseButton/index.js

@@ -55,8 +55,8 @@ category: components/utilities
 @tsProps
 **/
 let BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class BaseButton extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this.ref = null;
     this.handleElementRef = el => {
       const elementRef = this.props.elementRef;

package/lib/BaseButton/theme.js

@@ -31,29 +31,27 @@ var _darken = require("@instructure/ui-color-utils/lib/darken.js");
  */
 
 const activeShadow = 'inset 0 0 0.1875rem 0.0625rem';
-const generateButtonThemeVars = _ref => {
-  let style = _ref.style,
-    textColor = _ref.textColor,
-    ghostTextColor = _ref.ghostTextColor,
-    backgroundColor = _ref.backgroundColor,
-    borderColor = _ref.borderColor,
-    _ref$ghostBorderColor = _ref.ghostBorderColor,
-    ghostBorderColor = _ref$ghostBorderColor === void 0 ? borderColor : _ref$ghostBorderColor;
-  return {
-    [`${style}Color`]: textColor,
-    [`${style}BorderColor`]: (0, _darken.darken)(borderColor, 10),
-    [`${style}Background`]: backgroundColor,
-    [`${style}HoverBackground`]: (0, _darken.darken)(backgroundColor, 10),
-    [`${style}ActiveBackground`]: (0, _darken.darken)(backgroundColor, 10),
-    [`${style}ActiveBoxShadow`]: `${activeShadow} ${(0, _darken.darken)(borderColor, 20)}`,
-    [`${style}GhostColor`]: ghostTextColor,
-    [`${style}GhostBorderColor`]: ghostBorderColor,
-    [`${style}GhostBackground`]: 'transparent',
-    [`${style}GhostHoverBackground`]: (0, _alpha.alpha)(ghostTextColor, 10),
-    [`${style}GhostActiveBackground`]: 'transparent',
-    [`${style}GhostActiveBoxShadow`]: `${activeShadow} ${(0, _alpha.alpha)(ghostBorderColor, 28)}`
-  };
-};
+const generateButtonThemeVars = ({
+  style,
+  textColor,
+  ghostTextColor,
+  backgroundColor,
+  borderColor,
+  ghostBorderColor = borderColor
+}) => ({
+  [`${style}Color`]: textColor,
+  [`${style}BorderColor`]: (0, _darken.darken)(borderColor, 10),
+  [`${style}Background`]: backgroundColor,
+  [`${style}HoverBackground`]: (0, _darken.darken)(backgroundColor, 10),
+  [`${style}ActiveBackground`]: (0, _darken.darken)(backgroundColor, 10),
+  [`${style}ActiveBoxShadow`]: `${activeShadow} ${(0, _darken.darken)(borderColor, 20)}`,
+  [`${style}GhostColor`]: ghostTextColor,
+  [`${style}GhostBorderColor`]: ghostBorderColor,
+  [`${style}GhostBackground`]: 'transparent',
+  [`${style}GhostHoverBackground`]: (0, _alpha.alpha)(ghostTextColor, 10),
+  [`${style}GhostActiveBackground`]: 'transparent',
+  [`${style}GhostActiveBoxShadow`]: `${activeShadow} ${(0, _alpha.alpha)(ghostBorderColor, 28)}`
+});
 
 /**
  * Generates the theme object for the component from the theme and provided additional information

package/lib/Button/ButtonLocator.js

@@ -33,10 +33,7 @@ var _index = require("./index");
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const ButtonLocator = (0, _locator.locator)(_index.Button.selector, {
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await (0, _uiTestQueries.find)(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/lib/Button/index.js

@@ -48,8 +48,8 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let Button = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Button extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this._buttonComponent = null;
     this.ref = null;
     this.handleElementRef = el => {

package/lib/CloseButton/index.js

@@ -50,8 +50,8 @@ category: components
 @tsProps
 **/
 let CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CloseButton extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this.ref = null;
     this.handleRef = el => {
       const elementRef = this.props.elementRef;

package/lib/CondensedButton/CondensedButtonLocator.js

@@ -33,10 +33,7 @@ var _index = require("./index");
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const CondensedButtonLocator = (0, _locator.locator)(_index.CondensedButton.selector, {
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await (0, _uiTestQueries.find)(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/lib/CondensedButton/index.js

@@ -47,8 +47,8 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let CondensedButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CondensedButton extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this._baseButton = null;
     this.ref = null;
     this.handleRef = el => {

package/lib/IconButton/IconButtonLocator.js

@@ -33,10 +33,7 @@ var _index = require("./index");
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const IconButtonLocator = (0, _locator.locator)(_index.IconButton.selector, {
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await (0, _uiTestQueries.find)(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/lib/IconButton/index.js

@@ -48,8 +48,8 @@ category: components
 **/
 // needed for listing the available theme variables on docs page
 let IconButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class IconButton extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     this._baseButton = null;
     this.ref = null;
     this.handleRef = el => {

package/lib/ToggleButton/ToggleButtonLocator.js

@@ -37,18 +37,15 @@ var _index = require("./index");
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const ToggleButtonLocator = (0, _locator.locator)(_index.ToggleButton.selector, {
-  findTooltipContent: async function () {
-    const _parseQueryArguments = (0, _uiTestQueries.parseQueryArguments)(...arguments),
+  findTooltipContent: async (...args) => {
+    const _parseQueryArguments = (0, _uiTestQueries.parseQueryArguments)(...args),
       element = _parseQueryArguments.element,
       selector = _parseQueryArguments.selector,
       options = _parseQueryArguments.options;
     const tooltip = await _TooltipLocator.TooltipLocator.find(element, options);
     return tooltip ? tooltip.findContent(selector, options) : null;
   },
-  click: async function (element) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  click: async (element, ...args) => {
     return (await (0, _uiTestQueries.find)(element, 'a,button,[role="button"]')).click(...args);
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-buttons",
-  "version": "8.38.2-snapshot-5",
+  "version": "8.38.2-snapshot-6",
   "description": "Accessible button components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,28 +23,28 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.38.2-snapshot-5",
-    "@instructure/ui-test-locator": "8.38.2-snapshot-5",
-    "@instructure/ui-test-queries": "8.38.2-snapshot-5",
-    "@instructure/ui-test-utils": "8.38.2-snapshot-5",
-    "@instructure/ui-themes": "8.38.2-snapshot-5"
+    "@instructure/ui-babel-preset": "8.38.2-snapshot-6",
+    "@instructure/ui-test-locator": "8.38.2-snapshot-6",
+    "@instructure/ui-test-queries": "8.38.2-snapshot-6",
+    "@instructure/ui-test-utils": "8.38.2-snapshot-6",
+    "@instructure/ui-themes": "8.38.2-snapshot-6"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.5",
-    "@instructure/console": "8.38.2-snapshot-5",
-    "@instructure/emotion": "8.38.2-snapshot-5",
-    "@instructure/shared-types": "8.38.2-snapshot-5",
-    "@instructure/ui-a11y-content": "8.38.2-snapshot-5",
-    "@instructure/ui-a11y-utils": "8.38.2-snapshot-5",
-    "@instructure/ui-color-utils": "8.38.2-snapshot-5",
-    "@instructure/ui-dom-utils": "8.38.2-snapshot-5",
-    "@instructure/ui-icons": "8.38.2-snapshot-5",
-    "@instructure/ui-position": "8.38.2-snapshot-5",
-    "@instructure/ui-react-utils": "8.38.2-snapshot-5",
-    "@instructure/ui-testable": "8.38.2-snapshot-5",
-    "@instructure/ui-tooltip": "8.38.2-snapshot-5",
-    "@instructure/ui-utils": "8.38.2-snapshot-5",
-    "@instructure/ui-view": "8.38.2-snapshot-5",
+    "@babel/runtime": "^7.22.6",
+    "@instructure/console": "8.38.2-snapshot-6",
+    "@instructure/emotion": "8.38.2-snapshot-6",
+    "@instructure/shared-types": "8.38.2-snapshot-6",
+    "@instructure/ui-a11y-content": "8.38.2-snapshot-6",
+    "@instructure/ui-a11y-utils": "8.38.2-snapshot-6",
+    "@instructure/ui-color-utils": "8.38.2-snapshot-6",
+    "@instructure/ui-dom-utils": "8.38.2-snapshot-6",
+    "@instructure/ui-icons": "8.38.2-snapshot-6",
+    "@instructure/ui-position": "8.38.2-snapshot-6",
+    "@instructure/ui-react-utils": "8.38.2-snapshot-6",
+    "@instructure/ui-testable": "8.38.2-snapshot-6",
+    "@instructure/ui-tooltip": "8.38.2-snapshot-6",
+    "@instructure/ui-utils": "8.38.2-snapshot-6",
+    "@instructure/ui-view": "8.38.2-snapshot-6",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },