@galaxy-io/dls 1.0.3

package/dist/text/MarkdownText.js

@@ -0,0 +1,295 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import Text, { TextSize, TextWeight } from "./Text.js";
+/* empty css                       */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+import Markdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import remarkGfm from "remark-gfm";
+//#region src/text/MarkdownText.tsx
+var _exp = () => ({ theme }) => theme.font.sans.family;
+var _exp2 = () => ({ theme }) => theme.font.sans.size.body_md;
+var _exp3 = () => ({ theme }) => theme.font.sans.height.heading_sm;
+var _exp4 = () => ({ theme }) => theme.color.text.primary;
+var StyledParagraph = withTheme(/*#__PURE__*/ styled("p")({
+	name: "StyledParagraph",
+	class: "sgj79p2",
+	propsAsIs: false,
+	vars: {
+		"sgj79p2-0": [_exp()],
+		"sgj79p2-1": [_exp2()],
+		"sgj79p2-2": [_exp3()],
+		"sgj79p2-3": [_exp4()]
+	}
+}));
+var _exp5 = () => ({ theme }) => theme.color.background.secondary;
+var _exp6 = () => ({ theme }) => theme.color.border.tertiary;
+var _exp7 = () => ({ theme }) => theme.font.mono.family;
+var _exp8 = () => ({ theme }) => theme.font.mono.size.body_md;
+var _exp9 = () => ({ theme }) => theme.font.mono.height.body_md;
+var _exp0 = () => ({ theme }) => theme.color.text.primary;
+var StyledPre = withTheme(/*#__PURE__*/ styled("pre")({
+	name: "StyledPre",
+	class: "s17hp2a6",
+	propsAsIs: false,
+	vars: {
+		"s17hp2a6-0": [_exp5()],
+		"s17hp2a6-1": [_exp6()],
+		"s17hp2a6-2": [_exp7()],
+		"s17hp2a6-3": [_exp8()],
+		"s17hp2a6-4": [_exp9()],
+		"s17hp2a6-5": [_exp0()]
+	}
+}));
+var _exp1 = () => ({ theme }) => theme.color.background.secondary;
+var _exp10 = () => ({ theme }) => theme.color.border.tertiary;
+var _exp11 = () => ({ theme }) => theme.font.mono.family;
+var _exp12 = () => ({ theme }) => theme.font.mono.size.body_sm;
+var _exp13 = () => ({ theme }) => theme.font.mono.height.body_sm;
+var _exp14 = () => ({ theme }) => theme.color.text.primary;
+var StyledInlineCode = withTheme(/*#__PURE__*/ styled("code")({
+	name: "StyledInlineCode",
+	class: "s1l8k0vu",
+	propsAsIs: false,
+	vars: {
+		"s1l8k0vu-0": [_exp1()],
+		"s1l8k0vu-1": [_exp10()],
+		"s1l8k0vu-2": [_exp11()],
+		"s1l8k0vu-3": [_exp12()],
+		"s1l8k0vu-4": [_exp13()],
+		"s1l8k0vu-5": [_exp14()]
+	}
+}));
+var _exp15 = () => ({ theme }) => theme.color.border.secondary;
+var _exp16 = () => ({ theme }) => theme.font.sans.family;
+var _exp17 = () => ({ theme }) => theme.font.sans.size.body_md;
+var _exp18 = () => ({ theme }) => theme.font.sans.height.body_lg;
+var _exp19 = () => ({ theme }) => theme.color.text.secondary;
+var StyledBlockquote = withTheme(/*#__PURE__*/ styled("blockquote")({
+	name: "StyledBlockquote",
+	class: "sa4is7y",
+	propsAsIs: false,
+	vars: {
+		"sa4is7y-0": [_exp15()],
+		"sa4is7y-1": [_exp16()],
+		"sa4is7y-2": [_exp17()],
+		"sa4is7y-3": [_exp18()],
+		"sa4is7y-4": [_exp19()]
+	}
+}));
+var _exp20 = () => ({ theme }) => theme.font.sans.family;
+var _exp21 = () => ({ theme }) => theme.font.sans.size.body_md;
+var _exp22 = () => ({ theme }) => theme.font.sans.height.heading_sm;
+var _exp23 = () => ({ theme }) => theme.color.text.primary;
+var _exp24 = () => ({ theme }) => theme.color.text.secondary;
+var StyledList = withTheme(/*#__PURE__*/ styled("ul")({
+	name: "StyledList",
+	class: "sif7uds",
+	propsAsIs: false,
+	vars: {
+		"sif7uds-0": [_exp20()],
+		"sif7uds-1": [_exp21()],
+		"sif7uds-2": [_exp22()],
+		"sif7uds-3": [_exp23()],
+		"sif7uds-4": [_exp24()]
+	}
+}));
+var _exp25 = () => ({ theme }) => theme.font.sans.family;
+var _exp26 = () => ({ theme }) => theme.font.sans.size.body_md;
+var _exp27 = () => ({ theme }) => theme.font.sans.height.heading_sm;
+var _exp28 = () => ({ theme }) => theme.color.text.primary;
+var _exp29 = () => ({ theme }) => theme.color.text.secondary;
+var _exp30 = () => ({ theme }) => theme.font.sans.weight.medium;
+var StyledOrderedList = withTheme(/*#__PURE__*/ styled("ol")({
+	name: "StyledOrderedList",
+	class: "spy4hi2",
+	propsAsIs: false,
+	vars: {
+		"spy4hi2-0": [_exp25()],
+		"spy4hi2-1": [_exp26()],
+		"spy4hi2-2": [_exp27()],
+		"spy4hi2-3": [_exp28()],
+		"spy4hi2-4": [_exp29()],
+		"spy4hi2-5": [_exp30()]
+	}
+}));
+var _exp31 = () => ({ theme }) => theme.font.sans.weight.medium;
+var _exp32 = () => ({ theme }) => theme.color.text.primary;
+var StyledStrong = withTheme(/*#__PURE__*/ styled("strong")({
+	name: "StyledStrong",
+	class: "s6eo8rp",
+	propsAsIs: false,
+	vars: {
+		"s6eo8rp-0": [_exp31()],
+		"s6eo8rp-1": [_exp32()]
+	}
+}));
+var _exp33 = () => ({ theme }) => theme.color.text.primary;
+var StyledEm = withTheme(/*#__PURE__*/ styled("em")({
+	name: "StyledEm",
+	class: "s1s7p3od",
+	propsAsIs: false,
+	vars: { "s1s7p3od-0": [_exp33()] }
+}));
+var _exp34 = () => ({ theme }) => theme.color.border.tertiary;
+var StyledTableWrapper = withTheme(/*#__PURE__*/ styled("div")({
+	name: "StyledTableWrapper",
+	class: "s1ll404u",
+	propsAsIs: false,
+	vars: { "s1ll404u-0": [_exp34()] }
+}));
+var _exp35 = () => ({ theme }) => theme.font.sans.family;
+var _exp36 = () => ({ theme }) => theme.font.sans.size.body_md;
+var _exp37 = () => ({ theme }) => theme.font.sans.height.heading_sm;
+var _exp38 = () => ({ theme }) => theme.color.text.primary;
+var StyledTable = withTheme(/*#__PURE__*/ styled("table")({
+	name: "StyledTable",
+	class: "scwvhie",
+	propsAsIs: false,
+	vars: {
+		"scwvhie-0": [_exp35()],
+		"scwvhie-1": [_exp36()],
+		"scwvhie-2": [_exp37()],
+		"scwvhie-3": [_exp38()]
+	}
+}));
+var _exp39 = () => ({ theme }) => theme.color.border.secondary;
+var StyledThead = withTheme(/*#__PURE__*/ styled("thead")({
+	name: "StyledThead",
+	class: "svk1lh",
+	propsAsIs: false,
+	vars: { "svk1lh-0": [_exp39()] }
+}));
+var _exp40 = () => ({ theme }) => theme.font.sans.weight.medium;
+var _exp41 = () => ({ theme }) => theme.color.text.secondary;
+var StyledTh = withTheme(/*#__PURE__*/ styled("th")({
+	name: "StyledTh",
+	class: "ss1iwpz",
+	propsAsIs: false,
+	vars: {
+		"ss1iwpz-0": [_exp40()],
+		"ss1iwpz-1": [_exp41()]
+	}
+}));
+var _exp42 = () => ({ theme }) => theme.color.border.tertiary;
+var StyledTd = withTheme(/*#__PURE__*/ styled("td")({
+	name: "StyledTd",
+	class: "shi85us",
+	propsAsIs: false,
+	vars: { "shi85us-0": [_exp42()] }
+}));
+var StyledHeadingWrapper = /*#__PURE__*/ styled("div")({
+	name: "StyledHeadingWrapper",
+	class: "s10h6trl",
+	propsAsIs: false
+});
+var markdownComponents = {
+	pre: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledPre, {
+		...props,
+		children
+	}),
+	code: ({ className, children, ...props }) => {
+		if (className?.startsWith("language-")) return /* @__PURE__ */ jsx("code", {
+			className,
+			...props,
+			children
+		});
+		return /* @__PURE__ */ jsx(StyledInlineCode, {
+			...props,
+			children
+		});
+	},
+	p: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledParagraph, {
+		...props,
+		children
+	}),
+	h1: ({ children }) => /* @__PURE__ */ jsx(StyledHeadingWrapper, { children: /* @__PURE__ */ jsx(Text, {
+		size: TextSize.HEADING_LG,
+		weight: TextWeight.MEDIUM,
+		isSelectable: true,
+		children
+	}) }),
+	h2: ({ children }) => /* @__PURE__ */ jsx(StyledHeadingWrapper, { children: /* @__PURE__ */ jsx(Text, {
+		size: TextSize.HEADING_MD,
+		weight: TextWeight.MEDIUM,
+		isSelectable: true,
+		children
+	}) }),
+	h3: ({ children }) => /* @__PURE__ */ jsx(StyledHeadingWrapper, { children: /* @__PURE__ */ jsx(Text, {
+		size: TextSize.HEADING_SM,
+		weight: TextWeight.MEDIUM,
+		isSelectable: true,
+		children
+	}) }),
+	h4: ({ children }) => /* @__PURE__ */ jsx(StyledHeadingWrapper, { children: /* @__PURE__ */ jsx(Text, {
+		size: TextSize.BODY_LG,
+		weight: TextWeight.MEDIUM,
+		isSelectable: true,
+		children
+	}) }),
+	h5: ({ children }) => /* @__PURE__ */ jsx(StyledHeadingWrapper, { children: /* @__PURE__ */ jsx(Text, {
+		weight: TextWeight.MEDIUM,
+		isSelectable: true,
+		children
+	}) }),
+	h6: ({ children }) => /* @__PURE__ */ jsx(StyledHeadingWrapper, { children: /* @__PURE__ */ jsx(Text, {
+		size: TextSize.BODY_SM,
+		weight: TextWeight.MEDIUM,
+		isSelectable: true,
+		children
+	}) }),
+	ul: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledList, {
+		...props,
+		children
+	}),
+	ol: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledOrderedList, {
+		...props,
+		children
+	}),
+	li: ({ children, ...props }) => /* @__PURE__ */ jsx("li", {
+		...props,
+		children
+	}),
+	blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledBlockquote, {
+		...props,
+		children
+	}),
+	strong: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledStrong, {
+		...props,
+		children
+	}),
+	em: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledEm, {
+		...props,
+		children
+	}),
+	table: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledTableWrapper, { children: /* @__PURE__ */ jsx(StyledTable, {
+		...props,
+		children
+	}) }),
+	thead: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledThead, {
+		...props,
+		children
+	}),
+	th: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledTh, {
+		...props,
+		children
+	}),
+	td: ({ children, ...props }) => /* @__PURE__ */ jsx(StyledTd, {
+		...props,
+		children
+	})
+};
+var MarkdownText = ({ content, componentOverrides }) => {
+	const components = componentOverrides ? {
+		...markdownComponents,
+		...componentOverrides
+	} : markdownComponents;
+	return /* @__PURE__ */ jsx(Markdown, {
+		remarkPlugins: [remarkGfm],
+		rehypePlugins: [rehypeRaw],
+		components,
+		children: content
+	});
+};
+//#endregion
+export { MarkdownText as default };

