carbon-react 111.4.0 → 111.4.2

package/lib/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/lib/components/typography/typography.component.js

@@ -5,23 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _styledSystem = require("styled-system");
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _color = _interopRequireDefault(require("../../style/utils/color"));
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) {
@@ -219,59 +217,23 @@ const Typography = _styledComponents.default.span.attrs(({
     ${listStyleType && `list-style-type: ${listStyleType};`}; ;
   `}
   ${_styledSystem.space}
-${_color.default}
+  ${({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+}) => (0, _color.default)({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+})}
 `;
 Typography.defaultProps = {
   color: "blackOpacity90",
   variant: "p",
   theme: _base.default
 };
-Typography.propTypes = {
-  /** Styled system spacing props */
-  ..._propTypes2.default.space,
-
-  /** Styled system color props */
-  ..._propTypes2.default.color,
-
-  /** The visual style to apply to the component */
-  variant: _propTypes.default.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.default.string,
-
-  /** Override the variant font-size */
-  fontSize: _propTypes.default.string,
-
-  /** Override the variant font-weight */
-  fontWeight: _propTypes.default.string,
-
-  /** Override the variant line-height */
-  lineHeight: _propTypes.default.string,
-
-  /** Override the variant text-transform */
-  textTransform: _propTypes.default.string,
-
-  /** Override the variant text-decoration */
-  textDecoration: _propTypes.default.string,
-
-  /** Override the variant display */
-  display: _propTypes.default.string,
-
-  /** Override the list-style-type */
-  listStyleType: _propTypes.default.string,
-
-  /** Override the white-space type */
-  whiteSpace: _propTypes.default.string,
-
-  /** Override the word-wrap type */
-  wordWrap: _propTypes.default.string,
-
-  /** Override the text-overflow type */
-  textOverflow: _propTypes.default.string,
-
-  /** Apply truncation */
-  truncate: _propTypes.default.bool
-};
 Typography.displayName = "Typography";
 var _default = Typography;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "111.4.0",
+  "version": "111.4.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -84,6 +84,7 @@
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.3",
     "@types/crypto-js": "^4.1.1",
+    "@types/draft-js": "^0.11.7",
     "@types/enzyme": "^3.10.3",
     "@types/invariant": "^2.2.35",
     "@types/jest": "^26.0.19",

package/esm/components/decimal/decimal.d.ts

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { CommonTextboxProps } from "../textbox";
-
-export interface DecimalProps extends CommonTextboxProps {
-  /** 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: React.ChangeEvent<HTMLInputElement>) => void;
-  /** Handler for blur event */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => 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?: number;
-  /** 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;
-}
-
-declare class Decimal extends React.Component<DecimalProps> {}
-
-export default Decimal;

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

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { TypographyProps } from "./typography";
-
-declare function List(
-  props: TypographyProps & React.HTMLProps<HTMLElement>
-): JSX.Element;
-declare function ListItem(
-  props: TypographyProps & React.HTMLProps<HTMLElement>
-): JSX.Element;
-
-export { List, ListItem };

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

@@ -1,60 +0,0 @@
-import { StyledComponentProps } from "styled-components";
-import { ColorProps, SpaceProps } from "styled-system";
-
-export interface TypographyProps extends SpaceProps, ColorProps {
-  /** Override the variant component */
-  as?: string;
-  /** The visual style to apply to the component */
-  variant?:
-    | "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 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 function Typography(
-  attrs: StyledComponentProps<
-    "div",
-    Record<string, unknown>,
-    TypographyProps,
-    ""
-  >
-): JSX.Element;
-
-export default Typography;

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

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { CommonTextboxProps } from "../textbox";
-
-export interface DecimalProps extends CommonTextboxProps {
-  /** 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: React.ChangeEvent<HTMLInputElement>) => void;
-  /** Handler for blur event */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => 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?: number;
-  /** 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;
-}
-
-declare class Decimal extends React.Component<DecimalProps> {}
-
-export default Decimal;

package/lib/components/typography/list.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { TypographyProps } from "./typography";
-
-declare function List(
-  props: TypographyProps & React.HTMLProps<HTMLElement>
-): JSX.Element;
-declare function ListItem(
-  props: TypographyProps & React.HTMLProps<HTMLElement>
-): JSX.Element;
-
-export { List, ListItem };

package/lib/components/typography/typography.d.ts

@@ -1,60 +0,0 @@
-import { StyledComponentProps } from "styled-components";
-import { ColorProps, SpaceProps } from "styled-system";
-
-export interface TypographyProps extends SpaceProps, ColorProps {
-  /** Override the variant component */
-  as?: string;
-  /** The visual style to apply to the component */
-  variant?:
-    | "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 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 function Typography(
-  attrs: StyledComponentProps<
-    "div",
-    Record<string, unknown>,
-    TypographyProps,
-    ""
-  >
-): JSX.Element;
-
-export default Typography;