@carbon/react 1.3.0-rc.1 → 1.4.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/es/components/Checkbox/Checkbox.Skeleton.js +5 -3
- package/es/components/ComposedModal/next/ComposedModal.js +11 -11
- package/es/components/DatePicker/DatePicker.js +264 -334
- package/es/components/DatePickerInput/DatePickerInput.js +141 -168
- package/es/components/FileUploader/FileUploader.js +3 -3
- package/es/components/FileUploader/FileUploaderButton.js +4 -4
- package/es/components/FileUploader/FileUploaderDropContainer.js +3 -3
- package/es/components/FormGroup/FormGroup.js +1 -2
- package/es/components/IconButton/index.js +2 -2
- package/es/components/MultiSelect/FilterableMultiSelect.js +10 -0
- package/es/components/MultiSelect/next/FilterableMultiSelect.js +11 -0
- package/es/components/RadioButton/RadioButton.js +1 -1
- package/es/components/Slider/Slider.js +11 -0
- package/es/components/StructuredList/next/StructuredList.js +19 -3
- package/es/components/TabContent/TabContent.js +2 -1
- package/es/components/Tabs/next/Tabs.js +31 -25
- package/es/components/UIShell/SideNav.js +1 -1
- package/es/index.js +3 -3
- package/lib/components/Checkbox/Checkbox.Skeleton.js +5 -3
- package/lib/components/ComposedModal/next/ComposedModal.js +11 -11
- package/lib/components/DatePicker/DatePicker.js +261 -331
- package/lib/components/DatePickerInput/DatePickerInput.js +138 -165
- package/lib/components/FileUploader/FileUploader.js +3 -3
- package/lib/components/FileUploader/FileUploaderButton.js +4 -4
- package/lib/components/FileUploader/FileUploaderDropContainer.js +3 -3
- package/lib/components/FormGroup/FormGroup.js +1 -2
- package/lib/components/IconButton/index.js +1 -1
- package/lib/components/MultiSelect/FilterableMultiSelect.js +10 -0
- package/lib/components/MultiSelect/next/FilterableMultiSelect.js +11 -0
- package/lib/components/RadioButton/RadioButton.js +1 -1
- package/lib/components/Slider/Slider.js +11 -0
- package/lib/components/StructuredList/next/StructuredList.js +19 -3
- package/lib/components/TabContent/TabContent.js +2 -1
- package/lib/components/Tabs/next/Tabs.js +31 -25
- package/lib/components/UIShell/SideNav.js +1 -1
- package/lib/index.js +100 -100
- package/package.json +4 -4
- package/es/components/DatePicker/index.js +0 -15
- package/es/components/DatePicker/next/DatePicker.js +0 -562
- package/es/components/DatePickerInput/index.js +0 -15
- package/es/components/DatePickerInput/next/DatePickerInput.js +0 -244
- package/lib/components/DatePicker/index.js +0 -39
- package/lib/components/DatePicker/next/DatePicker.js +0 -573
- package/lib/components/DatePickerInput/index.js +0 -39
- package/lib/components/DatePickerInput/next/DatePickerInput.js +0 -254
|
@@ -19,10 +19,12 @@ var CheckboxSkeleton = function CheckboxSkeleton(_ref) {
|
|
|
19
19
|
|
|
20
20
|
var prefix = usePrefix();
|
|
21
21
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
22
|
-
className: cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-
|
|
23
|
-
}, rest), /*#__PURE__*/React__default.createElement("
|
|
22
|
+
className: cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-skeleton"), className)
|
|
23
|
+
}, rest), /*#__PURE__*/React__default.createElement("div", {
|
|
24
|
+
className: "".concat(prefix, "--checkbox-label")
|
|
25
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
24
26
|
className: "".concat(prefix, "--checkbox-label-text ").concat(prefix, "--skeleton")
|
|
25
|
-
}));
|
|
27
|
+
})));
|
|
26
28
|
};
|
|
27
29
|
|
|
28
30
|
CheckboxSkeleton.propTypes = {
|
|
@@ -195,24 +195,24 @@ var ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedModa
|
|
|
195
195
|
onClick: handleClick,
|
|
196
196
|
onKeyDown: handleKeyDown,
|
|
197
197
|
className: modalClass
|
|
198
|
-
}), /*#__PURE__*/React__default.createElement("
|
|
199
|
-
ref: startSentinel,
|
|
200
|
-
tabIndex: "0",
|
|
201
|
-
role: "link",
|
|
202
|
-
className: "".concat(prefix, "--visually-hidden")
|
|
203
|
-
}, "Focus sentinel"), /*#__PURE__*/React__default.createElement("div", {
|
|
204
|
-
ref: innerModal,
|
|
198
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
205
199
|
className: containerClass,
|
|
206
200
|
role: "dialog",
|
|
207
201
|
"aria-modal": "true",
|
|
208
202
|
"aria-label": ariaLabel ? ariaLabel : generatedAriaLabel,
|
|
209
203
|
"aria-labelledby": ariaLabelledBy
|
|
210
|
-
},
|
|
204
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
205
|
+
type: "button",
|
|
206
|
+
ref: startSentinel,
|
|
207
|
+
className: "".concat(prefix, "--visually-hidden")
|
|
208
|
+
}, "Focus sentinel"), /*#__PURE__*/React__default.createElement("div", {
|
|
209
|
+
ref: innerModal,
|
|
210
|
+
className: "".concat(prefix, "--modal-container-body")
|
|
211
|
+
}, childrenWithProps), /*#__PURE__*/React__default.createElement("button", {
|
|
212
|
+
type: "button",
|
|
211
213
|
ref: endSentinel,
|
|
212
|
-
tabIndex: "0",
|
|
213
|
-
role: "link",
|
|
214
214
|
className: "".concat(prefix, "--visually-hidden")
|
|
215
|
-
}, "Focus sentinel"));
|
|
215
|
+
}, "Focus sentinel")));
|
|
216
216
|
});
|
|
217
217
|
ComposedModal.propTypes = (_ComposedModal$propTy = {}, _defineProperty(_ComposedModal$propTy, 'aria-label', PropTypes.string), _defineProperty(_ComposedModal$propTy, 'aria-labelledby', PropTypes.string), _defineProperty(_ComposedModal$propTy, "children", PropTypes.node), _defineProperty(_ComposedModal$propTy, "className", PropTypes.string), _defineProperty(_ComposedModal$propTy, "containerClassName", PropTypes.string), _defineProperty(_ComposedModal$propTy, "danger", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "onClose", PropTypes.func), _defineProperty(_ComposedModal$propTy, "onKeyDown", PropTypes.func), _defineProperty(_ComposedModal$propTy, "open", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "preventCloseOnClickOutside", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "selectorPrimaryFocus", PropTypes.string), _defineProperty(_ComposedModal$propTy, "selectorsFloatingMenus", PropTypes.string), _defineProperty(_ComposedModal$propTy, "size", PropTypes.oneOf(['xs', 'sm', 'md', 'lg'])), _ComposedModal$propTy);
|
|
218
218
|
ComposedModal.defaultProps = {
|