@phillips/seldon 1.136.0 → 1.137.0

package/dist/components/Button/Button.js

@@ -1,76 +1,73 @@
-import { jsxs as k, Fragment as $, jsx as o } from "react/jsx-runtime";
-import v from "../../node_modules/classnames/index.js";
+import { jsxs as N, Fragment as k, jsx as o } from "react/jsx-runtime";
+import $ from "../../node_modules/classnames/index.js";
 import { getCommonProps as b, px as P } from "../../utils/index.js";
 import { ButtonVariants as j } from "./types.js";
 import { forwardRef as y, useState as H } from "react";
 const L = y(
   ({
     variant: s = j.primary,
-    children: l,
-    className: a,
-    isIconLast: i = !1,
-    type: x = "button",
-    isDisabled: n = !1,
-    href: t,
-    target: m,
-    prefetch: d = "none",
-    isSkeletonLoading: B,
+    children: a,
+    className: l,
+    isIconLast: m = !1,
+    type: v = "button",
+    isDisabled: t = !1,
+    href: n,
+    target: i,
+    prefetch: c = "none",
+    isSkeletonLoading: x,
     ...r
-  }, u) => {
-    const { className: e, ...c } = b(r, "Button"), [C, N] = H(!1);
-    if (t) {
-      const f = () => /* @__PURE__ */ k($, { children: [
-        /* @__PURE__ */ o("link", { "data-testid": "prefetch-link", rel: "prefetch", href: t }),
-        /* @__PURE__ */ o("link", { "data-testid": "modulepreload-link", rel: "modulepreload", href: t })
-      ] });
-      return /* @__PURE__ */ k($, { children: [
+  }, f) => {
+    const { className: e, ...u } = b(r, "Button"), [B, C] = H(!1);
+    if (n) {
+      const d = () => /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o("link", { "data-testid": "prefetch-link", rel: "prefetch", href: n }) });
+      return /* @__PURE__ */ N(k, { children: [
         /* @__PURE__ */ o(
           "a",
           {
-            ...c,
-            ref: u,
-            href: t,
-            className: v(
+            ...u,
+            ref: f,
+            href: n,
+            className: $(
               `${e}`,
               `${e}--${s}`,
               {
-                [`${e}--icon-last`]: i
+                [`${e}--icon-last`]: m
               },
-              a
+              l
             ),
-            target: m,
-            rel: m === "_blank" ? "noopener noreferrer" : void 0,
+            target: i,
+            rel: i === "_blank" ? "noopener noreferrer" : void 0,
             onMouseOver: () => {
-              n || N(!0);
+              t || C(!0);
             },
             onClick: (p) => {
-              n ? p.preventDefault() : r.onClick?.(p);
+              t ? p.preventDefault() : r.onClick?.(p);
             },
-            children: l
+            children: a
           }
         ),
-        d === "intent" && C && /* @__PURE__ */ o(f, {}),
-        d === "render" && /* @__PURE__ */ o(f, {})
+        c === "intent" && B && /* @__PURE__ */ o(d, {}),
+        c === "render" && /* @__PURE__ */ o(d, {})
       ] });
     } else
       return /* @__PURE__ */ o(
         "button",
         {
-          ...c,
-          ref: u,
-          type: x,
-          className: v(
+          ...u,
+          ref: f,
+          type: v,
+          className: $(
             `${e}`,
             `${e}--${s}`,
             {
-              [`${e}--icon-last`]: i,
-              [`${P}-skeleton`]: B
+              [`${e}--icon-last`]: m,
+              [`${P}-skeleton`]: x
             },
-            a
+            l
           ),
-          disabled: n,
+          disabled: t,
           ...r,
-          children: l
+          children: a
         }
       );
   }

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,10 @@
+export interface LoaderProps {
+    /** Prop for centering Loader component */
+    isCentered?: boolean;
+    /** Accessible label for the loader */
+    'aria-label'?: string;
+    /** Additional class names for the loader */
+    className?: string;
+}
+declare const Loader: import('react').ForwardRefExoticComponent<LoaderProps & import('react').RefAttributes<HTMLSpanElement>>;
+export default Loader;

package/dist/components/Loader/Loader.stories.d.ts

@@ -0,0 +1,24 @@
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Loader').LoaderProps & import('react').RefAttributes<HTMLSpanElement>>;
+    argTypes: {
+        isCentered: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+export declare const LoaderDefault: () => import("react/jsx-runtime").JSX.Element;
+export declare const LoaderNotCentered: {
+    (args: {
+        isCentered: boolean;
+    }): import("react/jsx-runtime").JSX.Element;
+    args: {
+        isCentered: boolean;
+    };
+    argTypes: {
+        isCentered: {
+            control: string;
+        };
+    };
+};

package/dist/scss/componentStyles.scss

@@ -24,6 +24,7 @@
 @use 'components/Toggle/toggle';
 @use 'components/Link/link';
 @use 'components/LinkBlock/linkBlock';
+@use 'components/Loader/loader';
 @use 'components/LinkList/linkList';
 @use 'components/Text/text';
 @use 'components/TextSymbol/textSymbol';

package/dist/scss/components/Loader/loader.scss

@@ -0,0 +1,26 @@
+@use '../../allPartials' as *;
+
+.#{$px}-loader {
+  animation: rotation 1s linear infinite;
+  border: 2px solid $primary-black;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  box-sizing: border-box;
+  display: flex;
+  height: var(--button-label-line-height);
+  width: var(--button-label-line-height);
+
+  &--centered {
+    margin: auto;
+  }
+
+  @keyframes rotation {
+    0% {
+      transform: rotate(0deg);
+    }
+
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.136.0",
+  "version": "1.137.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"