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.
- package/esm/components/portal/portal.js +1 -0
- package/esm/components/toast/toast.component.d.ts +0 -2
- package/esm/components/toast/toast.component.js +7 -15
- package/esm/components/toast/toast.style.d.ts +0 -3
- package/esm/components/toast/toast.style.js +4 -21
- package/lib/components/portal/portal.js +1 -0
- package/lib/components/toast/toast.component.d.ts +0 -2
- package/lib/components/toast/toast.component.js +7 -15
- package/lib/components/toast/toast.style.d.ts +0 -3
- package/lib/components/toast/toast.style.js +4 -21
- package/package.json +1 -1
- package/esm/components/carousel/carousel.component.d.ts +0 -25
- package/esm/components/carousel/carousel.component.js +0 -125
- package/esm/components/carousel/carousel.style.d.ts +0 -20
- package/esm/components/carousel/carousel.style.js +0 -154
- package/esm/components/carousel/index.d.ts +0 -4
- package/esm/components/carousel/index.js +0 -2
- package/esm/components/carousel/slide/index.d.ts +0 -2
- package/esm/components/carousel/slide/index.js +0 -1
- package/esm/components/carousel/slide/slide.component.d.ts +0 -12
- package/esm/components/carousel/slide/slide.component.js +0 -9
- package/esm/components/carousel/slide/slide.style.d.ts +0 -2
- package/esm/components/carousel/slide/slide.style.js +0 -32
- package/esm/components/carousel/slide.config.d.ts +0 -3
- package/esm/components/carousel/slide.config.js +0 -80
- package/esm/components/step-sequence/index.d.ts +0 -4
- package/esm/components/step-sequence/index.js +0 -2
- package/esm/components/step-sequence/step-sequence-item/index.d.ts +0 -2
- package/esm/components/step-sequence/step-sequence-item/index.js +0 -1
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts +0 -19
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.js +0 -43
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts +0 -6
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +0 -96
- package/esm/components/step-sequence/step-sequence.component.d.ts +0 -13
- package/esm/components/step-sequence/step-sequence.component.js +0 -29
- package/esm/components/step-sequence/step-sequence.config.d.ts +0 -2
- package/esm/components/step-sequence/step-sequence.config.js +0 -2
- package/esm/components/step-sequence/step-sequence.style.d.ts +0 -4
- package/esm/components/step-sequence/step-sequence.style.js +0 -21
- package/lib/components/carousel/carousel.component.d.ts +0 -25
- package/lib/components/carousel/carousel.component.js +0 -135
- package/lib/components/carousel/carousel.style.d.ts +0 -20
- package/lib/components/carousel/carousel.style.js +0 -162
- package/lib/components/carousel/index.d.ts +0 -4
- package/lib/components/carousel/index.js +0 -20
- package/lib/components/carousel/package.json +0 -6
- package/lib/components/carousel/slide/index.d.ts +0 -2
- package/lib/components/carousel/slide/index.js +0 -13
- package/lib/components/carousel/slide/package.json +0 -6
- package/lib/components/carousel/slide/slide.component.d.ts +0 -12
- package/lib/components/carousel/slide/slide.component.js +0 -16
- package/lib/components/carousel/slide/slide.style.d.ts +0 -2
- package/lib/components/carousel/slide/slide.style.js +0 -39
- package/lib/components/carousel/slide.config.d.ts +0 -3
- package/lib/components/carousel/slide.config.js +0 -85
- package/lib/components/step-sequence/index.d.ts +0 -4
- package/lib/components/step-sequence/index.js +0 -20
- package/lib/components/step-sequence/package.json +0 -6
- package/lib/components/step-sequence/step-sequence-item/index.d.ts +0 -2
- package/lib/components/step-sequence/step-sequence-item/index.js +0 -13
- package/lib/components/step-sequence/step-sequence-item/package.json +0 -6
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts +0 -19
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js +0 -53
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts +0 -6
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +0 -105
- package/lib/components/step-sequence/step-sequence.component.d.ts +0 -13
- package/lib/components/step-sequence/step-sequence.component.js +0 -37
- package/lib/components/step-sequence/step-sequence.config.d.ts +0 -2
- package/lib/components/step-sequence/step-sequence.config.js +0 -8
- package/lib/components/step-sequence/step-sequence.style.d.ts +0 -4
- 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,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;
|