carbon-react 119.12.1 → 120.0.0

package/lib/components/typography/typography.style.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _styledSystem = require("styled-system");
+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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 getAs = variant => {
+  switch (variant) {
+    case "h1-large":
+      return "h1";
+    case "segment-header":
+    case "segment-header-small":
+    case "segment-subheader":
+    case "segment-subheader-alt":
+      return "h5";
+    case "big":
+      return "p";
+    default:
+      return variant;
+  }
+};
+const getSize = variant => {
+  switch (variant) {
+    case "h1-large":
+      return "32px";
+    case "h1":
+      return "24px";
+    case "h2":
+      return "22px";
+    case "h3":
+    case "segment-header":
+      return "20px";
+    case "h4":
+    case "segment-header-small":
+      return "18px";
+    case "h5":
+    case "segment-subheader":
+    case "big":
+      return "16px";
+    case "small":
+    case "sub":
+    case "sup":
+      return "13px";
+    case "segment-subheader-alt":
+    case "p":
+    case "b":
+    case "strong":
+    case "em":
+    default:
+      return "14px";
+  }
+};
+const getLineHeight = variant => {
+  switch (variant) {
+    case "h1-large":
+      return "40px";
+    case "h1":
+    case "segment-subheader":
+      return "31px";
+    case "h2":
+      return "29px";
+    case "h3":
+    case "segment-header":
+      return "26px";
+    case "big":
+      return "24px";
+    case "h4":
+    case "segment-header-small":
+      return "23px";
+    case "small":
+    case "sub":
+    case "sup":
+      return "20px";
+    case "h5":
+    case "segment-subheader-alt":
+    case "p":
+    case "b":
+    case "strong":
+    case "em":
+    default:
+      return "21px";
+  }
+};
+const getWeight = variant => {
+  switch (variant) {
+    case "h1-large":
+    case "h1":
+    case "segment-header":
+    case "segment-header-small":
+      return "900";
+    case "h2":
+    case "h3":
+    case "segment-subheader":
+    case "segment-subheader-alt":
+    case "b":
+    case "em":
+    case "strong":
+      return "700";
+    case "h4":
+    case "h5":
+    case "p":
+    case "small":
+    case "big":
+    case "sub":
+    case "sup":
+    default:
+      return "400";
+  }
+};
+const getTransform = variant => {
+  if (variant === "segment-subheader-alt") {
+    return "uppercase";
+  }
+  return "none";
+};
+const getDecoration = variant => {
+  if (variant === "em") {
+    return "underline";
+  }
+  return "none";
+};
+const StyledTypography = _styledComponents.default.span.attrs(({
+  variant,
+  as,
+  fontSize,
+  fontWeight,
+  textTransform,
+  lineHeight,
+  textDecoration
+}) => {
+  return {
+    as: as || getAs(variant),
+    size: fontSize || getSize(variant),
+    weight: fontWeight || getWeight(variant),
+    textTransform: textTransform || getTransform(variant),
+    textDecoration: textDecoration || getDecoration(variant),
+    lineHeight: lineHeight || getLineHeight(variant),
+    defaultMargin: variant === "p" ? "0 0 16px" : "0"
+  };
+})`
+  ${({
+  size,
+  weight,
+  textTransform,
+  lineHeight,
+  defaultMargin,
+  textDecoration,
+  display,
+  variant,
+  listStyleType,
+  whiteSpace,
+  wordWrap,
+  textOverflow,
+  truncate
+}) => (0, _styledComponents.css)`
+    font-style: normal;
+    font-size: ${size};
+    font-weight: ${weight};
+    text-transform: ${textTransform};
+    text-decoration: ${textDecoration};
+    line-height: ${lineHeight};
+    margin: ${defaultMargin};
+    padding: 0;
+    white-space: ${truncate ? "nowrap" : whiteSpace};
+    word-wrap: ${wordWrap};
+    text-overflow: ${truncate ? "ellipsis" : textOverflow};
+    ${truncate && (0, _styledComponents.css)`
+      overflow: hidden;
+    `};
+    ${variant === "sup" && "vertical-align: super;"};
+    ${variant === "sub" && "vertical-align: sub;"};
+    ${display && `display: ${display};`};
+    ${listStyleType && `list-style-type: ${listStyleType};`}; ;
+  `}
+  ${_styledSystem.space}
+    ${({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+}) => (0, _color.default)({
+  color,
+  bg,
+  backgroundColor,
+  ...rest
+})}
+`;
+StyledTypography.defaultProps = {
+  theme: _base.default
+};
+StyledTypography.displayName = "Typography";
+var _default = StyledTypography;
+exports.default = _default;

package/lib/components/vertical-menu/vertical-menu.style.js

@@ -10,7 +10,7 @@ var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-foc
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 var _icon = _interopRequireDefault(require("../icon/icon.style"));
 var _icon2 = _interopRequireDefault(require("../icon"));
