atenea-components 1.4.17

package/dist/components/organisms/FeatureList.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type FeatureItem = {
+    icon: React.ReactNode;
+    text: string;
+    iconColor?: string;
+};
+type FeatureListProps = {
+    features: FeatureItem[];
+    className?: string;
+};
+export declare const FeatureList: React.FC<FeatureListProps>;
+export {};

package/dist/components/organisms/FeatureList.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const ListItem_1 = require("../atoms/ListItem");
+const FeatureList = ({ features, className = "", }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)("bg-white border border-gray-300 rounded-lg", className), children: features.map((feature, index) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(ListItem_1.ListItem, { icon: feature.icon, text: feature.text, iconColor: feature.iconColor, className: "text-gray-700" }), index < features.length - 1 && ((0, jsx_runtime_1.jsx)("div", { className: "border-t border-gray-300 mx-0" }))] }, index))) }));
+};
+exports.FeatureList = FeatureList;

package/dist/components/organisms/NewsList.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface NewsItemData {
+    id: string;
+    title: string;
+    date?: string;
+    time?: string;
+    tag?: {
+        text: string;
+    };
+    onClick?: () => void;
+}
+interface NewsListProps {
+    title?: string;
+    showMoreText?: string;
+    onShowMoreClick?: () => void;
+    newsItems?: NewsItemData[];
+    className?: string;
+}
+export declare const NewsList: React.FC<NewsListProps>;
+export {};

package/dist/components/organisms/NewsList.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewsList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NewsItem_1 = require("../molecules/NewsItem");
+const defaultNewsItems = [
+    {
+        id: "1",
+        title: "Webinar: Masterclass Supuestos Prácticos",
+        date: "Mié 04/09",
+        time: "16:00h",
+        tag: {
+            text: "Webinar",
+        },
+    },
+    {
+        id: "2",
+        title: "Webinar: Claves para el éxito en la oposición",
+        date: "Mié 04/09",
+        time: "16:00h",
+        tag: {
+            text: "Webinar",
+        },
+    },
+    {
+        id: "3",
+        title: "Webinar: Masterclass Supuestos Prácticos",
+        date: "Mié 04/09",
+        time: "16:00h",
+        tag: {
+            text: "Webinar",
+        },
+    },
+    {
+        id: "4",
+        title: "Cómo analizar el enunciado de un Supuesto Práctico",
+        tag: {
+            text: "Material de apoyo",
+        },
+    },
+];
+const NewsList = ({ title = "Recursos útiles", showMoreText = "Ver más", onShowMoreClick, newsItems = defaultNewsItems, className = "", }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `bg-white rounded-lg p-[24px] border border-gray-200 ${className}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-[16px] flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-textAtenea-900 text-h5", children: title }), showMoreText && ((0, jsx_runtime_1.jsx)("button", { onClick: onShowMoreClick, className: "text-primary-600 text-b1 hover:text-primary-800 transition-colors", children: showMoreText }))] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-0", children: newsItems.map((item) => ((0, jsx_runtime_1.jsx)(NewsItem_1.NewsItem, { title: item.title, date: item.date, time: item.time, tag: item.tag, onClick: item.onClick }, item.id))) })] }));
+};
+exports.NewsList = NewsList;

package/dist/components/organisms/PercentageCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface ProgressItem {
+    label: string;
+    percentage: number;
+    color: "orange" | "pink" | "blue";
+}
+interface PercentageCardProps {
+    title?: string;
+    description?: string;
+    progressItems?: ProgressItem[];
+    className?: string;
+}
+export declare const PercentageCard: React.FC<PercentageCardProps>;
+export {};

package/dist/components/organisms/PercentageCard.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PercentageCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PercentageItem_1 = require("../molecules/PercentageItem");
+const defaultProgressItems = [
+    {
+        label: "Teoría",
+        percentage: 0,
+        color: "orange",
+    },
+    {
+        label: "Supuestos Prácticos",
+        percentage: 0,
+        color: "pink",
+    },
+    {
+        label: "Programación Didáctica",
+        percentage: 0,
+        color: "blue",
+    },
+];
+const PercentageCard = ({ title = "Tu progreso global", description = "¡Recuerda marcar el material como estudiado para actualizar tu progreso!", progressItems = defaultProgressItems, className = "", }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `bg-white rounded-lg p-[24px] border border-gray-200 ${className}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-[16px]", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-textAtenea-900 text-h5 mb-2", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "text-textAtenea-500 text-b1", children: description })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-[24px]", children: progressItems.map((item, index) => ((0, jsx_runtime_1.jsx)(PercentageItem_1.PercentageItem, { label: item.label, percentage: item.percentage, color: item.color }, `${item.label}-${index}`))) })] }));
+};
+exports.PercentageCard = PercentageCard;

