@aristobyte-ui/card 2.1.8 → 2.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aristobyte-ui/card",
   "description": "AristoByteUI Card component: a versatile container for displaying content and UI elements.",
-  "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,7 +47,7 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@aristobyte-ui/label": "2.1.8",
-    "@aristobyte-ui/utils": "2.1.8"
+    "@aristobyte-ui/label": "2.2.0",
+    "@aristobyte-ui/utils": "2.2.0"
   }
 }

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

@@ -1,61 +0,0 @@
-.card {
-  align-self: stretch;
-  align-items: flex-start;
-  border-radius: 10px;
-  border: 1px solid #314158; //@TODO: @COLOR
-  background-color: rgba(29, 41, 61, 0.3); //@TODO: @COLOR
-  display: flex;
-  flex-direction: column;
-  padding: 17px 17px 30px;
-  transition: all 150ms ease-out;
-  width: calc(100% - 2 * 17px);
-
-  &__icon {
-    align-items: center;
-    display: flex;
-    justify-content: center;
-  }
-
-  &__title {
-    align-items: center;
-    color: #e2e8f0; //@TODO: @COLOR
-    display: flex;
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 20px;
-    gap: 12px;
-
-    b {
-      border: solid rgba(69, 85, 108, 0.5); // @TODO: @COLOR
-      background-color: rgba(49, 65, 88, 0.4); // @TODO: @COLOR
-      border-radius: 10px;
-      color: $white;
-      padding: 3px 6px;
-    }
-  }
-
-  &__description {
-    color: #90a1b9; //@TODO: @COLOR
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22px;
-    margin: 14px 0 0;
-
-    b {
-      border: solid rgba(69, 85, 108, 0.5); // @TODO: @COLOR
-      background-color: rgba(49, 65, 88, 0.4); // @TODO: @COLOR
-      border-radius: 10px;
-      color: $white;
-      padding: 3px 6px;
-    }
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    margin: 24px 0 0;
-    width: 100%;
-  }
-}

package/dist/es/main/components/Card/index.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { Label } from "@aristobyte-ui/label";
-export var Card = function (_a) {
-    var title = _a.title, description = _a.description, label = _a.label, icon = _a.icon, children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.style, style = _c === void 0 ? {} : _c;
-    return (React.createElement("div", { className: "card ".concat(className), style: style },
-        (title || icon || label) && (React.createElement("h3", { className: "card__title" },
-            icon && (React.createElement("div", { className: "card__icon" }, icon.component({
-                size: icon.size || 8,
-                color: icon.color,
-                colors: icon.colors,
-            }))),
-            title && React.createElement("span", { dangerouslySetInnerHTML: { __html: title } }),
-            label && (React.createElement(Label, { text: label.text, backgroundColor: label.backgroundColor, borderColor: label.borderColor, color: label.color })))),
-        description && (React.createElement("p", { className: "card__description", dangerouslySetInnerHTML: { __html: description } })),
-        children && React.createElement("div", { className: "card__content" }, children)));
-};

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

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

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

@@ -1,61 +0,0 @@
-.card {
-  align-self: stretch;
-  align-items: flex-start;
-  border-radius: 10px;
-  border: 1px solid #314158; //@TODO: @COLOR
-  background-color: rgba(29, 41, 61, 0.3); //@TODO: @COLOR
-  display: flex;
-  flex-direction: column;
-  padding: 17px 17px 30px;
-  transition: all 150ms ease-out;
-  width: calc(100% - 2 * 17px);
-
-  &__icon {
-    align-items: center;
-    display: flex;
-    justify-content: center;
-  }
-
-  &__title {
-    align-items: center;
-    color: #e2e8f0; //@TODO: @COLOR
-    display: flex;
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 20px;
-    gap: 12px;
-
-    b {
-      border: solid rgba(69, 85, 108, 0.5); // @TODO: @COLOR
-      background-color: rgba(49, 65, 88, 0.4); // @TODO: @COLOR
-      border-radius: 10px;
-      color: $white;
-      padding: 3px 6px;
-    }
-  }
-
-  &__description {
-    color: #90a1b9; //@TODO: @COLOR
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22px;
-    margin: 14px 0 0;
-
-    b {
-      border: solid rgba(69, 85, 108, 0.5); // @TODO: @COLOR
-      background-color: rgba(49, 65, 88, 0.4); // @TODO: @COLOR
-      border-radius: 10px;
-      color: $white;
-      padding: 3px 6px;
-    }
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    margin: 24px 0 0;
-    width: 100%;
-  }
-}

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

@@ -1,53 +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 __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.Card = void 0;
-var React = __importStar(require("react"));
-var label_1 = require("@aristobyte-ui/label");
-var Card = function (_a) {
-    var title = _a.title, description = _a.description, label = _a.label, icon = _a.icon, children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.style, style = _c === void 0 ? {} : _c;
-    return (React.createElement("div", { className: "card ".concat(className), style: style },
-        (title || icon || label) && (React.createElement("h3", { className: "card__title" },
-            icon && (React.createElement("div", { className: "card__icon" }, icon.component({
-                size: icon.size || 8,
-                color: icon.color,
-                colors: icon.colors,
-            }))),
-            title && React.createElement("span", { dangerouslySetInnerHTML: { __html: title } }),
-            label && (React.createElement(label_1.Label, { text: label.text, backgroundColor: label.backgroundColor, borderColor: label.borderColor, color: label.color })))),
-        description && (React.createElement("p", { className: "card__description", dangerouslySetInnerHTML: { __html: description } })),
-        children && React.createElement("div", { className: "card__content" }, children)));
-};
-exports.Card = Card;

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("./Card"), exports);