carbon-react 104.58.8 → 105.0.2

package/lib/components/row/column/column.style.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-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 StyledColumn = _styledComponents.default.div`
-  box-sizing: border-box;
-  float: left;
-  min-height: 1px;
-  width: 100%;
-  ${({
-  columnAlign
-}) => (columnAlign === "center" || columnAlign === "middle") && "text-align: center"}
-
-  ${({
-  columnAlign
-}) => columnAlign === "right" && "text-align: right"}
-  ${({
-  columns
-}) => (0, _styledComponents.css)`
-    width: ${100 / columns}%;
-  `}
-  ${({
-  columns,
-  columnSpan
-}) => (0, _styledComponents.css)`
-    width: ${100 / columns * +columnSpan}%;
-  `}
-  ${({
-  columns,
-  columnOffset
-}) => (0, _styledComponents.css)`
-    margin-left: ${100 / columns * +columnOffset}%;
-  `}
-`;
-var _default = StyledColumn;
-exports.default = _default;

package/lib/components/row/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Row } from "./row";
-export { default as Column } from "./column/column";

package/lib/components/row/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function () {
-    return _row.default;
-  }
-});
-Object.defineProperty(exports, "Column", {
-  enumerable: true,
-  get: function () {
-    return _column.default;
-  }
-});
-
-var _row = _interopRequireDefault(require("./row.component"));
-
-var _column = _interopRequireDefault(require("./column/column.component"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/row/package.json

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

package/lib/components/row/row.component.d.ts

@@ -1,24 +0,0 @@
-export default Row;
-declare function Row({ columns, children, columnClasses, columnDivide, gutter, className, }: {
-    columns: any;
-    children: any;
-    columnClasses: any;
-    columnDivide: any;
-    gutter: any;
-    className: any;
-}): JSX.Element;
-declare namespace Row {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const className: PropTypes.Requireable<string>;
-        const gutter: PropTypes.Requireable<string>;
-        const columnDivide: PropTypes.Requireable<boolean>;
-        const columns: PropTypes.Requireable<string | number>;
-        const columnClasses: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const gutter_1: string;
-        export { gutter_1 as gutter };
-    }
-}
-import PropTypes from "prop-types";

package/lib/components/row/row.component.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _row = _interopRequireDefault(require("./row.style"));
-
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-let deprecatedWarnTriggered = false;
-
-const Row = ({
-  columns,
-  children,
-  columnClasses,
-  columnDivide,
-  gutter,
-  className
-}) => {
-  const columnsCount = columns || _react.default.Children.toArray(children).length;
-
-  if (!deprecatedWarnTriggered) {
-    deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-    _logger.default.deprecate("`Row` component is deprecated and will soon be removed.");
-  }
-
-  const buildColumns = () => _react.default.Children.toArray(children).map(child => /*#__PURE__*/_react.default.cloneElement(child, {
-    columnClasses,
-    columns: columnsCount
-  }, child.props.children));
-
-  return /*#__PURE__*/_react.default.createElement(_row.default, {
-    "data-component": "row",
-    columnDivide: columnDivide,
-    gutter: gutter,
-    className: className,
-    columns: columns || _react.default.Children.toArray(children).length
-  }, buildColumns());
-};
-
-Row.propTypes = {
-  /** This component supports children of type Column. */
-  children: _propTypes.default.node.isRequired,
-
-  /** Classes to apply to the component. */
-  className: _propTypes.default.string,
-
-  /** Define how wide the gutter between the rows and columns should be. */
-  gutter: _propTypes.default.oneOf(["none", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"]),
-
-  /** Enable a divider between each column. */
-  columnDivide: _propTypes.default.bool,
-
-  /** Define a certain amount of columns, instead of basing it on the number of children. */
-  columns: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /** Classes to apply to all column children. */
-  columnClasses: _propTypes.default.string
-};
-Row.defaultProps = {
-  gutter: "medium"
-};
-var _default = Row;
-exports.default = _default;

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

@@ -1,11 +0,0 @@
-export const ROW_SIZES: string[];
-export const ROW_SIZES_CSS: {
-    none: number;
-    "extra-small": number;
-    small: number;
-    "medium-small": number;
-    medium: number;
-    "medium-large": number;
-    large: number;
-    "extra-large": number;
-};

package/lib/components/row/row.config.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ROW_SIZES_CSS = exports.ROW_SIZES = void 0;
-// eslint-disable-next-line import/prefer-default-export
-const ROW_SIZES = ["extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"];
-exports.ROW_SIZES = ROW_SIZES;
-const ROW_SIZES_CSS = {
-  none: 0,
-  "extra-small": 2,
-  small: 5,
-  "medium-small": 10,
-  medium: 15,
-  "medium-large": 30,
-  large: 60,
-  "extra-large": 90
-};
-exports.ROW_SIZES_CSS = ROW_SIZES_CSS;

package/lib/components/row/row.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-
-export interface RowProps {
-  /** This component supports children of type Column. */
-  children: React.ReactNode;
-  /** Classes to apply to the component. */
-  className?: string;
-  /** Define how wide the gutter between the rows and columns should be. */
-  gutter?:
-    | "extra-small"
-    | "small"
-    | "medium-small"
-    | "medium"
-    | "medium-large"
-    | "large"
-    | "extra-large";
-  /** Enable a divider between each column. */
-  columnDivide?: boolean;
-  /** Define a certain amount of columns, instead of basing it on the number of children. */
-  columns?: number | string;
-  /** Classes to apply to all column children. */
-  columnClasses?: string;
-}
-
-declare function Row(props: RowProps): JSX.Element;
-
-export default Row;

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

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

package/lib/components/row/row.style.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-
-var _column = _interopRequireDefault(require("./column/column.style"));
-
-var _row = require("./row.config");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-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 StyledRow = _styledComponents.default.div`
-  clear: both;
-  position: relative;
-
-  ${({
-  gutter,
-  columnDivide
-}) => {
-  const size = _row.ROW_SIZES_CSS[gutter];
-  return (0, _styledComponents.css)`
-      margin-bottom: -${size}px;
-      margin-left: -${size}px;
-
-      ${_column.default} {
-        margin-bottom: ${size}px;
-        padding-left: ${size}px;
-
-        ${columnDivide && (0, _styledComponents.css)`
-          position: relative;
-
-          &:before {
-            content: "";
-            position: absolute;
-            width: 1px;
-            height: 100%;
-            background-color: ${_base.default.palette.slateTint(70)};
-            left: ${size / 2}px;
-            top: 0;
-          }
-
-          &:first-child:before {
-            display: none;
-          }
-        `}
-      }
-    `;
-}}
-
-  /* Clearfix */
-  &:before,
-  &:after {
-    content: "";
-    display: table;
-  }
-  &:after {
-    clear: both;
-  }
-`;
-var _default = StyledRow;
-exports.default = _default;

package/lib/components/vertical-divider/vertical-divider.d.ts

@@ -1,113 +0,0 @@
-import { SpaceProps } from "styled-system";
-
-type TintRange =
-  | 1
-  | 2
-  | 3
-  | 4
-  | 5
-  | 6
-  | 7
-  | 8
-  | 9
-  | 10
-  | 11
-  | 12
-  | 13
-  | 14
-  | 15
-  | 16
-  | 17
-  | 18
-  | 19
-  | 20
-  | 21
-  | 22
-  | 23
-  | 24
-  | 25
-  | 26
-  | 27
-  | 28
-  | 29
-  | 30
-  | 31
-  | 32
-  | 33
-  | 34
-  | 35
-  | 36
-  | 37
-  | 38
-  | 39
-  | 40
-  | 41
-  | 42
-  | 43
-  | 44
-  | 45
-  | 46
-  | 47
-  | 48
-  | 49
-  | 50
-  | 51
-  | 52
-  | 53
-  | 54
-  | 55
-  | 56
-  | 57
-  | 58
-  | 59
-  | 60
-  | 61
-  | 62
-  | 63
-  | 64
-  | 65
-  | 66
-  | 67
-  | 68
-  | 69
-  | 70
-  | 71
-  | 72
-  | 73
-  | 74
-  | 75
-  | 76
-  | 77
-  | 78
-  | 79
-  | 80
-  | 81
-  | 82
-  | 83
-  | 84
-  | 85
-  | 86
-  | 87
-  | 88
-  | 89
-  | 90
-  | 91
-  | 92
-  | 93
-  | 94
-  | 95
-  | 96
-  | 97
-  | 98
-  | 99
-  | 100;
-export interface VerticalDividerPropTypes extends SpaceProps {
-  h?: number | string;
-  displayInline?: boolean;
-  /** the supported rage is 1-100  */
-  tint?: TintRange;
-}
-
-declare function VerticalDivider(props: VerticalDividerPropTypes): JSX.Element;
-
-export default VerticalDivider;