@aristobyte-ui/anchor 2.6.1 → 2.8.0

package/es/components/Anchor/Anchor.scss

@@ -0,0 +1,94 @@
+@use '@aristobyte-ui/utils/styles' as *;
+
+.anchor {
+  background-color: $transparent;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  font-size: 0.875rem;
+  font-weight: 500;
+  letter-spacing: 0rem;
+  line-height: 1.4285714286;
+  overflow: hidden;
+  position: relative;
+  padding: 0.5rem 1rem;
+  transition: all 200ms ease;
+
+  &:hover {
+    text-decoration: underline;
+  }
+
+  &:active {
+    transform: scale(0.97);
+  }
+
+  &--white {
+    color: $white;
+
+    &:hover {
+      color: $white-hover;
+    }
+  }
+
+  &--black {
+    color: $black;
+
+    &:hover {
+      color: $black-hover;
+    }
+  }
+
+  &--default {
+    color: $color-default;
+
+    &:hover {
+      color: $color-default-hover;
+    }
+  }
+
+  &--primary {
+    color: $color-primary;
+
+    &:hover {
+      color: $color-primary-hover;
+    }
+  }
+
+  &--secondary {
+    color: $color-secondary;
+
+    &:hover {
+      color: $color-secondary-hover;
+    }
+  }
+
+  &--success {
+    color: $color-success;
+
+    &:hover {
+      color: $color-success-hover;
+    }
+  }
+
+  &--error {
+    color: $color-error;
+
+    &:hover {
+      color: $color-error-hover;
+    }
+  }
+
+  &--warning {
+    color: $color-warning;
+    color: $black;
+
+    &:hover {
+      color: $color-warning-hover;
+    }
+  }
+
+  svg {
+    height: 100%;
+    width: 100%;
+  }
+}

package/es/components/Anchor/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import './Anchor.scss';
+export interface IAnchor {
+    href?: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    text?: string;
+    children?: React.ReactElement | React.ReactNode | string;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void | Promise<void>;
+    variant?: 'white' | 'black' | 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'warning';
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Anchor: React.FC<IAnchor>;

package/es/components/Anchor/index.js

@@ -0,0 +1,11 @@
+'use client';
+import * as React from 'react';
+import './Anchor.scss';
+export var Anchor = function (_a) {
+    var _b = _a.href, href = _b === void 0 ? '' : _b, _c = _a.target, target = _c === void 0 ? '_self' : _c, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, _e = _a.children, children = _e === void 0 ? '' : _e, _f = _a.text, text = _f === void 0 ? '' : _f, onClick = _a.onClick, _g = _a.className, className = _g === void 0 ? '' : _g, _h = _a.style, style = _h === void 0 ? {} : _h;
+    var ref = React.useRef(null);
+    var renderChildren = function () {
+        return text || children;
+    };
+    return (React.createElement("a", { ref: ref, href: href, target: target, className: "anchor ".concat("anchor--".concat(variant), " ").concat(className), onClick: onClick, style: style }, renderChildren()));
+};

package/es/components/index.d.ts

@@ -0,0 +1 @@
+export * from "./Anchor";

package/es/components/index.js

@@ -0,0 +1 @@
+export * from "./Anchor";

package/es/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/es/index.js

@@ -0,0 +1 @@
+export * from './components';