@aristobyte-ui/anchor 1.0.58 → 1.0.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +3 -33
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -23
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
- package/dist/index.css +0 -75
- package/dist/index.css.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "./index.css";
|
|
3
3
|
"use strict";
|
|
4
|
-
var __create = Object.create;
|
|
5
4
|
var __defProp = Object.defineProperty;
|
|
6
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
9
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
8
|
var __export = (target, all) => {
|
|
11
9
|
for (var name in all)
|
|
@@ -19,14 +17,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
19
17
|
}
|
|
20
18
|
return to;
|
|
21
19
|
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
28
|
-
mod
|
|
29
|
-
));
|
|
30
20
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
31
21
|
|
|
32
22
|
// index.ts
|
|
@@ -36,23 +26,7 @@ __export(index_exports, {
|
|
|
36
26
|
});
|
|
37
27
|
module.exports = __toCommonJS(index_exports);
|
|
38
28
|
|
|
39
|
-
// components/Anchor
|
|
40
|
-
var React = __toESM(require("react"));
|
|
41
|
-
|
|
42
|
-
// components/Anchor/Anchor.module.scss
|
|
43
|
-
var Anchor_module_default = {
|
|
44
|
-
anchor: "Anchor_module_anchor",
|
|
45
|
-
"anchor--white": "Anchor_module_anchor--white",
|
|
46
|
-
"anchor--black": "Anchor_module_anchor--black",
|
|
47
|
-
"anchor--default": "Anchor_module_anchor--default",
|
|
48
|
-
"anchor--primary": "Anchor_module_anchor--primary",
|
|
49
|
-
"anchor--secondary": "Anchor_module_anchor--secondary",
|
|
50
|
-
"anchor--success": "Anchor_module_anchor--success",
|
|
51
|
-
"anchor--error": "Anchor_module_anchor--error",
|
|
52
|
-
"anchor--warning": "Anchor_module_anchor--warning"
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
// components/Anchor/index.tsx
|
|
29
|
+
// components/Anchor.tsx
|
|
56
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
57
31
|
var Anchor = ({
|
|
58
32
|
href = "",
|
|
@@ -64,19 +38,15 @@ var Anchor = ({
|
|
|
64
38
|
className = "",
|
|
65
39
|
style = {}
|
|
66
40
|
}) => {
|
|
67
|
-
const
|
|
68
|
-
const renderChildren = () => {
|
|
69
|
-
return text || children;
|
|
70
|
-
};
|
|
41
|
+
const renderChildren = () => text || children;
|
|
71
42
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
72
43
|
"a",
|
|
73
44
|
{
|
|
74
|
-
ref,
|
|
75
45
|
href,
|
|
76
46
|
target,
|
|
77
|
-
className: `anchor ${Anchor_module_default["anchor"]} ${Anchor_module_default[`anchor--${variant}`]} ${className}`,
|
|
78
47
|
onClick,
|
|
79
48
|
style,
|
|
49
|
+
className: `anchor anchor--${variant} ${className}`,
|
|
80
50
|
children: renderChildren()
|
|
81
51
|
}
|
|
82
52
|
);
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../index.ts","../components/Anchor/index.tsx","../components/Anchor/Anchor.module.scss"],"sourcesContent":["export * from \"./components\";\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport styles from \"./Anchor.module.scss\";\n\nexport interface IAnchor {\n href?: string;\n target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n text?: string;\n children?: React.ReactElement | React.ReactNode | string;\n onClick?: (\n e: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n ) => void | Promise<void>;\n variant?:\n | \"white\"\n | \"black\"\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const Anchor: React.FC<IAnchor> = ({\n href = \"\",\n target = \"_self\",\n variant = \"default\",\n children = \"\",\n text = \"\",\n onClick,\n className = \"\",\n style = {},\n}) => {\n const ref = React.useRef<HTMLAnchorElement>(null);\n\n const renderChildren = () => {\n return text || children;\n };\n\n return (\n <a\n ref={ref}\n href={href}\n target={target}\n className={`anchor ${styles[\"anchor\"]} ${\n styles[`anchor--${variant}`]\n } ${className}`}\n onClick={onClick}\n style={style}\n >\n {renderChildren()}\n </a>\n );\n};\n",".anchor {\n background-color: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n font-size: 0.875rem;\n font-weight: 500;\n letter-spacing: 0rem;\n line-height: 1.4285714286;\n overflow: hidden;\n position: relative;\n padding: 0.5rem 1rem;\n transition: all 200ms ease;\n}\n.anchor:hover {\n text-decoration: underline;\n}\n.anchor:active {\n transform: scale(0.97);\n}\n.anchor--white {\n color: #ffffff;\n}\n.anchor--white:hover {\n color: #dddddd;\n}\n.anchor--black {\n color: #000000;\n}\n.anchor--black:hover {\n color: #222222;\n}\n.anchor--default {\n color: #1f2937;\n}\n.anchor--default:hover {\n color: #111827;\n}\n.anchor--primary {\n color: #2563eb;\n}\n.anchor--primary:hover {\n color: #1d4ed8;\n}\n.anchor--secondary {\n color: #4f46e5;\n}\n.anchor--secondary:hover {\n color: #4338ca;\n}\n.anchor--success {\n color: #16a34a;\n}\n.anchor--success:hover {\n color: #15803d;\n}\n.anchor--error {\n color: #dc2626;\n}\n.anchor--error:hover {\n color: #b91c1c;\n}\n.anchor--warning {\n color: #d97706;\n color: #000000;\n}\n.anchor--warning:hover {\n color: #b45309;\n}\n.anchor svg {\n height: 100%;\n width: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL2RodW5hbnlhbi9hcmlzdG9ieXRlL2dpdGh1Yi9hcmlzdG9ieXRlLXVpL3BhY2thZ2VzL2FuY2hvci9jb21wb25lbnRzL0FuY2hvciIsInNvdXJjZXMiOlsiQW5jaG9yLm1vZHVsZS5zY3NzIiwiLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL0BhcmlzdG9ieXRlLXVpL3V0aWxzL3N0eWxlcy9fc2V0dGluZ3Muc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFLGtCQ3NCWTtFRHJCWjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFLE9DSkk7O0FETUo7RUFDRSxPQ05ROztBRFVaO0VBQ0UsT0NWSTs7QURZSjtFQUNFLE9DWlE7O0FEZ0JaO0VBQ0UsT0NpQk87O0FEZlA7RUFDRSxPQ2VLOztBRFhUO0VBQ0UsT0NtQk87O0FEakJQO0VBQ0UsT0NpQks7O0FEYlQ7RUFDRSxPQ3VCUzs7QURyQlQ7RUFDRSxPQ3FCTzs7QURqQlg7RUFDRSxPQ21DUTs7QURqQ1I7RUFDRSxPQ2lDTTs7QUQ3QlY7RUFDRSxPQ2lCTTs7QURmTjtFQUNFLE9DZUk7O0FEWFI7RUFDRSxPQzZCUTtFRDVCUixPQzNESTs7QUQ2REo7RUFDRSxPQzBCTTs7QUR0QlY7RUFDRTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSBcIkBhcmlzdG9ieXRlLXVpL3V0aWxzL3N0eWxlcy9zZXR0aW5nc1wiIGFzICo7XG5cbi5hbmNob3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkdHJhbnNwYXJlbnQ7XG4gIGJvcmRlcjogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsZXR0ZXItc3BhY2luZzogMHJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNDI4NTcxNDI4NjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nOiAwLjVyZW0gMXJlbTtcbiAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2U7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjk3KTtcbiAgfVxuXG4gICYtLXdoaXRlIHtcbiAgICBjb2xvcjogJHdoaXRlO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHdoaXRlLWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLWJsYWNrIHtcbiAgICBjb2xvcjogJGJsYWNrO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJGJsYWNrLWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLWRlZmF1bHQge1xuICAgIGNvbG9yOiAkY29sb3ItZGVmYXVsdDtcblxuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICRjb2xvci1kZWZhdWx0LWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLXByaW1hcnkge1xuICAgIGNvbG9yOiAkY29sb3ItcHJpbWFyeTtcblxuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICRjb2xvci1wcmltYXJ5LWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLXNlY29uZGFyeSB7XG4gICAgY29sb3I6ICRjb2xvci1zZWNvbmRhcnk7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAkY29sb3Itc2Vjb25kYXJ5LWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLXN1Y2Nlc3Mge1xuICAgIGNvbG9yOiAkY29sb3Itc3VjY2VzcztcblxuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICRjb2xvci1zdWNjZXNzLWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLWVycm9yIHtcbiAgICBjb2xvcjogJGNvbG9yLWVycm9yO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJGNvbG9yLWVycm9yLWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLXdhcm5pbmcge1xuICAgIGNvbG9yOiAkY29sb3Itd2FybmluZztcbiAgICBjb2xvcjogJGJsYWNrO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJGNvbG9yLXdhcm5pbmctaG92ZXI7XG4gICAgfVxuICB9XG5cbiAgc3ZnIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbn1cbiIsIi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0gLy9cbi8vICAgICAgICBBcmlzdG9CeXRlIFVJIC0gU3R5bGUgU2V0dGluZ3MgICAgICAgLy9cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0gLy9cblxuLy8gPT09IERlc2lnbiBUb2tlbnMg4oCUIENvbG9yIFBhbGV0dGUgPT09IC8vXG4vLyBMb2dvXG4kbG9nby1jb2xvci0xOiAjZmZlZTI3O1xuJGxvZ28tY29sb3ItMjogI2ZlYzgwMDtcbiRsb2dvLWNvbG9yLTM6ICNmMThlMzU7XG4kbG9nby1jb2xvci00OiAjZTk1ZjMyO1xuJGxvZ28tY29sb3ItNTogI2UyMzEyZDtcbiRsb2dvLWdyYWRpZW50OiBsaW5lYXItZ3JhZGllbnQoXG4gIDkwZGVnLFxuICAkbG9nby1jb2xvci0xLFxuICAkbG9nby1jb2xvci0yLFxuICAkbG9nby1jb2xvci0zLFxuICAkbG9nby1jb2xvci00LFxuICAkbG9nby1jb2xvci01XG4pO1xuXG4vLyBCYXNlXG4kd2hpdGU6ICNmZmZmZmY7XG4kd2hpdGUtaG92ZXI6ICNkZGRkZGQ7XG4kYmxhY2s6ICMwMDAwMDA7XG4kYmxhY2staG92ZXI6ICMyMjIyMjI7XG4kdHJhbnNwYXJlbnQ6IHRyYW5zcGFyZW50O1xuXG4vLyA9PT0gQmxhY2sgVHJhbnNwYXJlbnQgU2NhbGUgPT09IC8vXG4kYmxhY2stdHJhbnNwYXJlbnQtMTAwOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4kYmxhY2stdHJhbnNwYXJlbnQtMjAwOiByZ2JhKDAsIDAsIDAsIDAuMik7XG4kYmxhY2stdHJhbnNwYXJlbnQtMzAwOiByZ2JhKDAsIDAsIDAsIDAuMyk7XG4kYmxhY2stdHJhbnNwYXJlbnQtNDAwOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4kYmxhY2stdHJhbnNwYXJlbnQtNTAwOiByZ2JhKDAsIDAsIDAsIDAuNSk7XG4kYmxhY2stdHJhbnNwYXJlbnQtNjAwOiByZ2JhKDAsIDAsIDAsIDAuNik7XG4kYmxhY2stdHJhbnNwYXJlbnQtNzAwOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4kYmxhY2stdHJhbnNwYXJlbnQtODAwOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4kYmxhY2stdHJhbnNwYXJlbnQtOTAwOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG5cbi8vID09PSBCbGFjayBUcmFuc3BhcmVudCBTY2FsZSA9PT0gLy9cbiR3aGl0ZS10cmFuc3BhcmVudC0xMDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xKTtcbiR3aGl0ZS10cmFuc3BhcmVudC0yMDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiR3aGl0ZS10cmFuc3BhcmVudC0zMDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zKTtcbiR3aGl0ZS10cmFuc3BhcmVudC00MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC40KTtcbiR3aGl0ZS10cmFuc3BhcmVudC01MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC41KTtcbiR3aGl0ZS10cmFuc3BhcmVudC02MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KTtcbiR3aGl0ZS10cmFuc3BhcmVudC03MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC43KTtcbiR3aGl0ZS10cmFuc3BhcmVudC04MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KTtcbiR3aGl0ZS10cmFuc3BhcmVudC05MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTtcblxuLy8gPT09IE5ldXRyYWwgU2NhbGUgKEdyZXkpID09PSAvL1xuJGdyZXktNTA6ICNmOWZhZmI7XG4kZ3JleS0xMDA6ICNmM2Y0ZjY7XG4kZ3JleS0yMDA6ICNlNWU3ZWI7XG4kZ3JleS0zMDA6ICNkMWQ1ZGI7XG4kZ3JleS00MDA6ICM5Y2EzYWY7XG4kZ3JleS01MDA6ICM2YjcyODA7XG4kZ3JleS02MDA6ICM0YjU1NjM7XG4kZ3JleS03MDA6ICMzNzQxNTE7XG4kZ3JleS04MDA6ICMxZjI5Mzc7XG4kZ3JleS05MDA6ICMxMTE4Mjc7XG5cbi8vID09PSBQcmltYXJ5IFNjYWxlIChCbHVlKSA9PT0gLy9cbiRibHVlLTUwOiAjZWZmNmZmO1xuJGJsdWUtMTAwOiAjZGJlYWZlO1xuJGJsdWUtMjAwOiAjYmZkYmZlO1xuJGJsdWUtMzAwOiAjOTNjNWZkO1xuJGJsdWUtNDAwOiAjNjBhNWZhO1xuJGJsdWUtNTAwOiAjM2I4MmY2O1xuJGJsdWUtNjAwOiAjMjU2M2ViOyAvLyBNYWluXG4kYmx1ZS03MDA6ICMxZDRlZDg7IC8vIEhvdmVyXG4kYmx1ZS04MDA6ICMxZTQwYWY7XG4kYmx1ZS05MDA6ICMxZTNhOGE7XG5cbi8vID09PSBTZWNvbmRhcnkgU2NhbGUgKEluZGlnbykgPT09IC8vXG4kaW5kaWdvLTUwOiAjZWVmMmZmO1xuJGluZGlnby0xMDA6ICNlMGU3ZmY7XG4kaW5kaWdvLTIwMDogI2M3ZDJmZTtcbiRpbmRpZ28tMzAwOiAjYTViNGZjO1xuJGluZGlnby00MDA6ICM4MThjZjg7XG4kaW5kaWdvLTUwMDogIzYzNjZmMTtcbiRpbmRpZ28tNjAwOiAjNGY0NmU1OyAvLyBNYWluXG4kaW5kaWdvLTcwMDogIzQzMzhjYTsgLy8gSG92ZXJcblxuLy8gPT09IEVycm9yIFNjYWxlIChSZWQpID09PSAvL1xuJHJlZC01MDogI2ZlZjJmMjtcbiRyZWQtMTAwOiAjZmVlMmUyO1xuJHJlZC0yMDA6ICNmZWNhY2E7XG4kcmVkLTMwMDogI2ZjYTVhNTtcbiRyZWQtNDAwOiAjZjg3MTcxO1xuJHJlZC01MDA6ICNlZjQ0NDQ7XG4kcmVkLTYwMDogI2RjMjYyNjsgLy8gTWFpblxuJHJlZC03MDA6ICNiOTFjMWM7IC8vIEhvdmVyXG5cbi8vID09PSBTdWNjZXNzIFNjYWxlIChHcmVlbikgPT09IC8vXG4kZ3JlZW4tNTA6ICNmMGZkZjQ7XG4kZ3JlZW4tMTAwOiAjZGNmY2U3O1xuJGdyZWVuLTIwMDogI2JiZjdkMDtcbiRncmVlbi0zMDA6ICM4NmVmYWM7XG4kZ3JlZW4tNDAwOiAjNGFkZTgwO1xuJGdyZWVuLTUwMDogIzIyYzU1ZTtcbiRncmVlbi02MDA6ICMxNmEzNGE7IC8vIE1haW5cbiRncmVlbi03MDA6ICMxNTgwM2Q7IC8vIEhvdmVyXG5cbi8vID09PSBXYXJuaW5nIFNjYWxlIChBbWJlcikgPT09IC8vXG4kYW1iZXItNTA6ICNmZmZiZWI7XG4kYW1iZXItMTAwOiAjZmVmM2M3O1xuJGFtYmVyLTIwMDogI2ZkZTY4YTtcbiRhbWJlci0zMDA6ICNmY2QzNGQ7XG4kYW1iZXItNDAwOiAjZmJiZjI0O1xuJGFtYmVyLTUwMDogI2Y1OWUwYjtcbiRhbWJlci02MDA6ICNkOTc3MDY7IC8vIE1haW5cbiRhbWJlci03MDA6ICNiNDUzMDk7IC8vIEhvdmVyXG5cbi8vID09PSBTZW1hbnRpYyBUb2tlbnMgPT09IC8vXG4kY29sb3ItZGVmYXVsdDogJGdyZXktODAwO1xuJGNvbG9yLWRlZmF1bHQtaG92ZXI6ICRncmV5LTkwMDtcbiRjb2xvci1kZWZhdWx0LWRpc2FibGVkOiByZ2JhKCRjb2xvci1kZWZhdWx0LCAwLjUpO1xuXG4kY29sb3ItcHJpbWFyeTogJGJsdWUtNjAwO1xuJGNvbG9yLXByaW1hcnktaG92ZXI6ICRibHVlLTcwMDtcbiRjb2xvci1wcmltYXJ5LWRpc2FibGVkOiByZ2JhKCRjb2xvci1wcmltYXJ5LCAwLjUpO1xuXG4kY29sb3Itc2Vjb25kYXJ5OiAkaW5kaWdvLTYwMDtcbiRjb2xvci1zZWNvbmRhcnktaG92ZXI6ICRpbmRpZ28tNzAwO1xuJGNvbG9yLXNlY29uZGFyeS1kaXNhYmxlZDogcmdiYSgkY29sb3Itc2Vjb25kYXJ5LCAwLjUpO1xuXG4kY29sb3ItZXJyb3I6ICRyZWQtNjAwO1xuJGNvbG9yLWVycm9yLWhvdmVyOiAkcmVkLTcwMDtcbiRjb2xvci1lcnJvci1kaXNhYmxlZDogcmdiYSgkY29sb3ItZXJyb3IsIDAuNSk7XG5cbiRjb2xvci1zdWNjZXNzOiAkZ3JlZW4tNjAwO1xuJGNvbG9yLXN1Y2Nlc3MtaG92ZXI6ICRncmVlbi03MDA7XG4kY29sb3Itc3VjY2Vzcy1kaXNhYmxlZDogcmdiYSgkY29sb3Itc3VjY2VzcywgMC41KTtcblxuJGNvbG9yLXdhcm5pbmc6ICRhbWJlci02MDA7XG4kY29sb3Itd2FybmluZy1ob3ZlcjogJGFtYmVyLTcwMDtcbiRjb2xvci13YXJuaW5nLWRpc2FibGVkOiByZ2JhKCRjb2xvci13YXJuaW5nLCAwLjUpO1xuXG4kdGV4dC1jb2xvci13aGl0ZTogJHdoaXRlO1xuJHRleHQtY29sb3ItYmxhY2s6ICRibGFjaztcbiR0ZXh0LWNvbG9yLXdoaXRlLWRpc2FibGVkOiByZ2JhKCR3aGl0ZSwgMC41KTtcbiR0ZXh0LWNvbG9yLWJsYWNrLWRpc2FibGVkOiByZ2JhKCRibGFjaywgMC41KTtcblxuJHRpdGxlLWNvbG9yLWRhcms6ICR3aGl0ZTtcbiRzdWJ0aXRsZS1jb2xvci1kYXJrOiAjOTlhMWFmO1xuJGRlc2NyaXB0aW9uLWNvbG9yLWRhcms6ICNkMWQ1ZGM7XG4kaWNvbi1jb2xvci1kYXJrOiAjOTlhMWFmO1xuXG4vLyA9PT0gU2hhZG93cyA9PT0gLy9cbi8vQFRPRE86IEBTSEFET1dcbiRzaGFkb3ctc206IDAgMXB4IDJweCAwIHJnYmEoJGJsYWNrLCAwLjA1KTtcbiRzaGFkb3ctbWQ6XG4gIDAgNHB4IDZweCAtMXB4IHJnYmEoJGJsYWNrLCAwLjEpLFxuICAwIDJweCA0cHggLTFweCByZ2JhKCRibGFjaywgMC4wNik7XG4kc2hhZG93LWxnOlxuICAwIDEwcHggMTVweCAtM3B4IHJnYmEoJGJsYWNrLCAwLjEpLFxuICAwIDRweCA2cHggLTJweCByZ2JhKCRibGFjaywgMC4wNSk7XG5cbi8vID09PSBGb250IGZhbWlsaWVzID09PSAvL1xuJGZvbnQtZmFtaWx5LXNhbnM6IFwiSW50ZXJcIiwgc2Fucy1zZXJpZjtcbiRmb250LWZhbWlseS1zZXJpZjogXCJHZW9yZ2lhXCIsIHNlcmlmO1xuJGZvbnQtZmFtaWx5LW1vbm86IFwiRmlyYSBDb2RlXCIsIG1vbm9zcGFjZTtcblxuLy8gPT09IEZvbnQgd2VpZ2h0cyA9PT0gLy9cbiRmb250LXdlaWdodC1yZWd1bGFyOiA0MDA7XG4kZm9udC13ZWlnaHQtbWVkaXVtOiA1MDA7XG4kZm9udC13ZWlnaHQtc2VtaWJvbGQ6IDYwMDtcbiRmb250LXdlaWdodC1ib2xkOiA3MDA7XG5cbi8vID09PSBMaW5lIGhlaWdodHMgPT09IC8vXG4kbGluZS1oZWlnaHQtdGlnaHQ6IDEuMjtcbiRsaW5lLWhlaWdodC1zbnVnOiAxLjM3NTtcbiRsaW5lLWhlaWdodC1ub3JtYWw6IDEuNTtcbiRsaW5lLWhlaWdodC1sb29zZTogMS42MjU7XG5cbi8vID09PSBGb250IFNpemVzIOKAlCBTZW1hbnRpYyBUb2tlbnMgPT09IC8vXG5cbi8vID09PSBUaXRsZXMgPT09IC8vXG4kZm9udC1zaXplLWhlcm86IDNyZW07IC8vIDQ4cHhcbiRmb250LXNpemUtdGl0bGUtMTogMi4yNXJlbTsgLy8gMzZweFxuJGZvbnQtc2l6ZS10aXRsZS0yOiAxLjg3NXJlbTsgLy8gMzBweFxuJGZvbnQtc2l6ZS10aXRsZS0zOiAxLjVyZW07IC8vIDI0cHhcblxuLy8gPT09IFN1YnRpdGxlcyA9PT0gLy9cbiRmb250LXNpemUtc3VidGl0bGUtMTogMS4yNXJlbTsgLy8gMjBweFxuJGZvbnQtc2l6ZS1zdWJ0aXRsZS0yOiAxLjEyNXJlbTsgLy8gMThweFxuXG4vLyA9PT0gQm9keSB0ZXh0ID09PSAvL1xuJGZvbnQtc2l6ZS1ib2R5LWxnOiAxcmVtOyAvLyAxNnB4XG4kZm9udC1zaXplLWJvZHktbWQ6IDAuOTM3NXJlbTsgLy8gMTVweFxuJGZvbnQtc2l6ZS1ib2R5LXNtOiAwLjg3NXJlbTsgLy8gMTRweFxuXG4vLyA9PT0gQ2FwdGlvbnMgLyBEZXNjcmlwdGlvbnMgPT09IC8vXG4kZm9udC1zaXplLWNhcHRpb246IDAuNzVyZW07IC8vIDEycHhcbiRmb250LXNpemUtZm9vdG5vdGU6IDAuNjg3NXJlbTsgLy8gMTFweFxuXG4vLyA9PT0gQnV0dG9ucyA9PT0gLy9cbiRmb250LXNpemUtYnV0dG9uLWxnOiAxcmVtOyAvLyAxNnB4XG4kZm9udC1zaXplLWJ1dHRvbi1tZDogMC44NzVyZW07IC8vIDE0cHhcbiRmb250LXNpemUtYnV0dG9uLXNtOiAwLjc1cmVtOyAvLyAxMnB4XG5cbi8vID09PSBBbmltYXRpb25zID09PSAvL1xuXG4kY3ViaWMtYmV6aWVyLXByaW1hcnk6IGN1YmljLWJlemllcigwLjU1LCAtMC4xOSwgMC41OSwgMC45NSk7XG4kY3ViaWMtYmV6aWVyLXNlY29uZGFyeTogY3ViaWMtYmV6aWVyKDAuMTc1LCAwLjg4NSwgMC4zMiwgMS4yNzUpO1xuIl19 */"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,YAAuB;;;ACFvB;AAAA,EAAC,QAAAA;AAAA,EAoBA,iBAAAC;AAAA,EAMA,iBAAAC;AAAA,EAMA,mBAAAC;AAAA,EAMA,mBAAAC;AAAA,EAMA,qBAAAC;AAAA,EAMA,mBAAAC;AAAA,EAMA,iBAAAC;AAAA,EAMA,mBAAAC;AAAA;;;ADlBG;AAjBG,IAAM,SAA4B,CAAC;AAAA,EACxC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,MAAY,aAA0B,IAAI;AAEhD,QAAM,iBAAiB,MAAM;AAC3B,WAAO,QAAQ;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,UAAU,sBAAO,QAAQ,CAAC,IACnC,sBAAO,WAAW,OAAO,EAAE,CAC7B,IAAI,SAAS;AAAA,MACb;AAAA,MACA;AAAA,MAEC,yBAAe;AAAA;AAAA,EAClB;AAEJ;","names":["anchor","anchor--white","anchor--black","anchor--default","anchor--primary","anchor--secondary","anchor--success","anchor--error","anchor--warning"]}
|
|
1
|
+
{"version":3,"sources":["../index.ts","../components/Anchor.tsx"],"sourcesContent":["export * from \"./components\";\n","\"use client\";\n\nimport * as React from \"react\";\n\nexport interface IAnchor {\n href?: string;\n target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n text?: string;\n children?: React.ReactElement | React.ReactNode | string;\n onClick?: (\n e: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n ) => void | Promise<void>;\n variant?:\n | \"white\"\n | \"black\"\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const Anchor: React.FC<IAnchor> = ({\n href = \"\",\n target = \"_self\",\n variant = \"default\",\n children = \"\",\n text = \"\",\n onClick,\n className = \"\",\n style = {},\n}) => {\n const renderChildren = () => text || children;\n\n return (\n <a\n href={href}\n target={target}\n onClick={onClick}\n style={style}\n className={`anchor anchor--${variant} ${className}`}\n >\n {renderChildren()}\n </a>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACsCI;AAbG,IAAM,SAA4B,CAAC;AAAA,EACxC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,iBAAiB,MAAM,QAAQ;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,kBAAkB,OAAO,IAAI,SAAS;AAAA,MAEhD,yBAAe;AAAA;AAAA,EAClB;AAEJ;","names":[]}
|
package/dist/index.mjs
CHANGED
|
@@ -1,23 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "./index.css";
|
|
3
3
|
|
|
4
|
-
// components/Anchor
|
|
5
|
-
import * as React from "react";
|
|
6
|
-
|
|
7
|
-
// components/Anchor/Anchor.module.scss
|
|
8
|
-
var Anchor_module_default = {
|
|
9
|
-
anchor: "Anchor_module_anchor",
|
|
10
|
-
"anchor--white": "Anchor_module_anchor--white",
|
|
11
|
-
"anchor--black": "Anchor_module_anchor--black",
|
|
12
|
-
"anchor--default": "Anchor_module_anchor--default",
|
|
13
|
-
"anchor--primary": "Anchor_module_anchor--primary",
|
|
14
|
-
"anchor--secondary": "Anchor_module_anchor--secondary",
|
|
15
|
-
"anchor--success": "Anchor_module_anchor--success",
|
|
16
|
-
"anchor--error": "Anchor_module_anchor--error",
|
|
17
|
-
"anchor--warning": "Anchor_module_anchor--warning"
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
// components/Anchor/index.tsx
|
|
4
|
+
// components/Anchor.tsx
|
|
21
5
|
import { jsx } from "react/jsx-runtime";
|
|
22
6
|
var Anchor = ({
|
|
23
7
|
href = "",
|
|
@@ -29,19 +13,15 @@ var Anchor = ({
|
|
|
29
13
|
className = "",
|
|
30
14
|
style = {}
|
|
31
15
|
}) => {
|
|
32
|
-
const
|
|
33
|
-
const renderChildren = () => {
|
|
34
|
-
return text || children;
|
|
35
|
-
};
|
|
16
|
+
const renderChildren = () => text || children;
|
|
36
17
|
return /* @__PURE__ */ jsx(
|
|
37
18
|
"a",
|
|
38
19
|
{
|
|
39
|
-
ref,
|
|
40
20
|
href,
|
|
41
21
|
target,
|
|
42
|
-
className: `anchor ${Anchor_module_default["anchor"]} ${Anchor_module_default[`anchor--${variant}`]} ${className}`,
|
|
43
22
|
onClick,
|
|
44
23
|
style,
|
|
24
|
+
className: `anchor anchor--${variant} ${className}`,
|
|
45
25
|
children: renderChildren()
|
|
46
26
|
}
|
|
47
27
|
);
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../components/Anchor/index.tsx","../components/Anchor/Anchor.module.scss"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport styles from \"./Anchor.module.scss\";\n\nexport interface IAnchor {\n href?: string;\n target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n text?: string;\n children?: React.ReactElement | React.ReactNode | string;\n onClick?: (\n e: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n ) => void | Promise<void>;\n variant?:\n | \"white\"\n | \"black\"\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const Anchor: React.FC<IAnchor> = ({\n href = \"\",\n target = \"_self\",\n variant = \"default\",\n children = \"\",\n text = \"\",\n onClick,\n className = \"\",\n style = {},\n}) => {\n const ref = React.useRef<HTMLAnchorElement>(null);\n\n const renderChildren = () => {\n return text || children;\n };\n\n return (\n <a\n ref={ref}\n href={href}\n target={target}\n className={`anchor ${styles[\"anchor\"]} ${\n styles[`anchor--${variant}`]\n } ${className}`}\n onClick={onClick}\n style={style}\n >\n {renderChildren()}\n </a>\n );\n};\n",".anchor {\n background-color: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n font-size: 0.875rem;\n font-weight: 500;\n letter-spacing: 0rem;\n line-height: 1.4285714286;\n overflow: hidden;\n position: relative;\n padding: 0.5rem 1rem;\n transition: all 200ms ease;\n}\n.anchor:hover {\n text-decoration: underline;\n}\n.anchor:active {\n transform: scale(0.97);\n}\n.anchor--white {\n color: #ffffff;\n}\n.anchor--white:hover {\n color: #dddddd;\n}\n.anchor--black {\n color: #000000;\n}\n.anchor--black:hover {\n color: #222222;\n}\n.anchor--default {\n color: #1f2937;\n}\n.anchor--default:hover {\n color: #111827;\n}\n.anchor--primary {\n color: #2563eb;\n}\n.anchor--primary:hover {\n color: #1d4ed8;\n}\n.anchor--secondary {\n color: #4f46e5;\n}\n.anchor--secondary:hover {\n color: #4338ca;\n}\n.anchor--success {\n color: #16a34a;\n}\n.anchor--success:hover {\n color: #15803d;\n}\n.anchor--error {\n color: #dc2626;\n}\n.anchor--error:hover {\n color: #b91c1c;\n}\n.anchor--warning {\n color: #d97706;\n color: #000000;\n}\n.anchor--warning:hover {\n color: #b45309;\n}\n.anchor svg {\n height: 100%;\n width: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL2RodW5hbnlhbi9hcmlzdG9ieXRlL2dpdGh1Yi9hcmlzdG9ieXRlLXVpL3BhY2thZ2VzL2FuY2hvci9jb21wb25lbnRzL0FuY2hvciIsInNvdXJjZXMiOlsiQW5jaG9yLm1vZHVsZS5zY3NzIiwiLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL0BhcmlzdG9ieXRlLXVpL3V0aWxzL3N0eWxlcy9fc2V0dGluZ3Muc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFLGtCQ3NCWTtFRHJCWjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFLE9DSkk7O0FETUo7RUFDRSxPQ05ROztBRFVaO0VBQ0UsT0NWSTs7QURZSjtFQUNFLE9DWlE7O0FEZ0JaO0VBQ0UsT0NpQk87O0FEZlA7RUFDRSxPQ2VLOztBRFhUO0VBQ0UsT0NtQk87O0FEakJQO0VBQ0UsT0NpQks7O0FEYlQ7RUFDRSxPQ3VCUzs7QURyQlQ7RUFDRSxPQ3FCTzs7QURqQlg7RUFDRSxPQ21DUTs7QURqQ1I7RUFDRSxPQ2lDTTs7QUQ3QlY7RUFDRSxPQ2lCTTs7QURmTjtFQUNFLE9DZUk7O0FEWFI7RUFDRSxPQzZCUTtFRDVCUixPQzNESTs7QUQ2REo7RUFDRSxPQzBCTTs7QUR0QlY7RUFDRTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSBcIkBhcmlzdG9ieXRlLXVpL3V0aWxzL3N0eWxlcy9zZXR0aW5nc1wiIGFzICo7XG5cbi5hbmNob3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkdHJhbnNwYXJlbnQ7XG4gIGJvcmRlcjogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsZXR0ZXItc3BhY2luZzogMHJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNDI4NTcxNDI4NjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nOiAwLjVyZW0gMXJlbTtcbiAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2U7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwLjk3KTtcbiAgfVxuXG4gICYtLXdoaXRlIHtcbiAgICBjb2xvcjogJHdoaXRlO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHdoaXRlLWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLWJsYWNrIHtcbiAgICBjb2xvcjogJGJsYWNrO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJGJsYWNrLWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLWRlZmF1bHQge1xuICAgIGNvbG9yOiAkY29sb3ItZGVmYXVsdDtcblxuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICRjb2xvci1kZWZhdWx0LWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLXByaW1hcnkge1xuICAgIGNvbG9yOiAkY29sb3ItcHJpbWFyeTtcblxuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICRjb2xvci1wcmltYXJ5LWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLXNlY29uZGFyeSB7XG4gICAgY29sb3I6ICRjb2xvci1zZWNvbmRhcnk7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAkY29sb3Itc2Vjb25kYXJ5LWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLXN1Y2Nlc3Mge1xuICAgIGNvbG9yOiAkY29sb3Itc3VjY2VzcztcblxuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICRjb2xvci1zdWNjZXNzLWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLWVycm9yIHtcbiAgICBjb2xvcjogJGNvbG9yLWVycm9yO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJGNvbG9yLWVycm9yLWhvdmVyO1xuICAgIH1cbiAgfVxuXG4gICYtLXdhcm5pbmcge1xuICAgIGNvbG9yOiAkY29sb3Itd2FybmluZztcbiAgICBjb2xvcjogJGJsYWNrO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJGNvbG9yLXdhcm5pbmctaG92ZXI7XG4gICAgfVxuICB9XG5cbiAgc3ZnIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbn1cbiIsIi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0gLy9cbi8vICAgICAgICBBcmlzdG9CeXRlIFVJIC0gU3R5bGUgU2V0dGluZ3MgICAgICAgLy9cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0gLy9cblxuLy8gPT09IERlc2lnbiBUb2tlbnMg4oCUIENvbG9yIFBhbGV0dGUgPT09IC8vXG4vLyBMb2dvXG4kbG9nby1jb2xvci0xOiAjZmZlZTI3O1xuJGxvZ28tY29sb3ItMjogI2ZlYzgwMDtcbiRsb2dvLWNvbG9yLTM6ICNmMThlMzU7XG4kbG9nby1jb2xvci00OiAjZTk1ZjMyO1xuJGxvZ28tY29sb3ItNTogI2UyMzEyZDtcbiRsb2dvLWdyYWRpZW50OiBsaW5lYXItZ3JhZGllbnQoXG4gIDkwZGVnLFxuICAkbG9nby1jb2xvci0xLFxuICAkbG9nby1jb2xvci0yLFxuICAkbG9nby1jb2xvci0zLFxuICAkbG9nby1jb2xvci00LFxuICAkbG9nby1jb2xvci01XG4pO1xuXG4vLyBCYXNlXG4kd2hpdGU6ICNmZmZmZmY7XG4kd2hpdGUtaG92ZXI6ICNkZGRkZGQ7XG4kYmxhY2s6ICMwMDAwMDA7XG4kYmxhY2staG92ZXI6ICMyMjIyMjI7XG4kdHJhbnNwYXJlbnQ6IHRyYW5zcGFyZW50O1xuXG4vLyA9PT0gQmxhY2sgVHJhbnNwYXJlbnQgU2NhbGUgPT09IC8vXG4kYmxhY2stdHJhbnNwYXJlbnQtMTAwOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4kYmxhY2stdHJhbnNwYXJlbnQtMjAwOiByZ2JhKDAsIDAsIDAsIDAuMik7XG4kYmxhY2stdHJhbnNwYXJlbnQtMzAwOiByZ2JhKDAsIDAsIDAsIDAuMyk7XG4kYmxhY2stdHJhbnNwYXJlbnQtNDAwOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4kYmxhY2stdHJhbnNwYXJlbnQtNTAwOiByZ2JhKDAsIDAsIDAsIDAuNSk7XG4kYmxhY2stdHJhbnNwYXJlbnQtNjAwOiByZ2JhKDAsIDAsIDAsIDAuNik7XG4kYmxhY2stdHJhbnNwYXJlbnQtNzAwOiByZ2JhKDAsIDAsIDAsIDAuNyk7XG4kYmxhY2stdHJhbnNwYXJlbnQtODAwOiByZ2JhKDAsIDAsIDAsIDAuOCk7XG4kYmxhY2stdHJhbnNwYXJlbnQtOTAwOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG5cbi8vID09PSBCbGFjayBUcmFuc3BhcmVudCBTY2FsZSA9PT0gLy9cbiR3aGl0ZS10cmFuc3BhcmVudC0xMDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xKTtcbiR3aGl0ZS10cmFuc3BhcmVudC0yMDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiR3aGl0ZS10cmFuc3BhcmVudC0zMDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zKTtcbiR3aGl0ZS10cmFuc3BhcmVudC00MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC40KTtcbiR3aGl0ZS10cmFuc3BhcmVudC01MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC41KTtcbiR3aGl0ZS10cmFuc3BhcmVudC02MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KTtcbiR3aGl0ZS10cmFuc3BhcmVudC03MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC43KTtcbiR3aGl0ZS10cmFuc3BhcmVudC04MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KTtcbiR3aGl0ZS10cmFuc3BhcmVudC05MDA6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTtcblxuLy8gPT09IE5ldXRyYWwgU2NhbGUgKEdyZXkpID09PSAvL1xuJGdyZXktNTA6ICNmOWZhZmI7XG4kZ3JleS0xMDA6ICNmM2Y0ZjY7XG4kZ3JleS0yMDA6ICNlNWU3ZWI7XG4kZ3JleS0zMDA6ICNkMWQ1ZGI7XG4kZ3JleS00MDA6ICM5Y2EzYWY7XG4kZ3JleS01MDA6ICM2YjcyODA7XG4kZ3JleS02MDA6ICM0YjU1NjM7XG4kZ3JleS03MDA6ICMzNzQxNTE7XG4kZ3JleS04MDA6ICMxZjI5Mzc7XG4kZ3JleS05MDA6ICMxMTE4Mjc7XG5cbi8vID09PSBQcmltYXJ5IFNjYWxlIChCbHVlKSA9PT0gLy9cbiRibHVlLTUwOiAjZWZmNmZmO1xuJGJsdWUtMTAwOiAjZGJlYWZlO1xuJGJsdWUtMjAwOiAjYmZkYmZlO1xuJGJsdWUtMzAwOiAjOTNjNWZkO1xuJGJsdWUtNDAwOiAjNjBhNWZhO1xuJGJsdWUtNTAwOiAjM2I4MmY2O1xuJGJsdWUtNjAwOiAjMjU2M2ViOyAvLyBNYWluXG4kYmx1ZS03MDA6ICMxZDRlZDg7IC8vIEhvdmVyXG4kYmx1ZS04MDA6ICMxZTQwYWY7XG4kYmx1ZS05MDA6ICMxZTNhOGE7XG5cbi8vID09PSBTZWNvbmRhcnkgU2NhbGUgKEluZGlnbykgPT09IC8vXG4kaW5kaWdvLTUwOiAjZWVmMmZmO1xuJGluZGlnby0xMDA6ICNlMGU3ZmY7XG4kaW5kaWdvLTIwMDogI2M3ZDJmZTtcbiRpbmRpZ28tMzAwOiAjYTViNGZjO1xuJGluZGlnby00MDA6ICM4MThjZjg7XG4kaW5kaWdvLTUwMDogIzYzNjZmMTtcbiRpbmRpZ28tNjAwOiAjNGY0NmU1OyAvLyBNYWluXG4kaW5kaWdvLTcwMDogIzQzMzhjYTsgLy8gSG92ZXJcblxuLy8gPT09IEVycm9yIFNjYWxlIChSZWQpID09PSAvL1xuJHJlZC01MDogI2ZlZjJmMjtcbiRyZWQtMTAwOiAjZmVlMmUyO1xuJHJlZC0yMDA6ICNmZWNhY2E7XG4kcmVkLTMwMDogI2ZjYTVhNTtcbiRyZWQtNDAwOiAjZjg3MTcxO1xuJHJlZC01MDA6ICNlZjQ0NDQ7XG4kcmVkLTYwMDogI2RjMjYyNjsgLy8gTWFpblxuJHJlZC03MDA6ICNiOTFjMWM7IC8vIEhvdmVyXG5cbi8vID09PSBTdWNjZXNzIFNjYWxlIChHcmVlbikgPT09IC8vXG4kZ3JlZW4tNTA6ICNmMGZkZjQ7XG4kZ3JlZW4tMTAwOiAjZGNmY2U3O1xuJGdyZWVuLTIwMDogI2JiZjdkMDtcbiRncmVlbi0zMDA6ICM4NmVmYWM7XG4kZ3JlZW4tNDAwOiAjNGFkZTgwO1xuJGdyZWVuLTUwMDogIzIyYzU1ZTtcbiRncmVlbi02MDA6ICMxNmEzNGE7IC8vIE1haW5cbiRncmVlbi03MDA6ICMxNTgwM2Q7IC8vIEhvdmVyXG5cbi8vID09PSBXYXJuaW5nIFNjYWxlIChBbWJlcikgPT09IC8vXG4kYW1iZXItNTA6ICNmZmZiZWI7XG4kYW1iZXItMTAwOiAjZmVmM2M3O1xuJGFtYmVyLTIwMDogI2ZkZTY4YTtcbiRhbWJlci0zMDA6ICNmY2QzNGQ7XG4kYW1iZXItNDAwOiAjZmJiZjI0O1xuJGFtYmVyLTUwMDogI2Y1OWUwYjtcbiRhbWJlci02MDA6ICNkOTc3MDY7IC8vIE1haW5cbiRhbWJlci03MDA6ICNiNDUzMDk7IC8vIEhvdmVyXG5cbi8vID09PSBTZW1hbnRpYyBUb2tlbnMgPT09IC8vXG4kY29sb3ItZGVmYXVsdDogJGdyZXktODAwO1xuJGNvbG9yLWRlZmF1bHQtaG92ZXI6ICRncmV5LTkwMDtcbiRjb2xvci1kZWZhdWx0LWRpc2FibGVkOiByZ2JhKCRjb2xvci1kZWZhdWx0LCAwLjUpO1xuXG4kY29sb3ItcHJpbWFyeTogJGJsdWUtNjAwO1xuJGNvbG9yLXByaW1hcnktaG92ZXI6ICRibHVlLTcwMDtcbiRjb2xvci1wcmltYXJ5LWRpc2FibGVkOiByZ2JhKCRjb2xvci1wcmltYXJ5LCAwLjUpO1xuXG4kY29sb3Itc2Vjb25kYXJ5OiAkaW5kaWdvLTYwMDtcbiRjb2xvci1zZWNvbmRhcnktaG92ZXI6ICRpbmRpZ28tNzAwO1xuJGNvbG9yLXNlY29uZGFyeS1kaXNhYmxlZDogcmdiYSgkY29sb3Itc2Vjb25kYXJ5LCAwLjUpO1xuXG4kY29sb3ItZXJyb3I6ICRyZWQtNjAwO1xuJGNvbG9yLWVycm9yLWhvdmVyOiAkcmVkLTcwMDtcbiRjb2xvci1lcnJvci1kaXNhYmxlZDogcmdiYSgkY29sb3ItZXJyb3IsIDAuNSk7XG5cbiRjb2xvci1zdWNjZXNzOiAkZ3JlZW4tNjAwO1xuJGNvbG9yLXN1Y2Nlc3MtaG92ZXI6ICRncmVlbi03MDA7XG4kY29sb3Itc3VjY2Vzcy1kaXNhYmxlZDogcmdiYSgkY29sb3Itc3VjY2VzcywgMC41KTtcblxuJGNvbG9yLXdhcm5pbmc6ICRhbWJlci02MDA7XG4kY29sb3Itd2FybmluZy1ob3ZlcjogJGFtYmVyLTcwMDtcbiRjb2xvci13YXJuaW5nLWRpc2FibGVkOiByZ2JhKCRjb2xvci13YXJuaW5nLCAwLjUpO1xuXG4kdGV4dC1jb2xvci13aGl0ZTogJHdoaXRlO1xuJHRleHQtY29sb3ItYmxhY2s6ICRibGFjaztcbiR0ZXh0LWNvbG9yLXdoaXRlLWRpc2FibGVkOiByZ2JhKCR3aGl0ZSwgMC41KTtcbiR0ZXh0LWNvbG9yLWJsYWNrLWRpc2FibGVkOiByZ2JhKCRibGFjaywgMC41KTtcblxuJHRpdGxlLWNvbG9yLWRhcms6ICR3aGl0ZTtcbiRzdWJ0aXRsZS1jb2xvci1kYXJrOiAjOTlhMWFmO1xuJGRlc2NyaXB0aW9uLWNvbG9yLWRhcms6ICNkMWQ1ZGM7XG4kaWNvbi1jb2xvci1kYXJrOiAjOTlhMWFmO1xuXG4vLyA9PT0gU2hhZG93cyA9PT0gLy9cbi8vQFRPRE86IEBTSEFET1dcbiRzaGFkb3ctc206IDAgMXB4IDJweCAwIHJnYmEoJGJsYWNrLCAwLjA1KTtcbiRzaGFkb3ctbWQ6XG4gIDAgNHB4IDZweCAtMXB4IHJnYmEoJGJsYWNrLCAwLjEpLFxuICAwIDJweCA0cHggLTFweCByZ2JhKCRibGFjaywgMC4wNik7XG4kc2hhZG93LWxnOlxuICAwIDEwcHggMTVweCAtM3B4IHJnYmEoJGJsYWNrLCAwLjEpLFxuICAwIDRweCA2cHggLTJweCByZ2JhKCRibGFjaywgMC4wNSk7XG5cbi8vID09PSBGb250IGZhbWlsaWVzID09PSAvL1xuJGZvbnQtZmFtaWx5LXNhbnM6IFwiSW50ZXJcIiwgc2Fucy1zZXJpZjtcbiRmb250LWZhbWlseS1zZXJpZjogXCJHZW9yZ2lhXCIsIHNlcmlmO1xuJGZvbnQtZmFtaWx5LW1vbm86IFwiRmlyYSBDb2RlXCIsIG1vbm9zcGFjZTtcblxuLy8gPT09IEZvbnQgd2VpZ2h0cyA9PT0gLy9cbiRmb250LXdlaWdodC1yZWd1bGFyOiA0MDA7XG4kZm9udC13ZWlnaHQtbWVkaXVtOiA1MDA7XG4kZm9udC13ZWlnaHQtc2VtaWJvbGQ6IDYwMDtcbiRmb250LXdlaWdodC1ib2xkOiA3MDA7XG5cbi8vID09PSBMaW5lIGhlaWdodHMgPT09IC8vXG4kbGluZS1oZWlnaHQtdGlnaHQ6IDEuMjtcbiRsaW5lLWhlaWdodC1zbnVnOiAxLjM3NTtcbiRsaW5lLWhlaWdodC1ub3JtYWw6IDEuNTtcbiRsaW5lLWhlaWdodC1sb29zZTogMS42MjU7XG5cbi8vID09PSBGb250IFNpemVzIOKAlCBTZW1hbnRpYyBUb2tlbnMgPT09IC8vXG5cbi8vID09PSBUaXRsZXMgPT09IC8vXG4kZm9udC1zaXplLWhlcm86IDNyZW07IC8vIDQ4cHhcbiRmb250LXNpemUtdGl0bGUtMTogMi4yNXJlbTsgLy8gMzZweFxuJGZvbnQtc2l6ZS10aXRsZS0yOiAxLjg3NXJlbTsgLy8gMzBweFxuJGZvbnQtc2l6ZS10aXRsZS0zOiAxLjVyZW07IC8vIDI0cHhcblxuLy8gPT09IFN1YnRpdGxlcyA9PT0gLy9cbiRmb250LXNpemUtc3VidGl0bGUtMTogMS4yNXJlbTsgLy8gMjBweFxuJGZvbnQtc2l6ZS1zdWJ0aXRsZS0yOiAxLjEyNXJlbTsgLy8gMThweFxuXG4vLyA9PT0gQm9keSB0ZXh0ID09PSAvL1xuJGZvbnQtc2l6ZS1ib2R5LWxnOiAxcmVtOyAvLyAxNnB4XG4kZm9udC1zaXplLWJvZHktbWQ6IDAuOTM3NXJlbTsgLy8gMTVweFxuJGZvbnQtc2l6ZS1ib2R5LXNtOiAwLjg3NXJlbTsgLy8gMTRweFxuXG4vLyA9PT0gQ2FwdGlvbnMgLyBEZXNjcmlwdGlvbnMgPT09IC8vXG4kZm9udC1zaXplLWNhcHRpb246IDAuNzVyZW07IC8vIDEycHhcbiRmb250LXNpemUtZm9vdG5vdGU6IDAuNjg3NXJlbTsgLy8gMTFweFxuXG4vLyA9PT0gQnV0dG9ucyA9PT0gLy9cbiRmb250LXNpemUtYnV0dG9uLWxnOiAxcmVtOyAvLyAxNnB4XG4kZm9udC1zaXplLWJ1dHRvbi1tZDogMC44NzVyZW07IC8vIDE0cHhcbiRmb250LXNpemUtYnV0dG9uLXNtOiAwLjc1cmVtOyAvLyAxMnB4XG5cbi8vID09PSBBbmltYXRpb25zID09PSAvL1xuXG4kY3ViaWMtYmV6aWVyLXByaW1hcnk6IGN1YmljLWJlemllcigwLjU1LCAtMC4xOSwgMC41OSwgMC45NSk7XG4kY3ViaWMtYmV6aWVyLXNlY29uZGFyeTogY3ViaWMtYmV6aWVyKDAuMTc1LCAwLjg4NSwgMC4zMiwgMS4yNzUpO1xuIl19 */"],"mappings":";;;;AAEA,YAAY,WAAW;;;ACFvB;AAAA,EAAC,QAAAA;AAAA,EAoBA,iBAAAC;AAAA,EAMA,iBAAAC;AAAA,EAMA,mBAAAC;AAAA,EAMA,mBAAAC;AAAA,EAMA,qBAAAC;AAAA,EAMA,mBAAAC;AAAA,EAMA,iBAAAC;AAAA,EAMA,mBAAAC;AAAA;;;ADlBG;AAjBG,IAAM,SAA4B,CAAC;AAAA,EACxC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,MAAY,aAA0B,IAAI;AAEhD,QAAM,iBAAiB,MAAM;AAC3B,WAAO,QAAQ;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,UAAU,sBAAO,QAAQ,CAAC,IACnC,sBAAO,WAAW,OAAO,EAAE,CAC7B,IAAI,SAAS;AAAA,MACb;AAAA,MACA;AAAA,MAEC,yBAAe;AAAA;AAAA,EAClB;AAEJ;","names":["anchor","anchor--white","anchor--black","anchor--default","anchor--primary","anchor--secondary","anchor--success","anchor--error","anchor--warning"]}
|
|
1
|
+
{"version":3,"sources":["../components/Anchor.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface IAnchor {\n href?: string;\n target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n text?: string;\n children?: React.ReactElement | React.ReactNode | string;\n onClick?: (\n e: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n ) => void | Promise<void>;\n variant?:\n | \"white\"\n | \"black\"\n | \"default\"\n | \"primary\"\n | \"secondary\"\n | \"success\"\n | \"error\"\n | \"warning\";\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const Anchor: React.FC<IAnchor> = ({\n href = \"\",\n target = \"_self\",\n variant = \"default\",\n children = \"\",\n text = \"\",\n onClick,\n className = \"\",\n style = {},\n}) => {\n const renderChildren = () => text || children;\n\n return (\n <a\n href={href}\n target={target}\n onClick={onClick}\n style={style}\n className={`anchor anchor--${variant} ${className}`}\n >\n {renderChildren()}\n </a>\n );\n};\n"],"mappings":";;;;AAsCI;AAbG,IAAM,SAA4B,CAAC;AAAA,EACxC,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,iBAAiB,MAAM,QAAQ;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,kBAAkB,OAAO,IAAI,SAAS;AAAA,MAEhD,yBAAe;AAAA;AAAA,EAClB;AAEJ;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aristobyte-ui/anchor",
|
|
3
3
|
"description": "A fully-typed, lightweight Anchor component for AristoByteUI with ripple effect support, multiple variants, and seamless integration with SCSS modules and design tokens.",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.59",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"private": false,
|
|
7
7
|
"author": "AristoByte <info@aristobyte.com>",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"check-types": "tsc --noEmit"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@aristobyte-ui/utils": "^1.0.
|
|
59
|
+
"@aristobyte-ui/utils": "^1.0.59",
|
|
60
60
|
"esbuild-sass-plugin": "^3.3.1",
|
|
61
61
|
"react": "^19.1.0",
|
|
62
62
|
"react-dom": "^19.1.0",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"tsup": "^8.5.0"
|
|
65
65
|
},
|
|
66
66
|
"devDependencies": {
|
|
67
|
-
"@aristobyte-ui/eslint-config": "^1.0.
|
|
68
|
-
"@aristobyte-ui/typescript-config": "^1.0.
|
|
67
|
+
"@aristobyte-ui/eslint-config": "^1.0.59",
|
|
68
|
+
"@aristobyte-ui/typescript-config": "^1.0.59",
|
|
69
69
|
"@turbo/gen": "^2.5.0",
|
|
70
70
|
"@types/node": "^24.3.0",
|
|
71
71
|
"@types/react": "19.1.0",
|
package/dist/index.css
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
/* components/Anchor/Anchor.module.scss */
|
|
2
|
-
.Anchor_module_anchor {
|
|
3
|
-
background-color: transparent;
|
|
4
|
-
border: none;
|
|
5
|
-
cursor: pointer;
|
|
6
|
-
display: flex;
|
|
7
|
-
font-size: 0.875rem;
|
|
8
|
-
font-weight: 500;
|
|
9
|
-
letter-spacing: 0rem;
|
|
10
|
-
line-height: 1.4285714286;
|
|
11
|
-
overflow: hidden;
|
|
12
|
-
position: relative;
|
|
13
|
-
padding: 0.5rem 1rem;
|
|
14
|
-
transition: all 200ms ease;
|
|
15
|
-
}
|
|
16
|
-
.Anchor_module_anchor:hover {
|
|
17
|
-
text-decoration: underline;
|
|
18
|
-
}
|
|
19
|
-
.Anchor_module_anchor:active {
|
|
20
|
-
transform: scale(0.97);
|
|
21
|
-
}
|
|
22
|
-
.Anchor_module_anchor--white {
|
|
23
|
-
color: #ffffff;
|
|
24
|
-
}
|
|
25
|
-
.Anchor_module_anchor--white:hover {
|
|
26
|
-
color: #dddddd;
|
|
27
|
-
}
|
|
28
|
-
.Anchor_module_anchor--black {
|
|
29
|
-
color: #000000;
|
|
30
|
-
}
|
|
31
|
-
.Anchor_module_anchor--black:hover {
|
|
32
|
-
color: #222222;
|
|
33
|
-
}
|
|
34
|
-
.Anchor_module_anchor--default {
|
|
35
|
-
color: #1f2937;
|
|
36
|
-
}
|
|
37
|
-
.Anchor_module_anchor--default:hover {
|
|
38
|
-
color: #111827;
|
|
39
|
-
}
|
|
40
|
-
.Anchor_module_anchor--primary {
|
|
41
|
-
color: #2563eb;
|
|
42
|
-
}
|
|
43
|
-
.Anchor_module_anchor--primary:hover {
|
|
44
|
-
color: #1d4ed8;
|
|
45
|
-
}
|
|
46
|
-
.Anchor_module_anchor--secondary {
|
|
47
|
-
color: #4f46e5;
|
|
48
|
-
}
|
|
49
|
-
.Anchor_module_anchor--secondary:hover {
|
|
50
|
-
color: #4338ca;
|
|
51
|
-
}
|
|
52
|
-
.Anchor_module_anchor--success {
|
|
53
|
-
color: #16a34a;
|
|
54
|
-
}
|
|
55
|
-
.Anchor_module_anchor--success:hover {
|
|
56
|
-
color: #15803d;
|
|
57
|
-
}
|
|
58
|
-
.Anchor_module_anchor--error {
|
|
59
|
-
color: #dc2626;
|
|
60
|
-
}
|
|
61
|
-
.Anchor_module_anchor--error:hover {
|
|
62
|
-
color: #b91c1c;
|
|
63
|
-
}
|
|
64
|
-
.Anchor_module_anchor--warning {
|
|
65
|
-
color: #d97706;
|
|
66
|
-
color: #000000;
|
|
67
|
-
}
|
|
68
|
-
.Anchor_module_anchor--warning:hover {
|
|
69
|
-
color: #b45309;
|
|
70
|
-
}
|
|
71
|
-
.Anchor_module_anchor svg {
|
|
72
|
-
height: 100%;
|
|
73
|
-
width: 100%;
|
|
74
|
-
}
|
|
75
|
-
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../components/Anchor.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.anchor {\n background-color: $transparent;\n border: none;\n cursor: pointer;\n display: flex;\n font-size: 0.875rem;\n font-weight: 500;\n letter-spacing: 0rem;\n line-height: 1.4285714286;\n overflow: hidden;\n position: relative;\n padding: 0.5rem 1rem;\n transition: all 200ms ease;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:active {\n transform: scale(0.97);\n }\n\n &--white {\n color: $white;\n\n &:hover {\n color: $white-hover;\n }\n }\n\n &--black {\n color: $black;\n\n &:hover {\n color: $black-hover;\n }\n }\n\n &--default {\n color: $color-default;\n\n &:hover {\n color: $color-default-hover;\n }\n }\n\n &--primary {\n color: $color-primary;\n\n &:hover {\n color: $color-primary-hover;\n }\n }\n\n &--secondary {\n color: $color-secondary;\n\n &:hover {\n color: $color-secondary-hover;\n }\n }\n\n &--success {\n color: $color-success;\n\n &:hover {\n color: $color-success-hover;\n }\n }\n\n &--error {\n color: $color-error;\n\n &:hover {\n color: $color-error-hover;\n }\n }\n\n &--warning {\n color: $color-warning;\n color: $black;\n\n &:hover {\n color: $color-warning-hover;\n }\n }\n\n svg {\n height: 100%;\n width: 100%;\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n// Logo\n$logo-color-1: #ffee27;\n$logo-color-2: #fec800;\n$logo-color-3: #f18e35;\n$logo-color-4: #e95f32;\n$logo-color-5: #e2312d;\n$logo-gradient: linear-gradient(\n 90deg,\n $logo-color-1,\n $logo-color-2,\n $logo-color-3,\n $logo-color-4,\n $logo-color-5\n);\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":";AAEA,CAAAA;AACE,oBCsBY;ADrBZ,UAAA;AACA,UAAA;AACA,WAAA;AACA,aAAA;AACA,eAAA;AACA,kBAAA;AACA,eAAA;AACA,YAAA;AACA,YAAA;AACA,WAAA,OAAA;AACA,cAAA,IAAA,MAAA;;AAEA,CAdFA,oBAcE;AACE,mBAAA;;AAGF,CAlBFA,oBAkBE;AACE,aAAA,MAAA;;AAGF,CAAAC;AACE,SCJI;;ADMJ,CAHFA,2BAGE;AACE,SCNQ;;ADUZ,CAAAC;AACE,SCVI;;ADYJ,CAHFA,2BAGE;AACE,SCZQ;;ADgBZ,CAAAC;AACE,SCiBO;;ADfP,CAHFA,6BAGE;AACE,SCeK;;ADXT,CAAAC;AACE,SCmBO;;ADjBP,CAHFA,6BAGE;AACE,SCiBK;;ADbT,CAAAC;AACE,SCuBS;;ADrBT,CAHFA,+BAGE;AACE,SCqBO;;ADjBX,CAAAC;AACE,SCmCQ;;ADjCR,CAHFA,6BAGE;AACE,SCiCM;;AD7BV,CAAAC;AACE,SCiBM;;ADfN,CAHFA,2BAGE;AACE,SCeI;;ADXR,CAAAC;AACE,SC6BQ;AD5BR,SC3DI;;AD6DJ,CAJFA,6BAIE;AACE,SC0BM;;ADtBV,CAvFFR,qBAuFE;AACE,UAAA;AACA,SAAA;;","names":["anchor","anchor--white","anchor--black","anchor--default","anchor--primary","anchor--secondary","anchor--success","anchor--error","anchor--warning"]}
|