colibri-ui 0.7.3 → 0.7.5

package/Typography/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var react = require('react');
+var styles = require('./styles.js');
+var index_props = require('./index.props.js');
+
+var Typography = function Typography(_a) {
+  var _b = _a.tag,
+    Element = _b === void 0 ? "span" : _b,
+    children = _a.children,
+    _c = _a.variant,
+    variant = _c === void 0 ? index_props.VARIANT.PRIMARY : _c,
+    size = _a.size,
+    fontWeight = _a.fontWeight,
+    className = _a.className,
+    _d = _a.nowrap,
+    nowrap = _d === void 0 ? false : _d;
+  var isNotComponent = typeof children === "string";
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var child = react.useMemo(function () {
+    return react.Children.only(isNotComponent ? jsxRuntime.jsx(Element, {
+      children: children
+    }) : children);
+  }, [children, Element, isNotComponent]);
+  var Component = react.useMemo(function () {
+    return styles.BaseTypography.withComponent(child.type, process.env.NODE_ENV === "production" ? {
+      target: "en3tlk10"
+    } : {
+      target: "en3tlk10",
+      label: "Component"
+    });
+  }, [child.type]);
+  return jsxRuntime.jsx(Component, tslib.__assign({}, child.props, {
+    ref: child.ref,
+    size: size,
+    variant: variant,
+    fontWeight: fontWeight,
+    nowrap: nowrap,
+    className: className
+  }));
+};
+
+exports.default = Typography;

package/Typography/index.props.d.ts

@@ -0,0 +1,30 @@
+import type { CSSObject } from "@emotion/react";
+export declare enum VARIANT {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    ALERT = "alert",
+    SUCCESS = "success",
+    LINK = "link"
+}
+type VariantStyles = {
+    color?: CSSObject["color"];
+};
+export type TypographyVariant = {
+    [VARIANT.PRIMARY]: VariantStyles;
+    [VARIANT.SECONDARY]: VariantStyles;
+    [VARIANT.ALERT]: VariantStyles;
+    [VARIANT.SUCCESS]: VariantStyles;
+    [VARIANT.LINK]: VariantStyles;
+};
+export type TypographyFontWeight = "normal" | "medium" | "bold";
+export type TypographySize = "xs" | "s" | "m" | "l" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export type TypographyTag = "span" | "legend" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "s";
+export type TypographyProps = {
+    className?: string;
+    tag?: TypographyTag;
+    variant?: keyof TypographyVariant;
+    size?: TypographySize;
+    fontWeight?: TypographyFontWeight;
+    nowrap?: boolean;
+};
+export {};

package/Typography/index.props.js

@@ -0,0 +1,10 @@
+'use strict';
+
+exports.VARIANT = void 0;
+(function (VARIANT) {
+  VARIANT["PRIMARY"] = "primary";
+  VARIANT["SECONDARY"] = "secondary";
+  VARIANT["ALERT"] = "alert";
+  VARIANT["SUCCESS"] = "success";
+  VARIANT["LINK"] = "link";
+})(exports.VARIANT || (exports.VARIANT = {}));

package/Typography/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../esm/Typography/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/Typography/styles.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type TypographyFontWeight, type TypographySize, type TypographyVariant } from "./index.props";
+export declare const BaseTypography: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    variant: keyof TypographyVariant;
+    size?: TypographySize | undefined;
+    fontWeight?: TypographyFontWeight | undefined;
+    nowrap?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;