@tremor/react - npm Package Compare versions

Comparing version 0.0.28 to 0.0.29

dist/cjs/types/components/bar-elements/StackedBar/StackedBar.d.ts

@@ -5,5 +5,6 @@ /// <reference types="react" />
     elements: [number, string][];
+    markerPercentageValue?: number;
     gap: boolean;
 }
-declare const StackedBar: ({ elements, gap, marginTop }: StackedBarProps) => JSX.Element;
+declare const StackedBar: ({ elements, markerPercentageValue, gap, marginTop }: StackedBarProps) => JSX.Element;
 export default StackedBar;

dist/cjs/types/components/layout-elements/Card/Card.d.ts

@@ -5,3 +5,4 @@ import React from 'react';
     maxWidth?: string;
-    width?: string;
+    wFull?: boolean;
+    hFull?: boolean;
     border?: string;
@@ -14,3 +15,3 @@ borderColor?: string;
 }
-declare const Card: ({ maxWidth, width, border, borderColor, shadow, roundedCorners, bgColor, marginTop, children }: CardProps) => JSX.Element;
+declare const Card: ({ maxWidth, wFull, hFull, border, borderColor, shadow, roundedCorners, bgColor, marginTop, children }: CardProps) => JSX.Element;
 export default Card;

dist/cjs/types/components/layout-elements/index.d.ts

@@ -0,1 +1,5 @@
+export { default as ColGrid } from './ColGrid';
+export { default as Col } from './Col';
+export { default as Row } from './Row';
+export { default as RowGrid } from './RowGrid';
 export { default as Card } from './Card';
@@ -2,0 +6,0 @@ export { default as ContentOverflow } from './ContentOverflow';

dist/cjs/types/components/text-elements/index.d.ts

@@ -0,1 +1,4 @@
+export { default as Bold } from './Bold';
+export { default as It } from './It';
+export { default as Light } from './Light';
 export { default as CallOut } from './CallOut';
@@ -2,0 +5,0 @@ export { default as Caption } from './Caption';

dist/cjs/types/utils/classname-utils.d.ts

@@ -7,2 +7,5 @@ interface StringJoiner {
 }
+interface TailwindClassConverter {
+    (twClassName: string): string;
+}
 interface BoolClassParser {
@@ -12,2 +15,5 @@ (twClassName: boolean): string;
 export declare const classNames: StringJoiner;
+export declare const stringIsNumeric: (str: string | undefined) => boolean;
+export declare const stringEndsWithNumber: (str: string) => boolean;
+export declare const toBorderColorClass: TailwindClassConverter;
 export declare const parseBgClassNames: TailwindClassParser;
@@ -33,6 +39,14 @@ export declare const parseTextColorClassNames: TailwindClassParser;
 export declare const parseTruncateOption: BoolClassParser;
-export declare const stringIsNumeric: (str: string | undefined) => boolean;
-export declare const stringEndsWithNumber: (str: string) => boolean;
+export declare const parseHFullOption: BoolClassParser;
+export declare const parseWFullOption: BoolClassParser;
+export declare const parseMarginTopClassNames: TailwindClassParser;
+export declare const parseGapXClassNames: TailwindClassParser;
+export declare const parseGapYClassNames: TailwindClassParser;
+export declare const parseColSpanClassNames: TailwindClassParser;
+export declare const parseColStartClassNames: TailwindClassParser;
+export declare const parseColEndClassNames: TailwindClassParser;
+export declare const parseRowSpanClassNames: TailwindClassParser;
+export declare const parseRowStartClassNames: TailwindClassParser;
+export declare const parseRowEndClassNames: TailwindClassParser;
 export declare const parseFixedHeightClassNames: TailwindClassParser;
-export declare const parseMarginTopClassNames: TailwindClassParser;
 export {};

dist/esm/types/components/bar-elements/StackedBar/StackedBar.d.ts

@@ -5,5 +5,6 @@ /// <reference types="react" />
     elements: [number, string][];
+    markerPercentageValue?: number;
     gap: boolean;
 }
