@instructure/ui-link 8.33.1 → 8.33.2

package/lib/Link/props.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = require("@instructure/emotion");
-
 /*
  * The MIT License (MIT)
  *
@@ -34,6 +30,7 @@ var _emotion = require("@instructure/emotion");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   children: _propTypes.default.node.isRequired,
   href: _propTypes.default.string,

package/lib/Link/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -41,11 +40,11 @@ exports.default = void 0;
  */
 const generateStyle = (componentTheme, props, state) => {
   const isWithinText = props.isWithinText,
-        renderIcon = props.renderIcon,
-        iconPlacement = props.iconPlacement,
-        color = props.color;
+    renderIcon = props.renderIcon,
+    iconPlacement = props.iconPlacement,
+    color = props.color;
   const containsTruncateText = state.containsTruncateText,
-        hasVisibleChildren = state.hasVisibleChildren;
+    hasVisibleChildren = state.hasVisibleChildren;
   const inverseStyle = color === 'link-inverse';
   const baseStyles = {
     boxSizing: 'border-box',
@@ -72,11 +71,12 @@ const generateStyle = (componentTheme, props, state) => {
     },
     '&::-moz-focus-inner': {
       border: 0 // removes default dotted focus outline in Firefox
-
     }
-  }; // If Link is a button or link, it should look clickable
+  };
 
-  const isClickableStyles = { ...baseStyles,
+  // If Link is a button or link, it should look clickable
+  const isClickableStyles = {
+    ...baseStyles,
     cursor: 'pointer',
     color: componentTheme.color,
     textDecoration: isWithinText ? componentTheme.textDecorationWithinText : componentTheme.textDecorationOutsideText,
@@ -118,7 +118,8 @@ const generateStyle = (componentTheme, props, state) => {
       '&:-webkit-any(a), &:-webkit-any(button)': isClickableStyles,
       '&:is(button)': buttonStyle,
       '&:-webkit-any(button)': buttonStyle,
-      ...(inverseStyle && { ...inverseStyles,
+      ...(inverseStyle && {
+        ...inverseStyles,
         '&:is(a):link, &:is(a):visited, &:is(button)': inverseStyles,
         '&:-webkit-any(a):link, &:-webkit-any(a):visited, &:-webkit-any(button)': inverseStyles
       })
@@ -134,6 +135,5 @@ const generateStyle = (componentTheme, props, state) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Link/theme.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _darken = require("@instructure/ui-color-utils/lib/darken.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -38,12 +36,13 @@ var _darken = require("@instructure/ui-color-utils/lib/darken.js");
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        borders = theme.borders,
-        typography = theme.typography,
-        spacing = theme.spacing,
-        themeName = theme.key; // if any styling should depend on the theme itself,
-  // this object should specify it
+    borders = theme.borders,
+    typography = theme.typography,
+    spacing = theme.spacing,
+    themeName = theme.key;
 
+  // if any styling should depend on the theme itself,
+  // this object should specify it
   const themeSpecificStyle = {
     canvas: {
       color: theme['ic-link-color'],
@@ -54,8 +53,9 @@ const generateComponentTheme = theme => {
       textDecorationOutsideText: 'underline',
       hoverTextDecorationOutsideText: 'none'
     }
-  }; // maps the theme variables to component specific style variables
+  };
 
+  // maps the theme variables to component specific style variables
   const componentVariables = {
     fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
     fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
@@ -75,10 +75,10 @@ const generateComponentTheme = theme => {
     // make icon slightly larger than inherited font-size,
     iconPlusTextMargin: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall
   };
-  return { ...componentVariables,
+  return {
+    ...componentVariables,
     ...themeSpecificStyle[themeName]
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Link", {
     return _Link.Link;
   }
 });
-
 var _Link = require("./Link");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-link",
-  "version": "8.33.1",
+  "version": "8.33.2",
   "description": "A component for creating links",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,25 +24,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.33.1",
-    "@instructure/emotion": "8.33.1",
-    "@instructure/shared-types": "8.33.1",
-    "@instructure/ui-a11y-utils": "8.33.1",
-    "@instructure/ui-color-utils": "8.33.1",
-    "@instructure/ui-dom-utils": "8.33.1",
-    "@instructure/ui-icons": "8.33.1",
-    "@instructure/ui-prop-types": "8.33.1",
-    "@instructure/ui-react-utils": "8.33.1",
-    "@instructure/ui-testable": "8.33.1",
-    "@instructure/ui-view": "8.33.1",
+    "@instructure/console": "8.33.2",
+    "@instructure/emotion": "8.33.2",
+    "@instructure/shared-types": "8.33.2",
+    "@instructure/ui-a11y-utils": "8.33.2",
+    "@instructure/ui-color-utils": "8.33.2",
+    "@instructure/ui-dom-utils": "8.33.2",
+    "@instructure/ui-icons": "8.33.2",
+    "@instructure/ui-prop-types": "8.33.2",
+    "@instructure/ui-react-utils": "8.33.2",
+    "@instructure/ui-testable": "8.33.2",
+    "@instructure/ui-view": "8.33.2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.33.1",
-    "@instructure/ui-test-locator": "8.33.1",
-    "@instructure/ui-test-queries": "8.33.1",
-    "@instructure/ui-test-utils": "8.33.1",
-    "@instructure/ui-themes": "8.33.1"
+    "@instructure/ui-babel-preset": "8.33.2",
+    "@instructure/ui-test-locator": "8.33.2",
+    "@instructure/ui-test-queries": "8.33.2",
+    "@instructure/ui-test-utils": "8.33.2",
+    "@instructure/ui-themes": "8.33.2"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"