package/dist/index.d.ts

@@ -0,0 +1,74 @@
+export * from "./tokens/theme";
+export * from "./components/atoms/Button";
+export * from "./components/atoms/Input";
+export * from "./components/atoms/SelectDropdown";
+export * from "./components/atoms/ActionDropdown";
+export * from "./components/atoms/Checkbox";
+export * from "./components/atoms/Radio";
+export * from "./components/atoms/Toggle";
+export * from "./components/atoms/ListItem";
+export * from "./components/atoms/IntroIllustration";
+export * from "./components/atoms/MenuItem";
+export * from "./components/molecules/Card";
+export * from "./components/molecules/Breadcrumb";
+export * from "./components/molecules/Avatar";
+export * from "./components/molecules/AnswerOption";
+export * from "./components/molecules/Flashcard";
+export * from "./components/molecules/Timer";
+export * from "./components/molecules/PercentageItem";
+export * from "./components/molecules/NewsItem";
+export * from "./components/molecules/CommentCard";
+export * from "./components/molecules/DashboardCard";
+export * from "./components/molecules/FilterBar";
+export { default as StudyMaterialIntro } from "./components/molecules/StudyMaterialIntro";
+export * from "./components/molecules/WeekDaySelector";
+export * from "./components/molecules/TaskItem";
+export * from "./components/molecules/StreakCard";
+export * from "./components/molecules/CountdownCard";
+export * from "./components/molecules/GlobalProgressCard";
+export * from "./components/molecules/MoodTracker";
+export * from "./components/molecules/SleepTracker";
+export * from "./components/molecules/WeeklyObjectivesCard";
+export * from "./components/organisms/PercentageCard";
+export * from "./components/organisms/FeatureList";
+export * from "./components/organisms/NewsList";
+export * from "./tokens";
+export * from "./components/icons/IconArrowLeft";
+export * from "./components/icons/IconArrowRight";
+export * from "./components/icons/IconBook";
+export * from "./components/icons/IconCalendar";
+export * from "./components/icons/IconKanban";
+export * from "./components/icons/IconPencil";
+export * from "./components/icons/IconSidebar";
+export * from "./components/icons/IconSidebarCollapse";
+export * from "./components/icons/IconSidebarExpand";
+export * from "./components/icons/IconUser";
+export * from "./components/icons/IconChevronDown";
+export * from "./components/icons/IconChevronUp";
+export * from "./components/icons/IconChevronRight";
+export * from "./components/icons/IconChevronLeft";
+export * from "./components/icons/IconCheckCircle";
+export * from "./components/icons/IconExclamationOctagon";
+export * from "./components/icons/IconExclamationTriangle";
+export * from "./components/icons/IconInformationCircle";
+export * from "./components/icons/IconVerticalDots";
+export * from "./components/icons/IconLogout";
+export * from "./components/icons/IconCheck";
+export * from "./components/icons/IconTimer";
+export * from "./components/icons/IconCancel";
+export * from "./components/icons/IconList";
+export * from "./components/icons/IconClipboard";
+export * from "./components/icons/IconFile";
+export * from "./components/icons/IconFileScan";
+export * from "./components/icons/IconListArrow";
+export * from "./components/icons/IconMessage";
+export * from "./components/icons/IconPlay";
+export * from "./components/icons/IconPause";
+export * from "./components/icons/IconTrash";
+export * from "./components/icons/IconBookmark";
+export * from "./components/icons/IconHouse";
+export * from "./components/icons/IconArrowUp";
+export * from "./components/icons/IconArrowDown";
+export * from "./components/icons/IconMessagePlus";
+export * from "./components/icons/IconCreditCard";
+export * from "./components/icons/IconLayout";

