carbon-react 112.0.0 → 112.0.2

package/esm/components/batch-selection/batch-selection.component.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface BatchSelectionProps {
+    /** Content to be rendered after selected count */
+    children: React.ReactNode;
+    /** Color of the background, transparent if not defined */
+    colorTheme?: "dark" | "light" | "white" | "transparent";
+    /** If true disables all user interaction */
+    disabled?: boolean;
+    /** Hidden if true */
+    hidden?: boolean;
+    /** Number of selected elements */
+    selectedCount: number;
+}
+export declare const BatchSelection: ({ disabled, children, colorTheme, selectedCount, hidden, }: BatchSelectionProps) => JSX.Element;
+export default BatchSelection;

package/esm/components/batch-selection/batch-selection.component.js

@@ -6,7 +6,7 @@ import { StyledBatchSelection, StyledSelectionCount } from "./batch-selection.st
 const BatchSelection = ({
   disabled,
   children,
-  colorTheme,
+  colorTheme = "transparent",
   selectedCount,
   hidden
 }) => {
@@ -22,22 +22,11 @@ const BatchSelection = ({
 };
 
 BatchSelection.propTypes = {
-  /** Content to be rendered after selected count */
-  children: PropTypes.node.isRequired,
-
-  /** Number of selected elements */
-  selectedCount: PropTypes.number.isRequired,
-
-  /** Color of the background, transparent if not defined */
-  colorTheme: PropTypes.oneOf(["dark", "light", "white", "transparent"]),
-
-  /** If true disables all user interaction */
-  disabled: PropTypes.bool,
-
-  /** Hidden if true */
-  hidden: PropTypes.bool
-};
-BatchSelection.defaultProps = {
-  colorTheme: "transparent"
+  "children": PropTypes.node,
+  "colorTheme": PropTypes.oneOf(["dark", "light", "transparent", "white"]),
+  "disabled": PropTypes.bool,
+  "hidden": PropTypes.bool,
+  "selectedCount": PropTypes.number.isRequired
 };
+export { BatchSelection };
 export default BatchSelection;

package/esm/components/batch-selection/batch-selection.style.d.ts

@@ -0,0 +1,4 @@
+import { BatchSelectionProps } from ".";
+declare const StyledBatchSelection: import("styled-components").StyledComponent<"div", any, Pick<BatchSelectionProps, "disabled" | "hidden" | "colorTheme">, never>;
+declare const StyledSelectionCount: import("styled-components").StyledComponent<"span", any, {}, never>;
+export { StyledBatchSelection, StyledSelectionCount };

package/esm/components/batch-selection/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./batch-selection";
+export { default } from "./batch-selection.component";
+export type { BatchSelectionProps } from "./batch-selection.component";

package/esm/components/tabs/tabs.component.js

@@ -104,12 +104,8 @@ const Tabs = ({
       previousSelectedTabId.current = selectedTabId;
     }
   }, [blurPreviousSelectedTab, previousSelectedTabId, selectedTabId, selectedTabIdState]);
-  /** Determines if the tab titles are in a vertical format. */
-
-  const isVertical = currentPosition => currentPosition === "left";
   /** Handles the changing of tabs with the mouse */
 
-
   const handleTabClick = ev => {
     if (Event.isEventType(ev, "keydown")) {
       return;
@@ -147,7 +143,7 @@ const Tabs = ({
 
   const handleKeyDown = index => {
     return event => {
-      const isTabVertical = isVertical(position);
+      const isTabVertical = isInSidebar || position === "left";
       const isUp = isTabVertical && Event.isUpKey(event);
       const isDown = isTabVertical && Event.isDownKey(event);
       const isLeft = !isTabVertical && Event.isLeftKey(event);

package/esm/components/textbox/__internal__/prefix.style.d.ts

@@ -1,2 +1,5 @@
-declare const StyledPrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
+import { TextboxProps } from "../textbox.component";
+declare const StyledPrefix: import("styled-components").StyledComponent<"span", any, {
+    size: NonNullable<TextboxProps["size"]>;
+}, never>;
 export default StyledPrefix;

package/esm/components/textbox/__internal__/prefix.style.js

@@ -1,7 +1,14 @@
 import styled from "styled-components";
+import InputSizes from "../../../__internal__/input/input-sizes.style";
 const StyledPrefix = styled.span`
   align-self: center;
   font-weight: 900;
-  margin-right: 8px;
+  margin-left: ${({
+  size
+}) => InputSizes[size].horizontalPadding}; // margin must match the original component padding
+
+  && + input {
+    padding-left: var(--spacing100);
+  }
 `;
 export default StyledPrefix;

package/esm/components/textbox/textbox.component.js

@@ -114,7 +114,8 @@ const Textbox = ({
     positionedChildren: positionedChildren,
     hasIcon: hasIconInside
   }, leftChildren, prefix && /*#__PURE__*/React.createElement(StyledPrefix, {
-    "data-element": "textbox-prefix"
+    "data-element": "textbox-prefix",
+    size: size
   }, prefix), /*#__PURE__*/React.createElement(Input, _extends({}, required && {
     required
   }, {

package/lib/components/batch-selection/batch-selection.component.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface BatchSelectionProps {
+    /** Content to be rendered after selected count */
+    children: React.ReactNode;
+    /** Color of the background, transparent if not defined */
+    colorTheme?: "dark" | "light" | "white" | "transparent";
+    /** If true disables all user interaction */
+    disabled?: boolean;
+    /** Hidden if true */
+    hidden?: boolean;
+    /** Number of selected elements */
+    selectedCount: number;
+}
+export declare const BatchSelection: ({ disabled, children, colorTheme, selectedCount, hidden, }: BatchSelectionProps) => JSX.Element;
+export default BatchSelection;

package/lib/components/batch-selection/batch-selection.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.BatchSelection = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -18,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const BatchSelection = ({
   disabled,
   children,
-  colorTheme,
+  colorTheme = "transparent",
   selectedCount,
   hidden
 }) => {
@@ -33,24 +33,13 @@ const BatchSelection = ({
   }, l.batchSelection.selected(selectedCount)), children);
 };
 
+exports.BatchSelection = BatchSelection;
 BatchSelection.propTypes = {
-  /** Content to be rendered after selected count */
-  children: _propTypes.default.node.isRequired,
-
-  /** Number of selected elements */
-  selectedCount: _propTypes.default.number.isRequired,
-
-  /** Color of the background, transparent if not defined */
-  colorTheme: _propTypes.default.oneOf(["dark", "light", "white", "transparent"]),
-
-  /** If true disables all user interaction */
-  disabled: _propTypes.default.bool,
-
-  /** Hidden if true */
-  hidden: _propTypes.default.bool
-};
-BatchSelection.defaultProps = {
-  colorTheme: "transparent"
+  "children": _propTypes.default.node,
+  "colorTheme": _propTypes.default.oneOf(["dark", "light", "transparent", "white"]),
+  "disabled": _propTypes.default.bool,
+  "hidden": _propTypes.default.bool,
+  "selectedCount": _propTypes.default.number.isRequired
 };
 var _default = BatchSelection;
 exports.default = _default;

package/lib/components/batch-selection/batch-selection.style.d.ts

@@ -0,0 +1,4 @@
+import { BatchSelectionProps } from ".";
+declare const StyledBatchSelection: import("styled-components").StyledComponent<"div", any, Pick<BatchSelectionProps, "disabled" | "hidden" | "colorTheme">, never>;
+declare const StyledSelectionCount: import("styled-components").StyledComponent<"span", any, {}, never>;
+export { StyledBatchSelection, StyledSelectionCount };

package/lib/components/batch-selection/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./batch-selection";
+export { default } from "./batch-selection.component";
+export type { BatchSelectionProps } from "./batch-selection.component";

package/lib/components/tabs/tabs.component.js

@@ -134,12 +134,8 @@ const Tabs = ({
       previousSelectedTabId.current = selectedTabId;
     }
   }, [blurPreviousSelectedTab, previousSelectedTabId, selectedTabId, selectedTabIdState]);
-  /** Determines if the tab titles are in a vertical format. */
-
-  const isVertical = currentPosition => currentPosition === "left";
   /** Handles the changing of tabs with the mouse */
 
-
   const handleTabClick = ev => {
     if (_events.default.isEventType(ev, "keydown")) {
       return;
@@ -177,7 +173,7 @@ const Tabs = ({
 
   const handleKeyDown = index => {
     return event => {
-      const isTabVertical = isVertical(position);
+      const isTabVertical = isInSidebar || position === "left";
 
       const isUp = isTabVertical && _events.default.isUpKey(event);
 

package/lib/components/textbox/__internal__/prefix.style.d.ts

@@ -1,2 +1,5 @@
-declare const StyledPrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
+import { TextboxProps } from "../textbox.component";
+declare const StyledPrefix: import("styled-components").StyledComponent<"span", any, {
+    size: NonNullable<TextboxProps["size"]>;
+}, never>;
 export default StyledPrefix;

package/lib/components/textbox/__internal__/prefix.style.js

@@ -7,12 +7,20 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _inputSizes = _interopRequireDefault(require("../../../__internal__/input/input-sizes.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const StyledPrefix = _styledComponents.default.span`
   align-self: center;
   font-weight: 900;
-  margin-right: 8px;
+  margin-left: ${({
+  size
+}) => _inputSizes.default[size].horizontalPadding}; // margin must match the original component padding
+
+  && + input {
+    padding-left: var(--spacing100);
+  }
 `;
 var _default = StyledPrefix;
 exports.default = _default;

package/lib/components/textbox/textbox.component.js

@@ -144,7 +144,8 @@ const Textbox = ({
     positionedChildren: positionedChildren,
     hasIcon: hasIconInside
   }, leftChildren, prefix && /*#__PURE__*/_react.default.createElement(_prefix.default, {
-    "data-element": "textbox-prefix"
+    "data-element": "textbox-prefix",
+    size: size
   }, prefix), /*#__PURE__*/_react.default.createElement(_input.Input, _extends({}, required && {
     required
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "112.0.0",
+  "version": "112.0.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

package/esm/components/batch-selection/batch-selection.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-
-export interface BatchSelectionProps {
-  /** Content to be rendered after selected count */
-  children: React.ReactNode;
-  /** Color of the background, transparent if not defined */
-  colorTheme?: "dark" | "light" | "white" | "transparent";
-  /** If true disables all user interaction */
-  disabled?: boolean;
-  /** Hidden if true */
-  hidden?: boolean;
-  /** Number of selected elements */
-  selectedCount: number;
-}
-
-declare function BatchSelection(props: BatchSelectionProps): JSX.Element;
-
-export default BatchSelection;

package/lib/components/batch-selection/batch-selection.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-
-export interface BatchSelectionProps {
-  /** Content to be rendered after selected count */
-  children: React.ReactNode;
-  /** Color of the background, transparent if not defined */
-  colorTheme?: "dark" | "light" | "white" | "transparent";
-  /** If true disables all user interaction */
-  disabled?: boolean;
-  /** Hidden if true */
-  hidden?: boolean;
-  /** Number of selected elements */
-  selectedCount: number;
-}
-
-declare function BatchSelection(props: BatchSelectionProps): JSX.Element;
-
-export default BatchSelection;