carbon-react 111.4.0 → 111.4.2

package/esm/components/typography/typography.component.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { ColorProps, SpaceProps } from "styled-system";
+declare const VARIANT_TYPES: readonly ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
+declare type VariantTypes = typeof VARIANT_TYPES[number];
+export interface TypographyProps extends SpaceProps, ColorProps {
+    /** Override the variant component */
+    as?: React.ElementType;
+    /** The visual style to apply to the component */
+    variant?: VariantTypes;
+    /** Override the variant font-size */
+    fontSize?: string;
+    /** Override the variant font-weight */
+    fontWeight?: string;
+    /** Override the variant line-height */
+    lineHeight?: string;
+    /** Override the variant text-transform */
+    textTransform?: string;
+    /** Override the variant text-decoration */
+    textDecoration?: string;
+    /** Override the variant display */
+    display?: string;
+    /** Override the list-style-type */
+    listStyleType?: string;
+    /** Override the white-space type */
+    whiteSpace?: string;
+    /** Override the word-wrap type */
+    wordWrap?: string;
+    /** Override the text-overflow type */
+    textOverflow?: string;
+    /** Apply truncation */
+    truncate?: boolean;
+}
+declare const Typography: import("styled-components").StyledComponent<"span", any, {
+    as: import("react").ElementType<any> | undefined;
+    size: string;
+    weight: string;
+    textTransform: string;
+    textDecoration: string;
+    lineHeight: string;
+    defaultMargin: string;
+} & TypographyProps, "as" | "textDecoration" | "size" | "lineHeight" | "textTransform" | "weight" | "defaultMargin">;
+export default Typography;

package/esm/components/typography/typography.component.js

@@ -1,9 +1,8 @@
-import PropTypes from "prop-types";
 import styled, { css } from "styled-components";
 import { space } from "styled-system";
-import propTypes from "@styled-system/prop-types";
-import color from "../../style/utils/color";
+import styledColor from "../../style/utils/color";
 import baseTheme from "../../style/themes/base";
+const VARIANT_TYPES = ["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "small", "big", "sup", "sub", "strong", "b", "em", "ul", "ol"];
 
 const getAs = variant => {
   switch (variant) {
@@ -201,58 +200,22 @@ const Typography = styled.span.attrs(({
     ${listStyleType && `list-style-type: ${listStyleType};`}; ;
   `}
   ${space}
-${color}
+  ${({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+}) => styledColor({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+})}
 `;
 Typography.defaultProps = {
   color: "blackOpacity90",
   variant: "p",
   theme: baseTheme
 };
-Typography.propTypes = {
-  /** Styled system spacing props */
-  ...propTypes.space,
-
-  /** Styled system color props */
-  ...propTypes.color,
-
-  /** The visual style to apply to the component */
-  variant: PropTypes.oneOf(["h1-large", "h1", "h2", "h3", "h4", "h5", "segment-header", "segment-header-small", "segment-subheader", "segment-subheader-alt", "p", "small", "big", "sup", "sub", "strong", "b", "em"]),
-
-  /** Override the variant component */
-  as: PropTypes.string,
-
-  /** Override the variant font-size */
-  fontSize: PropTypes.string,
-
-  /** Override the variant font-weight */
-  fontWeight: PropTypes.string,
-
-  /** Override the variant line-height */
-  lineHeight: PropTypes.string,
-
-  /** Override the variant text-transform */
-  textTransform: PropTypes.string,
-
-  /** Override the variant text-decoration */
-  textDecoration: PropTypes.string,
-
-  /** Override the variant display */
-  display: PropTypes.string,
-
-  /** Override the list-style-type */
-  listStyleType: PropTypes.string,
-
-  /** Override the white-space type */
-  whiteSpace: PropTypes.string,
-
-  /** Override the word-wrap type */
-  wordWrap: PropTypes.string,
-
-  /** Override the text-overflow type */
-  textOverflow: PropTypes.string,
-
-  /** Apply truncation */
-  truncate: PropTypes.bool
-};
 Typography.displayName = "Typography";
 export default Typography;

package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.js

@@ -91,5 +91,6 @@ RadioButtonMapper.propTypes = {
   /** Value of the selected RadioButton */
   value: _propTypes.default.string
 };
+RadioButtonMapper.displayName = "RadioButtonMapper";
 var _default = RadioButtonMapper;
 exports.default = _default;

package/lib/__internal__/radio-button-mapper/radio-button-mapper.d.ts

@@ -16,6 +16,5 @@ export interface RadioButtonMapperProps {
 }
 
 declare function RadioButtonMapper(props?: RadioButtonMapperProps): JSX.Element;
-RadioButtonMapper.displayName = "RadioButtonMapper";
 
 export default RadioButtonMapper;

package/lib/components/date/__internal__/date-formats/index.d.ts

@@ -1,8 +1,10 @@
+import { Locale as DateFnsLocale } from "date-fns";
+
 interface LocaleFormats {
   formats: string[];
   format: string;
 }
 
-declare function getFormatData({ code: string }): LocaleFormats;
+declare function getFormatData(locale: DateFnsLocale): LocaleFormats;
 
 export default getFormatData;

package/lib/components/date/date.d.ts

@@ -1,6 +1,5 @@
-import * as React from "react";
 import { DayPickerProps } from "react-day-picker";
-import { TextboxProps } from "../textbox/textbox";
+import { TextboxProps } from "../textbox";
 
 export interface DateChangeEvent {
   target: {

package/lib/components/decimal/decimal.component.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import { CommonTextboxProps } from "../textbox";
+export interface CustomEvent {
+    target: {
+        name?: string;
+        id?: string;
+        value: {
+            formattedValue: string;
+            rawValue: string;
+        };
+    };
+}
+export interface DecimalProps extends Omit<CommonTextboxProps, "onChange" | "onBlur"> {
+    /** Text alignment of the label */
+    align?: "left" | "right";
+    /** Allow an empty value instead of defaulting to 0.00 */
+    allowEmptyValue?: boolean;
+    /** The default value of the input if it's meant to be used as an uncontrolled component */
+    defaultValue?: string;
+    /** The input id */
+    id?: string;
+    /** The width of the input as a percentage */
+    inputWidth?: number;
+    /** Handler for change event if input is meant to be used as a controlled component */
+    onChange?: (ev: CustomEvent) => void;
+    /** Handler for blur event */
+    onBlur?: (ev: CustomEvent) => void;
+    /** Handler for key press event */
+    onKeyPress?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** The input name */
+    name?: string;
+    /** The decimal precision of the value in the input */
+    precision?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
+    /** If true, the component will be read-only */
+    readOnly?: boolean;
+    /** Flag to configure component as mandatory */
+    required?: boolean;
+    /** The value of the input if it's used as a controlled component */
+    value?: string;
+    /** The locale string - default en */
+    locale?: string;
+}
+export declare const Decimal: ({ align, defaultValue, precision, inputWidth, readOnly, onChange, onBlur, onKeyPress, id, name, allowEmptyValue, required, locale, value, ...rest }: DecimalProps) => JSX.Element;
+export default Decimal;