carbon-react 106.0.0 → 106.0.3

package/lib/components/link/link.config.d.ts

@@ -1,2 +1,2 @@
-export const LINK_POSITIONS: string[];
-export const LINK_ALIGNMENTS: string[];
+export declare const LINK_POSITIONS: string[];
+export declare const LINK_ALIGNMENTS: string[];

package/lib/components/link/link.style.d.ts

@@ -1,2 +1,7 @@
-export const StyledLink: import("styled-components").StyledComponent<"span", any, {}, never>;
-export const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;
+import { LinkProps } from "./link.component";
+interface StyledLinkProps extends Pick<LinkProps, "isSkipLink" | "iconAlign" | "disabled"> {
+    hasContent: boolean;
+}
+declare const StyledLink: import("styled-components").StyledComponent<"span", any, StyledLinkProps, never>;
+declare const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;
+export { StyledLink, StyledContent };

package/lib/components/link/link.style.js

@@ -7,8 +7,6 @@ exports.StyledContent = exports.StyledLink = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
@@ -100,9 +98,5 @@ StyledLink.defaultProps = {
   disabled: false,
   hasContent: true
 };
-StyledLink.propTypes = {
-  disabled: _propTypes.default.bool,
-  hasContent: _propTypes.default.bool
-};
 const StyledContent = _styledComponents.default.span``;
 exports.StyledContent = StyledContent;

package/lib/components/pager/pager.style.d.ts

@@ -3,8 +3,7 @@ export const StyledPagerSizeOptions: import("styled-components").StyledComponent
 export const StyledPagerSizeOptionsInner: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledPagerLinkStyles: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export const StyledPagerLinkStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledPagerNoSelect: import("styled-components").StyledComponent<"span", any, {}, never>;
 export const StyledPagerSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-import Link from "../link";

package/lib/components/pod/pod.style.d.ts

@@ -1,6 +1,6 @@
 export const StyledBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledEditAction: import("styled-components").StyledComponent<typeof Link, any, import("react").RefAttributes<HTMLButtonElement>, never>;
+export const StyledEditAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledDeleteButton: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;
 export const StyledUndoButton: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;
@@ -9,5 +9,4 @@ export const StyledPod: import("styled-components").StyledComponent<"div", any,
 export const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledSubtitle: import("styled-components").StyledComponent<"h5", any, {}, never>;
 export const StyledTitle: import("styled-components").StyledComponent<"h4", any, {}, never>;
-import Link from "../link";
 import IconButton from "../icon-button";

package/lib/components/simple-color-picker/simple-color-input/simple-color-input.style.d.ts

@@ -1,2 +1,2 @@
 export default StyledSimpleColorInput;
-declare const StyledSimpleColorInput: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const StyledSimpleColorInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../__internal__/input").InputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;

package/lib/components/split-button/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./split-button";
+export type { SplitButtonProps } from "./split-button";

package/lib/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -374,18 +374,16 @@ const StyledTabTitle = _styledComponents.default.button`
 
     ${alternateStyling && (0, _styledComponents.css)`
         &:focus {
-          background-color: var(--colorsActionMinor100);
+          background-color: var(--colorsActionMinor200);
         }
 
         &:hover {
-          background-color: ${isTabSelected ? "var(--colorsActionMinor100)" : "var(--colorsActionMinor150)"};
+          background-color: ${isTabSelected ? "var(--colorsActionMinor200)" : "var(--colorsActionMinor250)"};
         }
 
         ${isTabSelected && (0, _styledComponents.css)`
-          background-color: var(--colorsActionMinor100);
+          background-color: var(--colorsActionMinor200);
         `}
