@deque/cauldron-react 6.14.0-canary.d6bcd11e → 6.14.0-canary.dfa0905e
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/lib/components/Button/index.d.ts +2 -2
- package/lib/index.js +6 -5
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { ButtonHTMLAttributes, Ref } from 'react';
|
|
1
|
+
import React, { type ButtonHTMLAttributes, type Ref } from 'react';
|
|
2
2
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
buttonRef?: Ref<HTMLButtonElement>;
|
|
4
|
-
variant?: 'primary' | 'secondary' | 'tertiary' | 'error' | 'link' | 'tag';
|
|
4
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'error' | 'link' | 'tag' | 'badge';
|
|
5
5
|
thin?: boolean;
|
|
6
6
|
}
|
|
7
7
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
package/lib/index.js
CHANGED
|
@@ -1715,7 +1715,7 @@ var SkipLink = /** @class */ (function (_super) {
|
|
|
1715
1715
|
|
|
1716
1716
|
var Button = React.forwardRef(function (_a, ref) {
|
|
1717
1717
|
var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, thin = _a.thin, children = _a.children, className = _a.className, buttonRef = _a.buttonRef, other = tslib.__rest(_a, ["variant", "thin", "children", "className", "buttonRef"]);
|
|
1718
|
-
return (React__default["default"].createElement("button", tslib.__assign({ type:
|
|
1718
|
+
return (React__default["default"].createElement("button", tslib.__assign({ type: "button", className: classNames__default["default"](className, {
|
|
1719
1719
|
'Button--primary': variant === 'primary',
|
|
1720
1720
|
'Button--secondary': variant === 'secondary',
|
|
1721
1721
|
'Button--error': variant === 'error',
|
|
@@ -1723,7 +1723,8 @@ var Button = React.forwardRef(function (_a, ref) {
|
|
|
1723
1723
|
Link: variant === 'link',
|
|
1724
1724
|
Tag: variant === 'tag',
|
|
1725
1725
|
'Button--tag': variant === 'tag',
|
|
1726
|
-
'Button--thin': thin
|
|
1726
|
+
'Button--thin': thin,
|
|
1727
|
+
'Button--badge': variant === 'badge'
|
|
1727
1728
|
}), ref: ref || buttonRef }, other), children));
|
|
1728
1729
|
});
|
|
1729
1730
|
Button.displayName = 'Button';
|
|
@@ -2281,7 +2282,7 @@ var Select = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
2281
2282
|
'Field__label--has-error': !!error
|
|
2282
2283
|
}) },
|
|
2283
2284
|
React__default["default"].createElement("span", null, label),
|
|
2284
|
-
required && (React__default["default"].createElement("span", { className: "Field__required-text" }, requiredText))),
|
|
2285
|
+
required && (React__default["default"].createElement("span", { className: "Field__required-text", "aria-hidden": "true" }, requiredText))),
|
|
2285
2286
|
React__default["default"].createElement("div", { className: classNames__default["default"]('Field__select--wrapper', {
|
|
2286
2287
|
'Field__select--disabled': disabled,
|
|
2287
2288
|
'Field--has-error': !!error
|
|
@@ -2606,7 +2607,7 @@ var TextField = /** @class */ (function (_super) {
|
|
|
2606
2607
|
'Field__label--has-error': error
|
|
2607
2608
|
}), htmlFor: this.inputId },
|
|
2608
2609
|
React__default["default"].createElement("span", null, label),
|
|
2609
|
-
isRequired && (React__default["default"].createElement("span", { className: "Field__required-text" }, requiredText))),
|
|
2610
|
+
isRequired && (React__default["default"].createElement("span", { className: "Field__required-text", "aria-hidden": "true" }, requiredText))),
|
|
2610
2611
|
React__default["default"].createElement(Field, tslib.__assign({ className: classNames__default["default"](className, {
|
|
2611
2612
|
'Field__text-input': !multiline,
|
|
2612
2613
|
Field__textarea: multiline,
|
|
@@ -4258,7 +4259,7 @@ var Combobox = React.forwardRef(function (_a, ref) {
|
|
|
4258
4259
|
'Field__label--has-error': hasError
|
|
4259
4260
|
}), id: "".concat(id, "-label"), htmlFor: "".concat(id, "-input") },
|
|
4260
4261
|
React__default["default"].createElement("span", null, label),
|
|
4261
|
-
isRequired && (React__default["default"].createElement("span", { className: "Field__required-text" }, requiredText))),
|
|
4262
|
+
isRequired && (React__default["default"].createElement("span", { className: "Field__required-text", "aria-hidden": "true" }, requiredText))),
|
|
4262
4263
|
React__default["default"].createElement(TextFieldWrapper, { className: classNames__default["default"]({ 'TextFieldWrapper--error': hasError }),
|
|
4263
4264
|
// We're handling click here to open the listbox when the wrapping element is clicked,
|
|
4264
4265
|
// there's already keyboard handlers to open the listbox on the input element
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deque/cauldron-react",
|
|
3
|
-
"version": "6.14.0-canary.
|
|
3
|
+
"version": "6.14.0-canary.dfa0905e",
|
|
4
4
|
"license": "MPL-2.0",
|
|
5
5
|
"description": "Fully accessible react components library for Deque Cauldron",
|
|
6
6
|
"homepage": "https://cauldron.dequelabs.com/",
|