chore: add className prop to NavigationLink component (#139)

trsergey25 · web-flow · commit 08b164788545 · 2025-06-10T17:48:47.000+03:00
diff --git a/apps/csk-marketing-site/package.json b/apps/csk-marketing-site/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-marketing-site",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "private": true,
   "engines": {
     "yarn": "please-use-npm",
diff --git a/apps/csk-storybook/package.json b/apps/csk-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-storybook",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "description": "CSK vNext Storybook is an interactive Storybook build showcasing components from the CSK vNext component starter kit. It provides detailed documentation, live previews, and testing capabilities for easy integration into your projects.",
   "main": "index.js",
   "scripts": {
diff --git a/apps/csk/package.json b/apps/csk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/component-starter-kit",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "private": true,
   "engines": {
     "yarn": "please-use-npm",
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "csk-packages",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "private": true,
   "scripts": {
     "build": "turbo build",
diff --git a/packages/csk-cli/package.json b/packages/csk-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-cli",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "description": "Command-line interface (CLI) tool designed to streamline the development workflow within Uniform projects. It provides commands for pulling additional data and generating components based on Canvas data",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
diff --git a/packages/csk-components/package.json b/packages/csk-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-components",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "description": "Components Starter Kit that provides a set of basic components for building websites within a Uniform project",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
diff --git a/packages/csk-components/src/components/canvas/NavigationFlyout/index.tsx b/packages/csk-components/src/components/canvas/NavigationFlyout/index.tsx
@@ -12,6 +12,7 @@ export type NavigationFlyoutParameters = TextParameters & {
   border?: string | ViewPort<string>;
   caretIcon?: AssetParamValue;
   hoverEffect?: string | ViewPort<string>;
+  className?: string;
 };
 
 export enum NavigationFlyoutSlots {
diff --git a/packages/csk-components/src/components/canvas/NavigationFlyout/navigation-flyout.tsx b/packages/csk-components/src/components/canvas/NavigationFlyout/navigation-flyout.tsx
@@ -30,6 +30,7 @@ export const NavigationFlyout: FC<NavigationFlyoutProps> = ({
   context,
   slots,
   hoverEffect = '',
+  className,
 }) => {
   const [isOpen, setIsOpen] = useState(false);
 
@@ -62,7 +63,7 @@ export const NavigationFlyout: FC<NavigationFlyoutProps> = ({
       <button onMouseEnter={openFlyout} className={getButtonClasses({ color })}>
         <BaseIconLabel
           icon={renderUrl()}
-          className="group"
+          className={cn('group', className)}
           iconClassName={actionClassName}
           textClassName={actionClassName}
           {...{ size, tag, color, weight, font, transform, decoration, letterSpacing, alignment }}
diff --git a/packages/csk-components/src/components/canvas/NavigationGroup/index.tsx b/packages/csk-components/src/components/canvas/NavigationGroup/index.tsx
@@ -12,6 +12,7 @@ export type NavigationGroupParameters = TextParameters & {
   backgroundColor?: string;
   border?: string | ViewPort<string>;
   hoverEffect?: string | ViewPort<string>;
+  className?: string;
 };
 
 export enum NavigationGroupSlots {
diff --git a/packages/csk-components/src/components/canvas/NavigationGroup/navigation-group.tsx b/packages/csk-components/src/components/canvas/NavigationGroup/navigation-group.tsx
@@ -30,6 +30,7 @@ export const NavigationGroup: FC<NavigationGroupProps> = ({
   context,
   slots,
   hoverEffect = '',
+  className,
 }) => {
   const [isOpen, setIsOpen] = useState(false);
 
@@ -57,7 +58,7 @@ export const NavigationGroup: FC<NavigationGroupProps> = ({
       <button onMouseEnter={openFlyout} onClick={openFlyout} className={getButtonClasses({ color })}>
         <BaseIconLabel
           icon={renderUrl()}
-          className="group"
+          className={cn('group', className)}
           iconClassName={actionClassName}
           textClassName={actionClassName}
           {...{ size, tag, color, weight, font, transform, decoration, letterSpacing, alignment }}
diff --git a/packages/csk-components/src/components/canvas/NavigationLink/index.tsx b/packages/csk-components/src/components/canvas/NavigationLink/index.tsx
@@ -10,6 +10,7 @@ export type NavigationLinkParameters = TextParameters & {
   link?: LinkParamValue;
   activeState?: boolean;
   hoverEffect?: string | ViewPort<string>;
+  className?: string;
 };
 
 export type NavigationLinkProps = ComponentProps<NavigationLinkParameters>;
diff --git a/packages/csk-components/src/components/canvas/NavigationLink/navigation-link.tsx b/packages/csk-components/src/components/canvas/NavigationLink/navigation-link.tsx
@@ -25,6 +25,7 @@ export const NavigationLink: FC<NavigationLinkProps> = ({
   component,
   context,
   hoverEffect = '',
+  className,
 }) => {
   const href = formatUniformLink(link);
   const isActive = activeState && resolveRouteToPath(context.matchedRoute, context.dynamicInputs) === href;
@@ -47,7 +48,7 @@ export const NavigationLink: FC<NavigationLinkProps> = ({
     <Wrapper href={href} isExternalLink={isExternalLink(href)}>
       <BaseIconLabel
         icon={renderUrl()}
-        className="group"
+        className={cn('group', className)}
         iconClassName={actionClassName}
         textClassName={actionClassName}
         {...{ size, tag, color, weight, font, transform, decoration, letterSpacing, alignment }}
diff --git a/packages/csk-recipes/package.json b/packages/csk-recipes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/csk-recipes",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "description": "command-line interface (CLI) and utility functions to help you work with recipes in a CSK project. It simplifies project initialization by allowing you to choose templates and include specific recipes",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
diff --git a/packages/design-extensions-tools/package.json b/packages/design-extensions-tools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-extensions-tools",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "description": "Command-line interface (CLI) tool and a set of utilities for working with design extension integrations",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@repo/eslint-config",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "type": "module",
   "private": true,
   "exports": {
diff --git a/packages/typescript-config/package.json b/packages/typescript-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@repo/typescript-config",
-  "version": "6.0.76",
+  "version": "6.0.77",
   "private": true,
   "license": "MIT",
   "publishConfig": {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@uniformdev/csk-marketing-site",`
`3`		`- "version": "6.0.76",`
	`3`	`+ "version": "6.0.77",`
`4`	`4`	`"private": true,`
`5`	`5`	`"engines": {`
`6`	`6`	`"yarn": "please-use-npm",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@uniformdev/csk-storybook",`
`3`		`- "version": "6.0.76",`
	`3`	`+ "version": "6.0.77",`
`4`	`4`	`"description": "CSK vNext Storybook is an interactive Storybook build showcasing components from the CSK vNext component starter kit. It provides detailed documentation, live previews, and testing capabilities for easy integration into your projects.",`
`5`	`5`	`"main": "index.js",`
`6`	`6`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@uniformdev/component-starter-kit",`
`3`		`- "version": "6.0.76",`
	`3`	`+ "version": "6.0.77",`
`4`	`4`	`"private": true,`
`5`	`5`	`"engines": {`
`6`	`6`	`"yarn": "please-use-npm",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "csk-packages",`
`3`		`- "version": "6.0.76",`
	`3`	`+ "version": "6.0.77",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`
`6`	`6`	`"build": "turbo build",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@uniformdev/csk-cli",`
`3`		`- "version": "6.0.76",`
	`3`	`+ "version": "6.0.77",`
`4`	`4`	`"description": "Command-line interface (CLI) tool designed to streamline the development workflow within Uniform projects. It provides commands for pulling additional data and generating components based on Canvas data",`
`5`	`5`	`"license": "SEE LICENSE IN LICENSE.txt",`
`6`	`6`	`"engines": {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@uniformdev/csk-components",`
`3`		`- "version": "6.0.76",`
	`3`	`+ "version": "6.0.77",`
`4`	`4`	`"description": "Components Starter Kit that provides a set of basic components for building websites within a Uniform project",`
`5`	`5`	`"license": "SEE LICENSE IN LICENSE.txt",`
`6`	`6`	`"engines": {`