fis-component 0.1.9 → 0.1.11

package/dist/cjs/index.js

@@ -61893,6 +61893,11 @@ function SeparatorIcon(props) {
     return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest, children: jsxRuntime.jsx("path", { d: "M3.5 11L8.5 1", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
 
+function HomeIcon(props) {
+    const { width = 16, height = 16, ...rest } = props;
+    return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest, children: jsxRuntime.jsx("path", { d: "M5.33333 11.3333H10.6667M7.34513 1.84267L2.82359 5.35942C2.52135 5.5945 2.37022 5.71204 2.26135 5.85925C2.16491 5.98964 2.09307 6.13653 2.04935 6.29271C2 6.46902 2 6.66047 2 7.04338V11.8667C2 12.6134 2 12.9868 2.14532 13.272C2.27316 13.5229 2.47713 13.7268 2.72801 13.8547C3.01323 14 3.3866 14 4.13333 14H11.8667C12.6134 14 12.9868 14 13.272 13.8547C13.5229 13.7268 13.7268 13.5229 13.8547 13.272C14 12.9868 14 12.6134 14 11.8667V7.04338C14 6.66047 14 6.46902 13.9506 6.29271C13.9069 6.13653 13.8351 5.98964 13.7386 5.85925C13.6298 5.71204 13.4787 5.5945 13.1764 5.35942L8.65487 1.84267C8.42065 1.6605 8.30354 1.56942 8.17423 1.53441C8.06013 1.50351 7.93987 1.50351 7.82577 1.53441C7.69646 1.56942 7.57935 1.6605 7.34513 1.84267Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+}
+
 function CloseIcon(props) {
     const { width = 16, height = 16, ...rest } = props;
     return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest, children: jsxRuntime.jsx("path", { d: "M12.6671 3.33325L3.33374 12.6666M3.33374 3.33325L12.6671 12.6666", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
@@ -64256,7 +64261,7 @@ const BreadcrumbEllipsis = () => (jsxRuntime.jsxs(jsxRuntime.Fragment, { childre
 const FISBreadcrumb = ({ items, className }) => {
     if (items.length === 0)
         return null;
-    return (jsxRuntime.jsxs(DivContainerSC$9, { className: className, children: [items?.[0]?.icon && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FISIconButton, { size: "xs", icon: items?.[0]?.icon, variant: "tertiary-invisible", onClick: items[0].onClick }), jsxRuntime.jsx(DivSeparatorIconSC$1, { children: jsxRuntime.jsx(SeparatorIcon, {}) })] })), items.length > MAX_VISIBLE_ITEMS ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [items.slice(1, 2).map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(BreadcrumbItem, { ...item }), jsxRuntime.jsx(DivSeparatorIconSC$1, { children: jsxRuntime.jsx(SeparatorIcon, {}) })] }, index))), jsxRuntime.jsx(BreadcrumbEllipsis, {}), items.slice(-2).map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(BreadcrumbItem, { ...item }), jsxRuntime.jsx(DivSeparatorIconSC$1, { children: jsxRuntime.jsx(SeparatorIcon, {}) })] }, `end-${index}`)))] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.slice(1).map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(BreadcrumbItem, { ...item }), jsxRuntime.jsx(DivSeparatorIconSC$1, { children: jsxRuntime.jsx(SeparatorIcon, {}) })] }, index))) }))] }));
+    return (jsxRuntime.jsxs(DivContainerSC$9, { className: className, children: [jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FISIconButton, { size: "xs", icon: items?.[0]?.icon ?? jsxRuntime.jsx(HomeIcon, {}), variant: "tertiary-invisible", onClick: items[0].onClick }), jsxRuntime.jsx(DivSeparatorIconSC$1, { children: jsxRuntime.jsx(SeparatorIcon, {}) })] }), items.length > MAX_VISIBLE_ITEMS ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [items.slice(1, 2).map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(BreadcrumbItem, { ...item }), jsxRuntime.jsx(DivSeparatorIconSC$1, { children: jsxRuntime.jsx(SeparatorIcon, {}) })] }, index))), jsxRuntime.jsx(BreadcrumbEllipsis, {}), items.slice(-2).map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(BreadcrumbItem, { ...item }), jsxRuntime.jsx(DivSeparatorIconSC$1, { children: jsxRuntime.jsx(SeparatorIcon, {}) })] }, `end-${index}`)))] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.slice(1).map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(BreadcrumbItem, { ...item }), jsxRuntime.jsx(DivSeparatorIconSC$1, { children: jsxRuntime.jsx(SeparatorIcon, {}) })] }, index))) }))] }));
 };
 FISBreadcrumb.displayName = "FISBreadcrumb";
 
