@adamjanicki/ui 1.1.5 → 1.1.6

package/components/Button/Button.d.ts

@@ -14,11 +14,11 @@ type DefaultButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTM
      */
     LinkElement?: CustomLinkElement;
 };
-type IconButtonProps = Omit<DefaultButtonProps, "children"> & {
+type IconButtonProps = Omit<DefaultButtonProps, "children" | "aria-label"> & {
     /**
      * Name of the button for accessibility purposes
      */
-    name: string;
+    "aria-label": string;
     /**
      * Icon to display inside the button
      * I would usually use FontAwesome, but for added flexibility, it's any node

package/components/Button/Button.js

@@ -33,8 +33,8 @@ export var UnstyledButton = forwardRef(function (_a, ref) {
     return _jsx("button", __assign({}, props, { className: className, ref: ref }));
 });
 export var IconButton = forwardRef(function (_a, ref) {
-    var name = _a.name, icon = _a.icon, className = _a.className, props = __rest(_a, ["name", "icon", "className"]);
-    return (_jsx(UnstyledButton, __assign({}, props, { "aria-label": name, className: classNames("ajui-icon-button", className), ref: ref, children: icon })));
+    var icon = _a.icon, className = _a.className, props = __rest(_a, ["icon", "className"]);
+    return (_jsx(UnstyledButton, __assign({}, props, { className: classNames("ajui-icon-button", className), ref: ref, children: icon })));
 });
 var Button = forwardRef(function (_a, ref) {
     var _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.corners, corners = _c === void 0 ? "rounded" : _c, className = _a.className, rest = __rest(_a, ["variant", "corners", "className"]);

package/components/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CornerType } from "../../utils/types";
-type Props = React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> & {
+type Props = Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "aria-label"> & {
     /**
      * Array of options to display in the select
      */
@@ -25,9 +25,9 @@ type Props = React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElemen
      */
     corners?: CornerType;
     /**
-     * Name of the select element for accessibility purposes
+     * Name of the select for accessibility purposes
      */
-    name: string;
+    "aria-label": string;
 };
 declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSelectElement>>;
 export default _default;

package/components/Select/Select.js

@@ -25,7 +25,7 @@ import { forwardRef } from "react";
 import { classNames } from "../../utils/util";
 var identity = function (x) { return x; };
 var Select = function (_a, ref) {
-    var className = _a.className, options = _a.options, _b = _a.getOptionValue, getOptionValue = _b === void 0 ? identity : _b, _c = _a.getOptionLabel, getOptionLabel = _c === void 0 ? identity : _c, _d = _a.corners, corners = _d === void 0 ? "rounded" : _d, name = _a.name, props = __rest(_a, ["className", "options", "getOptionValue", "getOptionLabel", "corners", "name"]);
-    return (_jsx("select", __assign({}, props, { ref: ref, className: classNames("ajui-select-base corners--".concat(corners), className), "aria-label": name, children: options.map(function (option, index) { return (_jsx("option", { value: getOptionValue(option), children: getOptionLabel(option) }, index)); }) })));
+    var className = _a.className, options = _a.options, _b = _a.getOptionValue, getOptionValue = _b === void 0 ? identity : _b, _c = _a.getOptionLabel, getOptionLabel = _c === void 0 ? identity : _c, _d = _a.corners, corners = _d === void 0 ? "rounded" : _d, props = __rest(_a, ["className", "options", "getOptionValue", "getOptionLabel", "corners"]);
+    return (_jsx("select", __assign({}, props, { ref: ref, className: classNames("ajui-select-base corners--".concat(corners), className), children: options.map(function (option, index) { return (_jsx("option", { value: getOptionValue(option), children: getOptionLabel(option) }, index)); }) })));
 };
 export default forwardRef(Select);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Basic UI components and hooks for React in TypeScript",
   "main": "./index.js",
   "types": "./index.d.ts",