package/dist/text/Paragraph.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties, PropsWithChildren } from "react";
+import { TextSize, TextVariant, TextWeight } from "./Text";
+export interface ParagraphProps {
+    variant?: TextVariant;
+    size?: TextSize;
+    weight?: TextWeight;
+    align?: CSSProperties["textAlign"];
+    cursor?: CSSProperties["cursor"];
+    hex?: string;
+    isMonospace?: boolean;
+    isSelectable?: boolean;
+    lineClamp?: number;
+    minHeight?: string;
+}
+declare const Paragraph: ({ children, size, variant, weight, align, cursor, isMonospace, isSelectable, lineClamp, minHeight, hex, }: PropsWithChildren<ParagraphProps>) => import("react").JSX.Element;
+export default Paragraph;

package/dist/text/Paragraph.js

@@ -0,0 +1,76 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import { TextSize, TextVariant, TextWeight } from "./Text.js";
+/* empty css                    */
+import { styled } from "@linaria/react";
+import { match } from "ts-pattern";
+import { jsx } from "react/jsx-runtime";
+//#region src/text/Paragraph.tsx
+var _exp = () => ({ theme, $variant, $hex }) => {
+	if ($hex) return $hex;
+	return match($variant).with(TextVariant.PRIMARY, () => theme.color.text.primary).with(TextVariant.PRIMARY_ALT, () => theme.color.text.primaryAlt).with(TextVariant.SECONDARY, () => theme.color.text.secondary).with(TextVariant.SECONDARY_ALT, () => theme.color.text.secondaryAlt).with(TextVariant.TERTIARY, () => theme.color.text.tertiary).with(TextVariant.TERTIARY_ALT, () => theme.color.text.tertiaryAlt).with(TextVariant.SUCCESS, () => theme.color.text.success).with(TextVariant.ERROR, () => theme.color.text.error).with(TextVariant.LIME, () => theme.color.text.lime).with(TextVariant.PURPLE, () => theme.color.text.purple).with(TextVariant.TEAL, () => theme.color.text.teal).with(TextVariant.YELLOW, () => theme.color.text.yellow).with(TextVariant.ORANGE, () => theme.color.text.orange).with(TextVariant.PINK, () => theme.color.text.pink).with(TextVariant.BLUE, () => theme.color.text.blue).with(TextVariant.WARNING, () => theme.color.text.warning).with(TextVariant.DISABLED, () => theme.color.text.disabled).exhaustive();
+};
+var _exp2 = () => ({ theme, $isMonospace }) => $isMonospace ? theme.font.mono.family : theme.font.sans.family;
+var _exp3 = () => ({ theme, $size }) => {
+	return match($size).with(TextSize.CAPTION, () => theme.font.sans.size.caption).with(TextSize.BODY_SM, () => theme.font.sans.size.body_sm).with(TextSize.BODY_MD, () => theme.font.sans.size.body_md).with(TextSize.BODY_LG, () => theme.font.sans.size.body_lg).with(TextSize.HEADING_SM, () => theme.font.sans.size.heading_sm).with(TextSize.HEADING_MD, () => theme.font.sans.size.heading_md).with(TextSize.HEADING_LG, () => theme.font.sans.size.heading_lg).exhaustive();
+};
+var _exp4 = () => ({ theme, $weight }) => {
+	return match($weight).with(TextWeight.REGULAR, () => theme.font.sans.weight.regular).with(TextWeight.MEDIUM, () => theme.font.sans.weight.medium).exhaustive();
+};
+var _exp5 = () => ({ theme, $size }) => {
+	return match($size).with(TextSize.CAPTION, () => theme.font.sans.height.caption).with(TextSize.BODY_SM, () => theme.font.sans.height.body_sm).with(TextSize.BODY_MD, () => theme.font.sans.height.body_md).with(TextSize.BODY_LG, () => theme.font.sans.height.body_lg).with(TextSize.HEADING_SM, () => theme.font.sans.height.heading_sm).with(TextSize.HEADING_MD, () => theme.font.sans.height.heading_md).with(TextSize.HEADING_LG, () => theme.font.sans.height.heading_lg).exhaustive();
+};
+var _exp6 = () => ({ theme, $size }) => {
+	return match($size).with(TextSize.CAPTION, () => theme.font.sans.spacing.caption).with(TextSize.BODY_SM, () => theme.font.sans.spacing.body_sm).with(TextSize.BODY_MD, () => theme.font.sans.spacing.body_md).with(TextSize.BODY_LG, () => theme.font.sans.spacing.body_lg).with(TextSize.HEADING_SM, () => theme.font.sans.spacing.heading_sm).with(TextSize.HEADING_MD, () => theme.font.sans.spacing.heading_md).with(TextSize.HEADING_LG, () => theme.font.sans.spacing.heading_lg).exhaustive();
+};
+var _exp7 = () => ({ $align }) => $align ?? "left";
+var _exp8 = () => ({ $cursor }) => $cursor ?? "inherit";
+var _exp10 = () => ({ $isSelectable }) => $isSelectable ? "text" : "none";
+var _exp11 = () => ({ $lineClamp }) => $lineClamp ? "-webkit-box" : "inline";
+var _exp12 = () => ({ $lineClamp }) => $lineClamp ?? "none";
+var _exp13 = () => ({ $lineClamp }) => $lineClamp ? "vertical" : "unset";
+var _exp14 = () => ({ $lineClamp }) => $lineClamp ? "hidden" : "visible";
+var _exp15 = () => ({ $lineClamp }) => $lineClamp ? "100%" : "auto";
+var _exp16 = () => ({ $lineClamp, $minHeight }) => {
+	if ($minHeight) return $minHeight;
+	if ($lineClamp) return `${$lineClamp}em`;
+	return "auto";
+};
+var StyledParagraph = withTheme(/*#__PURE__*/ styled("span")({
+	name: "StyledParagraph",
+	class: "sts1mtj",
+	propsAsIs: false,
+	vars: {
+		"sts1mtj-0": [_exp()],
+		"sts1mtj-1": [_exp2()],
+		"sts1mtj-2": [_exp3()],
+		"sts1mtj-3": [_exp4()],
+		"sts1mtj-4": [_exp5()],
+		"sts1mtj-5": [_exp6()],
+		"sts1mtj-6": [_exp7()],
+		"sts1mtj-7": [_exp8()],
+		"sts1mtj-8": [_exp10()],
+		"sts1mtj-9": [_exp11()],
+		"sts1mtj-10": [_exp12()],
+		"sts1mtj-11": [_exp13()],
+		"sts1mtj-12": [_exp14()],
+		"sts1mtj-13": [_exp15()],
+		"sts1mtj-14": [_exp16()]
+	}
+}));
+var Paragraph = ({ children, size = TextSize.BODY_MD, variant = TextVariant.PRIMARY, weight = TextWeight.REGULAR, align = "left", cursor, isMonospace = false, isSelectable = false, lineClamp, minHeight, hex }) => {
+	return /* @__PURE__ */ jsx(StyledParagraph, {
+		$size: size,
+		$variant: variant,
+		$weight: weight,
+		$align: align,
+		$cursor: cursor,
+		$isMonospace: isMonospace,
+		$isSelectable: isSelectable,
+		$lineClamp: lineClamp,
+		$minHeight: minHeight,
+		$hex: hex,
+		children
+	});
+};
+//#endregion
+export { Paragraph as default };