-declare const StackedBar: ({ elements, gap, marginTop }: StackedBarProps) => JSX.Element;
+declare const StackedBar: ({ elements, markerPercentageValue, gap, marginTop }: StackedBarProps) => JSX.Element;
 export default StackedBar;

dist/esm/types/components/layout-elements/Card/Card.d.ts

@@ -5,3 +5,4 @@ import React from 'react';
     maxWidth?: string;
-    width?: string;
+    wFull?: boolean;
+    hFull?: boolean;
     border?: string;
@@ -14,3 +15,3 @@ borderColor?: string;
 }
-declare const Card: ({ maxWidth, width, border, borderColor, shadow, roundedCorners, bgColor, marginTop, children }: CardProps) => JSX.Element;
+declare const Card: ({ maxWidth, wFull, hFull, border, borderColor, shadow, roundedCorners, bgColor, marginTop, children }: CardProps) => JSX.Element;
 export default Card;

dist/esm/types/components/layout-elements/index.d.ts

@@ -0,1 +1,5 @@
+export { default as ColGrid } from './ColGrid';
+export { default as Col } from './Col';
+export { default as Row } from './Row';
+export { default as RowGrid } from './RowGrid';
 export { default as Card } from './Card';
@@ -2,0 +6,0 @@ export { default as ContentOverflow } from './ContentOverflow';

dist/esm/types/components/text-elements/index.d.ts

@@ -0,1 +1,4 @@
+export { default as Bold } from './Bold';
+export { default as It } from './It';
+export { default as Light } from './Light';
 export { default as CallOut } from './CallOut';
@@ -2,0 +5,0 @@ export { default as Caption } from './Caption';

dist/esm/types/utils/classname-utils.d.ts

@@ -7,2 +7,5 @@ interface StringJoiner {
 }
+interface TailwindClassConverter {
+    (twClassName: string): string;
+}
 interface BoolClassParser {
@@ -12,2 +15,5 @@ (twClassName: boolean): string;
 export declare const classNames: StringJoiner;
+export declare const stringIsNumeric: (str: string | undefined) => boolean;
+export declare const stringEndsWithNumber: (str: string) => boolean;
+export declare const toBorderColorClass: TailwindClassConverter;
 export declare const parseBgClassNames: TailwindClassParser;
@@ -33,6 +39,14 @@ export declare const parseTextColorClassNames: TailwindClassParser;
 export declare const parseTruncateOption: BoolClassParser;
-export declare const stringIsNumeric: (str: string | undefined) => boolean;
-export declare const stringEndsWithNumber: (str: string) => boolean;
+export declare const parseHFullOption: BoolClassParser;
+export declare const parseWFullOption: BoolClassParser;
+export declare const parseMarginTopClassNames: TailwindClassParser;
+export declare const parseGapXClassNames: TailwindClassParser;
+export declare const parseGapYClassNames: TailwindClassParser;
+export declare const parseColSpanClassNames: TailwindClassParser;
+export declare const parseColStartClassNames: TailwindClassParser;
+export declare const parseColEndClassNames: TailwindClassParser;
+export declare const parseRowSpanClassNames: TailwindClassParser;
+export declare const parseRowStartClassNames: TailwindClassParser;
+export declare const parseRowEndClassNames: TailwindClassParser;
 export declare const parseFixedHeightClassNames: TailwindClassParser;
-export declare const parseMarginTopClassNames: TailwindClassParser;
 export {};

dist/index.d.ts

@@ -40,5 +40,6 @@ /// <reference types="react" />
     elements: [number, string][];
+    markerPercentageValue?: number;
     gap: boolean;
 }
-declare const StackedBar: ({ elements, gap, marginTop }: StackedBarProps) => JSX.Element;
+declare const StackedBar: ({ elements, markerPercentageValue, gap, marginTop }: StackedBarProps) => JSX.Element;
 