package/dist/index.js

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StudyMaterialIntro = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./tokens/theme"), exports);
+// Components
+tslib_1.__exportStar(require("./components/atoms/Button"), exports);
+tslib_1.__exportStar(require("./components/atoms/Input"), exports);
+tslib_1.__exportStar(require("./components/atoms/SelectDropdown"), exports);
+tslib_1.__exportStar(require("./components/atoms/ActionDropdown"), exports);
+tslib_1.__exportStar(require("./components/atoms/Checkbox"), exports);
+tslib_1.__exportStar(require("./components/atoms/Radio"), exports);
+tslib_1.__exportStar(require("./components/atoms/Toggle"), exports);
+tslib_1.__exportStar(require("./components/atoms/ListItem"), exports);
+tslib_1.__exportStar(require("./components/atoms/IntroIllustration"), exports);
+tslib_1.__exportStar(require("./components/atoms/MenuItem"), exports);
+// Molecules
+tslib_1.__exportStar(require("./components/molecules/Card"), exports);
+tslib_1.__exportStar(require("./components/molecules/Breadcrumb"), exports);
+tslib_1.__exportStar(require("./components/molecules/Avatar"), exports);
+tslib_1.__exportStar(require("./components/molecules/AnswerOption"), exports);
+tslib_1.__exportStar(require("./components/molecules/Flashcard"), exports);
+tslib_1.__exportStar(require("./components/molecules/Timer"), exports);
+tslib_1.__exportStar(require("./components/molecules/PercentageItem"), exports);
+tslib_1.__exportStar(require("./components/molecules/NewsItem"), exports);
+tslib_1.__exportStar(require("./components/molecules/CommentCard"), exports);
+tslib_1.__exportStar(require("./components/molecules/DashboardCard"), exports);
+tslib_1.__exportStar(require("./components/molecules/FilterBar"), exports);
+var StudyMaterialIntro_1 = require("./components/molecules/StudyMaterialIntro");
+Object.defineProperty(exports, "StudyMaterialIntro", { enumerable: true, get: function () { return tslib_1.__importDefault(StudyMaterialIntro_1).default; } });
+// Dashboard Components
+tslib_1.__exportStar(require("./components/molecules/WeekDaySelector"), exports);
+tslib_1.__exportStar(require("./components/molecules/TaskItem"), exports);
+tslib_1.__exportStar(require("./components/molecules/StreakCard"), exports);
+tslib_1.__exportStar(require("./components/molecules/CountdownCard"), exports);
+tslib_1.__exportStar(require("./components/molecules/GlobalProgressCard"), exports);
+tslib_1.__exportStar(require("./components/molecules/MoodTracker"), exports);
+tslib_1.__exportStar(require("./components/molecules/SleepTracker"), exports);
+tslib_1.__exportStar(require("./components/molecules/WeeklyObjectivesCard"), exports);
+// Organisms
+tslib_1.__exportStar(require("./components/organisms/PercentageCard"), exports);
+tslib_1.__exportStar(require("./components/organisms/FeatureList"), exports);
+tslib_1.__exportStar(require("./components/organisms/NewsList"), exports);
+// Tokens
+tslib_1.__exportStar(require("./tokens"), exports);
+// Icons
+tslib_1.__exportStar(require("./components/icons/IconArrowLeft"), exports);
+tslib_1.__exportStar(require("./components/icons/IconArrowRight"), exports);
+tslib_1.__exportStar(require("./components/icons/IconBook"), exports);
+tslib_1.__exportStar(require("./components/icons/IconCalendar"), exports);
+tslib_1.__exportStar(require("./components/icons/IconKanban"), exports);
+tslib_1.__exportStar(require("./components/icons/IconPencil"), exports);
+tslib_1.__exportStar(require("./components/icons/IconSidebar"), exports);
+tslib_1.__exportStar(require("./components/icons/IconSidebarCollapse"), exports);
+tslib_1.__exportStar(require("./components/icons/IconSidebarExpand"), exports);
+tslib_1.__exportStar(require("./components/icons/IconUser"), exports);
+tslib_1.__exportStar(require("./components/icons/IconChevronDown"), exports);
+tslib_1.__exportStar(require("./components/icons/IconChevronUp"), exports);
+tslib_1.__exportStar(require("./components/icons/IconChevronRight"), exports);
+tslib_1.__exportStar(require("./components/icons/IconChevronLeft"), exports);
+tslib_1.__exportStar(require("./components/icons/IconCheckCircle"), exports);
+tslib_1.__exportStar(require("./components/icons/IconExclamationOctagon"), exports);
+tslib_1.__exportStar(require("./components/icons/IconExclamationTriangle"), exports);
+tslib_1.__exportStar(require("./components/icons/IconInformationCircle"), exports);
+tslib_1.__exportStar(require("./components/icons/IconVerticalDots"), exports);
+tslib_1.__exportStar(require("./components/icons/IconLogout"), exports);
+tslib_1.__exportStar(require("./components/icons/IconCheck"), exports);
+tslib_1.__exportStar(require("./components/icons/IconTimer"), exports);
+tslib_1.__exportStar(require("./components/icons/IconCancel"), exports);
+tslib_1.__exportStar(require("./components/icons/IconList"), exports);
+tslib_1.__exportStar(require("./components/icons/IconClipboard"), exports);
+tslib_1.__exportStar(require("./components/icons/IconFile"), exports);
+tslib_1.__exportStar(require("./components/icons/IconFileScan"), exports);
+tslib_1.__exportStar(require("./components/icons/IconListArrow"), exports);
+tslib_1.__exportStar(require("./components/icons/IconMessage"), exports);
+tslib_1.__exportStar(require("./components/icons/IconPlay"), exports);
+tslib_1.__exportStar(require("./components/icons/IconPause"), exports);
+tslib_1.__exportStar(require("./components/icons/IconTrash"), exports);
+tslib_1.__exportStar(require("./components/icons/IconBookmark"), exports);
+tslib_1.__exportStar(require("./components/icons/IconHouse"), exports);
+tslib_1.__exportStar(require("./components/icons/IconArrowUp"), exports);
+tslib_1.__exportStar(require("./components/icons/IconArrowDown"), exports);
+tslib_1.__exportStar(require("./components/icons/IconMessagePlus"), exports);
+tslib_1.__exportStar(require("./components/icons/IconCreditCard"), exports);
+tslib_1.__exportStar(require("./components/icons/IconLayout"), exports);