package/dist/text/RequiredMarker.d.ts

@@ -0,0 +1,6 @@
+import { TextSize } from "./Text";
+interface RequiredMarkerProps {
+    size?: TextSize;
+}
+declare const RequiredMarker: ({ size }: RequiredMarkerProps) => import("react").JSX.Element;
+export default RequiredMarker;

package/dist/text/RequiredMarker.js

@@ -0,0 +1,44 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import { TextSize } from "./Text.js";
+/* empty css                         */
+import { styled } from "@linaria/react";
+import { match } from "ts-pattern";
+import { jsx } from "react/jsx-runtime";
+//#region src/text/RequiredMarker.tsx
+var _exp = () => ({ theme }) => theme.color.text.error;
+var _exp2 = () => ({ theme, $size }) => {
+	return match($size).with(TextSize.CAPTION, () => theme.font.sans.size.caption).with(TextSize.BODY_SM, () => theme.font.sans.size.body_sm).with(TextSize.BODY_MD, () => theme.font.sans.size.body_md).with(TextSize.BODY_LG, () => theme.font.sans.size.body_lg).with(TextSize.HEADING_SM, () => theme.font.sans.size.heading_sm).with(TextSize.HEADING_MD, () => theme.font.sans.size.heading_md).with(TextSize.HEADING_LG, () => theme.font.sans.size.heading_lg).exhaustive();
+};
+var _exp3 = () => ({ theme, $size }) => {
+	return match($size).with(TextSize.CAPTION, () => theme.font.sans.weight.medium).with(TextSize.BODY_SM, () => theme.font.sans.weight.medium).with(TextSize.BODY_MD, () => theme.font.sans.weight.medium).with(TextSize.BODY_LG, () => theme.font.sans.weight.medium).with(TextSize.HEADING_SM, () => theme.font.sans.weight.medium).with(TextSize.HEADING_MD, () => theme.font.sans.weight.medium).with(TextSize.HEADING_LG, () => theme.font.sans.weight.medium).exhaustive();
+};
+var _exp4 = () => ({ theme, $size }) => {
+	return match($size).with(TextSize.CAPTION, () => theme.font.sans.height.caption).with(TextSize.BODY_SM, () => theme.font.sans.height.body_sm).with(TextSize.BODY_MD, () => theme.font.sans.height.body_md).with(TextSize.BODY_LG, () => theme.font.sans.height.body_lg).with(TextSize.HEADING_SM, () => theme.font.sans.height.heading_sm).with(TextSize.HEADING_MD, () => theme.font.sans.height.heading_md).with(TextSize.HEADING_LG, () => theme.font.sans.height.heading_lg).exhaustive();
+};
+var _exp5 = () => ({ theme, $size }) => {
+	return match($size).with(TextSize.CAPTION, () => theme.font.sans.spacing.caption).with(TextSize.BODY_SM, () => theme.font.sans.spacing.body_sm).with(TextSize.BODY_MD, () => theme.font.sans.spacing.body_md).with(TextSize.BODY_LG, () => theme.font.sans.spacing.body_lg).with(TextSize.HEADING_SM, () => theme.font.sans.spacing.heading_sm).with(TextSize.HEADING_MD, () => theme.font.sans.spacing.heading_md).with(TextSize.HEADING_LG, () => theme.font.sans.spacing.heading_lg).exhaustive();
+};
+var _exp6 = () => ({ $size }) => {
+	return match($size).with(TextSize.CAPTION, () => "0.5px").with(TextSize.BODY_SM, () => "1px").with(TextSize.BODY_MD, () => "1px").with(TextSize.BODY_LG, () => "1px").with(TextSize.HEADING_SM, () => "2px").with(TextSize.HEADING_MD, () => "2px").with(TextSize.HEADING_LG, () => "2px").exhaustive();
+};
+var StyledRequiredMarker = withTheme(/*#__PURE__*/ styled("span")({
+	name: "StyledRequiredMarker",
+	class: "s1i18c6k",
+	propsAsIs: false,
+	vars: {
+		"s1i18c6k-0": [_exp()],
+		"s1i18c6k-1": [_exp2()],
+		"s1i18c6k-2": [_exp3()],
+		"s1i18c6k-3": [_exp4()],
+		"s1i18c6k-4": [_exp5()],
+		"s1i18c6k-5": [_exp6()]
+	}
+}));
+var RequiredMarker = ({ size = TextSize.BODY_MD }) => {
+	return /* @__PURE__ */ jsx(StyledRequiredMarker, {
+		$size: size,
+		children: "*"
+	});
+};
+//#endregion
+export { RequiredMarker as default };

