@aristobyte-ui/anchor 2.1.8 → 2.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aristobyte-ui/anchor",
   "description": "A fully-typed, lightweight Anchor component for AristoByteUI with ripple effect support, multiple variants, and seamless integration with SCSS modules and design tokens.",
-  "version": "2.1.8",
+  "version": "2.2.0",
   "license": "MIT",
   "private": false,
   "author": "AristoByte <info@aristobyte.com>",
@@ -34,7 +34,8 @@
     "ui-kit"
   ],
   "files": [
-    "dist"
+    "es",
+    "lib"
   ],
   "publishConfig": {
     "access": "public"
@@ -46,6 +47,6 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@aristobyte-ui/utils": "2.1.8"
+    "@aristobyte-ui/utils": "2.2.0"
   }
 }

package/dist/es/main/components/Anchor/Anchor.scss

@@ -1,94 +0,0 @@
-@use '@aristobyte-ui/utils/aristobyte-ui.settings' 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/dist/es/main/components/Anchor/index.js

@@ -1,11 +0,0 @@
-'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/dist/es/main/components/index.js

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

package/dist/es/main/index.js

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

package/dist/lib/main/components/Anchor/Anchor.scss

@@ -1,94 +0,0 @@
-@use '@aristobyte-ui/utils/aristobyte-ui.settings' 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/dist/lib/main/components/Anchor/index.js

@@ -1,48 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Anchor = void 0;
-var React = __importStar(require("react"));
-require("./Anchor.scss");
-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()));
-};
-exports.Anchor = Anchor;

package/dist/lib/main/components/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Anchor"), exports);

package/dist/lib/main/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);