fis-component 0.1.10 → 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

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