-var _box = _interopRequireDefault(require("../box"));
+var _box = _interopRequireDefault(require("../box/box.style"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }

package/lib/style/utils/filter-styled-system-flexbox-props.d.ts

@@ -0,0 +1,3 @@
+import { FlexboxProps } from "styled-system";
+export declare const flexboxPropertyNames: string[];
+export default function filterStyledSystemFlexboxProps(originalObject: Record<string, unknown> | FlexboxProps): FlexboxProps;

package/lib/style/utils/filter-styled-system-flexbox-props.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = filterStyledSystemFlexboxProps;
+exports.flexboxPropertyNames = void 0;
+var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const flexboxPropertyNames = ["alignItems", "alignContent", "justifyItems", "justifyContent", "flexWrap", "flexDirection", "flex", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order"];
+exports.flexboxPropertyNames = flexboxPropertyNames;
+function filterStyledSystemFlexboxProps(originalObject) {
+  return (0, _filterObjectProperties.default)(originalObject, flexboxPropertyNames);
+}

package/lib/style/utils/filter-styled-system-grid-props.d.ts

@@ -0,0 +1,3 @@
+import { GridProps } from "styled-system";
+export declare const gridPropertyNames: string[];
+export default function filterStyledSystemGridProps(originalObject: Record<string, unknown> | GridProps): GridProps;

package/lib/style/utils/filter-styled-system-grid-props.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = filterStyledSystemGridProps;
+exports.gridPropertyNames = void 0;
+var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const gridPropertyNames = ["gridColumn", "gridRow", "gridArea", "gridAutoFlow", "gridAutoRows", "gridAutoColumns", "gridTemplateRows", "gridTemplateColumns", "gridTemplateAreas"];
+exports.gridPropertyNames = gridPropertyNames;
+function filterStyledSystemGridProps(originalObject) {
+  return (0, _filterObjectProperties.default)(originalObject, gridPropertyNames);
+}

package/lib/style/utils/filter-styled-system-layout-props.d.ts

@@ -0,0 +1,3 @@
+import { LayoutProps, PositionProps } from "styled-system";
+export declare const layoutPropertyNames: string[];
+export default function filterStyledSystemLayoutProps(originalObject: Record<string, unknown> | LayoutProps | PositionProps): LayoutProps | PositionProps;

package/lib/style/utils/filter-styled-system-layout-props.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = filterStyledSystemLayoutProps;
+exports.layoutPropertyNames = void 0;
+var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const layoutPropertyNames = ["width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "size", "display", "verticalAlign", "overflow", "overflowX", "overflowY", "position", "top", "right", "bottom", "left"];
+exports.layoutPropertyNames = layoutPropertyNames;
+function filterStyledSystemLayoutProps(originalObject) {
+  return (0, _filterObjectProperties.default)(originalObject, layoutPropertyNames);
+}

package/lib/style/utils/index.d.ts

@@ -1,4 +1,7 @@
 import filterStyledSystemPaddingProps from "./filter-styled-system-padding-props";
 import filterStyledSystemMarginProps from "./filter-styled-system-margin-props";
 import filterOutStyledSystemSpacingProps from "./filter-out-styled-system-spacing-props";
-export { filterStyledSystemPaddingProps, filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps, };
+import filterStyledSystemLayoutProps from "./filter-styled-system-layout-props";
+import filterStyledSystemFlexboxProps from "./filter-styled-system-flexbox-props";
+import filterStyledSystemGridProps from "./filter-styled-system-grid-props";
+export { filterStyledSystemPaddingProps, filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps, filterStyledSystemLayoutProps, filterStyledSystemFlexboxProps, filterStyledSystemGridProps, };

package/lib/style/utils/index.js

@@ -9,6 +9,24 @@ Object.defineProperty(exports, "filterOutStyledSystemSpacingProps", {
     return _filterOutStyledSystemSpacingProps.default;
   }
 });
+Object.defineProperty(exports, "filterStyledSystemFlexboxProps", {
+  enumerable: true,
+  get: function () {
+    return _filterStyledSystemFlexboxProps.default;
+  }
+});
+Object.defineProperty(exports, "filterStyledSystemGridProps", {
+  enumerable: true,
+  get: function () {
+    return _filterStyledSystemGridProps.default;
+  }
+});
+Object.defineProperty(exports, "filterStyledSystemLayoutProps", {
+  enumerable: true,
+  get: function () {
+    return _filterStyledSystemLayoutProps.default;
+  }
+});
 Object.defineProperty(exports, "filterStyledSystemMarginProps", {
   enumerable: true,
   get: function () {
@@ -24,4 +42,7 @@ Object.defineProperty(exports, "filterStyledSystemPaddingProps", {
 var _filterStyledSystemPaddingProps = _interopRequireDefault(require("./filter-styled-system-padding-props"));
 var _filterStyledSystemMarginProps = _interopRequireDefault(require("./filter-styled-system-margin-props"));
 var _filterOutStyledSystemSpacingProps = _interopRequireDefault(require("./filter-out-styled-system-spacing-props"));
+var _filterStyledSystemLayoutProps = _interopRequireDefault(require("./filter-styled-system-layout-props"));
+var _filterStyledSystemFlexboxProps = _interopRequireDefault(require("./filter-styled-system-flexbox-props"));
+var _filterStyledSystemGridProps = _interopRequireDefault(require("./filter-styled-system-grid-props"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

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