-
-        ${isInSidebar && `padding-bottom: 1px;`}
       `}
   `}
 `;

package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts

@@ -1,3 +1,2 @@
 export default StyledEditorLink;
-declare const StyledEditorLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
-import Link from "../../../link";
+declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;

package/lib/components/tile-select/tile-select.style.d.ts

@@ -2,7 +2,7 @@ export const StyledTileSelectFieldset: import("styled-components").StyledCompone
 export const StyledGroupDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
 export const StyledTileSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledTileSelect: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledTileSelectInput: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const StyledTileSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../__internal__/input").InputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 export const StyledTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
 export const StyledSubtitle: import("styled-components").StyledComponent<"h4", any, {}, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "106.0.0",
+  "version": "106.0.3",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -159,7 +159,6 @@
     "typescript": "^4.6.2",
     "typescript-to-proptypes": "^2.2.1",
     "uuid": "^8.3.2",
-    "webfontloader": "^1.6.28",
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {

package/esm/__internal__/input/extract-props/extract-props.d.ts

@@ -1 +0,0 @@
-export default function extractProps(props: any, reactComponent: any): {};

package/esm/__internal__/input/extract-props/extract-props.js

@@ -1,11 +0,0 @@
-export default function extractProps(props, reactComponent) {
-  const expectedKeys = reactComponent.safeProps;
-  const mainObjectKeys = Object.keys(props);
-  const filteredKeys = mainObjectKeys.filter(key => expectedKeys.includes(key));
-  const filteredObject = filteredKeys.reduce((obj, key) => {
-    return { ...obj,
-      [key]: props[key]
-    };
-  }, {});
-  return filteredObject;
-}

package/esm/__internal__/input/extract-props/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./extract-props";

package/esm/__internal__/input/extract-props/index.js

@@ -1 +0,0 @@
-export { default } from "./extract-props";

package/esm/__internal__/input/input-presentation.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { ValidationPropTypes } from "../validations";
-
-export interface CommonInputPresentationProps extends ValidationPropTypes {
-  /** If true, the component will be disabled */
-  disabled?: boolean;
-  /** The default value alignment on the input */
-  align?: string;
-  /** The width of the input as a percentage */
-  inputWidth?: number;
-  /** If true, the component will be read-only */
-  readOnly?: boolean;
-  /** Size of an input */
-  size?: "small" | "medium" | "large";
-}
-
-export interface InputPresentationProps extends CommonInputPresentationProps {
-  /** Content to be rendered before the input */
-  positionedChildren?: React.ReactNode;
-}
-
-declare function InputPresentation(props: InputPresentationProps): JSX.Element;
-
-export default InputPresentation;

package/esm/__internal__/input/input.d.ts

@@ -1,54 +0,0 @@
-import * as React from "react";
-
-export interface CommonInputProps
-  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type"> {
-  /* The default value alignment on the input */
-  align?: "right" | "left";
-  /** If true the Component will be focused when rendered */
-  autoFocus?: boolean;
-  /** If true, the component will be disabled */
-  disabled?: boolean;
-  /** HTML id attribute of the input */
-  id?: string;
-  /** A callback to retrieve the input reference */
-  inputRef?: (input: React.RefObject<HTMLInputElement>) => void;
-  /** Name of the input */
-  name?: string;
-  /** Specify a callback triggered on blur */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** Specify a callback triggered on change */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** pecify a callback triggered on click */
-  onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
-  /** Specify a callback triggered on focus */
-  onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** Specify a callback triggered on keyDown */
-  onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
-  /** Placeholder string to be displayed in input */
-  placeholder?: string;
-  /** If true, the component will be read-only */
-  readOnly?: boolean;
-  /** Flag to configure component as mandatory */
-  required?: boolean;
-  /** The value of the Input */
-  value?:
-    | string
-    | string[]
-    | Record<string, unknown>
-    | Record<string, unknown>[];
-}
-
-export interface InputProps extends CommonInputProps {
-  /** Integer to determine a timeout for the defered callback */
-  deferTimeout?: number;
-  /** Defered callback to be called after the onChange event */
-  onChangeDeferred?: () => void;
-  /** HTML type attribute of the input */
-  type?: string;
-}
-
-declare function Input(
-  props: InputProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default Input;

package/esm/components/badge/badge.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-
-export interface BadgeProps {
-  /** The badge will be added to this element */
-  children: React.ReactNode;
-  /** The number rendered in the badge component */
-  counter?: string | number;
-  /** Callback fired when badge is clicked */
-  onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
-}
-
-declare function Badge(props: BadgeProps): JSX.Element;
-
-export default Badge;

package/esm/components/carbon-provider/carbon-provider.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-
-import { ThemeObject } from "../../style/themes/base";
-
-export interface CarbonProviderProps {
-  theme?: ThemeObject;
-  children: React.ReactNode;
-  validationRedesignOptIn?: boolean;
-}
-
-declare function CarbonProvider(props: CarbonProviderProps): JSX.Element;
-export default CarbonProvider;

package/esm/components/inline-inputs/inline-inputs.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-
-export interface InlineInputsProps {
-  /** Children elements */
-  children?: React.ReactNode;
-  /** [Legacy prop] A custom class name for the component. */
-  className?: string;
-  /** Gutter prop gets passed down to Row component if false gutter value is "none" */
-  gutter?:
-    | "none"
-    | "extra-small"
-    | "small"
-    | "medium-small"
-    | "medium"
-    | "medium-large"
-    | "large"
-    | "extra-large";
-  /** The id of the corresponding input control for the label */
-  htmlFor?: string;
-  /** Width of the inline inputs container in percentage */
-  inputWidth?: number;
-  /** Defines the label text for the heading. */
-  label?: string;
-  /** Width of a label in percentage */
-  labelWidth?: number;
-}
-
-declare function InlineInputs(props: InlineInputsProps): JSX.Element;
-
-export default InlineInputs;

package/esm/components/link/link.d.ts

@@ -1,47 +0,0 @@
-import * as React from "react";
-import { IconType } from "components/icon/icon";
-
-export interface LinkProps {
-  /** The disabled state of the link. */
-  disabled?: boolean;
-  /** An href for an anchor tag. */
-  href?: string;
-  /** An icon to display next to the link. */
-  icon?: IconType;
-  /** Which side of the link to the render the link. */
-  iconAlign?: "left" | "right";
-  /** Function called when the mouse is clicked. */
-  onClick?: React.MouseEventHandler<HTMLButtonElement>;
-  /** Function called when a key is pressed. */
-  onKeyDown?:
-    | React.KeyboardEventHandler<HTMLAnchorElement>
-    | React.KeyboardEventHandler<HTMLButtonElement>;
-  /** Function called when a mouse down event triggers. */
-  onMouseDown?:
-    | React.MouseEventHandler<HTMLAnchorElement>
-    | React.MouseEventHandler<HTMLButtonElement>;
-  /** Whether to include the link in the tab order of the page */
-  tabbable?: boolean;
-  /** A message to display as a tooltip to the link. */
-  tooltipMessage?: string;
-  /** Positions the tooltip with the link. */
-  tooltipPosition?: "bottom" | "left" | "right" | "top";
-  /** Child content to render in the link. */
-  children?: React.ReactNode;
-  /** Target property in which link should open ie: _blank, _self, _parent, _top */
-  target?: string;
-  /** Aria label for accessibility purposes */
-  ariaLabel?: string;
-  /** Allows to create skip link */
-  isSkipLink?: boolean;
-  /** allows to set rel property in <a> tag */
-  rel?: string;
-}
-
-declare type LinkRefAttributes =
-  | React.RefAttributes<HTMLLinkElement>
-  | React.RefAttributes<HTMLButtonElement>;
-
-declare function Link(props: LinkProps & LinkRefAttributes): JSX.Element;
-
-export default Link;

package/lib/__internal__/input/extract-props/extract-props.d.ts

@@ -1 +0,0 @@
-export default function extractProps(props: any, reactComponent: any): {};

package/lib/__internal__/input/extract-props/extract-props.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = extractProps;
-
-function extractProps(props, reactComponent) {
-  const expectedKeys = reactComponent.safeProps;
-  const mainObjectKeys = Object.keys(props);
-  const filteredKeys = mainObjectKeys.filter(key => expectedKeys.includes(key));
-  const filteredObject = filteredKeys.reduce((obj, key) => {
-    return { ...obj,
-      [key]: props[key]
-    };
-  }, {});
-  return filteredObject;
-}

package/lib/__internal__/input/extract-props/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./extract-props";

package/lib/__internal__/input/extract-props/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _extractProps.default;
-  }
-});
-
-var _extractProps = _interopRequireDefault(require("./extract-props"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/input/extract-props/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../esm/__internal__/input/extract-props/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/__internal__/input/input-presentation.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { ValidationPropTypes } from "../validations";
-
-export interface CommonInputPresentationProps extends ValidationPropTypes {
-  /** If true, the component will be disabled */
-  disabled?: boolean;
-  /** The default value alignment on the input */
-  align?: string;
-  /** The width of the input as a percentage */
-  inputWidth?: number;
-  /** If true, the component will be read-only */
-  readOnly?: boolean;
-  /** Size of an input */
-  size?: "small" | "medium" | "large";
-}
-
-export interface InputPresentationProps extends CommonInputPresentationProps {
-  /** Content to be rendered before the input */
-  positionedChildren?: React.ReactNode;
-}
-
-declare function InputPresentation(props: InputPresentationProps): JSX.Element;
-
-export default InputPresentation;

package/lib/__internal__/input/input.d.ts

@@ -1,54 +0,0 @@
-import * as React from "react";
-
-export interface CommonInputProps
-  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "type"> {
-  /* The default value alignment on the input */
-  align?: "right" | "left";
-  /** If true the Component will be focused when rendered */
-  autoFocus?: boolean;
-  /** If true, the component will be disabled */
-  disabled?: boolean;
-  /** HTML id attribute of the input */
-  id?: string;
-  /** A callback to retrieve the input reference */
-  inputRef?: (input: React.RefObject<HTMLInputElement>) => void;
-  /** Name of the input */
-  name?: string;
-  /** Specify a callback triggered on blur */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** Specify a callback triggered on change */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** pecify a callback triggered on click */
-  onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
-  /** Specify a callback triggered on focus */
-  onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** Specify a callback triggered on keyDown */
-  onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
-  /** Placeholder string to be displayed in input */
-  placeholder?: string;
-  /** If true, the component will be read-only */
-  readOnly?: boolean;
-  /** Flag to configure component as mandatory */
-  required?: boolean;
-  /** The value of the Input */
-  value?:
-    | string
-    | string[]
-    | Record<string, unknown>
-    | Record<string, unknown>[];
-}
-
-export interface InputProps extends CommonInputProps {
-  /** Integer to determine a timeout for the defered callback */
-  deferTimeout?: number;
-  /** Defered callback to be called after the onChange event */
-  onChangeDeferred?: () => void;
-  /** HTML type attribute of the input */
-  type?: string;
-}
-
-declare function Input(
-  props: InputProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default Input;

package/lib/components/badge/badge.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-
-export interface BadgeProps {
-  /** The badge will be added to this element */
-  children: React.ReactNode;
-  /** The number rendered in the badge component */
-  counter?: string | number;
-  /** Callback fired when badge is clicked */
-  onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
-}
-
-declare function Badge(props: BadgeProps): JSX.Element;
-
-export default Badge;

package/lib/components/carbon-provider/carbon-provider.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-
-import { ThemeObject } from "../../style/themes/base";
-
-export interface CarbonProviderProps {
-  theme?: ThemeObject;
-  children: React.ReactNode;
-  validationRedesignOptIn?: boolean;
-}
-
-declare function CarbonProvider(props: CarbonProviderProps): JSX.Element;
-export default CarbonProvider;

package/lib/components/inline-inputs/inline-inputs.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-
-export interface InlineInputsProps {
-  /** Children elements */
-  children?: React.ReactNode;
-  /** [Legacy prop] A custom class name for the component. */
-  className?: string;
-  /** Gutter prop gets passed down to Row component if false gutter value is "none" */
-  gutter?:
-    | "none"
-    | "extra-small"
-    | "small"
-    | "medium-small"
-    | "medium"
-    | "medium-large"
-    | "large"
-    | "extra-large";
-  /** The id of the corresponding input control for the label */
-  htmlFor?: string;
-  /** Width of the inline inputs container in percentage */
-  inputWidth?: number;
-  /** Defines the label text for the heading. */
-  label?: string;
-  /** Width of a label in percentage */
-  labelWidth?: number;
-}
-
-declare function InlineInputs(props: InlineInputsProps): JSX.Element;
-
-export default InlineInputs;

package/lib/components/link/link.d.ts

@@ -1,47 +0,0 @@
-import * as React from "react";
-import { IconType } from "components/icon/icon";
-
-export interface LinkProps {
-  /** The disabled state of the link. */
-  disabled?: boolean;
-  /** An href for an anchor tag. */
-  href?: string;
-  /** An icon to display next to the link. */
-  icon?: IconType;
-  /** Which side of the link to the render the link. */
-  iconAlign?: "left" | "right";
-  /** Function called when the mouse is clicked. */
-  onClick?: React.MouseEventHandler<HTMLButtonElement>;
-  /** Function called when a key is pressed. */
-  onKeyDown?:
-    | React.KeyboardEventHandler<HTMLAnchorElement>
-    | React.KeyboardEventHandler<HTMLButtonElement>;
-  /** Function called when a mouse down event triggers. */
-  onMouseDown?:
-    | React.MouseEventHandler<HTMLAnchorElement>
-    | React.MouseEventHandler<HTMLButtonElement>;
-  /** Whether to include the link in the tab order of the page */
-  tabbable?: boolean;
-  /** A message to display as a tooltip to the link. */
-  tooltipMessage?: string;
-  /** Positions the tooltip with the link. */
-  tooltipPosition?: "bottom" | "left" | "right" | "top";
-  /** Child content to render in the link. */
-  children?: React.ReactNode;
-  /** Target property in which link should open ie: _blank, _self, _parent, _top */
-  target?: string;
-  /** Aria label for accessibility purposes */
-  ariaLabel?: string;
-  /** Allows to create skip link */
-  isSkipLink?: boolean;
-  /** allows to set rel property in <a> tag */
-  rel?: string;
-}
-
-declare type LinkRefAttributes =
-  | React.RefAttributes<HTMLLinkElement>
-  | React.RefAttributes<HTMLButtonElement>;
-
-declare function Link(props: LinkProps & LinkRefAttributes): JSX.Element;
-
-export default Link;