@@ -75081,6 +75086,102 @@ const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minim
                         } })] })] }));
 };
 
+const TextSC = styled.p `
+  color: ${(props) => props.$color};
+
+  ${({ $variant }) => {
+    switch ($variant) {
+        case "Emphasis/Emp-6":
+            return styled.css `
+          ${getTheme("Emphasis/Emp-6")}
+        `;
+        case "Emphasis/Emp-5":
+            return styled.css `
+          ${getTheme("Emphasis/Emp-5")}
+        `;
+        case "Emphasis/Emp-4":
+            return styled.css `
+          ${getTheme("Emphasis/Emp-4")}
+        `;
+        case "Emphasis/Emp-3":
+            return styled.css `
+          ${getTheme("Emphasis/Emp-3")}
+        `;
+        case "Emphasis/Emp-2":
+            return styled.css `
+          ${getTheme("Emphasis/Emp-2")}
+        `;
+        case "Emphasis/Emp-1":
+            return styled.css `
+          ${getTheme("Emphasis/Emp-1")}
+        `;
+        case "Label/XL":
+            return styled.css `
+          ${getTheme("Label/XL")}
+        `;
+        case "Label/Lg":
+            return styled.css `
+          ${getTheme("Label/Lg")}
+        `;
+        case "Label/Md":
+            return styled.css `
+          ${getTheme("Label/Md")}
+        `;
+        case "Label/Sm":
+            return styled.css `
+          ${getTheme("Label/Sm")}
+        `;
+        case "Label/XS":
+            return styled.css `
+          ${getTheme("Label/XS")}
+        `;
+        case "Subheading/Lg":
+            return styled.css `
+          ${getTheme("Subheading/Lg")}
+        `;
+        case "Subheading/Md":
+            return styled.css `
+          ${getTheme("Subheading/Md")}
+        `;
+        case "Subheading/Sm":
+            return styled.css `
+          ${getTheme("Subheading/Sm")}
+        `;
+        case "Subheading/XS":
+            return styled.css `
+          ${getTheme("Subheading/XS")}
+        `;
+        case "Paragraph/XL":
+            return styled.css `
+          ${getTheme("Paragraph/XL")}
+        `;
+        case "Paragraph/Lg":
+            return styled.css `
+          ${getTheme("Paragraph/Lg")}
+        `;
+        case "Paragraph/Md":
+            return styled.css `
+          ${getTheme("Paragraph/Md")}
+        `;
+        case "Paragraph/Sm":
+            return styled.css `
+          ${getTheme("Paragraph/Sm")}
+        `;
+        case "Paragraph/XS":
+            return styled.css `
+          ${getTheme("Paragraph/XS")}
+        `;
+        case "_Guide/Flow-Line/Label":
+            return styled.css `
+          ${getTheme("_Guide/Flow-Line/Label")}
+        `;
+    }
+}}
+`;
+
+const FISText = React.forwardRef(({ tag, variant, children, color, ...rest }, ref) => (jsxRuntime.jsx(TextSC, { as: tag, "$variant": variant, "$color": color ? theme[color] : "", ref: ref, ...rest, children: children })));
+FISText.displayName = "FISText";
+
 exports.FISAlertBanner = FISAlertBanner;
 exports.FISAvatar = FISAvatar;
 exports.FISBadge = FISBadge;
@@ -75121,6 +75222,7 @@ exports.FISTab = FISTab;
 exports.FISTable = FISTable;
 exports.FISTableCell = FISTableCell;
 exports.FISTableHeaderCell = FISTableHeaderCell;
+exports.FISText = FISText;
 exports.FISThemeProvider = FISThemeProvider;
 exports.FISToast = FISToast;
 exports.FISTooltip = FISTooltip;