slack-blocks-to-jsx 0.0.6 → 0.0.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # slack-blocks-to-jsx
 
+## 0.0.7
+
+### Patch Changes
+
+- 78da930: Fix css build structure, export typescript types and remove tailwind from npm build
+
 ## 0.0.6
 
 ### Patch Changes

package/dist/index.d.mts

@@ -950,7 +950,9 @@ type Props = {
     logo: string;
     name: string;
     time?: Date;
+    className?: string;
+    style?: React.CSSProperties;
 };
 declare const Message: (props: Props) => JSX.Element;
 
-export { Message };
+export { ActionsBlock, Block, ButtonElement, ChannelsSelectElement, CheckboxesElement, ConfirmDialogObject, ContextBlock, ConversationsSelectElement, DatePickerElement, DateTimePickerElement, DispatchActionConfigObject, DividerBlock, Element, EmailInputElement, ExternalSelectElement, FileBlock, FilterObject, HeaderBlock, ImageBlock, ImageElement, InputBlock, Message, MultiChannelsSelectElement, MultiConversationsSelectElement, MultiExternalSelectElement, MultiStaticSelectElement, MultiUsersSelectElement, NumberInputElement, OptionGroupObject, OptionObject, OverflowMenuElement, PlainTextInputElement, RadioButtonsElement, SectionBlock, StaticSelectElement, Style, TextObject, TextObjectTextType, TimePickerElement, UrlTextInputElement, UsersSelectElement, VideoBlock };

package/dist/index.d.ts

@@ -950,7 +950,9 @@ type Props = {
     logo: string;
     name: string;
     time?: Date;
+    className?: string;
+    style?: React.CSSProperties;
 };
 declare const Message: (props: Props) => JSX.Element;
 
-export { Message };
+export { ActionsBlock, Block, ButtonElement, ChannelsSelectElement, CheckboxesElement, ConfirmDialogObject, ContextBlock, ConversationsSelectElement, DatePickerElement, DateTimePickerElement, DispatchActionConfigObject, DividerBlock, Element, EmailInputElement, ExternalSelectElement, FileBlock, FilterObject, HeaderBlock, ImageBlock, ImageElement, InputBlock, Message, MultiChannelsSelectElement, MultiConversationsSelectElement, MultiExternalSelectElement, MultiStaticSelectElement, MultiUsersSelectElement, NumberInputElement, OptionGroupObject, OptionObject, OverflowMenuElement, PlainTextInputElement, RadioButtonsElement, SectionBlock, StaticSelectElement, Style, TextObject, TextObjectTextType, TimePickerElement, UrlTextInputElement, UsersSelectElement, VideoBlock };

package/dist/index.js

@@ -451,8 +451,8 @@ var BlockWrapper = (props) => {
 // src/message.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Message = (props) => {
-  const { theme = "light", blocks, logo, name, time = /* @__PURE__ */ new Date() } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: "flex gap-2 w-full max-w-[600px] slack-message", children: [
+  const { theme = "light", blocks, logo, name, time = /* @__PURE__ */ new Date(), className = "", style } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: `flex gap-2 w-full max-w-[600px] slack-message ${className}`, style, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { src: logo, className: "w-9 h-9", alt: name }) }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col w-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Header, { name, time }),

package/dist/index.mjs

@@ -415,8 +415,8 @@ var BlockWrapper = (props) => {
 // src/message.tsx
 import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var Message = (props) => {
-  const { theme = "light", blocks, logo, name, time = /* @__PURE__ */ new Date() } = props;
-  return /* @__PURE__ */ jsxs5("section", { className: "flex gap-2 w-full max-w-[600px] slack-message", children: [
+  const { theme = "light", blocks, logo, name, time = /* @__PURE__ */ new Date(), className = "", style } = props;
+  return /* @__PURE__ */ jsxs5("section", { className: `flex gap-2 w-full max-w-[600px] slack-message ${className}`, style, children: [
     /* @__PURE__ */ jsx13("div", { className: "shrink-0", children: /* @__PURE__ */ jsx13("img", { src: logo, className: "w-9 h-9", alt: name }) }),
     /* @__PURE__ */ jsxs5("div", { className: "flex flex-col w-full", children: [
       /* @__PURE__ */ jsx13(Header, { name, time }),

package/package.json

@@ -11,7 +11,7 @@
   ],
   "repository": "https://github.com/themashcodee/slack-blocks-to-jsx.git",
   "license": "MIT",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -38,6 +38,7 @@
     "build": "tsup ./src/index.ts --format cjs,esm --dts && npm run build:tailwind",
     "release": "pnpm run build && changeset publish",
     "lint": "tsc",
-    "build:tailwind": "npx tailwindcss -i ./src/global.css -o ./dist/global.css --minify"
+    "build:tailwind": "npx tailwindcss -i ./src/style.css -o ./dist/style.css --minify",
+    "new-version": "pnpm changeset"
   }
 }

package/dist/index.css

@@ -1,13 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";
-
-/* src/global.css */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-.slack-message {
-  font-family: "Open Sans", sans-serif !important;
-  white-space: pre-wrap !important;
-}
-.slack-message code {
-  @apply text-xs leading-[18px] px-[3px] pt-0.5 pb-px whitespace-pre-wrap break-words text-red-primary rounded-[3px] border border-black-primary/[0.13] bg-black-primary/[0.04];
-}

package/tailwind.config.js

@@ -1,48 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-	content: [
-		"./src/**/*.{js,ts,jsx,tsx,mdx}",
-	],
-	theme: {
-		extend: {
-			colors: {
-				white: {
-					primary: "#ffffff",
-					"secondary": "#f8f8f8",
-				},
-				"custom_shadow": {
-					"1": "rgba(29, 28, 29, 0.13) 0px 0px 0px 1px, rgba(0, 0, 0, 0.12) 0px 5px 10px 0px",
-				},
-				black: {
-					primary: "rgb(29, 28, 29)",
-					"primary.3": "rgba(29, 28, 29, 0.3)",
-					secondary: "rgb(97, 96, 97)",
-				},
-				gray: {
-					primary: "rgb(221,221,221)",
-				},
-				red: {
-					primary: " rgb(224, 30, 90)",
-					"primary.3": "rgba(224, 30, 90, 0.3)",
-				},
-				blue: {
-					primary: "rgb(18,100,163)",
-				},
-				green: {
-					primary: "rgb(0, 122, 90)",
-					"primary.3": "rgba(0, 122, 90, 0.3)",
-				},
-			},
-			fontSize: {
-				"small": ["13px", "1.38461538"],
-				"base": ["15px", "1.46668"],
-			},
-			backgroundImage: {
-				"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-				"gradient-conic":
-					"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-			},
-		},
-	},
-	plugins: [],
-}