brahma-ui - npm Package Compare versions

Comparing version 1.1.13 to 1.1.14

lib/components/Button/Button.d.ts

@@ -5,3 +5,3 @@ import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
 declare type TButtonSize = 'fullWidth' | 'long' | 'short' | 'mini' | 'nav';
-export declare type TButtonType = 'primary' | 'secondary';
+export declare type TButtonType = 'primary' | 'secondary' | 'karma';
 export declare type ButtonProps = {
@@ -8,0 +8,0 @@ size?: TButtonSize;

lib/index.d.ts

@@ -10,3 +10,3 @@ /// <reference types="react" />
 declare type TButtonSize = 'fullWidth' | 'long' | 'short' | 'mini' | 'nav';
-declare type TButtonType = 'primary' | 'secondary';
+declare type TButtonType = 'primary' | 'secondary' | 'karma';
 declare type ButtonProps = {
@@ -13,0 +13,0 @@ size?: TButtonSize;

package.json

 {
   "name": "brahma-ui",
-  "version": "1.1.13",
+  "version": "1.1.14",
   "description": "Brahma ui package contained shared components",
@@ -5,0 +5,0 @@ "scripts": {

src/components/Button/styles.ts

@@ -65,2 +65,3 @@ import { Typography } from 'components/Typography'
   secondary: (theme: Theme) => css`
+    color: ${theme.colors.mainText};
     background-color: ${theme.colors.mainBg};
@@ -73,2 +74,12 @@ border: 1px solid ${theme.colors.lightGray};
 
+  karma: (theme: Theme) => css`
+    color: ${theme.colors.mainText};
+    background-color: transparent;
+    border: 1px solid ${theme.colors.lightGray};
+    transition: all 0.5s;
+    &:hover {
+      background: rgba(255, 255, 255, 0.32);
+    }
+  `,
+
   iconPlacement: (iconPlacement: 'right' | 'left') => css`
@@ -99,8 +110,11 @@ flex-direction: ${iconPlacement === 'right' ? 'row-reverse' : 'row'};
 
-    &:hover {
-      background: ${`conic-gradient(from var(--a) at 50% 50%, ${
-        type === 'primary' ? theme.colors[color!] : theme.colors.lightGray
-      } 0deg, rgba(164, 110, 255, 0) 360deg)`};
-      --a: 180deg;
-    }
+    ${type === 'primary' &&
+    css`
+      &:hover {
+        background: ${`conic-gradient(from var(--a) at 50% 50%, ${
+          type === 'primary' ? theme.colors[color!] : theme.colors.lightGray
+        } 0deg, rgba(164, 110, 255, 0) 360deg)`};
+        --a: 180deg;
+      }
+    `}
 
@@ -107,0 +121,0 @@ ${!!size && wrapperModifiers[size!]()};

src/components/Navbar/styles.ts

@@ -27,7 +27,4 @@ import styled, { css } from 'styled-components'
     padding: 2rem 4rem;
-    /* background: ${isDarkMode
-      ? 'rgba(0, 0, 0, 0.12)'
-      : 'rgba(255, 255, 255, 0.12)'}; */
     background: ${theme.colors.mainBg}1a;
-    box-shadow: inset 0px -1px 0px ${theme.colors.gray200};
+    box-shadow: inset 0px -1px 0px ${isDarkMode ? theme.colors.gray700 : theme.colors.gray200};
     backdrop-filter: blur(16px);
@@ -34,0 +31,0 @@ `}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1047520

increased by0.18%

Lines of code

7698

increased by0.22%

No dependency changes