package/dist/text/Selectable.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from "react";
+declare const Selectable: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+export default Selectable;

package/dist/text/Selectable.js

@@ -0,0 +1,15 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+/* empty css                     */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/text/Selectable.tsx
+var StyledSelectable = withTheme(/*#__PURE__*/ styled("span")({
+	name: "StyledSelectable",
+	class: "sfziwh",
+	propsAsIs: false
+}));
+var Selectable = ({ children }) => {
+	return /* @__PURE__ */ jsx(StyledSelectable, { children });
+};
+//#endregion
+export { Selectable as default };

package/dist/text/Text.d.ts

@@ -0,0 +1,47 @@
+import type { CSSProperties, PropsWithChildren } from "react";
+export declare enum TextVariant {
+    PRIMARY = "PRIMARY",
+    PRIMARY_ALT = "PRIMARY_ALT",
+    SECONDARY = "SECONDARY",
+    SECONDARY_ALT = "SECONDARY_ALT",
+    TERTIARY = "TERTIARY",
+    TERTIARY_ALT = "TERTIARY_ALT",
+    SUCCESS = "SUCCESS",
+    WARNING = "WARNING",
+    ERROR = "ERROR",
+    PINK = "PINK",
+    ORANGE = "ORANGE",
+    YELLOW = "YELLOW",
+    LIME = "LIME",
+    BLUE = "BLUE",
+    TEAL = "TEAL",
+    PURPLE = "PURPLE",
+    DISABLED = "DISABLED"
+}
+export declare enum TextSize {
+    CAPTION = "CAPTION",
+    BODY_SM = "BODY_SM",
+    BODY_MD = "BODY_MD",
+    BODY_LG = "BODY_LG",
+    HEADING_SM = "HEADING_SM",
+    HEADING_MD = "HEADING_MD",
+    HEADING_LG = "HEADING_LG"
+}
+export declare enum TextWeight {
+    REGULAR = "REGULAR",
+    MEDIUM = "MEDIUM"
+}
+export interface TextProps {
+    variant?: TextVariant;
+    size?: TextSize;
+    weight?: TextWeight;
+    align?: CSSProperties["textAlign"];
+    cursor?: CSSProperties["cursor"];
+    hex?: string;
+    isMonospace?: boolean;
+    isSelectable?: boolean;
+    isUnderlined?: boolean;
+    isEllipsis?: boolean;
+}
+declare const Text: ({ children, size, variant, weight, align, cursor, isMonospace, isSelectable, isUnderlined, isEllipsis, hex, }: PropsWithChildren<TextProps>) => import("react").JSX.Element;
+export default Text;

