@aristobyte-ui/anchor 1.0.113 → 2.0.0
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/es/main/components/Anchor/Anchor.scss +94 -0
- package/dist/es/main/components/Anchor/index.js +11 -0
- package/dist/es/main/components/index.js +1 -0
- package/dist/es/main/index.js +1 -0
- package/dist/lib/main/components/Anchor/Anchor.scss +94 -0
- package/dist/lib/main/components/Anchor/index.js +48 -0
- package/dist/lib/main/components/index.js +17 -0
- package/dist/lib/main/index.js +17 -0
- package/package.json +4 -33
- package/dist/index.d.mts +0 -15
- package/dist/index.d.ts +0 -15
- package/dist/index.js +0 -57
- package/dist/index.js.map +0 -1
- package/dist/index.mjs +0 -31
- package/dist/index.mjs.map +0 -1
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
@use '@aristobyte-ui/utils/aristobyte-ui.settings' as *;
|
|
2
|
+
|
|
3
|
+
.anchor {
|
|
4
|
+
background-color: $transparent;
|
|
5
|
+
border: none;
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
display: flex;
|
|
8
|
+
font-size: 0.875rem;
|
|
9
|
+
font-weight: 500;
|
|
10
|
+
letter-spacing: 0rem;
|
|
11
|
+
line-height: 1.4285714286;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
position: relative;
|
|
14
|
+
padding: 0.5rem 1rem;
|
|
15
|
+
transition: all 200ms ease;
|
|
16
|
+
|
|
17
|
+
&:hover {
|
|
18
|
+
text-decoration: underline;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&:active {
|
|
22
|
+
transform: scale(0.97);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&--white {
|
|
26
|
+
color: $white;
|
|
27
|
+
|
|
28
|
+
&:hover {
|
|
29
|
+
color: $white-hover;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&--black {
|
|
34
|
+
color: $black;
|
|
35
|
+
|
|
36
|
+
&:hover {
|
|
37
|
+
color: $black-hover;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&--default {
|
|
42
|
+
color: $color-default;
|
|
43
|
+
|
|
44
|
+
&:hover {
|
|
45
|
+
color: $color-default-hover;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&--primary {
|
|
50
|
+
color: $color-primary;
|
|
51
|
+
|
|
52
|
+
&:hover {
|
|
53
|
+
color: $color-primary-hover;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&--secondary {
|
|
58
|
+
color: $color-secondary;
|
|
59
|
+
|
|
60
|
+
&:hover {
|
|
61
|
+
color: $color-secondary-hover;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&--success {
|
|
66
|
+
color: $color-success;
|
|
67
|
+
|
|
68
|
+
&:hover {
|
|
69
|
+
color: $color-success-hover;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&--error {
|
|
74
|
+
color: $color-error;
|
|
75
|
+
|
|
76
|
+
&:hover {
|
|
77
|
+
color: $color-error-hover;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
&--warning {
|
|
82
|
+
color: $color-warning;
|
|
83
|
+
color: $black;
|
|
84
|
+
|
|
85
|
+
&:hover {
|
|
86
|
+
color: $color-warning-hover;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
svg {
|
|
91
|
+
height: 100%;
|
|
92
|
+
width: 100%;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import './Anchor.scss';
|
|
4
|
+
export var Anchor = function (_a) {
|
|
5
|
+
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;
|
|
6
|
+
var ref = React.useRef(null);
|
|
7
|
+
var renderChildren = function () {
|
|
8
|
+
return text || children;
|
|
9
|
+
};
|
|
10
|
+
return (React.createElement("a", { ref: ref, href: href, target: target, className: "anchor ".concat("anchor--".concat(variant), " ").concat(className), onClick: onClick, style: style }, renderChildren()));
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Anchor";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components';
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
@use '@aristobyte-ui/utils/aristobyte-ui.settings' as *;
|
|
2
|
+
|
|
3
|
+
.anchor {
|
|
4
|
+
background-color: $transparent;
|
|
5
|
+
border: none;
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
display: flex;
|
|
8
|
+
font-size: 0.875rem;
|
|
9
|
+
font-weight: 500;
|
|
10
|
+
letter-spacing: 0rem;
|
|
11
|
+
line-height: 1.4285714286;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
position: relative;
|
|
14
|
+
padding: 0.5rem 1rem;
|
|
15
|
+
transition: all 200ms ease;
|
|
16
|
+
|
|
17
|
+
&:hover {
|
|
18
|
+
text-decoration: underline;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&:active {
|
|
22
|
+
transform: scale(0.97);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&--white {
|
|
26
|
+
color: $white;
|
|
27
|
+
|
|
28
|
+
&:hover {
|
|
29
|
+
color: $white-hover;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&--black {
|
|
34
|
+
color: $black;
|
|
35
|
+
|
|
36
|
+
&:hover {
|
|
37
|
+
color: $black-hover;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&--default {
|
|
42
|
+
color: $color-default;
|
|
43
|
+
|
|
44
|
+
&:hover {
|
|
45
|
+
color: $color-default-hover;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&--primary {
|
|
50
|
+
color: $color-primary;
|
|
51
|
+
|
|
52
|
+
&:hover {
|
|
53
|
+
color: $color-primary-hover;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&--secondary {
|
|
58
|
+
color: $color-secondary;
|
|
59
|
+
|
|
60
|
+
&:hover {
|
|
61
|
+
color: $color-secondary-hover;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&--success {
|
|
66
|
+
color: $color-success;
|
|
67
|
+
|
|
68
|
+
&:hover {
|
|
69
|
+
color: $color-success-hover;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&--error {
|
|
74
|
+
color: $color-error;
|
|
75
|
+
|
|
76
|
+
&:hover {
|
|
77
|
+
color: $color-error-hover;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
&--warning {
|
|
82
|
+
color: $color-warning;
|
|
83
|
+
color: $black;
|
|
84
|
+
|
|
85
|
+
&:hover {
|
|
86
|
+
color: $color-warning-hover;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
svg {
|
|
91
|
+
height: 100%;
|
|
92
|
+
width: 100%;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Anchor = void 0;
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
require("./Anchor.scss");
|
|
40
|
+
var Anchor = function (_a) {
|
|
41
|
+
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;
|
|
42
|
+
var ref = React.useRef(null);
|
|
43
|
+
var renderChildren = function () {
|
|
44
|
+
return text || children;
|
|
45
|
+
};
|
|
46
|
+
return (React.createElement("a", { ref: ref, href: href, target: target, className: "anchor ".concat("anchor--".concat(variant), " ").concat(className), onClick: onClick, style: style }, renderChildren()));
|
|
47
|
+
};
|
|
48
|
+
exports.Anchor = Anchor;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Anchor"), exports);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./components"), exports);
|
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": "
|
|
4
|
+
"version": "2.0.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"private": false,
|
|
7
7
|
"author": "AristoByte <info@aristobyte.com>",
|
|
@@ -39,42 +39,13 @@
|
|
|
39
39
|
"publishConfig": {
|
|
40
40
|
"access": "public"
|
|
41
41
|
},
|
|
42
|
-
"main": "dist/index.js",
|
|
43
|
-
"module": "dist/index.
|
|
44
|
-
"types": "dist/index.d.ts",
|
|
45
|
-
"exports": {
|
|
46
|
-
"development": {
|
|
47
|
-
"import": "./index.ts",
|
|
48
|
-
"types": "./index.ts"
|
|
49
|
-
},
|
|
50
|
-
"default": {
|
|
51
|
-
"import": "./dist/index.mjs",
|
|
52
|
-
"require": "./dist/index.js",
|
|
53
|
-
"types": "./dist/index.d.ts"
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
"scripts": {
|
|
57
|
-
"build": "tsup",
|
|
58
|
-
"lint": "eslint . --max-warnings 0",
|
|
59
|
-
"generate:component": "turbo gen react-component",
|
|
60
|
-
"check-types": "tsc --noEmit"
|
|
61
|
-
},
|
|
42
|
+
"main": "dist/lib/main/index.js",
|
|
43
|
+
"module": "dist/es/main/index.js",
|
|
62
44
|
"peerDependencies": {
|
|
63
45
|
"react": "^19.1.0",
|
|
64
46
|
"react-dom": "^19.1.0"
|
|
65
47
|
},
|
|
66
48
|
"dependencies": {
|
|
67
|
-
"@aristobyte-ui/utils": "^
|
|
68
|
-
},
|
|
69
|
-
"devDependencies": {
|
|
70
|
-
"@aristobyte-ui/eslint-config": "^1.0.113",
|
|
71
|
-
"@aristobyte-ui/typescript-config": "^1.0.113",
|
|
72
|
-
"@turbo/gen": "^2.5.0",
|
|
73
|
-
"@types/node": "^24.3.0",
|
|
74
|
-
"@types/react": "19.1.0",
|
|
75
|
-
"@types/react-dom": "19.1.1",
|
|
76
|
-
"eslint": "^9.27.0",
|
|
77
|
-
"tsup": "^8.5.0",
|
|
78
|
-
"typescript": "^5.8.3"
|
|
49
|
+
"@aristobyte-ui/utils": "^2.0.0"
|
|
79
50
|
}
|
|
80
51
|
}
|
package/dist/index.d.mts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
interface IAnchor {
|
|
4
|
-
href?: string;
|
|
5
|
-
target?: "_self" | "_blank" | "_parent" | "_top";
|
|
6
|
-
text?: string;
|
|
7
|
-
children?: React.ReactElement | React.ReactNode | string;
|
|
8
|
-
onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void | Promise<void>;
|
|
9
|
-
variant?: "white" | "black" | "default" | "primary" | "secondary" | "success" | "error" | "warning";
|
|
10
|
-
className?: string;
|
|
11
|
-
style?: React.CSSProperties;
|
|
12
|
-
}
|
|
13
|
-
declare const Anchor: React.FC<IAnchor>;
|
|
14
|
-
|
|
15
|
-
export { Anchor, type IAnchor };
|
package/dist/index.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
interface IAnchor {
|
|
4
|
-
href?: string;
|
|
5
|
-
target?: "_self" | "_blank" | "_parent" | "_top";
|
|
6
|
-
text?: string;
|
|
7
|
-
children?: React.ReactElement | React.ReactNode | string;
|
|
8
|
-
onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void | Promise<void>;
|
|
9
|
-
variant?: "white" | "black" | "default" | "primary" | "secondary" | "success" | "error" | "warning";
|
|
10
|
-
className?: string;
|
|
11
|
-
style?: React.CSSProperties;
|
|
12
|
-
}
|
|
13
|
-
declare const Anchor: React.FC<IAnchor>;
|
|
14
|
-
|
|
15
|
-
export { Anchor, type IAnchor };
|
package/dist/index.js
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
-
|
|
21
|
-
// index.ts
|
|
22
|
-
var index_exports = {};
|
|
23
|
-
__export(index_exports, {
|
|
24
|
-
Anchor: () => Anchor
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(index_exports);
|
|
27
|
-
|
|
28
|
-
// components/Anchor.tsx
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
var Anchor = ({
|
|
31
|
-
href = "",
|
|
32
|
-
target = "_self",
|
|
33
|
-
variant = "default",
|
|
34
|
-
children = "",
|
|
35
|
-
text = "",
|
|
36
|
-
onClick,
|
|
37
|
-
className = "",
|
|
38
|
-
style = {}
|
|
39
|
-
}) => {
|
|
40
|
-
const renderChildren = () => text || children;
|
|
41
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
42
|
-
"a",
|
|
43
|
-
{
|
|
44
|
-
href,
|
|
45
|
-
target,
|
|
46
|
-
onClick,
|
|
47
|
-
style,
|
|
48
|
-
className: `anchor anchor--${variant} ${className}`,
|
|
49
|
-
children: renderChildren()
|
|
50
|
-
}
|
|
51
|
-
);
|
|
52
|
-
};
|
|
53
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
54
|
-
0 && (module.exports = {
|
|
55
|
-
Anchor
|
|
56
|
-
});
|
|
57
|
-
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
// components/Anchor.tsx
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
var Anchor = ({
|
|
6
|
-
href = "",
|
|
7
|
-
target = "_self",
|
|
8
|
-
variant = "default",
|
|
9
|
-
children = "",
|
|
10
|
-
text = "",
|
|
11
|
-
onClick,
|
|
12
|
-
className = "",
|
|
13
|
-
style = {}
|
|
14
|
-
}) => {
|
|
15
|
-
const renderChildren = () => text || children;
|
|
16
|
-
return /* @__PURE__ */ jsx(
|
|
17
|
-
"a",
|
|
18
|
-
{
|
|
19
|
-
href,
|
|
20
|
-
target,
|
|
21
|
-
onClick,
|
|
22
|
-
style,
|
|
23
|
-
className: `anchor anchor--${variant} ${className}`,
|
|
24
|
-
children: renderChildren()
|
|
25
|
-
}
|
|
26
|
-
);
|
|
27
|
-
};
|
|
28
|
-
export {
|
|
29
|
-
Anchor
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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":[]}
|