karsten-design-system 1.2.50 → 1.2.52

package/dist/index.d.ts

@@ -36,5 +36,6 @@ export * from './stories/components/spinner';
 export * from './stories/components/table';
 export * from './stories/components/tabs';
 export * from './stories/components/tagStatus';
+export * from './stories/components/textColor';
 export * from './stories/components/toast';
 export * from './stories/components/tooltip';

package/dist/index.js

@@ -451,7 +451,7 @@ function Sidebar({ item, onClose, topItem, homeTranslation = 'Início', favorite
                                 }, "aria-label": `Ir para ${item.title}`, children: jsx(Tooltip, { text: item.tooltipText, children: item.title }) })) : (jsx(Link$1, { to: item.path || '', className: "font-roboto text-base text-light-900 hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", onClick: onClose, "aria-label": `Ir para ${item.title}`, children: jsx(Tooltip, { text: item.tooltipText, children: item.title }) })) }, `top-item-${item.id ?? item.title}`))), jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsx("i", { className: "pi pi-star text-light-900 !font-bold text-lg dark:text-light-500" }), jsx("p", { className: "text-light-900 font-bold text-lg dark:text-light-500", children: favoritesTranslation })] })] }), jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden px-0 pb-4 pr-1 custom-scrollbar", children: item?.map((item) => (jsx(Link$1, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-light-200 hover:bg-light-300 hover:font-bold dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400", to: item.path || '', onClick: onClose, "aria-label": `Ir para ${item.title}`, children: jsx("span", { className: "font-roboto text-base py-2 text-light-900 hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", children: jsx(Tooltip, { text: item.tooltipText, children: item.title }) }) }, item.id))) })] }) }));
 }
 
-function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, isRenderNotifications = false, rightActions, redirect = '/', helloTranslation = 'Olá', favoritesTranslation = 'Favoritos', }) {
+function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, isRenderNotifications = false, rightActions, redirect = '/', helloTranslation = 'Olá', favoritesTranslation = 'Favoritos', homeTranslation = 'Início', }) {
     const [openSidebar, setOpenSidebar] = useState(false);
     const [openUserConfig, setOpenUserConfig] = useState(false);
     const userConfigRef = useRef(null);
@@ -478,7 +478,7 @@ function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setO
                                                         setOpenUserConfig(false);
                                                     }, href: path, className: "block w-full font-base font-roboto text-light-900 cursor-pointer hover:font-bold dark:text-light-500", "aria-label": "Op\u00E7\u00F5es de configura\u00E7\u00F5es do usu\u00E1rio", children: title }) }, id))) }) }))] }), rightActions && rightActions] })] }), openSidebar && (jsx(Sidebar, { topItem: sidebarTopItems, item: sidebarItems, onClose: () => {
                     setOpenSidebar(false);
-                }, favoritesTranslation: favoritesTranslation }))] }));
+                }, favoritesTranslation: favoritesTranslation, homeTranslation: homeTranslation }))] }));
 }
 
 const variants$2 = {
@@ -4686,7 +4686,7 @@ function Tabs({ tabs, activeIndex = 0, onTabChange, className, }) {
                 }) }), jsx("div", { className: "py-1 px-3", children: tabs.map((tab, index) => (jsx("div", { className: clsx(index !== currentIndex && 'hidden'), children: tab.content }, index))) })] }));
 }
 
-const colorMap = {
+const colorMap$1 = {
     blue: 'bg-[#DBEAFE] text-[#1E40AF] border-[#BFDBFE]',
     red: 'bg-[#FEE2E2] text-[#991B1B] border-[#FCA5A5]',
     green: 'bg-[#D1FAE5] text-[#065F46] border-[#6EE7B7]',
@@ -4711,12 +4711,41 @@ const colorMap = {
     neutral: 'bg-[#F5F5F5] text-[#404040] border-[#D4D4D4]',
 };
 function TagStatus({ value, color = 'gray' }) {
-    const colorClass = colorMap[color];
+    const colorClass = colorMap$1[color];
     return (jsx("span", { className: `
         text-sm px-2 py-[2px] rounded-xl font-medium border ${colorClass} shadow-container dark:shadow-dark-400 inline-block text-center break-words leading-snug
       `, children: value }));
 }
 
+const colorMap = {
+    blue: 'text-[#1E40AF]',
+    red: 'text-[#991B1B]',
+    green: 'text-[#065F46]',
+    gray: 'text-[#374151]',
+    purple: 'text-[#6B21A8]',
+    yellow: 'text-[#92400E]',
+    orange: 'text-[#9A3412]',
+    pink: 'text-[#9D174D]',
+    emerald: 'text-[#065F46]',
+    teal: 'text-[#134E4A]',
+    cyan: 'text-[#155E75]',
+    sky: 'text-[#0369A1]',
+    indigo: 'text-[#3730A3]',
+    violet: 'text-[#6D28D9]',
+    fuchsia: 'text-[#A21CAF]',
+    rose: 'text-[#BE123C]',
+    stone: 'text-[#44403C]',
+    amber: 'text-[#92400E]',
+    lime: 'text-[#365314]',
+    slate: 'text-[#334155]',
+    zinc: 'text-[#3F3F46]',
+    neutral: 'text-[#404040]',
+};
+function TextColor({ value, color = 'gray' }) {
+    const colorClass = colorMap[color];
+    return jsx("span", { className: `${colorClass} font-bold`, children: value });
+}
+
 function ErrorIcon() {
     return (jsxs("svg", { width: "27", height: "27", viewBox: "0 0 27 27", fill: "none", className: "min-w-7", children: [jsx("circle", { cx: "13.5", cy: "13.5", r: "12.5", stroke: "#B71C1C", strokeWidth: "2" }), jsx("path", { d: "M8 8L19 19", stroke: "#B71C1C", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M19 8L8 19", stroke: "#B71C1C", strokeWidth: "2", strokeLinecap: "round" })] }));
 }
@@ -4739,5 +4768,5 @@ function Toast({ messages }) {
                 : ''), "aria-label": "toast", children: [severity === 'success' && jsx(SuccessIcon, {}), severity === 'info' && jsx(InfoIcon, {}), severity === 'error' && jsx(ErrorIcon, {}), jsxs("div", { children: [jsx("strong", { children: summary }), jsx("p", { children: detail })] })] }, id))) }));
 }
 
-export { Accordion, BasicHeader, Breadcrumb, Button, CalendarInput, Card, CardButton, CardIconsButton, Charts, Divider, EmptyContent, ExpandablePanel, FileUpload, Header, IconButton, InfoCard, Input, InputSwitch, InputTextArea, InternalMenu, LanguageDropdown, Link, MegaMenu, Modal, ModalForm, MultiSelect, NotificationsSidebar, Paginator, RadioButton, RightSidebar, Select, Sidebar, Skeleton, Spinner, Table, Tabs, TagStatus, Toast, Tooltip };
+export { Accordion, BasicHeader, Breadcrumb, Button, CalendarInput, Card, CardButton, CardIconsButton, Charts, Divider, EmptyContent, ExpandablePanel, FileUpload, Header, IconButton, InfoCard, Input, InputSwitch, InputTextArea, InternalMenu, LanguageDropdown, Link, MegaMenu, Modal, ModalForm, MultiSelect, NotificationsSidebar, Paginator, RadioButton, RightSidebar, Select, Sidebar, Skeleton, Spinner, Table, Tabs, TagStatus, TextColor, Toast, Tooltip };
 //# sourceMappingURL=index.js.map