package/dist/tokens/borders.d.ts

@@ -0,0 +1,8 @@
+export declare const borders: {
+    ringWidth: {
+        2: string;
+    };
+    borderRadius: {
+        md: string;
+    };
+};

package/dist/tokens/borders.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borders = void 0;
+exports.borders = {
+    ringWidth: {
+        2: '2px',
+    },
+    borderRadius: {
+        md: '0.375rem',
+    },
+};

package/dist/tokens/colors.d.ts

@@ -0,0 +1,116 @@
+export declare const colors: {
+    black: {
+        100: string;
+        90: string;
+        80: string;
+        70: string;
+        60: string;
+        50: string;
+        40: string;
+        30: string;
+        20: string;
+        10: string;
+    };
+    white: {
+        100: string;
+        90: string;
+        80: string;
+        70: string;
+        60: string;
+        50: string;
+        40: string;
+        30: string;
+        20: string;
+        10: string;
+    };
+    primary: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    textAtenea: {
+        900: string;
+        700: string;
+        500: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    grey: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    greenSuccess: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    redDanger: {
+        900: string;
+        800: string;
+        700: string;
+        500: string;
+        300: string;
+        100: string;
+        50: string;
+    };
+    yellowWarning: {
+        900: string;
+        800: string;
+        700: string;
+        500: string;
+        300: string;
+        100: string;
+        50: string;
+    };
+    blueInfo: {
+        900: string;
+        800: string;
+        700: string;
+        600: string;
+        500: string;
+        400: string;
+        300: string;
+        200: string;
+        100: string;
+        50: string;
+    };
+    pinkAtenea: {
+        500: string;
+        300: string;
+        100: string;
+    };
+    violetAtenea: {
+        500: string;
+        300: string;
+        100: string;
+    };
+    orangeAtenea: {
+        500: string;
+        300: string;
+        100: string;
+    };
+};

package/dist/tokens/colors.js

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = void 0;
+exports.colors = {
+    black: {
+        100: '#000000', // 100% opaco
+        90: '#000000E6', // 90% opacidad (E6)
+        80: '#000000CC', // 80% opacidad (CC)
+        70: '#000000B3', // 70% opacidad (B3)
+        60: '#00000099', // 60% opacidad (99)
+        50: '#00000080', // 50% opacidad (80)
+        40: '#00000066', // 40% opacidad (66)
+        30: '#0000004D', // 30% opacidad (4D)
+        20: '#00000033', // 20% opacidad (33)
+        10: '#0000001A', // 10% opacidad (1A)
+    },
+    white: {
+        100: '#FFFFFF', // 100% opaco
+        90: '#FFFFFFE6', // 90% opacidad (E6)
+        80: '#FFFFFFCC', // 80% opacidad (CC)
+        70: '#FFFFFFB3', // 70% opacidad (B3)
+        60: '#FFFFFF99', // 60% opacidad (99)
+        50: '#FFFFFF80', // 50% opacidad (80)
+        40: '#FFFFFF66', // 40% opacidad (66)
+        30: '#FFFFFF4D', // 30% opacidad (4D)
+        20: '#FFFFFF33', // 20% opacidad (33)
+        10: '#FFFFFF1A', // 10% opacidad (1A)
+    },
+    primary: {
+        900: '#01F4D3A',
+        800: '#2D6A4D',
+        700: '#3D875F',
+        600: '#5ABF84',
+        500: '#87E7B0',
+        400: '#A6EFC4',
+        300: '#C2F5D5',
+        200: '#D8F9E4',
+        100: '#ECFCF2',
+        50: '#F7FEF9',
+    },
+    textAtenea: {
+        900: '#0B2C1D',
+        700: '#32433C',
+        500: '#5B6B64',
+        300: '#9AA7A1',
+        200: '#C8D2CE',
+        100: '#E1E7E4',
+        50: '#F4F7F6',
+    },
+    grey: {
+        900: '#131927',
+        800: '#212936',
+        700: '#394050',
+        600: '#4D5461',
+        500: '#6D717F',
+        400: '#9EA2AE',
+        300: '#D2D5DB',
+        200: '#E5E7EA',
+        100: '#F3F4F6',
+        50: '#F9FAFB',
+    },
+    greenSuccess: {
+        900: '#1C4D27',
+        800: '#1C4D27',
+        700: '#308242',
+        600: '#3DA755',
+        500: '#43B75D',
+        400: '#69C57D',
+        300: '#81CF92',
+        200: '#A9DEB4',
+        100: '#C5E9CD',
+        50: '#ECF8EF',
+    },
+    redDanger: {
+        900: '#550419',
+        800: '#960D30',
+        700: '#BA1E45',
+        500: '#F82B60',
+        300: '#FF9EB7',
+        100: '#FFDCE5',
+        50: '#FFF1F5',
+    },
+    yellowWarning: {
+        900: '#895600',
+        800: '#B87503',
+        700: '#E08D00',
+        500: '#FCB400',
+        300: '#FFD66E',
+        100: '#FFEAB6',
+        50: '#FFF6DE',
+    },
+    blueInfo: {
+        900: '#003F6B',
+        800: '#00528C',
+        700: '#006AB5',
+        600: '#0088E8',
+        500: '#0095FF',
+        400: '#33AAFF',
+        300: '#54B8FF',
+        200: '#8ACEFF',
+        100: '#B0DEFF',
+        50: '#E6F4FF',
+    },
+    pinkAtenea: {
+        500: '#FF70A0',
+        300: '#FFC3D7',
+        100: '#FFF2F6',
+    },
+    violetAtenea: {
+        500: '#CD81E2',
+        300: '#DCA7EB',
+        100: '#FBEEFF',
+    },
+    orangeAtenea: {
+        500: '#FF7D4C',
+        300: '#FFAA8B',
+        100: '#FFF2ED',
+    },
+};

package/dist/tokens/index.d.ts

@@ -0,0 +1,5 @@
+export * from './colors';
+export * from './typography';
+export * from './spacing';
+export * from './borders';
+export * from './theme';

package/dist/tokens/index.js

@@ -0,0 +1,21 @@
+"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("./colors"), exports);
+__exportStar(require("./typography"), exports);
+__exportStar(require("./spacing"), exports);
+__exportStar(require("./borders"), exports);
+__exportStar(require("./theme"), exports);

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,3 @@
+export declare const spacing: {
+    2.5: string;
+};

package/dist/tokens/spacing.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spacing = void 0;
+exports.spacing = {
+    2.5: '0.625rem', // para ajustar paddings intermedios si quieres
+};