@instructure/ui-tag 8.56.0 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-tag
+
+
+
+
+
+## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
+
+**Note:** Version bump only for package @instructure/ui-tag
+
+
+
+
+
 # [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
 
 **Note:** Version bump only for package @instructure/ui-tag

package/lib/Tag/TagLocator.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TagLocator = void 0;
-var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
+var _uiTestLocator = require("@instructure/ui-test-locator");
 var _index = require("./index");
 /*
  * The MIT License (MIT)
@@ -31,4 +31,4 @@ 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 TagLocator = exports.TagLocator = (0, _locator.locator)(_index.Tag.selector);
+const TagLocator = exports.TagLocator = (0, _uiTestLocator.locator)(_index.Tag.selector);

package/lib/Tag/index.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Tag = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _IconXLine = require("@instructure/ui-icons/lib/IconXLine.js");
-var _View = require("@instructure/ui-view/lib/View");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiView = require("@instructure/ui-view");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiTestable = require("@instructure/ui-testable");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -46,7 +46,7 @@ var _dec, _dec2, _class, _class2;
 category: components
 ---
 **/
-let Tag = exports.Tag = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Tag extends _react.Component {
+let Tag = exports.Tag = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Tag extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -81,7 +81,7 @@ let Tag = exports.Tag = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
     (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
   }
   get focused() {
-    return (0, _isActiveElement.isActiveElement)(this.ref);
+    return (0, _uiDomUtils.isActiveElement)(this.ref);
   }
   render() {
     const _this$props4 = this.props,
@@ -94,8 +94,8 @@ let Tag = exports.Tag = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       onClick = _this$props4.onClick,
       margin = _this$props4.margin,
       styles = _this$props4.styles;
-    const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Tag.allowedProps), Tag);
-    return (0, _emotion.jsx)(_View.View, Object.assign({}, passthroughProps, {
+    const passthroughProps = _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Tag.allowedProps), Tag);
+    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, passthroughProps, {
       elementRef: this.handleRef,
       css: styles === null || styles === void 0 ? void 0 : styles.tag,
       className: className,
@@ -108,7 +108,7 @@ let Tag = exports.Tag = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       title: title || (typeof text === 'string' ? text : void 0)
     }), (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.text
-    }, text), onClick && dismissible ? (0, _emotion.jsx)(_IconXLine.IconXLine, {
+    }, text), onClick && dismissible ? (0, _emotion.jsx)(_uiIcons.IconXLine, {
       css: styles === null || styles === void 0 ? void 0 : styles.icon
     }) : null);
   }

package/lib/Tag/theme.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _darken = require("@instructure/ui-color-utils/lib/darken.js");
+var _uiColorUtils = require("@instructure/ui-color-utils");
 /*
  * The MIT License (MIT)
  *
@@ -65,7 +65,7 @@ const generateComponentTheme = theme => {
     textColor
   }) {
     return {
-      [`${style}BackgroundHover`]: hoverColor || (0, _darken.darken)(mainColor, 5),
+      [`${style}BackgroundHover`]: hoverColor || (0, _uiColorUtils.darken)(mainColor, 5),
       [`${style}Background`]: mainColor,
       [`${style}BorderColor`]: borderColor,
       // For 'pill'-style rounded corners

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-tag",
-  "version": "8.56.0",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "description": "A tag component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,22 +24,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.0",
-    "@instructure/emotion": "8.56.0",
-    "@instructure/shared-types": "8.56.0",
-    "@instructure/ui-color-utils": "8.56.0",
-    "@instructure/ui-dom-utils": "8.56.0",
-    "@instructure/ui-icons": "8.56.0",
-    "@instructure/ui-react-utils": "8.56.0",
-    "@instructure/ui-testable": "8.56.0",
-    "@instructure/ui-view": "8.56.0",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.56.0",
-    "@instructure/ui-test-locator": "8.56.0",
-    "@instructure/ui-test-utils": "8.56.0",
-    "@instructure/ui-themes": "8.56.0"
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"