@nationaldesignstudio/react 0.5.3 → 0.5.4

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/organisms/navbar/navbar.tsx +8 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nationaldesignstudio/react",
3
- "version": "0.5.3",
3
+ "version": "0.5.4",
4
4
  "type": "module",
5
5
  "sideEffects": [
6
6
  "*.css"
package/src/components/organisms/navbar/navbar.tsx CHANGED
@@ -66,11 +66,11 @@ const Navbar = React.forwardRef<HTMLElement, NavbarProps>(
66
66
  className={cn(
67
67
  "flex w-full items-center justify-between",
68
68
  // Mobile
69
- "px-spacing-component-navbar-padding-x-mobile py-spacing-component-navbar-padding-y-mobile",
69
+ "px-spatial-component-navbar-padding-x-mobile py-spatial-component-navbar-padding-y-mobile",
70
70
  // Tablet
71
- "md:px-spacing-component-navbar-padding-x-tablet md:py-spacing-component-navbar-padding-y-tablet",
71
+ "md:px-spatial-component-navbar-padding-x-tablet md:py-spatial-component-navbar-padding-y-tablet",
72
72
  // Desktop
73
- "xl:px-spacing-component-navbar-padding-x-desktop xl:py-spacing-component-navbar-padding-y-desktop",
73
+ "xl:px-spatial-component-navbar-padding-x-desktop xl:py-spatial-component-navbar-padding-y-desktop",
74
74
  )}
75
75
  >
76
76
  {children}
@@ -111,7 +111,7 @@ const NavbarLinks = React.forwardRef<HTMLDivElement, NavbarLinksProps>(
111
111
  <div
112
112
  ref={ref}
113
113
  className={cn(
114
- "hidden items-center gap-spacing-component-navbar-gap-links md:flex",
114
+ "hidden items-center gap-spatial-component-navbar-gap-links md:flex",
115
115
  className,
116
116
  )}
117
117
  {...props}
@@ -161,7 +161,7 @@ const NavbarActions = React.forwardRef<HTMLDivElement, NavbarActionsProps>(
161
161
  <div
162
162
  ref={ref}
163
163
  className={cn(
164
- "flex items-center gap-spacing-component-navbar-gap-actions",
164
+ "flex items-center gap-spatial-component-navbar-gap-actions",
165
165
  className,
166
166
  )}
167
167
  {...props}
@@ -206,9 +206,9 @@ const NavbarMobileMenu = React.forwardRef<
206
206
  className={cn(
207
207
  "flex flex-col",
208
208
  // Padding matching navbar
209
- "px-spacing-component-navbar-padding-x-mobile py-spacing-component-navbar-padding-y-tablet",
209
+ "px-spatial-component-navbar-padding-x-mobile py-spatial-component-navbar-padding-y-tablet",
210
210
  // Gap between links
211
- "gap-spacing-component-navbar-gap-mobile-menu",
211
+ "gap-spatial-component-navbar-gap-mobile-menu",
212
212
  )}
213
213
  >
214
214
  {children}
@@ -302,7 +302,7 @@ const NavbarMobileMenuLink = React.forwardRef<
302
302
  ref={ref}
303
303
  className={cn(
304
304
  "typography-body-medium font-medium text-gray-900 transition-colors hover:text-gray-700",
305
- "py-spacing-component-navbar-padding-y-mobile",
305
+ "py-spatial-component-navbar-padding-y-mobile",
306
306
  active && "text-gray-1100",
307
307
  className,
308
308
  )}