carbon-react 110.0.1 → 110.0.4

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

@@ -0,0 +1,55 @@
+export declare const PROFILE_SIZES: readonly ["XS", "S", "M", "ML", "L", "XL", "XXL"];
+declare type AllProfileSizes = typeof PROFILE_SIZES;
+export declare type ProfileSize = AllProfileSizes[number];
+declare const _default: {
+    XS: {
+        nameSize: string;
+        emailSize: string;
+        lineHeight: string;
+        marginLeft: string;
+        marginTop: string;
+    };
+    S: {
+        nameSize: string;
+        emailSize: string;
+        lineHeight: string;
+        marginLeft: string;
+        marginTop: string;
+    };
+    M: {
+        nameSize: string;
+        emailSize: string;
+        lineHeight: string;
+        marginLeft: string;
+        marginTop: string;
+    };
+    ML: {
+        nameSize: string;
+        emailSize: string;
+        lineHeight: string;
+        marginLeft: string;
+        marginTop: string;
+    };
+    L: {
+        nameSize: string;
+        emailSize: string;
+        lineHeight: string;
+        marginLeft: string;
+        marginTop: string;
+    };
+    XL: {
+        nameSize: string;
+        emailSize: string;
+        lineHeight: string;
+        marginLeft: string;
+        marginTop: string;
+    };
+    XXL: {
+        nameSize: string;
+        emailSize: string;
+        lineHeight: string;
+        marginLeft: string;
+        marginTop: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+import Portrait from "../portrait";
+import { ProfileSize } from "./profile.config";
+interface ProfileSizeProps {
+    size?: ProfileSize;
+}
+interface ProfileHasSrcProps {
+    hasSrc: boolean;
+}
+interface ProfileDetailsStyleProps extends ProfileSizeProps, ProfileHasSrcProps {
+}
+declare const ProfileNameStyle: import("styled-components").StyledComponent<"span", any, ProfileSizeProps, never>;
+declare const ProfileEmailStyle: import("styled-components").StyledComponent<"span", any, ProfileSizeProps, never>;
+declare const ProfileStyle: import("styled-components").StyledComponent<"div", any, ProfileHasSrcProps, never>;
+declare const ProfileDetailsStyle: import("styled-components").StyledComponent<"div", any, ProfileDetailsStyleProps, never>;
+declare const ProfileAvatarStyle: import("styled-components").StyledComponent<typeof Portrait, any, {}, never>;
+export { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle, };

package/lib/components/profile/profile.style.js

@@ -21,13 +21,13 @@ const ProfileNameStyle = _styledComponents.default.span`
   font-weight: bold;
   display: block;
   font-size: ${({
-  size
+  size = "M"
 }) => _profile.default[size].nameSize};
 `;
 exports.ProfileNameStyle = ProfileNameStyle;
 const ProfileEmailStyle = _styledComponents.default.span`
   font-size: ${({
-  size
+  size = "M"
 }) => _profile.default[size].emailSize};
 `;
 exports.ProfileEmailStyle = ProfileEmailStyle;
@@ -46,13 +46,13 @@ const ProfileDetailsStyle = _styledComponents.default.div`
   display: inline-block;
   margin-top: ${({
   hasSrc,
-  size
+  size = "M"
 }) => hasSrc ? _profile.default[size].marginTop : ""};
   line-height: ${({
-  size
+  size = "M"
 }) => _profile.default[size].lineHeight};
   margin-left: ${({
-  size
+  size = "M"
 }) => _profile.default[size].marginLeft};
 `;
 exports.ProfileDetailsStyle = ProfileDetailsStyle;
@@ -62,13 +62,4 @@ const ProfileAvatarStyle = (0, _styledComponents.default)(_portrait.default)`
 exports.ProfileAvatarStyle = ProfileAvatarStyle;
 ProfileStyle.defaultProps = {
   theme: _base.default
-};
-ProfileNameStyle.defaultProps = {
-  size: "M"
-};
-ProfileEmailStyle.defaultProps = {
-  size: "M"
-};
-ProfileDetailsStyle.defaultProps = {
-  size: "M"
 };

package/lib/components/sidebar/sidebar.component.js

@@ -61,7 +61,7 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
   const {
     current: titleId
   } = (0, _react.useRef)((0, _guid.default)());
-  let sidebarRef = (0, _react.useRef)();
+  let sidebarRef = (0, _react.useRef)(null);
   if (ref) sidebarRef = ref;
 
   const closeIcon = () => {

package/lib/components/sidebar/sidebar.style.js

@@ -20,6 +20,11 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 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; }
 
 const SidebarStyle = _styledComponents.default.div`
+  // prevents outline being added in safari
+  :focus {
+    outline: none;
+  }
+
   ${({
   onCancel,
   position,

package/package.json

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

package/esm/components/definition-list/dd.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-
-export interface DdProps extends SpaceProps {
-  /** Prop for what will render in the `<Dd></Dd>` tags */
-  children: React.ReactNode;
-}
-
-declare function DdComponent(props: DdProps): JSX.Element;
-
-export default DdComponent;

package/esm/components/definition-list/dl.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-
-export interface DlProps extends SpaceProps {
-  /** This string will specify the text align styling of the `<dt></dt>`. */
-  dtTextAlign?: "left" | "center" | "right";
-  /** This string will specify the text align styling of the `<dd></dd>`. */
-  ddTextAlign?: "left" | "center" | "right";
-  /** This value will specify the width of the `StyledDtDiv` as a percentage. */
-  w?: number;
-  /** prop to render children. */
-  children: React.ReactNode;
-  /** Render the DefinitionList as a single column */
-  asSingleColumn?: boolean;
-}
-
-declare function DlComponent(props: DlProps): JSX.Element;
-
-export default DlComponent;

package/esm/components/definition-list/dt.d.ts

@@ -1,10 +0,0 @@
-import { SpaceProps } from "styled-system";
-
-export interface DtProps extends SpaceProps {
-  /** prop for dt text */
-  children: string;
-}
-
-declare function DtComponent(props: DtProps): JSX.Element;
-
-export default DtComponent;

package/esm/components/profile/profile.d.ts

@@ -1,18 +0,0 @@
-export interface ProfileProps {
-  /** [Legacy] A custom class name for the component */
-  className?: string;
-  /** Custom source URL */
-  src?: string;
-  /** Define the name to display. */
-  name: string;
-  /** Define the email to use (will check Gravatar for image). */
-  email: string;
-  /** Define initials to display if there is no Gravatar image. */
-  initials?: string;
-  /** Allow to setup size for the component */
-  size?: "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL";
-}
-
-declare function Profile(props: ProfileProps): JSX.Element;
-
-export default Profile;

package/lib/components/definition-list/dd.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-
-export interface DdProps extends SpaceProps {
-  /** Prop for what will render in the `<Dd></Dd>` tags */
-  children: React.ReactNode;
-}
-
-declare function DdComponent(props: DdProps): JSX.Element;
-
-export default DdComponent;

package/lib/components/definition-list/dl.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-
-export interface DlProps extends SpaceProps {
-  /** This string will specify the text align styling of the `<dt></dt>`. */
-  dtTextAlign?: "left" | "center" | "right";
-  /** This string will specify the text align styling of the `<dd></dd>`. */
-  ddTextAlign?: "left" | "center" | "right";
-  /** This value will specify the width of the `StyledDtDiv` as a percentage. */
-  w?: number;
-  /** prop to render children. */
-  children: React.ReactNode;
-  /** Render the DefinitionList as a single column */
-  asSingleColumn?: boolean;
-}
-
-declare function DlComponent(props: DlProps): JSX.Element;
-
-export default DlComponent;

package/lib/components/definition-list/dt.d.ts

@@ -1,10 +0,0 @@
-import { SpaceProps } from "styled-system";
-
-export interface DtProps extends SpaceProps {
-  /** prop for dt text */
-  children: string;
-}
-
-declare function DtComponent(props: DtProps): JSX.Element;
-
-export default DtComponent;

package/lib/components/profile/profile.d.ts

@@ -1,18 +0,0 @@
-export interface ProfileProps {
-  /** [Legacy] A custom class name for the component */
-  className?: string;
-  /** Custom source URL */
-  src?: string;
-  /** Define the name to display. */
-  name: string;
-  /** Define the email to use (will check Gravatar for image). */
-  email: string;
-  /** Define initials to display if there is no Gravatar image. */
-  initials?: string;
-  /** Allow to setup size for the component */
-  size?: "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL";
-}
-
-declare function Profile(props: ProfileProps): JSX.Element;
-
-export default Profile;