carbon-react 110.2.4 → 110.4.1

package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts

@@ -0,0 +1,6 @@
+export const StyledTabsHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledTabsHeaderList: import("styled-components").StyledComponent<"div", any, {
+    alternateStyling: any;
+    isInSidebar: any;
+    position: any;
+}, never>;

package/lib/components/tabs/tab/tab.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledTab;
+declare const StyledTab: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,2 @@
+export default StyledTabs;
+declare const StyledTabs: import("styled-components").StyledComponent<"div", any, {}, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "110.2.4",
+  "version": "110.4.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/components/button-toggle-group/__definition__.js

@@ -1,38 +0,0 @@
-import ButtonToggleGroup from "./button-toggle-group.component";
-import Definition from "./../../../demo/utils/definition";
-const definition = new Definition("button-toggle-group", ButtonToggleGroup, {
-  description: "Adds support for validation, warning and info messages on a group of Button Toggles.",
-  designerNotes: `
-* Similar to [Button Toggle](/components/button-toggle), but use this component when you need your button toggles to act like a single form component, with field help and validation.
-* Unlike [Button Toggle](/components/button-toggle), this component doesn't require one option to be auto-selected.
-  `,
-  relatedComponentsNotes: `
-* Don't need validation on your options? [Try Button Toggle](/components/button-toggle).
-  `,
-  type: "form",
-  propValues: {
-    children: `<ButtonToggle name={ 'grouped' } id={ 'foo' } value={ 'foo' }>
-    Foo
-  </ButtonToggle>
-  <ButtonToggle name={ 'grouped' } id={ 'bar' } value={ 'bar' }>
-    Bar
-  </ButtonToggle>
-  <ButtonToggle name={ 'grouped' } id={ 'baz' } value={ 'baz' }>
-    Baz
-  </ButtonToggle>`,
-    value: ""
-  },
-  propTypes: {
-    children: "Node",
-    className: "String",
-    value: "String"
-  },
-  requiredProps: ["children"],
-  propDescriptions: {
-    value: "The value associated with the button toggle group.",
-    children: "The children to render for the button toggle group."
-  },
-  hiddenProps: ["children", "value"]
-});
-definition.isAnInput();
-export default definition;

package/esm/components/button-toggle-group/button-toggle-group.d.ts

@@ -1,58 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-import { ButtonToggleProps } from "../button-toggle";
-import { ValidationProps } from "../../__internal__/validations";
-
-type ButtonToggle =
-  | React.ReactElement<ButtonToggleProps>
-  | boolean
-  | null
-  | undefined;
-
-export interface ButtonToggleGroupProps extends ValidationProps, MarginProps {
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-component"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-element"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-role"?: string;
-  /** Unique id for the root element of the component */
-  id: string;
-  /** Specifies the name prop to be applied to each button in the group */
-  name: string;
-  /** Togglable buttons to be rendered. Only accepts children of type ButtonToggle */
-  children?: ButtonToggle | ButtonToggle[];
-  /** When true, validation icon will be placed on label instead of being placed on the input */
-  validationOnLabel?: boolean;
-  /** Text for the label. */
-  label?: string;
-  /** Text for the labels help tooltip. */
-  labelHelp?: React.ReactNode;
-  /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
-  labelSpacing?: 1 | 2;
-  /** The percentage width of the ButtonToggleGroup. */
-  inputWidth?: number;
-  /** The text for the field help. */
-  fieldHelp?: string;
-  /** Sets the field help to inline. */
-  fieldHelpInline?: boolean;
-  /** Sets the label to be inline. */
-  labelInline?: boolean;
-  /** The percentage width of the label. */
-  labelWidth?: number;
-  /** The alignment for the text in the label. */
-  labelAlign?: string;
-  /** Callback triggered by blur event on the input. */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** Callback triggered by change event on the input. */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** The value of the Button Toggle Group */
-  value?: string;
-  /** Aria label for rendered help component */
-  helpAriaLabel?: string;
-}
-
-declare function ButtonToggleGroup(props: ButtonToggleGroupProps): JSX.Element;
-
-export default ButtonToggleGroup;