@@ -138,5 +139,38 @@ interface ButtonProps {
 
+interface ColGridProps {
+    numColumns?: number;
+    gapX?: string;
+    gapY?: string;
+    children: React.ReactNode;
+}
+declare const ColGrid: ({ numColumns, gapX, gapY, children }: ColGridProps) => JSX.Element;
+
+interface ColProps {
+    colSpan?: string;
+    colStart?: string;
+    colEnd?: string;
+    children: React.ReactNode;
+}
+declare const Col: ({ colSpan, colStart, colEnd, children, }: ColProps) => JSX.Element;
+
+interface RowProps {
+    rowSpan?: string;
+    rowStart?: string;
+    rowEnd?: string;
+    children: React.ReactNode;
+}
+declare const Row: ({ rowSpan, rowStart, rowEnd, children, }: RowProps) => JSX.Element;
+
+interface RowGridProps {
+    numRows?: number;
+    gapX?: string;
+    gapY?: string;
+    children: React.ReactNode;
+}
+declare const RowGrid: ({ numRows, gapX, gapY, children }: RowGridProps) => JSX.Element;
+
 interface CardProps extends BaseComponentProps {
     maxWidth?: string;
-    width?: string;
+    wFull?: boolean;
+    hFull?: boolean;
     border?: string;
@@ -149,3 +183,3 @@ borderColor?: string;
 }
-declare const Card: ({ maxWidth, width, border, borderColor, shadow, roundedCorners, bgColor, marginTop, children }: CardProps) => JSX.Element;
+declare const Card: ({ maxWidth, wFull, hFull, border, borderColor, shadow, roundedCorners, bgColor, marginTop, children }: CardProps) => JSX.Element;
 
@@ -253,2 +287,17 @@ interface ContentOverflowProps extends BaseComponentProps {
 
+interface BoldProps {
+    children: React.ReactNode;
+}
+declare const Bold: ({ children }: BoldProps) => JSX.Element;
+
+interface ItProps {
+    children: React.ReactNode;
+}
+declare const It: ({ children }: ItProps) => JSX.Element;
+
+interface LightProps {
+    children: React.ReactNode;
+}
+declare const Light: ({ children }: LightProps) => JSX.Element;
+
 interface CallOutProps extends BaseComponentProps {
@@ -314,2 +363,2 @@ title: string;
 
-export { Accordion, BadgeDelta, IconDeltaBadge as BadgeDeltaIcon, BadgeIcon, BadgeIconText, BadgeStatus, BadgeText, ButtonInline, ButtonInlineArrow, ButtonPrimary, ButtonPrimaryArrow, ButtonPrimaryIconLeading, ButtonPrimaryIconTrailing, ButtonSecondary, ButtonSecondaryArrow, ButtonSecondaryIconLeading, ButtonSecondaryIconTrailing, CallOut, Text$1 as Caption, Card, CategorySplit, ContentOverflow, DeltaBar, Flex, Footer, FunnelBars, IconCircled, IconLight, IconNeutral, IconShadow, IconSolid, List, ListItem, ListValue, MarkerBar, Metric, PeerComparisonBar, ProgressBar, StackedBar, Subtitle, Tab, TabList, Table, TableCell, TableRow, Text, TextBlock, Title };
+export { Accordion, BadgeDelta, IconDeltaBadge as BadgeDeltaIcon, BadgeIcon, BadgeIconText, BadgeStatus, BadgeText, Bold, ButtonInline, ButtonInlineArrow, ButtonPrimary, ButtonPrimaryArrow, ButtonPrimaryIconLeading, ButtonPrimaryIconTrailing, ButtonSecondary, ButtonSecondaryArrow, ButtonSecondaryIconLeading, ButtonSecondaryIconTrailing, CallOut, Text$1 as Caption, Card, CategorySplit, Col, ColGrid, ContentOverflow, DeltaBar, Flex, Footer, FunnelBars, IconCircled, IconLight, IconNeutral, IconShadow, IconSolid, It, Light, List, ListItem, ListValue, MarkerBar, Metric, PeerComparisonBar, ProgressBar, Row, RowGrid, StackedBar, Subtitle, Tab, TabList, Table, TableCell, TableRow, Text, TextBlock, Title };

package.json

 {
   "name": "@tremor/react",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "",
@@ -5,0 +5,0 @@ "scripts": {

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

252183

increased by6.65%

Number of package files

353

increased by13.5%

Lines of code

2737

increased by11.58%

No dependency changes