package/dist/text/Text.js

@@ -0,0 +1,104 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+/* empty css               */
+import { styled } from "@linaria/react";
+import { match } from "ts-pattern";
+import { jsx } from "react/jsx-runtime";
+//#region src/text/Text.tsx
+var TextVariant = /* @__PURE__ */ function(TextVariant) {
+	TextVariant["PRIMARY"] = "PRIMARY";
+	TextVariant["PRIMARY_ALT"] = "PRIMARY_ALT";
+	TextVariant["SECONDARY"] = "SECONDARY";
+	TextVariant["SECONDARY_ALT"] = "SECONDARY_ALT";
+	TextVariant["TERTIARY"] = "TERTIARY";
+	TextVariant["TERTIARY_ALT"] = "TERTIARY_ALT";
+	TextVariant["SUCCESS"] = "SUCCESS";
+	TextVariant["WARNING"] = "WARNING";
+	TextVariant["ERROR"] = "ERROR";
+	TextVariant["PINK"] = "PINK";
+	TextVariant["ORANGE"] = "ORANGE";
+	TextVariant["YELLOW"] = "YELLOW";
+	TextVariant["LIME"] = "LIME";
+	TextVariant["BLUE"] = "BLUE";
+	TextVariant["TEAL"] = "TEAL";
+	TextVariant["PURPLE"] = "PURPLE";
+	TextVariant["DISABLED"] = "DISABLED";
+	return TextVariant;
+}({});
+var TextSize = /* @__PURE__ */ function(TextSize) {
+	TextSize["CAPTION"] = "CAPTION";
+	TextSize["BODY_SM"] = "BODY_SM";
+	TextSize["BODY_MD"] = "BODY_MD";
+	TextSize["BODY_LG"] = "BODY_LG";
+	TextSize["HEADING_SM"] = "HEADING_SM";
+	TextSize["HEADING_MD"] = "HEADING_MD";
+	TextSize["HEADING_LG"] = "HEADING_LG";
+	return TextSize;
+}({});
+var TextWeight = /* @__PURE__ */ function(TextWeight) {
+	TextWeight["REGULAR"] = "REGULAR";
+	TextWeight["MEDIUM"] = "MEDIUM";
+	return TextWeight;
+}({});
+var _exp = () => ({ theme, $variant, $hex }) => {
+	if ($hex) return $hex;
+	return match($variant).with("PRIMARY", () => theme.color.text.primary).with("PRIMARY_ALT", () => theme.color.text.primaryAlt).with("SECONDARY", () => theme.color.text.secondary).with("SECONDARY_ALT", () => theme.color.text.secondaryAlt).with("TERTIARY", () => theme.color.text.tertiary).with("TERTIARY_ALT", () => theme.color.text.tertiaryAlt).with("SUCCESS", () => theme.color.text.success).with("ERROR", () => theme.color.text.error).with("LIME", () => theme.color.text.lime).with("PURPLE", () => theme.color.text.purple).with("TEAL", () => theme.color.text.teal).with("YELLOW", () => theme.color.text.yellow).with("ORANGE", () => theme.color.text.orange).with("PINK", () => theme.color.text.pink).with("BLUE", () => theme.color.text.blue).with("WARNING", () => theme.color.text.warning).with("DISABLED", () => theme.color.text.disabled).exhaustive();
+};
+var _exp2 = () => ({ theme, $isMonospace }) => $isMonospace ? theme.font.mono.family : theme.font.sans.family;
+var _exp3 = () => ({ theme, $size }) => {
+	return match($size).with("CAPTION", () => theme.font.sans.size.caption).with("BODY_SM", () => theme.font.sans.size.body_sm).with("BODY_MD", () => theme.font.sans.size.body_md).with("BODY_LG", () => theme.font.sans.size.body_lg).with("HEADING_SM", () => theme.font.sans.size.heading_sm).with("HEADING_MD", () => theme.font.sans.size.heading_md).with("HEADING_LG", () => theme.font.sans.size.heading_lg).exhaustive();
+};
+var _exp4 = () => ({ theme, $weight }) => {
+	return match($weight).with("REGULAR", () => theme.font.sans.weight.regular).with("MEDIUM", () => theme.font.sans.weight.medium).exhaustive();
+};
+var _exp5 = () => ({ theme, $size }) => {
+	return match($size).with("CAPTION", () => theme.font.sans.height.caption).with("BODY_SM", () => theme.font.sans.height.body_sm).with("BODY_MD", () => theme.font.sans.height.body_md).with("BODY_LG", () => theme.font.sans.height.body_lg).with("HEADING_SM", () => theme.font.sans.height.heading_sm).with("HEADING_MD", () => theme.font.sans.height.heading_md).with("HEADING_LG", () => theme.font.sans.height.heading_lg).exhaustive();
+};
+var _exp6 = () => ({ theme, $size }) => {
+	return match($size).with("CAPTION", () => theme.font.sans.spacing.caption).with("BODY_SM", () => theme.font.sans.spacing.body_sm).with("BODY_MD", () => theme.font.sans.spacing.body_md).with("BODY_LG", () => theme.font.sans.spacing.body_lg).with("HEADING_SM", () => theme.font.sans.spacing.heading_sm).with("HEADING_MD", () => theme.font.sans.spacing.heading_md).with("HEADING_LG", () => theme.font.sans.spacing.heading_lg).exhaustive();
+};
+var _exp7 = () => ({ $align }) => $align ?? "left";
+var _exp8 = () => ({ $isUnderlined }) => $isUnderlined ? "underline" : "none";
+var _exp9 = () => ({ $cursor }) => $cursor ?? "inherit";
+var _exp11 = () => ({ $isSelectable }) => $isSelectable ? "text" : "none";
+var _exp12 = () => ({ $isEllipsis }) => $isEllipsis ? "hidden" : "visible";
+var _exp13 = () => ({ $isEllipsis }) => $isEllipsis ? "ellipsis" : "clip";
+var _exp14 = () => ({ $isEllipsis }) => $isEllipsis ? "nowrap" : "normal";
+var _exp15 = () => ({ $isEllipsis }) => $isEllipsis ? "100%" : "auto";
+var StyledText = withTheme(/*#__PURE__*/ styled("p")({
+	name: "StyledText",
+	class: "shbcgkd",
+	propsAsIs: false,
+	vars: {
+		"shbcgkd-0": [_exp()],
+		"shbcgkd-1": [_exp2()],
+		"shbcgkd-2": [_exp3()],
+		"shbcgkd-3": [_exp4()],
+		"shbcgkd-4": [_exp5()],
+		"shbcgkd-5": [_exp6()],
+		"shbcgkd-6": [_exp7()],
+		"shbcgkd-7": [_exp8()],
+		"shbcgkd-8": [_exp9()],
+		"shbcgkd-9": [_exp11()],
+		"shbcgkd-10": [_exp12()],
+		"shbcgkd-11": [_exp13()],
+		"shbcgkd-12": [_exp14()],
+		"shbcgkd-13": [_exp15()]
+	}
+}));
+var Text = ({ children, size = "BODY_MD", variant = "PRIMARY", weight = "REGULAR", align = "left", cursor, isMonospace = false, isSelectable = false, isUnderlined = false, isEllipsis = false, hex }) => {
+	return /* @__PURE__ */ jsx(StyledText, {
+		$size: size,
+		$variant: variant,
+		$weight: weight,
+		$align: align,
+		$cursor: cursor,
+		$isMonospace: isMonospace,
+		$isSelectable: isSelectable,
+		$isUnderlined: isUnderlined,
+		$isEllipsis: isEllipsis,
+		$hex: hex,
+		children
+	});
+};
+//#endregion
+export { TextSize, TextVariant, TextWeight, Text as default };