package/esm/components/button-toggle-group/documentation/index.js

@@ -1 +0,0 @@
-export { default } from "./notes.md";

package/esm/components/drawer/drawer.d.ts

@@ -1,44 +0,0 @@
-import * as React from "react";
-
-export interface DrawerSidebarContextProps {
-  isInSidebar: boolean;
-}
-
-export interface DrawerPropTypes {
-  /** Duration of a animation */
-  animationDuration?: string;
-  /** Sets color of sidebar's background */
-  backgroundColor?: string;
-  children: React.ReactNode;
-  /** Set the default state of expansion of the Drawer if component is meant to be used as uncontrolled */
-  defaultExpanded?: boolean;
-  /** Sets the expansion state of the Drawer if component is meant to be used as controlled */
-  expanded?: boolean;
-  /* The (% or px) width of the expanded sidebar  */
-  expandedWidth?: string;
-  /** Sets custom height to Drawer component */
-  height?: string;
-  /** Callback fired when expansion state changes */
-  onChange?: (
-    e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
-    isExpanded: boolean
-  ) => void;
-  /* Sidebar object either html or react component */
-  sidebar?: React.ReactNode;
-  /** Enables expand/collapse button that controls drawer */
-  showControls?: boolean;
-  /** Sets title heading of sidebar's content */
-  title?: string;
-  /** Content to display inside of a footer */
-  footer?: React.ReactNode;
-  /** Makes the header of the drawer sticky. Title prop must also be set. */
-  stickyHeader?: boolean;
-  /** Makes the footer of the drawer sticky. Footer prop must also be set. */
-  stickyFooter?: boolean;
-}
-
-declare const DrawerSidebarContext: React.Context<DrawerSidebarContextProps>;
-declare function Drawer(props: DrawerPropTypes): JSX.Element;
-
-export { DrawerSidebarContext };
-export default Drawer;

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

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-import Locale from "../../locales";
-
-export interface I18nProviderProps {
-  locale: Partial<Locale>;
-  children: React.ReactNode;
-}
-
-declare const I18nProvider: React.FunctionComponent<I18nProviderProps>;
-export default I18nProvider;

