karsten-design-system 1.2.51 → 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

@@ -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