@dxc-technology/halstack-react 0.0.0-4d89cae → 0.0.0-4dc980c

package/chip/types.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+declare type Margin = {
+    top?: Space;
+    bottom?: Space;
+    left?: Space;
+    right?: Space;
+};
+declare type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
+declare type Props = {
+    /**
+     * Text to be placed on the chip.
+     */
+    label?: string;
+    /**
+     * Element or path used as icon to be placed after the chip label.
+     */
+    suffixIcon?: string | SVG;
+    /**
+     * Element or path used as icon to be placed before the chip label.
+     */
+    prefixIcon?: string | SVG;
+    /**
+     * This function will be called when the suffix is clicked.
+     */
+    onClickSuffix?: () => void;
+    /**
+     * This function will be called when the prefix is clicked.
+     */
+    onClickPrefix?: () => void;
+    /**
+     * If true, the component will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
+     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
+     */
+    margin?: Space | Margin;
+    /**
+     * Value of the tabindex attribute.
+     */
+    tabIndex?: number;
+};
+export default Props;

package/chip/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});