package/lib/components/button-toggle-group/__definition__.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _buttonToggleGroup = _interopRequireDefault(require("./button-toggle-group.component"));
-
-var _definition = _interopRequireDefault(require("./../../../demo/utils/definition"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const definition = new _definition.default("button-toggle-group", _buttonToggleGroup.default, {
-  description: "Adds support for validation, warning and info messages on a group of Button Toggles.",
-  designerNotes: `
-* Similar to [Button Toggle](/components/button-toggle), but use this component when you need your button toggles to act like a single form component, with field help and validation.
-* Unlike [Button Toggle](/components/button-toggle), this component doesn't require one option to be auto-selected.
-  `,
-  relatedComponentsNotes: `
-* Don't need validation on your options? [Try Button Toggle](/components/button-toggle).
-  `,
-  type: "form",
-  propValues: {
-    children: `<ButtonToggle name={ 'grouped' } id={ 'foo' } value={ 'foo' }>
-    Foo
-  </ButtonToggle>
-  <ButtonToggle name={ 'grouped' } id={ 'bar' } value={ 'bar' }>
-    Bar
-  </ButtonToggle>
-  <ButtonToggle name={ 'grouped' } id={ 'baz' } value={ 'baz' }>
-    Baz
-  </ButtonToggle>`,
-    value: ""
-  },
-  propTypes: {
-    children: "Node",
-    className: "String",
-    value: "String"
-  },
-  requiredProps: ["children"],
-  propDescriptions: {
-    value: "The value associated with the button toggle group.",
-    children: "The children to render for the button toggle group."
-  },
-  hiddenProps: ["children", "value"]
-});
-definition.isAnInput();
-var _default = definition;
-exports.default = _default;

package/lib/components/button-toggle-group/button-toggle-group.d.ts

@@ -1,58 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-import { ButtonToggleProps } from "../button-toggle";
-import { ValidationProps } from "../../__internal__/validations";
-
-type ButtonToggle =
-  | React.ReactElement<ButtonToggleProps>
-  | boolean
-  | null
-  | undefined;
-
-export interface ButtonToggleGroupProps extends ValidationProps, MarginProps {
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-component"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-element"?: string;
-  /** Identifier used for testing purposes, applied to the root element of the component. */
-  "data-role"?: string;
-  /** Unique id for the root element of the component */
-  id: string;
-  /** Specifies the name prop to be applied to each button in the group */
-  name: string;
-  /** Togglable buttons to be rendered. Only accepts children of type ButtonToggle */
-  children?: ButtonToggle | ButtonToggle[];
-  /** When true, validation icon will be placed on label instead of being placed on the input */
-  validationOnLabel?: boolean;
-  /** Text for the label. */
-  label?: string;
-  /** Text for the labels help tooltip. */
-  labelHelp?: React.ReactNode;
-  /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
-  labelSpacing?: 1 | 2;
-  /** The percentage width of the ButtonToggleGroup. */
-  inputWidth?: number;
-  /** The text for the field help. */
-  fieldHelp?: string;
-  /** Sets the field help to inline. */
-  fieldHelpInline?: boolean;
-  /** Sets the label to be inline. */
-  labelInline?: boolean;
-  /** The percentage width of the label. */
-  labelWidth?: number;
-  /** The alignment for the text in the label. */
-  labelAlign?: string;
-  /** Callback triggered by blur event on the input. */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** Callback triggered by change event on the input. */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** The value of the Button Toggle Group */
-  value?: string;
-  /** Aria label for rendered help component */
-  helpAriaLabel?: string;
-}
-
-declare function ButtonToggleGroup(props: ButtonToggleGroupProps): JSX.Element;
-
-export default ButtonToggleGroup;

package/lib/components/button-toggle-group/documentation/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../esm/components/button-toggle-group/documentation/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/components/drawer/drawer.d.ts

@@ -1,44 +0,0 @@
-import * as React from "react";
-
-export interface DrawerSidebarContextProps {
-  isInSidebar: boolean;
-}
-
-export interface DrawerPropTypes {
-  /** Duration of a animation */
-  animationDuration?: string;
-  /** Sets color of sidebar's background */
-  backgroundColor?: string;
-  children: React.ReactNode;
-  /** Set the default state of expansion of the Drawer if component is meant to be used as uncontrolled */
-  defaultExpanded?: boolean;
-  /** Sets the expansion state of the Drawer if component is meant to be used as controlled */
-  expanded?: boolean;
-  /* The (% or px) width of the expanded sidebar  */
-  expandedWidth?: string;
-  /** Sets custom height to Drawer component */
-  height?: string;
-  /** Callback fired when expansion state changes */
-  onChange?: (
-    e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
-    isExpanded: boolean
-  ) => void;
-  /* Sidebar object either html or react component */
-  sidebar?: React.ReactNode;
-  /** Enables expand/collapse button that controls drawer */
-  showControls?: boolean;
-  /** Sets title heading of sidebar's content */
-  title?: string;
-  /** Content to display inside of a footer */
-  footer?: React.ReactNode;
-  /** Makes the header of the drawer sticky. Title prop must also be set. */
-  stickyHeader?: boolean;
-  /** Makes the footer of the drawer sticky. Footer prop must also be set. */
-  stickyFooter?: boolean;
-}
-
-declare const DrawerSidebarContext: React.Context<DrawerSidebarContextProps>;
-declare function Drawer(props: DrawerPropTypes): JSX.Element;
-
-export { DrawerSidebarContext };
-export default Drawer;

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

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-import Locale from "../../locales";
-
-export interface I18nProviderProps {
-  locale: Partial<Locale>;
-  children: React.ReactNode;
-}
-
-declare const I18nProvider: React.FunctionComponent<I18nProviderProps>;
-export default I18nProvider;