brahma-ui - npm Package Compare versions

Comparing version 1.0.25 to 1.0.26

lib/components/Card/Card.d.ts

@@ -9,3 +9,4 @@ /// <reference types="react" />
     selected?: boolean;
+    fullWidth?: boolean;
 };
-export default function Card({ children, color, backgroundColor, hoverEffect, selected }: CardProps): JSX.Element;
+export default function Card({ children, color, backgroundColor, hoverEffect, selected, fullWidth }: CardProps): JSX.Element;

lib/components/Card/styles.d.ts

 import { CardProps } from './Card';
-declare type WrapperProps = Pick<CardProps, 'color' | 'hoverEffect' | 'selected'>;
+declare type WrapperProps = Pick<CardProps, 'color' | 'hoverEffect' | 'selected' | 'fullWidth'>;
 declare type ContentProps = Pick<CardProps, 'backgroundColor'>;
@@ -4,0 +4,0 @@ export declare const Wrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;

lib/index.d.ts

@@ -28,4 +28,5 @@ /// <reference types="react" />
     selected?: boolean;
+    fullWidth?: boolean;
 };
-declare function Card({ children, color, backgroundColor, hoverEffect, selected }: CardProps): JSX.Element;
+declare function Card({ children, color, backgroundColor, hoverEffect, selected, fullWidth }: CardProps): JSX.Element;
 
@@ -32,0 +33,0 @@ declare type CheckboxProps = {

package.json

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

src/components/Card/styles.ts

@@ -6,3 +6,6 @@ import styled, { css } from 'styled-components'
 
-type WrapperProps = Pick<CardProps, 'color' | 'hoverEffect' | 'selected'>
+type WrapperProps = Pick<
+  CardProps,
+  'color' | 'hoverEffect' | 'selected' | 'fullWidth'
+>
 
@@ -42,3 +45,3 @@ type ContentProps = Pick<CardProps, 'backgroundColor'>
 export const Wrapper = styled.div<WrapperProps>`
-  ${({ theme, color, hoverEffect, selected }) => css`
+  ${({ theme, color, hoverEffect, selected, fullWidth }) => css`
     @property --a {
@@ -53,3 +56,3 @@ syntax: '<angle>';
     padding: 1px;
-    width: fit-content;
+    width: ${fullWidth ? '100% ' : 'fit-content'};
     border-radius: ${theme.border.radius};
@@ -56,0 +59,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

834471

increased by0.12%

Lines of code

5656

increased by0.62%

No dependency changes