fis-component 0.1.9 → 0.1.11

package/dist/cjs/types/src/components/Text/index.d.ts

@@ -0,0 +1,9 @@
+import { ThemeType } from "../../styles/design-system";
+import React from "react";
+export interface FISTextPropsI extends React.HTMLAttributes<HTMLElement> {
+    variant?: keyof ThemeType;
+    tag?: keyof JSX.IntrinsicElements;
+    color?: keyof ThemeType;
+}
+declare const FISText: React.ForwardRefExoticComponent<FISTextPropsI & React.RefAttributes<any>>;
+export default FISText;

package/dist/cjs/types/src/components/Text/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const TextSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $variant?: string;
+    $color?: string;
+}>> & string;

package/dist/cjs/types/src/index.d.ts

@@ -44,3 +44,4 @@ export { default as FISSelectItem } from "./components/SelectItem";
 export { default as useNotification } from "./components/Notification/useNotification";
 export { default as useToast } from "./components/Toast/useToast";
 export { default as FISPagination } from "./components/Pagination";
+export { default as FISText } from "./components/Text";

package/dist/esm/index.js

@@ -61873,6 +61873,11 @@ function SeparatorIcon(props) {
     return (jsx("svg", { width: width, height: height, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest, children: 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 (jsx("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest, children: 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 (jsx("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...rest, children: 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" }) }));
@@ -64236,7 +64241,7 @@ const BreadcrumbEllipsis = () => (jsxs(Fragment, { children: [jsx(DivIconDotSC,
 const FISBreadcrumb = ({ items, className }) => {
     if (items.length === 0)
         return null;
-    return (jsxs(DivContainerSC$9, { className: className, children: [items?.[0]?.icon && (jsxs(Fragment, { children: [jsx(FISIconButton, { size: "xs", icon: items?.[0]?.icon, variant: "tertiary-invisible", onClick: items[0].onClick }), jsx(DivSeparatorIconSC$1, { children: jsx(SeparatorIcon, {}) })] })), items.length > MAX_VISIBLE_ITEMS ? (jsxs(Fragment, { children: [items.slice(1, 2).map((item, index) => (jsxs(React__default.Fragment, { children: [jsx(BreadcrumbItem, { ...item }), jsx(DivSeparatorIconSC$1, { children: jsx(SeparatorIcon, {}) })] }, index))), jsx(BreadcrumbEllipsis, {}), items.slice(-2).map((item, index) => (jsxs(React__default.Fragment, { children: [jsx(BreadcrumbItem, { ...item }), jsx(DivSeparatorIconSC$1, { children: jsx(SeparatorIcon, {}) })] }, `end-${index}`)))] })) : (jsx(Fragment, { children: items.slice(1).map((item, index) => (jsxs(React__default.Fragment, { children: [jsx(BreadcrumbItem, { ...item }), jsx(DivSeparatorIconSC$1, { children: jsx(SeparatorIcon, {}) })] }, index))) }))] }));
+    return (jsxs(DivContainerSC$9, { className: className, children: [jsxs(Fragment, { children: [jsx(FISIconButton, { size: "xs", icon: items?.[0]?.icon ?? jsx(HomeIcon, {}), variant: "tertiary-invisible", onClick: items[0].onClick }), jsx(DivSeparatorIconSC$1, { children: jsx(SeparatorIcon, {}) })] }), items.length > MAX_VISIBLE_ITEMS ? (jsxs(Fragment, { children: [items.slice(1, 2).map((item, index) => (jsxs(React__default.Fragment, { children: [jsx(BreadcrumbItem, { ...item }), jsx(DivSeparatorIconSC$1, { children: jsx(SeparatorIcon, {}) })] }, index))), jsx(BreadcrumbEllipsis, {}), items.slice(-2).map((item, index) => (jsxs(React__default.Fragment, { children: [jsx(BreadcrumbItem, { ...item }), jsx(DivSeparatorIconSC$1, { children: jsx(SeparatorIcon, {}) })] }, `end-${index}`)))] })) : (jsx(Fragment, { children: items.slice(1).map((item, index) => (jsxs(React__default.Fragment, { children: [jsx(BreadcrumbItem, { ...item }), jsx(DivSeparatorIconSC$1, { children: jsx(SeparatorIcon, {}) })] }, index))) }))] }));
 };
 FISBreadcrumb.displayName = "FISBreadcrumb";
 
@@ -75061,5 +75066,101 @@ const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minim
                         } })] })] }));
 };
 