package/dist/text/TextShimmer.d.ts

@@ -0,0 +1,7 @@
+export interface TextShimmerProps {
+    height: number | string;
+    width: number | string;
+    noBorderRadius?: boolean;
+}
+declare const TextShimmer: ({ height, width, noBorderRadius }: TextShimmerProps) => import("react").JSX.Element;
+export default TextShimmer;

package/dist/text/TextShimmer.js

@@ -0,0 +1,30 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import { getCssSizeValue } from "../utils/linaria.js";
+/* empty css                      */
+import { styled } from "@linaria/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/text/TextShimmer.tsx
+var _exp3 = () => ({ theme }) => theme.color.border.primary;
+var _exp4 = () => ({ $height }) => getCssSizeValue($height);
+var _exp5 = () => ({ $width }) => getCssSizeValue($width);
+var _exp6 = () => ({ $noBorderRadius }) => $noBorderRadius ? "0" : "4px";
+var StyledTextShimmer = withTheme(/*#__PURE__*/ styled("span")({
+	name: "StyledTextShimmer",
+	class: "s1p67zkf",
+	propsAsIs: false,
+	vars: {
+		"s1p67zkf-0": [_exp3()],
+		"s1p67zkf-1": [_exp4()],
+		"s1p67zkf-2": [_exp5()],
+		"s1p67zkf-3": [_exp6()]
+	}
+}));
+var TextShimmer = ({ height, width, noBorderRadius }) => {
+	return /* @__PURE__ */ jsx(StyledTextShimmer, {
+		$height: height,
+		$width: width,
+		$noBorderRadius: noBorderRadius
+	});
+};
+//#endregion
+export { TextShimmer as default };