@dxc-technology/halstack-react 0.0.0-73e48b1 → 0.0.0-743759c

package/dist/index.d.mts

@@ -118,6 +118,13 @@ type Margin$n = {
     right?: Space$s;
 };
 type SVG$h = React.ReactNode & React.SVGProps<SVGSVGElement>;
+type Size$4 = {
+    /**
+     * Height of the component.
+     */
+    height?: "small" | "medium" | "large";
+    width?: "small" | "medium" | "large" | "fillParent" | "fitContent";
+};
 type Props$I = {
     /**
      * Text to be placed in the button.
@@ -126,7 +133,11 @@ type Props$I = {
     /**
      * The available button modes.
      */
-    mode?: "primary" | "secondary" | "text";
+    mode?: "primary" | "secondary" | "tertiary";
+    /**
+     * Specifies the semantic meaning of the buttons, which determines its color.
+     */
+    semantic?: "default" | "error" | "warning" | "success" | "info";
     /**
      * If true, the component will be disabled.
      */
@@ -159,14 +170,14 @@ type Props$I = {
     /**
      * Size of the component.
      */
-    size?: "small" | "medium" | "large" | "fillParent" | "fitContent";
+    size?: Size$4;
     /**
      * Value of the tabindex attribute.
      */
     tabIndex?: number;
 };
 
-declare const DxcButton: ({ label, mode, disabled, iconPosition, title, type, icon, onClick, margin, size, tabIndex, }: Props$I) => JSX.Element;
+declare const DxcButton: ({ label, mode, semantic, disabled, iconPosition, title, type, icon, onClick, margin, size, tabIndex, }: Props$I) => JSX.Element;
 
 type Space$r = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
 type Size$3 = {
@@ -3850,50 +3861,160 @@ declare const componentTokens: {
     button: {
         labelFontLineHeight: string;
         labelLetterSpacing: string;
-        paddingLeft: string;
-        paddingRight: string;
-        paddingTop: string;
-        paddingBottom: string;
+        paddingSmallTop: string;
+        paddingSmallLeft: string;
+        paddingSmallBottom: string;
+        paddingSmallRight: string;
+        paddingSmallOnlyIconTop: string;
+        paddingSmallOnlyIconLeft: string;
+        paddingSmallOnlyIconBottom: string;
+        paddingSmallOnlyIconRight: string;
+        paddingMediumTop: string;
+        paddingMediumLeft: string;
+        paddingMediumBottom: string;
+        paddingMediumRight: string;
+        paddingMediumOnlyIconTop: string;
+        paddingMediumOnlyIconLeft: string;
+        paddingMediumOnlyIconBottom: string;
+        paddingMediumOnlyIconRight: string;
+        paddingLargeTop: string;
+        paddingLargeLeft: string;
+        paddingLargeBottom: string;
+        paddingLargeRight: string;
+        paddingLargeOnlyIconTop: string;
+        paddingLargeOnlyIconLeft: string;
+        paddingLargeOnlyIconBottom: string;
+        paddingLargeOnlyIconRight: string;
         focusBorderColor: string;
-        primaryBackgroundColor: string;
-        primaryFontColor: string;
-        primaryHoverBackgroundColor: string;
-        primaryActiveBackgroundColor: string;
-        primaryDisabledBackgroundColor: string;
-        primaryDisabledFontColor: string;
+        primaryDefaultBackgroundColor: string;
+        primaryErrorBackgroundColor: string;
+        primaryWarningBackgroundColor: string;
+        primarySuccessBackgroundColor: string;
+        primaryInfoBackgroundColor: string;
+        primaryDefaultFontColor: string;
+        primaryErrorFontColor: string;
+        primaryWarningFontColor: string;
+        primarySuccessFontColor: string;
+        primaryInfoFontColor: string;
+        primaryHoverDefaultBackgroundColor: string;
+        primaryHoverErrorBackgroundColor: string;
+        primaryHoverWarningBackgroundColor: string;
+        primaryHoverSuccessBackgroundColor: string;
+        primaryHoverInfoBackgroundColor: string;
+        primaryActiveDefaultBackgroundColor: string;
+        primaryActiveErrorBackgroundColor: string;
+        primaryActiveWarningBackgroundColor: string;
+        primaryActiveSuccessBackgroundColor: string;
+        primaryActiveInfoBackgroundColor: string;
+        primaryDisabledDefaultBackgroundColor: string;
+        primaryDisabledErrorBackgroundColor: string;
+        primaryDisabledWarningBackgroundColor: string;
+        primaryDisabledSuccessBackgroundColor: string;
+        primaryDisabledInfoBackgroundColor: string;
+        primaryDisabledDefaultFontColor: string;
+        primaryDisabledErrorFontColor: string;
+        primaryDisabledWarningFontColor: string;
+        primaryDisabledSuccessFontColor: string;
+        primaryDisabledInfoFontColor: string;
         primaryBorderThickness: string;
         primaryBorderStyle: string;
         primaryBorderRadius: string;
         primaryFontFamily: string;
-        primaryFontSize: string;
+        primarySmallFontSize: string;
+        primaryMediumFontSize: string;
+        primaryLargeFontSize: string;
         primaryFontWeight: string;
-        secondaryBackgroundColor: string;
-        secondaryFontColor: string;
-        secondaryHoverFontColor: string;
-        secondaryBorderColor: string;
-        secondaryHoverBackgroundColor: string;
-        secondaryActiveBackgroundColor: string;
-        secondaryDisabledBackgroundColor: string;
-        secondaryDisabledFontColor: string;
-        secondaryDisabledBorderColor: string;
+        secondaryDefaultBackgroundColor: string;
+        secondaryErrorBackgroundColor: string;
+        secondaryWarningBackgroundColor: string;
+        secondarySuccessBackgroundColor: string;
+        secondaryInfoBackgroundColor: string;
+        secondaryDefaultFontColor: string;
+        secondaryErrorFontColor: string;
+        secondaryWarningFontColor: string;
+        secondarySuccessFontColor: string;
+        secondaryInfoFontColor: string;
+        secondaryDefaultBorderColor: string;
+        secondaryErrorBorderColor: string;
+        secondaryWarningBorderColor: string;
+        secondarySuccessBorderColor: string;
+        secondaryInfoBorderColor: string;
+        secondaryHoverDefaultBackgroundColor: string;
+        secondaryHoverErrorBackgroundColor: string;
+        secondaryHoverWarningBackgroundColor: string;
+        secondaryHoverSuccessBackgroundColor: string;
+        secondaryHoverInfoBackgroundColor: string;
+        secondaryHoverDefaultFontColor: string;
+        secondaryHoverErrorFontColor: string;
+        secondaryHoverWarningFontColor: string;
+        secondaryHoverSuccessFontColor: string;
+        secondaryHoverInfoFontColor: string;
+        secondaryActiveDefaultBackgroundColor: string;
+        secondaryActiveErrorBackgroundColor: string;
+        secondaryActiveWarningBackgroundColor: string;
+        secondaryActiveSuccessBackgroundColor: string;
+        secondaryActiveInfoBackgroundColor: string;
+        secondaryDisabledDefaultBackgroundColor: string;
+        secondaryDisabledErrorBackgroundColor: string;
+        secondaryDisabledWarningBackgroundColor: string;
+        secondaryDisabledSuccessBackgroundColor: string;
+        secondaryDisabledInfoBackgroundColor: string;
+        secondaryDisabledDefaultFontColor: string;
+        secondaryDisabledErrorFontColor: string;
+        secondaryDisabledWarningFontColor: string;
+        secondaryDisabledSuccessFontColor: string;
+        secondaryDisabledInfoFontColor: string;
+        secondaryDisabledDefaultBorderColor: string;
+        secondaryDisabledErrorBorderColor: string;
+        secondaryDisabledWarningBorderColor: string;
+        secondaryDisabledSuccessBorderColor: string;
+        secondaryDisabledInfoBorderColor: string;
         secondaryBorderThickness: string;
         secondaryBorderStyle: string;
         secondaryBorderRadius: string;
         secondaryFontFamily: string;
-        secondaryFontSize: string;
+        secondarySmallFontSize: string;
+        secondaryMediumFontSize: string;
+        secondaryLargeFontSize: string;
         secondaryFontWeight: string;
-        textBackgroundColor: string;
-        textFontColor: string;
-        textHoverBackgroundColor: string;
-        textActiveBackgroundColor: string;
-        textDisabledBackgroundColor: string;
-        textDisabledFontColor: string;
-        textBorderThickness: string;
-        textBorderStyle: string;
-        textBorderRadius: string;
-        textFontFamily: string;
-        textFontSize: string;
-        textFontWeight: string;
+        tertiaryDefaultBackgroundColor: string;
+        tertiaryErrorBackgroundColor: string;
+        tertiaryWarningBackgroundColor: string;
+        tertiarySuccessBackgroundColor: string;
+        tertiaryInfoBackgroundColor: string;
+        tertiaryDefaultFontColor: string;
+        tertiaryErrorFontColor: string;
+        tertiaryWarningFontColor: string;
+        tertiarySuccessFontColor: string;
+        tertiaryInfoFontColor: string;
+        tertiaryHoverDefaultBackgroundColor: string;
+        tertiaryHoverErrorBackgroundColor: string;
+        tertiaryHoverWarningBackgroundColor: string;
+        tertiaryHoverSuccessBackgroundColor: string;
+        tertiaryHoverInfoBackgroundColor: string;
+        tertiaryActiveDefaultBackgroundColor: string;
+        tertiaryActiveErrorBackgroundColor: string;
+        tertiaryActiveWarningBackgroundColor: string;
+        tertiaryActiveSuccessBackgroundColor: string;
+        tertiaryActiveInfoBackgroundColor: string;
+        tertiaryDisabledDefaultBackgroundColor: string;
+        tertiaryDisabledErrorBackgroundColor: string;
+        tertiaryDisabledWarningBackgroundColor: string;
+        tertiaryDisabledSuccessBackgroundColor: string;
+        tertiaryDisabledInfoBackgroundColor: string;
+        tertiaryDisabledDefaultFontColor: string;
+        tertiaryDisabledErrorFontColor: string;
+        tertiaryDisabledWarningFontColor: string;
+        tertiaryDisabledSuccessFontColor: string;
+        tertiaryDisabledInfoFontColor: string;
+        tertiaryBorderThickness: string;
+        tertiaryBorderStyle: string;
+        tertiaryBorderRadius: string;
+        tertiaryFontFamily: string;
+        tertiarySmallFontSize: string;
+        tertiaryMediumFontSize: string;
+        tertiaryLargeFontSize: string;
+        tertiaryFontWeight: string;
     };
     card: {
         height: string;
@@ -5273,50 +5394,160 @@ declare const HalstackContext: react.Context<DeepPartial<{
     button: {
         labelFontLineHeight: string;
         labelLetterSpacing: string;
-        paddingLeft: string;
-        paddingRight: string;
-        paddingTop: string;
-        paddingBottom: string;
+        paddingSmallTop: string;
+        paddingSmallLeft: string;
+        paddingSmallBottom: string;
+        paddingSmallRight: string;
+        paddingSmallOnlyIconTop: string;
+        paddingSmallOnlyIconLeft: string;
+        paddingSmallOnlyIconBottom: string;
+        paddingSmallOnlyIconRight: string;
+        paddingMediumTop: string;
+        paddingMediumLeft: string;
+        paddingMediumBottom: string;
+        paddingMediumRight: string;
+        paddingMediumOnlyIconTop: string;
+        paddingMediumOnlyIconLeft: string;
+        paddingMediumOnlyIconBottom: string;
+        paddingMediumOnlyIconRight: string;
+        paddingLargeTop: string;
+        paddingLargeLeft: string;
+        paddingLargeBottom: string;
+        paddingLargeRight: string;
+        paddingLargeOnlyIconTop: string;
+        paddingLargeOnlyIconLeft: string;
+        paddingLargeOnlyIconBottom: string;
+        paddingLargeOnlyIconRight: string;
         focusBorderColor: string;
-        primaryBackgroundColor: string;
-        primaryFontColor: string;
-        primaryHoverBackgroundColor: string;
-        primaryActiveBackgroundColor: string;
-        primaryDisabledBackgroundColor: string;
-        primaryDisabledFontColor: string;
+        primaryDefaultBackgroundColor: string;
+        primaryErrorBackgroundColor: string;
+        primaryWarningBackgroundColor: string;
+        primarySuccessBackgroundColor: string;
+        primaryInfoBackgroundColor: string;
+        primaryDefaultFontColor: string;
+        primaryErrorFontColor: string;
+        primaryWarningFontColor: string;
+        primarySuccessFontColor: string;
+        primaryInfoFontColor: string;
+        primaryHoverDefaultBackgroundColor: string;
+        primaryHoverErrorBackgroundColor: string;
+        primaryHoverWarningBackgroundColor: string;
+        primaryHoverSuccessBackgroundColor: string;
+        primaryHoverInfoBackgroundColor: string;
+        primaryActiveDefaultBackgroundColor: string;
+        primaryActiveErrorBackgroundColor: string;
+        primaryActiveWarningBackgroundColor: string;
+        primaryActiveSuccessBackgroundColor: string;
+        primaryActiveInfoBackgroundColor: string;
+        primaryDisabledDefaultBackgroundColor: string;
+        primaryDisabledErrorBackgroundColor: string;
+        primaryDisabledWarningBackgroundColor: string;
+        primaryDisabledSuccessBackgroundColor: string;
+        primaryDisabledInfoBackgroundColor: string;
+        primaryDisabledDefaultFontColor: string;
+        primaryDisabledErrorFontColor: string;
+        primaryDisabledWarningFontColor: string;
+        primaryDisabledSuccessFontColor: string;
+        primaryDisabledInfoFontColor: string;
         primaryBorderThickness: string;
         primaryBorderStyle: string;
         primaryBorderRadius: string;
         primaryFontFamily: string;
-        primaryFontSize: string;
+        primarySmallFontSize: string;
+        primaryMediumFontSize: string;
+        primaryLargeFontSize: string;
         primaryFontWeight: string;
-        secondaryBackgroundColor: string;
-        secondaryFontColor: string;
-        secondaryHoverFontColor: string;
-        secondaryBorderColor: string;
-        secondaryHoverBackgroundColor: string;
-        secondaryActiveBackgroundColor: string;
-        secondaryDisabledBackgroundColor: string;
-        secondaryDisabledFontColor: string;
-        secondaryDisabledBorderColor: string;
+        secondaryDefaultBackgroundColor: string;
+        secondaryErrorBackgroundColor: string;
+        secondaryWarningBackgroundColor: string;
+        secondarySuccessBackgroundColor: string;
+        secondaryInfoBackgroundColor: string;
+        secondaryDefaultFontColor: string;
+        secondaryErrorFontColor: string;
+        secondaryWarningFontColor: string;
+        secondarySuccessFontColor: string;
+        secondaryInfoFontColor: string;
+        secondaryDefaultBorderColor: string;
+        secondaryErrorBorderColor: string;
+        secondaryWarningBorderColor: string;
+        secondarySuccessBorderColor: string;
+        secondaryInfoBorderColor: string;
+        secondaryHoverDefaultBackgroundColor: string;
+        secondaryHoverErrorBackgroundColor: string;
+        secondaryHoverWarningBackgroundColor: string;
+        secondaryHoverSuccessBackgroundColor: string;
+        secondaryHoverInfoBackgroundColor: string;
+        secondaryHoverDefaultFontColor: string;
+        secondaryHoverErrorFontColor: string;
+        secondaryHoverWarningFontColor: string;
+        secondaryHoverSuccessFontColor: string;
+        secondaryHoverInfoFontColor: string;
+        secondaryActiveDefaultBackgroundColor: string;
+        secondaryActiveErrorBackgroundColor: string;
+        secondaryActiveWarningBackgroundColor: string;
+        secondaryActiveSuccessBackgroundColor: string;
+        secondaryActiveInfoBackgroundColor: string;
+        secondaryDisabledDefaultBackgroundColor: string;
+        secondaryDisabledErrorBackgroundColor: string;
+        secondaryDisabledWarningBackgroundColor: string;
+        secondaryDisabledSuccessBackgroundColor: string;
+        secondaryDisabledInfoBackgroundColor: string;
+        secondaryDisabledDefaultFontColor: string;
+        secondaryDisabledErrorFontColor: string;
+        secondaryDisabledWarningFontColor: string;
+        secondaryDisabledSuccessFontColor: string;
+        secondaryDisabledInfoFontColor: string;
+        secondaryDisabledDefaultBorderColor: string;
+        secondaryDisabledErrorBorderColor: string;
+        secondaryDisabledWarningBorderColor: string;
+        secondaryDisabledSuccessBorderColor: string;
+        secondaryDisabledInfoBorderColor: string;
         secondaryBorderThickness: string;
         secondaryBorderStyle: string;
         secondaryBorderRadius: string;
         secondaryFontFamily: string;
-        secondaryFontSize: string;
+        secondarySmallFontSize: string;
+        secondaryMediumFontSize: string;
+        secondaryLargeFontSize: string;
         secondaryFontWeight: string;
-        textBackgroundColor: string;
-        textFontColor: string;
-        textHoverBackgroundColor: string;
-        textActiveBackgroundColor: string;
-        textDisabledBackgroundColor: string;
-        textDisabledFontColor: string;
-        textBorderThickness: string;
-        textBorderStyle: string;
-        textBorderRadius: string;
-        textFontFamily: string;
-        textFontSize: string;
-        textFontWeight: string;
+        tertiaryDefaultBackgroundColor: string;
+        tertiaryErrorBackgroundColor: string;
+        tertiaryWarningBackgroundColor: string;
+        tertiarySuccessBackgroundColor: string;
+        tertiaryInfoBackgroundColor: string;
+        tertiaryDefaultFontColor: string;
+        tertiaryErrorFontColor: string;
+        tertiaryWarningFontColor: string;
+        tertiarySuccessFontColor: string;
+        tertiaryInfoFontColor: string;
+        tertiaryHoverDefaultBackgroundColor: string;
+        tertiaryHoverErrorBackgroundColor: string;
+        tertiaryHoverWarningBackgroundColor: string;
+        tertiaryHoverSuccessBackgroundColor: string;
+        tertiaryHoverInfoBackgroundColor: string;
+        tertiaryActiveDefaultBackgroundColor: string;
+        tertiaryActiveErrorBackgroundColor: string;
+        tertiaryActiveWarningBackgroundColor: string;
+        tertiaryActiveSuccessBackgroundColor: string;
+        tertiaryActiveInfoBackgroundColor: string;
+        tertiaryDisabledDefaultBackgroundColor: string;
+        tertiaryDisabledErrorBackgroundColor: string;
+        tertiaryDisabledWarningBackgroundColor: string;
+        tertiaryDisabledSuccessBackgroundColor: string;
+        tertiaryDisabledInfoBackgroundColor: string;
+        tertiaryDisabledDefaultFontColor: string;
+        tertiaryDisabledErrorFontColor: string;
+        tertiaryDisabledWarningFontColor: string;
+        tertiaryDisabledSuccessFontColor: string;
+        tertiaryDisabledInfoFontColor: string;
+        tertiaryBorderThickness: string;
+        tertiaryBorderStyle: string;
+        tertiaryBorderRadius: string;
+        tertiaryFontFamily: string;
+        tertiarySmallFontSize: string;
+        tertiaryMediumFontSize: string;
+        tertiaryLargeFontSize: string;
+        tertiaryFontWeight: string;
     };
     card: {
         height: string;