-export { FISAlertBanner, FISAvatar, FISBadge, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISChipButton, FISCollapse, FISCombobox, FISDateRange, FISDivider, FISIconButton, FISInputArea, FISInputDate, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISInputTime, FISLinkButton, FISMenuItem, FISMenuSection, FISMenuSelect, FISPagination, FISProgressCircular, FISProgressLinear, FISRadio, RadioGroup as FISRadioGroup, FISSegmented, FISSelect, FISSelectItem, FISSorter, FISSplitButton, FISSwitch, FISTab, FISTable, FISTableCell, FISTableHeaderCell, FISThemeProvider, FISToast, FISTooltip, SegmentedPanelItem, TabPanelItem, useNotification, useToast };
+const TextSC = styled.p `
+  color: ${(props) => props.$color};
+
+  ${({ $variant }) => {
+    switch ($variant) {
+        case "Emphasis/Emp-6":
+            return css `
+          ${getTheme("Emphasis/Emp-6")}
+        `;
+        case "Emphasis/Emp-5":
+            return css `
+          ${getTheme("Emphasis/Emp-5")}
+        `;
+        case "Emphasis/Emp-4":
+            return css `
+          ${getTheme("Emphasis/Emp-4")}
+        `;
+        case "Emphasis/Emp-3":
+            return css `
+          ${getTheme("Emphasis/Emp-3")}
+        `;
+        case "Emphasis/Emp-2":
+            return css `
+          ${getTheme("Emphasis/Emp-2")}
+        `;
+        case "Emphasis/Emp-1":
+            return css `
+          ${getTheme("Emphasis/Emp-1")}
+        `;
+        case "Label/XL":
+            return css `
+          ${getTheme("Label/XL")}
+        `;
+        case "Label/Lg":
+            return css `
+          ${getTheme("Label/Lg")}
+        `;
+        case "Label/Md":
+            return css `
+          ${getTheme("Label/Md")}
+        `;
+        case "Label/Sm":
+            return css `
+          ${getTheme("Label/Sm")}
+        `;
+        case "Label/XS":
+            return css `
+          ${getTheme("Label/XS")}
+        `;
+        case "Subheading/Lg":
+            return css `
+          ${getTheme("Subheading/Lg")}
+        `;
+        case "Subheading/Md":
+            return css `
+          ${getTheme("Subheading/Md")}
+        `;
+        case "Subheading/Sm":
+            return css `
+          ${getTheme("Subheading/Sm")}
+        `;
+        case "Subheading/XS":
+            return css `
+          ${getTheme("Subheading/XS")}
+        `;
+        case "Paragraph/XL":
+            return css `
+          ${getTheme("Paragraph/XL")}
+        `;
+        case "Paragraph/Lg":
+            return css `
+          ${getTheme("Paragraph/Lg")}
+        `;
+        case "Paragraph/Md":
+            return css `
+          ${getTheme("Paragraph/Md")}
+        `;
+        case "Paragraph/Sm":
+            return css `
+          ${getTheme("Paragraph/Sm")}
+        `;
+        case "Paragraph/XS":
+            return css `
+          ${getTheme("Paragraph/XS")}
+        `;
+        case "_Guide/Flow-Line/Label":
+            return css `
+          ${getTheme("_Guide/Flow-Line/Label")}
+        `;
+    }
+}}
+`;
+
+const FISText = forwardRef(({ tag, variant, children, color, ...rest }, ref) => (jsx(TextSC, { as: tag, "$variant": variant, "$color": color ? theme[color] : "", ref: ref, ...rest, children: children })));
+FISText.displayName = "FISText";
+
+export { FISAlertBanner, FISAvatar, FISBadge, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISChipButton, FISCollapse, FISCombobox, FISDateRange, FISDivider, FISIconButton, FISInputArea, FISInputDate, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISInputTime, FISLinkButton, FISMenuItem, FISMenuSection, FISMenuSelect, FISPagination, FISProgressCircular, FISProgressLinear, FISRadio, RadioGroup as FISRadioGroup, FISSegmented, FISSelect, FISSelectItem, FISSorter, FISSplitButton, FISSwitch, FISTab, FISTable, FISTableCell, FISTableHeaderCell, FISText, FISThemeProvider, FISToast, FISTooltip, SegmentedPanelItem, TabPanelItem, useNotification, useToast };
 //# sourceMappingURL=index.js.map