@granto-umbrella/umbrella-components 3.0.18 → 3.0.19

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.styles.tsx +5 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@granto-umbrella/umbrella-components",
3
- "version": "3.0.18",
3
+ "version": "3.0.19",
4
4
  "description": "Umbrella Components for React",
5
5
  "type": "module",
6
6
  "main": "src/index.js",
package/src/components/organisms/Navbar/Navbar.styles.tsx CHANGED
@@ -225,13 +225,16 @@ export const Dropdown = styled.div`
225
225
  z-index: 1000;
226
226
  `;
227
227
 
228
- export const DropdownItem = styled.div`
228
+ export const DropdownItem = styled.div<{ $type?: 'default' | 'logout' }>`
229
229
  display: flex;
230
230
  align-items: center;
231
231
  flex-direction: row;
232
232
  padding: ${primitiveSizes.size.x3} ${primitiveSizes.size.x4};
233
233
  cursor: pointer;
234
- color: ${primitiveColors.gray[600]};
234
+ color: ${(props) =>
235
+ props.$type === 'default'
236
+ ? primitiveColors.gray[600]
237
+ : primitiveColors.red[600]};
235
238
 
236
239
  &:hover {
237
240
  background-color: ${primitiveColors.gray[200]};