@conveyorhq/arrow-ds 1.107.0 → 1.108.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.107.0",
+  "version": "1.108.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Tooltip/TooltipLink.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { LinkProps } from "../Link";
+export declare const TooltipLink: React.ForwardRefExoticComponent<Pick<LinkProps, string | number> & React.RefAttributes<HTMLDivElement | HTMLButtonElement | HTMLAnchorElement>>;

package/public/components/Tooltip/TooltipLink.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipLink = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Link_1 = require("../Link");
+exports.TooltipLink = react_1.forwardRef(({ children, className, ...rest }, ref) => (react_1.default.createElement(Link_1.Link, Object.assign({ ref: ref, className: classnames_1.default("text-white transition-[color] underline hover:text-white hover:text-opacity-80", className), noStyles: true }, rest), children)));

package/public/components/Tooltip/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./Tooltip";
+export * from "./TooltipLink";
 export * from "./context";

package/public/components/Tooltip/index.js

@@ -11,4 +11,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Tooltip"), exports);
+__exportStar(require("./TooltipLink"), exports);
 __exportStar(require("./context"), exports);

package/public/css/styles.css

@@ -8991,6 +8991,11 @@ override built-in Image component classes */
   color: rgb(13 125 228 / var(--tw-text-opacity));
 }
 
+.underline {
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}
+
 .no-underline {
   -webkit-text-decoration-line: none;
           text-decoration-line: none;
@@ -9053,6 +9058,12 @@ override built-in Image component classes */
   transition-duration: 150ms;
 }
 
+.transition-\[color\] {
+  transition-property: color;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .duration-200 {
   transition-duration: 200ms;
 }
@@ -9485,6 +9496,10 @@ override built-in Image component classes */
   color: rgb(71 104 125 / var(--tw-text-opacity));
 }
 
+.hover\:text-opacity-80:hover {
+  --tw-text-opacity: 0.8;
+}
+
 .focus\:bg-gray-800:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(32 65 86 / var(--tw-bg-opacity));