@commercetools/nimbus 0.0.3 → 0.0.4-rc11

package/dist/index.d.ts

@@ -10,8 +10,8 @@ import { AriaLinkOptions } from 'react-aria';
 import { AriaToggleButtonGroupProps } from 'react-aria';
 import { AriaToggleButtonProps } from 'react-aria';
 import { Bleed } from '@chakra-ui/react';
-import { CardContentProps } from './card.slots';
-import { CardHeaderProps } from './card.slots';
+import { CardContentProps as CardContentProps_2 } from './card.slots';
+import { CardHeaderProps as CardHeaderProps_2 } from './card.slots';
 import { CardProps as CardProps_2 } from './card.types';
 import { Code } from '@chakra-ui/react';
 import { ConditionalValue } from '@chakra-ui/react';
@@ -209,7 +209,7 @@ declare const alertRecipe: SlotRecipeDefinition<"title" | "description" | "icon"
 tone: {
 critical: {
 root: {
-colorPalette: "error";
+colorPalette: "critical";
 };
 };
 info: {
@@ -224,7 +224,7 @@ colorPalette: "amber";
 };
 positive: {
 root: {
-colorPalette: "success";
+colorPalette: "positive";
 };
 };
 };
@@ -453,7 +453,7 @@ colorPalette: "primary";
 };
 critical: {
 button: {
-colorPalette: "error";
+colorPalette: "critical";
 };
 };
 neutral: {
@@ -484,15 +484,31 @@ declare type ButtonRootProps = HTMLChakraProps<"button", ButtonRecipeProps>;
 export declare const Card: {
     Root: ForwardRefExoticComponent<CardProps_2 & RefAttributes<HTMLDivElement>>;
     Header: {
-        ({ children, ...props }: CardHeaderProps): null;
+        ({ children, ...props }: CardHeaderProps_2): null;
         displayName: string;
     };
     Content: {
-        ({ children, ...props }: CardContentProps): null;
+        ({ children, ...props }: CardContentProps_2): null;
         displayName: string;
     };
 };
 
+export declare const CardContent: {
+    ({ children, ...props }: CardContentProps): null;
+    displayName: string;
+};
+
+declare interface CardContentProps extends HTMLChakraProps<"div", CardRecipeProps> {
+}
+
+export declare const CardHeader: {
+    ({ children, ...props }: CardHeaderProps): null;
+    displayName: string;
+};
+
+declare interface CardHeaderProps extends HTMLChakraProps<"div", CardRecipeProps> {
+}
+
 /**
  * Main props interface for the Card component.
  * Extends CardVariantProps to include both root props and variant props,
@@ -562,6 +578,8 @@ backgroundColor: "colorPalette.2";
 declare interface CardRecipeProps extends RecipeProps<"div">, UnstyledProp {
 }
 
+export declare const CardRoot: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>;
+
 /**
  * Root props interface that extends Chakra's HTML props with our recipe props.
  * This creates a complete set of props for the root element, combining
@@ -779,7 +797,21 @@ export declare interface FormFieldProps extends FormFieldRootSlotProps {
  * Recipe configuration for the FormField component.
  * Defines the styling variants and base styles using Chakra UI's recipe system.
  */
-declare const formFieldRecipe: SlotRecipeDefinition<"error" | "input" | "label" | "description" | "root" | "popover", {
+declare const formFieldRecipe: SlotRecipeDefinition<"input" | "label" | "description" | "root" | "error" | "popover", {
+size: {
+md: {
+root: {
+"--form-field-font-size": "fontSizes.350";
+"--form-field-line-height": "lineHeights.500";
+};
+};
+sm: {
+root: {
+"--form-field-font-size": "fontSizes.300";
+"--form-field-line-height": "lineHeights.450";
+};
+};
+};
 direction: {
 column: {
 root: {
@@ -1294,6 +1326,8 @@ export declare const ToggleButtonGroup: {
     Button: ToggleButtonGroupButtonComponent_2;
 };
 
+export declare const ToggleButtonGroupButton: ToggleButtonGroupButtonComponent;
+
 /** Type signature for the `ToggleButtonGroup.Button` sub-component (using `forwardRef`). */
 export declare type ToggleButtonGroupButtonComponent = ForwardRefExoticComponent<ToggleButtonGroupButtonProps & RefAttributes<typeof ToggleButton>>;
 
@@ -1306,6 +1340,8 @@ declare type ToggleButtonGroupButtonSlotProps = HTMLChakraProps<"button", Recipe
 /** Final external props for the `<ToggleButtonGroup>` component, including `children`. */
 export declare type ToggleButtonGroupProps = PropsWithChildren<ToggleButtonGroupRootProps>;
 
+export declare const ToggleButtonGroupRoot: ToggleButtonGroupRootComponent;
+
 /** Type signature for the main `ToggleButtonGroup` component (using `forwardRef`). */
 export declare type ToggleButtonGroupRootComponent = ForwardRefExoticComponent<ToggleButtonGroupProps & RefAttributes<typeof ToggleButtonGroup_2>>;