@san-siva/blogkit 1.1.3 → 1.1.5

package/dist/esm/styles/Blog.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"margin-bottom--3":"Blog-module_margin-bottom--3__ir35O","category__header":"Blog-module_category__header__F1K0V","blog":"Blog-module_blog__Lpv6Z","blog__content":"Blog-module_blog__content__RMDiY","blog__sidebar":"Blog-module_blog__sidebar__uSu3l","category__title":"Blog-module_category__title__960db","category__title--active":"Blog-module_category__title--active__nvGys","category__title--sub":"Blog-module_category__title--sub__zrfE5","margin-bottom-imp--2":"Blog-module_margin-bottom-imp--2__G9mC9"};
+var styles = {"margin-bottom--3":"Blog-module_margin-bottom--3__ir35O","category__header":"Blog-module_category__header__F1K0V","blog":"Blog-module_blog__Lpv6Z","blog__content":"Blog-module_blog__content__RMDiY","blog__sidebar":"Blog-module_blog__sidebar__uSu3l","category__title":"Blog-module_category__title__960db","category__title--active":"Blog-module_category__title--active__nvGys","category__title--sub":"Blog-module_category__title--sub__zrfE5"};
 
 export { styles as default };
 //# sourceMappingURL=Blog.module.scss.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@san-siva/blogkit",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "A reusable blog component library for React/Next.js applications with code highlighting, diagrams, and rich content features",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/dynamicComponents/BlogDynamic.tsx

@@ -9,7 +9,7 @@ import {
 	useRef,
 	useState,
 } from 'react';
-import { useSpring, animated } from '@react-spring/web';
+import { useSpring, animated, config } from '@react-spring/web';
 
 import type { MouseEvent, ReactNode, RefAttributes } from 'react';
 
@@ -204,8 +204,8 @@ const Blog = ({ children, title = 'In this article' }: BlogProperties) => {
 
 	const sidebarStyle = useSpring({
 		opacity: showTOC ? 1 : 0,
-		transform: showTOC ? 'translateX(0)' : 'translateX(80px)',
-		config: { tension: 280, friction: 60 },
+		transform: showTOC ? 'translateX(0)' : 'translateX(40px)',
+		config: config.gentle,
 	});
 
 	return (

package/src/styles/Blog.module.scss

@@ -2,14 +2,11 @@
 
 .blog {
 	width: 100%;
+	max-width: 100%;
 	display: grid;
-	grid-template-columns: max-content #{styles.rem(320)};
+	grid-template-columns: #{styles.rem(780)} minmax(#{styles.rem(320)}, 1fr);
 	grid-gap: styles.space(8);
 
-	> * {
-		max-width: unset;
-	}
-
 	&__content {
 		max-width: styles.$max-width--page-contents;
 	}
@@ -17,11 +14,8 @@
 	&__sidebar {
 		position: sticky;
 		height: fit-content;
-		top: calc(var(--topbar-height) + #{styles.space(6)});
+		top: var(--topbar-height);
 		padding: styles.space(6);
-		min-width: calc(
-			#{styles.rem(320)} - #{styles.space(6)} - #{styles.space(6)}
-		);
 		border-radius: styles.$border-radius--1;
 		background-color: styles.$color--code;
 		box-shadow:
@@ -73,20 +67,3 @@ $breakpoint: calc(
 		}
 	}
 }
-
-// Margin utilities
-.margin-bottom--3 {
-	margin-bottom: styles.space(3);
-}
-
-.margin-bottom-imp--2 {
-	margin-bottom: styles.space(2) !important;
-}
-
-.category__header {
-	font-weight: styles.$font-weight--500;
-}
-
-.category__title {
-	// Styles defined in &__sidebar > .category__title above
-}