@noya-app/noya-designsystem 0.1.67 → 0.1.68

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": "@noya-app/noya-designsystem",
3
- "version": "0.1.67",
3
+ "version": "0.1.68",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -82,18 +82,21 @@ export function BaseToolbar({
82
82
  <Spacer.Horizontal size={10} />
83
83
  </>
84
84
  )}
85
- <div
86
- className={
87
- "n-flex n-items-center n-justify-center n-text-text-muted n-pointer-events-none @2xl/toolbar:n-absolute n-inset-0"
88
- }
89
- >
90
- <div className="n-flex n-items-center n-justify-center n-pointer-events-auto">
91
- {children}
85
+ {children && (
86
+ <div
87
+ className={
88
+ "n-flex n-items-center n-justify-center n-text-text-muted n-pointer-events-none @2xl/toolbar:n-absolute n-inset-0"
89
+ }
90
+ >
91
+ <div className="n-flex n-items-center n-justify-center n-pointer-events-auto">
92
+ {children}
93
+ </div>
92
94
  </div>
93
- </div>
95
+ )}
94
96
  <Spacer.Horizontal />
95
97
  <Spacer.Horizontal size={10} />
96
98
  <div className="n-flex n-gap-toolbar-separator">{right}</div>
99
+ <Spacer.Horizontal size={10} />
97
100
  </BaseToolbarContainer>
98
101
  );
99
102
  }
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
 
3
- import { Dialog as DialogPrimitive } from "radix-ui";
3
+ import { Dialog as DialogPrimitive, VisuallyHidden } from "radix-ui";
4
4
  import React, {
5
5
  ComponentProps,
6
6
  ForwardedRef,
@@ -121,6 +121,7 @@ export const Dialog = forwardRef(function Dialog(
121
121
  onOpenAutoFocus={onOpenAutoFocus}
122
122
  style={style}
123
123
  className={className}
124
+ aria-describedby={typeof description === "string" ? description : ""}
124
125
  {...(closeOnInteractOutside === false && {
125
126
  onPointerDownOutside: (event) => event.preventDefault(),
126
127
  onInteractOutside: (event) => event.preventDefault(),
@@ -145,6 +146,11 @@ export const Dialog = forwardRef(function Dialog(
145
146
  <Spacer.Vertical size={description ? 10 : 20} />
146
147
  </>
147
148
  )}
149
+ {!title && (
150
+ <VisuallyHidden.Root>
151
+ <StyledTitle>Dialog</StyledTitle>
152
+ </VisuallyHidden.Root>
153
+ )}
148
154
  {description && (
149
155
  <>
150
156
  <StyledDescription>{description}</StyledDescription>
@@ -33,9 +33,7 @@ export const ConnectedUsersMenuLayout = ({
33
33
  }: ConnectedUsersMenuLayoutProps) => {
34
34
  return (
35
35
  <div className="n-flex n-gap-1.5">
36
- <AvatarStack size={INPUT_HEIGHT} className="n-mr-1">
37
- {renderUsers()}
38
- </AvatarStack>
36
+ <AvatarStack size={INPUT_HEIGHT}>{renderUsers()}</AvatarStack>
39
37
  {launchAIAssistant && (
40
38
  <Tooltip content="AI Assistant">
41
39
  <Button
package/src/index.css CHANGED
@@ -272,7 +272,7 @@
272
272
  }
273
273
 
274
274
  /* Direct child pre blocks */
275
- .n-prose > pre {
275
+ .n-prose pre {
276
276
  background-color: var(--n-indigo-25);
277
277
  border-width: 1px;
278
278
  border-style: solid;
@@ -281,7 +281,7 @@
281
281
  }
282
282
 
283
283
  /* Code inside pre */
284
- .n-prose > pre > code {
284
+ .n-prose pre > code {
285
285
  font-size: 12.8px;
286
286
  }
287
287