@lexibase/rdx-ui 3.5.0 → 3.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lexibase/rdx-ui",
3
- "version": "3.5.0",
3
+ "version": "3.5.2",
4
4
  "type": "module",
5
5
  "engines": {
6
6
  "node": "^22.18.0 || ^24.11.0"
@@ -39,7 +39,7 @@
39
39
  "tailwind-merge": "^3.7.0",
40
40
  "tailwindcss": "^4.3.3",
41
41
  "tw-animate-css": "^1.4.0",
42
- "@lexibase/rdx-types": "2.3.0"
42
+ "@lexibase/rdx-types": "2.4.0"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "next": "^16.4.2",
@@ -59,8 +59,8 @@
59
59
  "react-dom": "19.3.1",
60
60
  "tailwindcss": "^4.3.3",
61
61
  "typescript": "6.0.3",
62
- "@rdx/eslint-config": "1.0.0",
63
- "@rdx/typescript-config": "1.0.0"
62
+ "@rdx/typescript-config": "1.0.0",
63
+ "@rdx/eslint-config": "1.0.0"
64
64
  },
65
65
  "exports": {
66
66
  "./globals.css": {
@@ -130,7 +130,7 @@ export function DocsSidebar({
130
130
  </div>
131
131
  <aside
132
132
  data-rdx-sidebar
133
- className="hidden md:block h-full w-40 lg:w-56 shrink-0 border-r border-border overflow-y-auto p-4"
133
+ className="hidden md:block h-full w-40 lg:w-56 shrink-0 border-r border-border overflow-y-auto scrollbar-none p-4"
134
134
  >
135
135
  {content}
136
136
  </aside>
@@ -142,7 +142,7 @@ export function DocsSidebar({
142
142
  showCloseButton={false}
143
143
  portalProps={{ keepMounted: true }}
144
144
  data-rdx-mobile-sidebar
145
- className="md:hidden w-full! max-w-none! h-dvh border-0 bg-background text-foreground gap-0 p-4 overflow-y-auto translate-none! opacity-100! transition-none!"
145
+ className="md:hidden w-full! max-w-none! h-dvh border-0 bg-background text-foreground gap-0 p-4 overflow-y-auto scrollbar-none translate-none! opacity-100! transition-none!"
146
146
  render={
147
147
  <motion.div
148
148
  initial="closed"
@@ -106,6 +106,7 @@ export function MdxCodeBlock({
106
106
  if (lineNumbers && node === '\n') return null
107
107
  if (!isValidElement<LineProps>(node)) return node
108
108
  const variant = node.props['data-rdx-line-variant']
109
+ const hasDiffMarker = variant === 'added' || variant === 'removed'
109
110
  if (
110
111
  !variant &&
111
112
  !(lineNumbers && node.props.className?.split(/\s+/).includes('line'))
@@ -124,15 +125,20 @@ export function MdxCodeBlock({
124
125
  return (
125
126
  <CodeBlockLine
126
127
  key={node.key}
128
+ className={
129
+ hasDiffMarker
130
+ ? '[&>[data-slot=code-block-line-content]]:ps-[1ch]'
131
+ : undefined
132
+ }
127
133
  variant={
128
- variant === 'added' || variant === 'removed'
134
+ hasDiffMarker
129
135
  ? variant
130
136
  : variant === 'hunk'
131
137
  ? 'highlighted'
132
138
  : 'default'
133
139
  }
134
140
  >
135
- {variant === 'added' || variant === 'removed'
141
+ {hasDiffMarker
136
142
  ? withoutMarker(node.props.children)
137
143
  : node.props.children}
138
144
  </CodeBlockLine>