@kroo-web/design-system 1.22.6 → 1.23.0

package/dist/components/Card/Card.stories.d.ts

@@ -22,3 +22,7 @@ export declare const Radius: Story;
 /** The isSquare prop allows you to enforce that the card always had the same width and height using aspect ratio
  */
 export declare const IsSquare: Story;
+/** The border prop within variants handles what the component looks like and allows you to choose from the
+ * below list of options
+ */
+export declare const Border: Story;

package/dist/components/Card/index.d.ts

@@ -3,13 +3,14 @@ import { PolymorphicPropsWithoutRef } from '../../types/PolymorphicWithoutRef';
 
 declare const defaultElement = "div";
 export type TCardVariants = {
+    border?: 0 | 1 | 2 | 3;
     elementType?: 'div';
     radius?: 'large' | 'medium' | 'none' | 'small';
     size?: {
         horizontal: 'extra-small' | 'large' | 'medium' | 'none' | 'small';
         vertical: 'extra-small' | 'large' | 'medium' | 'none' | 'small';
     };
-    visual?: 'primary' | 'secondary' | 'tertiary';
+    visual?: 'primary' | 'secondary' | 'tertiary' | 'warning';
 };
 export interface ICardOwnProps extends React.HTMLAttributes<HTMLDivElement>, PropsWithChildren {
     as?: 'div';

package/dist/components/RadioGroup/index.d.ts

@@ -17,6 +17,7 @@ export type TNativeRadioGroupRootProps = {
     name: string;
     onChange: (value: string) => void;
     variant?: 'cards' | 'circle';
+    visual?: 'horizontal' | 'vertical';
 } & RadixRadioGroup.RadioGroupProps;
 /**
  *
@@ -25,15 +26,17 @@ export type TNativeRadioGroupRootProps = {
  */
 export declare const RadioGroup: {
     Indicator: ({ className, ...props }: RadixRadioGroup.RadioGroupIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, className, variant, ...props }: {
+    Item: ({ children, className, supportingText, variant, ...props }: {
+        supportingText?: string;
         variant?: "cards" | "circle";
     } & RadixRadioGroup.RadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
     Root: <T extends FieldValues>({ children, className, disabled, label, name, variant, ...props }: TRadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const NativeRadioGroup: {
     Indicator: ({ className, ...props }: RadixRadioGroup.RadioGroupIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, className, variant, ...props }: {
+    Item: ({ children, className, supportingText, variant, ...props }: {
+        supportingText?: string;
         variant?: "cards" | "circle";
     } & RadixRadioGroup.RadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
-    Root: ({ children, className, disabled, error, label, name, onChange, variant, ...props }: TNativeRadioGroupRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, className, disabled, error, label, name, onChange, variant, visual, ...props }: TNativeRadioGroupRootProps) => import("react/jsx-runtime").JSX.Element;
 };