@adamjanicki/ui 1.5.5 → 1.5.7

package/components/Link/Link.js

@@ -28,11 +28,11 @@ var DefaultLinkElement = forwardRef(function (_a, ref) {
     return _jsx("a", __assign({}, props, { href: to, ref: ref }));
 });
 export var UnstyledLink = forwardRef(function (_a, ref) {
-    var _b = _a.LinkElement, LinkElement = _b === void 0 ? DefaultLinkElement : _b, props = __rest(_a, ["LinkElement"]);
-    return (_jsx(LinkElement, __assign({}, props, { ref: ref })));
+    var _b = _a.LinkElement, LinkElement = _b === void 0 ? DefaultLinkElement : _b, className = _a.className, props = __rest(_a, ["LinkElement", "className"]);
+    return (_jsx(LinkElement, __assign({}, props, { className: classNames("aui-action", className), ref: ref })));
 });
 var Link = forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(UnstyledLink, __assign({}, props, { className: classNames("ajui-link-default", className), ref: ref })));
+    return (_jsx(UnstyledLink, __assign({}, props, { className: classNames("aui-link-default", className), ref: ref })));
 });
 export default Link;

package/components/Select/Select.d.ts

@@ -1,17 +1,10 @@
 import React from "react";
-import { CornerType } from "../../types";
+import type { CornerType } from "../../utils/types";
 type Props = React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> & {
     /**
      * Array of options to display in the select
      */
     options: string[];
-    /**
-     * Mapper function to get the value of the option
-     *
-     * @param option the option to get the value of
-     * @returns the value of the option
-     */
-    getOptionValue?: (option: string) => string;
     /**
      * Mapper function to get the label of the option
      *

package/components/Select/Select.js

@@ -23,9 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "../../functions/classNames";
-var identity = function (x) { return x; };
+import Box from "../Box";
 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, style = _a.style, disabled = _a.disabled, props = __rest(_a, ["className", "options", "getOptionValue", "getOptionLabel", "corners", "style", "disabled"]);
-    return (_jsxs("div", { className: classNames("ajui-select-container", "corners--".concat(corners), disabled ? "ajui-select-disabled" : undefined, className) || undefined, style: style, children: [_jsx("select", __assign({}, props, { ref: ref, className: "ajui-select-base corners--".concat(corners), disabled: disabled, children: options.map(function (option, index) { return (_jsx("option", { value: getOptionValue(option), children: getOptionLabel(option) }, index)); }) })), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", className: "ajui-select-triangle", "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", d: "M 29.175781 50.824219 C 30.738281 52.386719 33.273438 52.386719 34.835938 50.824219 L 58.835938 26.824219 C 60.398438 25.261719 60.398438 22.726562 58.835938 21.164062 C 57.273438 19.601562 54.738281 19.601562 53.175781 21.164062 L 32 42.335938 L 10.824219 21.175781 C 9.261719 19.613281 6.726562 19.613281 5.164062 21.175781 C 3.601562 22.738281 3.601562 25.273438 5.164062 26.835938 L 29.164062 50.835938 Z M 29.175781 50.824219" }) })] }));
+    var className = _a.className, options = _a.options, getOptionLabel = _a.getOptionLabel, _b = _a.corners, corners = _b === void 0 ? "rounded" : _b, style = _a.style, disabled = _a.disabled, props = __rest(_a, ["className", "options", "getOptionLabel", "corners", "style", "disabled"]);
+    return (_jsxs(Box, { className: classNames("aui-select-container", "aui-corners--".concat(corners), disabled ? "aui-select-disabled" : undefined, className), style: style, children: [_jsx("select", __assign({}, props, { ref: ref, className: "aui-select-base aui-corners--".concat(corners), disabled: disabled, children: options.map(function (option, index) { return (_jsx("option", { value: option, children: (getOptionLabel === null || getOptionLabel === void 0 ? void 0 : getOptionLabel(option)) || option }, index)); }) })), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", className: "aui-select-triangle", "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", d: "M 29.175781 50.824219 C 30.738281 52.386719 33.273438 52.386719 34.835938 50.824219 L 58.835938 26.824219 C 60.398438 25.261719 60.398438 22.726562 58.835938 21.164062 C 57.273438 19.601562 54.738281 19.601562 53.175781 21.164062 L 32 42.335938 L 10.824219 21.175781 C 9.261719 19.613281 6.726562 19.613281 5.164062 21.175781 C 3.601562 22.738281 3.601562 25.273438 5.164062 26.835938 L 29.164062 50.835938 Z M 29.175781 50.824219" }) })] }));
 };
 export default forwardRef(Select);

package/components/Spinner/Spinner.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type { Style } from "../../utils/types";
 type Props = {
     /**
      * [Optional] Additional class names to apply to the spinner.
@@ -7,7 +7,7 @@ type Props = {
     /**
      * [Optional] Additional styles to apply to the spinner.
      */
-    style?: React.CSSProperties;
+    style?: Style;
 };
 declare const Spinner: ({ className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Spinner;

package/components/Spinner/Spinner.js

@@ -26,6 +26,6 @@ var Spinner = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
     return (
     // Designed on 2023-08-18
-    _jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", className: classNames("ajui-spinner", className) }, props, { children: _jsx("path", { fill: "currentColor", d: "M256,0C114.62,0,0,114.62,0,256S114.62,512,256,512c70.64,0,134.59-28.61,180.91-74.88l-31.11-31.11c-38.35,38.3-91.31,61.99-149.8,61.99-117.08,0-212-94.92-212-212S138.92,44,256,44V0Z" }) })));
+    _jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", className: classNames("aui-spinner", className) }, props, { children: _jsx("path", { fill: "currentColor", d: "M256,0C114.62,0,0,114.62,0,256S114.62,512,256,512c70.64,0,134.59-28.61,180.91-74.88l-31.11-31.11c-38.35,38.3-91.31,61.99-149.8,61.99-117.08,0-212-94.92-212-212S138.92,44,256,44V0Z" }) })));
 };
 export default Spinner;

package/index.d.ts

@@ -2,13 +2,13 @@ export { default as Alert } from "./components/Alert";
 export { default as Animated } from "./components/Animated";
 export { default as Badge } from "./components/Badge";
 export { default as Banner } from "./components/Banner";
+export { default as Box } from "./components/Box";
 export { default as Button } from "./components/Button";
 export * from "./components/Button";
 export { default as Carousel } from "./components/Carousel";
 export { default as ClickOutside } from "./components/ClickOutside";
 export { default as Hamburger } from "./components/Hamburger";
 export * from "./components/Hamburger";
-export { default as InlineCode } from "./components/InlineCode";
 export { default as Input } from "./components/Input";
 export * from "./components/Input";
 export { default as Layer } from "./components/Layer";

package/index.js

@@ -3,13 +3,13 @@ export { default as Alert } from "./components/Alert";
 export { default as Animated } from "./components/Animated";
 export { default as Badge } from "./components/Badge";
 export { default as Banner } from "./components/Banner";
+export { default as Box } from "./components/Box";
 export { default as Button } from "./components/Button";
 export * from "./components/Button";
 export { default as Carousel } from "./components/Carousel";
 export { default as ClickOutside } from "./components/ClickOutside";
 export { default as Hamburger } from "./components/Hamburger";
 export * from "./components/Hamburger";
-export { default as InlineCode } from "./components/InlineCode";
 export { default as Input } from "./components/Input";
 export * from "./components/Input";
 export { default as Layer } from "./components/Layer";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.5.5",
+  "version": "1.5.7",
   "description": "Basic UI components and hooks for React in TypeScript",
   "type": "module",
   "main": "./index.js",
@@ -15,7 +15,8 @@
     "clean": "./clean.sh",
     "lint": "eslint src --max-warnings=0",
     "build": "npm run clean && npm run lint && tsc; cp src/style.css ./style.css",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "dryrun": "npm publish --dry-run"
   },
   "peerDependencies": {
     "react": ">=18",