carbon-react 134.2.0 → 135.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/esm/components/portal/portal.js +1 -0
  2. package/esm/components/toast/toast.component.d.ts +0 -2
  3. package/esm/components/toast/toast.component.js +7 -15
  4. package/esm/components/toast/toast.style.d.ts +0 -3
  5. package/esm/components/toast/toast.style.js +4 -21
  6. package/lib/components/portal/portal.js +1 -0
  7. package/lib/components/toast/toast.component.d.ts +0 -2
  8. package/lib/components/toast/toast.component.js +7 -15
  9. package/lib/components/toast/toast.style.d.ts +0 -3
  10. package/lib/components/toast/toast.style.js +4 -21
  11. package/package.json +1 -1
  12. package/esm/components/carousel/carousel.component.d.ts +0 -25
  13. package/esm/components/carousel/carousel.component.js +0 -125
  14. package/esm/components/carousel/carousel.style.d.ts +0 -20
  15. package/esm/components/carousel/carousel.style.js +0 -154
  16. package/esm/components/carousel/index.d.ts +0 -4
  17. package/esm/components/carousel/index.js +0 -2
  18. package/esm/components/carousel/slide/index.d.ts +0 -2
  19. package/esm/components/carousel/slide/index.js +0 -1
  20. package/esm/components/carousel/slide/slide.component.d.ts +0 -12
  21. package/esm/components/carousel/slide/slide.component.js +0 -9
  22. package/esm/components/carousel/slide/slide.style.d.ts +0 -2
  23. package/esm/components/carousel/slide/slide.style.js +0 -32
  24. package/esm/components/carousel/slide.config.d.ts +0 -3
  25. package/esm/components/carousel/slide.config.js +0 -80
  26. package/esm/components/step-sequence/index.d.ts +0 -4
  27. package/esm/components/step-sequence/index.js +0 -2
  28. package/esm/components/step-sequence/step-sequence-item/index.d.ts +0 -2
  29. package/esm/components/step-sequence/step-sequence-item/index.js +0 -1
  30. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts +0 -19
  31. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.js +0 -43
  32. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts +0 -6
  33. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +0 -96
  34. package/esm/components/step-sequence/step-sequence.component.d.ts +0 -13
  35. package/esm/components/step-sequence/step-sequence.component.js +0 -29
  36. package/esm/components/step-sequence/step-sequence.config.d.ts +0 -2
  37. package/esm/components/step-sequence/step-sequence.config.js +0 -2
  38. package/esm/components/step-sequence/step-sequence.style.d.ts +0 -4
  39. package/esm/components/step-sequence/step-sequence.style.js +0 -21
  40. package/lib/components/carousel/carousel.component.d.ts +0 -25
  41. package/lib/components/carousel/carousel.component.js +0 -135
  42. package/lib/components/carousel/carousel.style.d.ts +0 -20
  43. package/lib/components/carousel/carousel.style.js +0 -162
  44. package/lib/components/carousel/index.d.ts +0 -4
  45. package/lib/components/carousel/index.js +0 -20
  46. package/lib/components/carousel/package.json +0 -6
  47. package/lib/components/carousel/slide/index.d.ts +0 -2
  48. package/lib/components/carousel/slide/index.js +0 -13
  49. package/lib/components/carousel/slide/package.json +0 -6
  50. package/lib/components/carousel/slide/slide.component.d.ts +0 -12
  51. package/lib/components/carousel/slide/slide.component.js +0 -16
  52. package/lib/components/carousel/slide/slide.style.d.ts +0 -2
  53. package/lib/components/carousel/slide/slide.style.js +0 -39
  54. package/lib/components/carousel/slide.config.d.ts +0 -3
  55. package/lib/components/carousel/slide.config.js +0 -85
  56. package/lib/components/step-sequence/index.d.ts +0 -4
  57. package/lib/components/step-sequence/index.js +0 -20
  58. package/lib/components/step-sequence/package.json +0 -6
  59. package/lib/components/step-sequence/step-sequence-item/index.d.ts +0 -2
  60. package/lib/components/step-sequence/step-sequence-item/index.js +0 -13
  61. package/lib/components/step-sequence/step-sequence-item/package.json +0 -6
  62. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts +0 -19
  63. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js +0 -53
  64. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts +0 -6
  65. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +0 -105
  66. package/lib/components/step-sequence/step-sequence.component.d.ts +0 -13
  67. package/lib/components/step-sequence/step-sequence.component.js +0 -37
  68. package/lib/components/step-sequence/step-sequence.config.d.ts +0 -2
  69. package/lib/components/step-sequence/step-sequence.config.js +0 -8
  70. package/lib/components/step-sequence/step-sequence.style.d.ts +0 -4
  71. package/lib/components/step-sequence/step-sequence.style.js +0 -29
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.StepSequenceItem = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _stepSequenceItem = require("./step-sequence-item.style");
10
- var _icon = _interopRequireDefault(require("../../icon"));
11
- var _stepSequence = require("../step-sequence.component");
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
- const StepSequenceItem = ({
17
- hideIndicator = false,
18
- indicator,
19
- status = "incomplete",
20
- hiddenCompleteLabel,
21
- hiddenCurrentLabel,
22
- children,
23
- ariaLabel,
24
- ...rest
25
- }) => {
26
- const {
27
- orientation
28
- } = (0, _react.useContext)(_stepSequence.StepSequenceContext);
29
- const indicatorText = () => {
30
- return !hideIndicator ? /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemIndicator, null, indicator) : null;
31
- };
32
- const icon = () => status === "complete" ? /*#__PURE__*/_react.default.createElement(_icon.default, {
33
- type: "tick"
34
- }) : indicatorText();
35
- const hiddenLabel = () => {
36
- if (hiddenCompleteLabel && status === "complete") {
37
- return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemHiddenLabel, null, hiddenCompleteLabel);
38
- }
39
- if (hiddenCurrentLabel && status === "current") {
40
- return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemHiddenLabel, null, hiddenCurrentLabel);
41
- }
42
- return null;
43
- };
44
- return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItem, _extends({
45
- "data-component": "step-sequence-item",
46
- orientation: orientation,
47
- status: status,
48
- key: `step-seq-item-${indicator}`,
49
- "aria-label": ariaLabel
50
- }, rest), hiddenLabel(), /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemContent, null, icon(), /*#__PURE__*/_react.default.createElement("span", null, children)));
51
- };
52
- exports.StepSequenceItem = StepSequenceItem;
53
- var _default = exports.default = StepSequenceItem;
@@ -1,6 +0,0 @@
1
- import { StepSequenceProps } from "../step-sequence.component";
2
- import { StepSequenceItemProps } from "./step-sequence-item.component";
3
- export declare const StyledStepSequenceItem: import("styled-components").StyledComponent<"li", any, Pick<StepSequenceItemProps, "status"> & Pick<StepSequenceProps, "orientation">, never>;
4
- export declare const StyledStepSequenceItemContent: import("styled-components").StyledComponent<"span", any, {}, never>;
5
- export declare const StyledStepSequenceItemHiddenLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
6
- export declare const StyledStepSequenceItemIndicator: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -1,105 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledStepSequenceItemIndicator = exports.StyledStepSequenceItemHiddenLabel = exports.StyledStepSequenceItemContent = exports.StyledStepSequenceItem = void 0;
7
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
8
- var _icon = _interopRequireDefault(require("../../icon/icon.style"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
- const StyledStepSequenceItem = exports.StyledStepSequenceItem = _styledComponents.default.li`
13
- display: flex;
14
- align-items: center;
15
- flex-grow: 1;
16
- text-align: right;
17
- list-style-type: none;
18
- color: var(--colorsUtilityYin055);
19
-
20
- ${({
21
- orientation,
22
- status
23
- }) => {
24
- const side = orientation === "vertical" ? "left" : "top";
25
- return (0, _styledComponents.css)`
26
- &::before {
27
- content: "";
28
- flex-grow: 1;
29
- display: block;
30
- margin: 0 16px;
31
- border-${side}: var(--sizing025) dashed var(--colorsUtilityYin055);
32
- }
33
-
34
- & span {
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- }
39
-
40
- ${_icon.default} {
41
- margin-right: 8px;
42
- color: var(--colorsBaseTheme, var(--colorsSemanticPositive500));
43
- }
44
-
45
- &:first-child {
46
- flex-grow: 0;
47
-
48
- &::before {
49
- display: none;
50
- }
51
- }
52
-
53
- ${status === "current" && (0, _styledComponents.css)`
54
- color: var(--colorsUtilityYin090);
55
-
56
- &::before {
57
- border-${side}-color: var(--colorsUtilityYin090);
58
- border-${side}-style: solid;
59
- }
60
- `}
61
-
62
- ${status === "complete" && (0, _styledComponents.css)`
63
- color: var(--colorsBaseTheme, var(--colorsSemanticPositive500));
64
-
65
- &::before {
66
- border-${side}-color: var(
67
- --colorsBaseTheme,
68
- var(--colorsSemanticPositive500)
69
- );
70
- border-${side}-style: solid;
71
- }
72
- `}
73
-
74
- ${orientation === "vertical" && (0, _styledComponents.css)`
75
- flex-direction: column;
76
- align-items: flex-start;
77
-
78
- &::before {
79
- flex-grow: 0;
80
- border-left-width: var(--sizing025);
81
- height: 100%;
82
- min-height: var(--sizing300);
83
- margin: 12px 8px;
84
- }
85
- `}
86
- `;
87
- }}
88
- `;
89
- const StyledStepSequenceItemContent = exports.StyledStepSequenceItemContent = _styledComponents.default.span`
90
- display: flex;
91
- `;
92
- const StyledStepSequenceItemHiddenLabel = exports.StyledStepSequenceItemHiddenLabel = _styledComponents.default.span`
93
- position: absolute !important;
94
- height: 1px;
95
- width: 1px;
96
- overflow: hidden;
97
- clip: rect(1px, 1px, 1px, 1px);
98
- `;
99
- const StyledStepSequenceItemIndicator = exports.StyledStepSequenceItemIndicator = _styledComponents.default.span`
100
- display: block;
101
- min-width: 16px;
102
- height: 16px;
103
- margin-right: 8px;
104
- text-align: center;
105
- `;
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { SpaceProps } from "styled-system";
3
- export declare const StepSequenceContext: React.Context<{
4
- orientation: "horizontal" | "vertical";
5
- }>;
6
- export interface StepSequenceProps extends SpaceProps {
7
- /** Step sequence items to be rendered */
8
- children: React.ReactNode;
9
- /** The direction that step sequence items should be rendered */
10
- orientation?: "horizontal" | "vertical";
11
- }
12
- export declare const StepSequence: ({ children, orientation, ...props }: StepSequenceProps) => React.JSX.Element;
13
- export default StepSequence;
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.StepSequenceContext = exports.StepSequence = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
10
- var _stepSequence = _interopRequireDefault(require("./step-sequence.style"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
13
- const StepSequenceContext = exports.StepSequenceContext = /*#__PURE__*/_react.default.createContext({
14
- orientation: "horizontal"
15
- });
16
- let deprecateWarnTriggered = false;
17
- const StepSequence = ({
18
- children,
19
- orientation = "horizontal",
20
- ...props
21
- }) => {
22
- if (!deprecateWarnTriggered) {
23
- deprecateWarnTriggered = true;
24
- _logger.default.deprecate("The `StepSequence` component is deprecated and will soon be removed," + " please use the `StepFlow` component instead.");
25
- }
26
- return /*#__PURE__*/_react.default.createElement(_stepSequence.default, _extends({
27
- "data-component": "step-sequence",
28
- orientation: orientation,
29
- p: 0
30
- }, props), /*#__PURE__*/_react.default.createElement(StepSequenceContext.Provider, {
31
- value: {
32
- orientation
33
- }
34
- }, children));
35
- };
36
- exports.StepSequence = StepSequence;
37
- var _default = exports.default = StepSequence;
@@ -1,2 +0,0 @@
1
- export declare const STEP_SEQUENCE_STEPS: string[];
2
- export declare const STEP_SEQUENCE_ORIENTATION: string[];
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.STEP_SEQUENCE_STEPS = exports.STEP_SEQUENCE_ORIENTATION = void 0;
7
- const STEP_SEQUENCE_STEPS = exports.STEP_SEQUENCE_STEPS = ["complete", "current", "incomplete"];
8
- const STEP_SEQUENCE_ORIENTATION = exports.STEP_SEQUENCE_ORIENTATION = ["horizontal", "vertical"];
@@ -1,4 +0,0 @@
1
- import { SpaceProps } from "styled-system";
2
- import { StepSequenceProps } from "./step-sequence.component";
3
- declare const StyledStepSequence: import("styled-components").StyledComponent<"ol", any, Pick<StepSequenceProps, "orientation"> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
4
- export default StyledStepSequence;
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
8
- var _styledSystem = require("styled-system");
9
- var _themes = require("../../style/themes");
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
- const StyledStepSequence = _styledComponents.default.ol`
13
- display: flex;
14
- margin: 0;
15
- font-weight: bold;
16
-
17
- ${({
18
- orientation
19
- }) => orientation === "vertical" && (0, _styledComponents.css)`
20
- flex-direction: column;
21
- height: 100%;
22
- `}
23
-
24
- ${_styledSystem.space}
25
- `;
26
- StyledStepSequence.defaultProps = {
27
- theme: _themes.baseTheme
28
- };
29
- var _default = exports.default = StyledStepSequence;