@lightsparkdev/ui 0.0.1 → 0.0.3

package/dist/styles/fonts/typography/BodyStrong.d.cts

@@ -0,0 +1,23 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as react from 'react';
+import * as _emotion_react from '@emotion/react';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import { TokenSize } from '../typographyTokens.cjs';
+
+interface Props {
+    children: React.ReactNode;
+    size?: TokenSize;
+    color?: string | undefined;
+}
+declare const BodyStrong: ({ children, color, size, }: Props) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Images rendered by the markdown renderer are wrapped in a paragraph tag,
+ * so we need to use a span and set it display: block to mimic a paragraph
+ * element.
+ */
+declare const StyledBodyStrong: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react.ElementType<any>;
+} & Props, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+
+export { BodyStrong, StyledBodyStrong };

package/dist/styles/fonts/typography/BodyStrong.d.ts

@@ -0,0 +1,23 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as react from 'react';
+import * as _emotion_react from '@emotion/react';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import { TokenSize } from '../typographyTokens.js';
+
+interface Props {
+    children: React.ReactNode;
+    size?: TokenSize;
+    color?: string | undefined;
+}
+declare const BodyStrong: ({ children, color, size, }: Props) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Images rendered by the markdown renderer are wrapped in a paragraph tag,
+ * so we need to use a span and set it display: block to mimic a paragraph
+ * element.
+ */
+declare const StyledBodyStrong: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react.ElementType<any>;
+} & Props, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+
+export { BodyStrong, StyledBodyStrong };

package/dist/styles/fonts/typography/BodyStrong.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  BodyStrong,
+  StyledBodyStrong
+} from "../../../chunk-LN7MMOXE.js";
+import "../../../chunk-2VBDEO6M.js";
+import "../../../chunk-E4EXM4SY.js";
+import "../../../chunk-JSGRNWSB.js";
+import "../../../chunk-CIGAQ47A.js";
+export {
+  BodyStrong,
+  StyledBodyStrong
+};

package/dist/styles/fonts/typography/Code.cjs

@@ -31,7 +31,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/styles/fonts/typography/Code.tsx
 var Code_exports = {};
 __export(Code_exports, {
-  Code: () => Code
+  Code: () => Code,
+  StyledCode: () => StyledCode
 });
 module.exports = __toCommonJS(Code_exports);
 var import_styled = __toESM(require("@emotion/styled"), 1);
@@ -40,8 +41,6 @@ var import_styled = __toESM(require("@emotion/styled"), 1);
 var getTypographyString = (token) => {
   return Object.entries(token).map((entry) => {
     switch (entry[0]) {
-      case "paragraph-spacing":
-        return entry[1] === "default" ? "" : `margin-bottom: ${entry[1]};`;
       case "paragraph-indent":
         return `text-indent: ${entry[1]};`;
       case "text-case":
@@ -55,14 +54,15 @@ var getTypographyString = (token) => {
 // src/styles/fonts/typography/Code.tsx
 var import_jsx_runtime = require("@emotion/react/jsx-runtime");
 var Code = ({ children, size = "Medium" /* Medium */ }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeStyles, { size, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledCode, { size, children });
 };
-var CodeStyles = import_styled.default.div`
+var StyledCode = import_styled.default.div`
   ${({ theme, size }) => {
   return size ? getTypographyString(theme.typography[theme.app].Code[size]) : "";
 }}
 `;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Code
+  Code,
+  StyledCode
 });

package/dist/styles/fonts/typography/Code.d.cts

@@ -1,3 +1,6 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as react from 'react';
+import * as _emotion_react from '@emotion/react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { TokenSize } from '../typographyTokens.cjs';
 
@@ -6,5 +9,9 @@ interface Props {
     size?: TokenSize;
 }
 declare const Code: ({ children, size }: Props) => _emotion_react_jsx_runtime.JSX.Element;
+declare const StyledCode: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react.ElementType<any>;
+} & Props, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
-export { Code };
+export { Code, StyledCode };

package/dist/styles/fonts/typography/Code.d.ts

@@ -1,3 +1,6 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as react from 'react';
+import * as _emotion_react from '@emotion/react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { TokenSize } from '../typographyTokens.js';
 
@@ -6,5 +9,9 @@ interface Props {
     size?: TokenSize;
 }
 declare const Code: ({ children, size }: Props) => _emotion_react_jsx_runtime.JSX.Element;
+declare const StyledCode: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: react.ElementType<any>;
+} & Props, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
-export { Code };
+export { Code, StyledCode };

package/dist/styles/fonts/typography/Code.js

@@ -1,9 +1,11 @@
 "use client";
 import {
-  Code
-} from "../../../chunk-RUVXOYBL.js";
-import "../../../chunk-WVJNZRKF.js";
+  Code,
+  StyledCode
+} from "../../../chunk-BCFRW7CV.js";
+import "../../../chunk-E4EXM4SY.js";
 import "../../../chunk-CIGAQ47A.js";
 export {
-  Code
+  Code,
+  StyledCode
 };