@appcorp/app-corp-vista 0.0.9 → 0.0.10

package/molecules/vista-badge-v1/vista-badge-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaBadgeV1Props } from '../../type/vista-badge-type';
+export declare const VistaBadgeV1: FC<VistaBadgeV1Props>;

package/molecules/vista-badge-v1/vista-badge-v1.js

@@ -0,0 +1,29 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaBadgeV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_badge_type_1 = require("../../type/vista-badge-type");
+var class_names_1 = require("../../utils/class-names");
+var VistaBadgeV1 = function (_a) {
+    var _b, _c;
+    var label = _a.label, _d = _a.size, size = _d === void 0 ? vista_badge_type_1.VISTA_BADGE_SIZE.XS : _d, type = _a.type;
+    var colorMap = (_b = {},
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.DISABLED] = 'bg-gray-400/10 text-gray-400 ring-gray-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.ERROR] = 'bg-red-400/10 text-red-400 ring-red-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.INFO] = 'bg-blue-400/10 text-blue-400 ring-blue-400/30',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.SUCCESS] = 'bg-green-500/10 text-green-400 ring-green-500/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.WARNING] = 'bg-yellow-400/10 text-yellow-500 ring-yellow-400/20',
+        _b);
+    var sizeMap = (_c = {},
+        _c[vista_badge_type_1.VISTA_BADGE_SIZE.XS] = 'text-xs',
+        _c[vista_badge_type_1.VISTA_BADGE_SIZE.SM] = 'text-sm',
+        _c[vista_badge_type_1.VISTA_BADGE_SIZE.MD] = 'text-md',
+        _c);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: (0, class_names_1.classNames)(colorMap[type], "inline-flex items-center rounded-md px-2 py-1 font-medium ring-1 ring-inset ".concat(sizeMap[size])) }, label)));
+};
+exports.VistaBadgeV1 = VistaBadgeV1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/type/vista-badge-type.d.ts

@@ -0,0 +1,17 @@
+export declare enum VISTA_BADGE_TYPE {
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    INFO = "INFO",
+    SUCCESS = "SUCCESS",
+    WARNING = "WARNING"
+}
+export declare enum VISTA_BADGE_SIZE {
+    XS = "XS",
+    SM = "SM",
+    MD = "MD"
+}
+export interface VistaBadgeV1Props {
+    label: string;
+    size?: VISTA_BADGE_SIZE;
+    type: VISTA_BADGE_TYPE;
+}

package/type/vista-badge-type.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISTA_BADGE_SIZE = exports.VISTA_BADGE_TYPE = void 0;
+var VISTA_BADGE_TYPE;
+(function (VISTA_BADGE_TYPE) {
+    VISTA_BADGE_TYPE["DISABLED"] = "DISABLED";
+    VISTA_BADGE_TYPE["ERROR"] = "ERROR";
+    VISTA_BADGE_TYPE["INFO"] = "INFO";
+    VISTA_BADGE_TYPE["SUCCESS"] = "SUCCESS";
+    VISTA_BADGE_TYPE["WARNING"] = "WARNING";
+})(VISTA_BADGE_TYPE || (exports.VISTA_BADGE_TYPE = VISTA_BADGE_TYPE = {}));
+var VISTA_BADGE_SIZE;
+(function (VISTA_BADGE_SIZE) {
+    VISTA_BADGE_SIZE["XS"] = "XS";
+    VISTA_BADGE_SIZE["SM"] = "SM";
+    VISTA_BADGE_SIZE["MD"] = "MD";
+})(VISTA_BADGE_SIZE || (exports.VISTA_BADGE_SIZE = VISTA_BADGE_SIZE = {}));