@phillips/seldon 1.19.0 → 1.19.1

package/dist/components/Link/Link.d.ts

@@ -1,14 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-export declare const LinkVariants: {
-    /** Default variant, used */
-    readonly standalone: "standalone";
-    /** link rendering emailto: */
-    readonly email: "email";
-    /** these links are being rendered in a list */
-    readonly list: "list";
-    /** link is being rendered within body copy */
-    readonly inline: "inline";
-};
+import { LinkVariants } from './utils';
 export interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
     /**
      * Describes where the link is used. It controls the styling of the link so we apply consistent styles. Defaults to `standalone`.  See the documentation [here](https://www.figma.com/file/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?type=design&node-id=5731-12815) to see where each variant is used.
@@ -16,7 +7,7 @@ export interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
      * @default standalone
      * @see LinkVariants
      */
-    variant?: keyof typeof LinkVariants;
+    variant?: LinkVariants;
     /**
      * The text of the link
      */

package/dist/components/Link/Link.js

@@ -1,40 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import k from "../../node_modules/classnames/index.js";
+import { jsx as k } from "react/jsx-runtime";
+import c from "../../node_modules/classnames/index.js";
 import { px as p } from "../../utils/index.js";
-import { getLinkVariantClassName as d, isLinkExternal as f } from "./utils.js";
-const x = {
-  /** Default variant, used */
-  standalone: "standalone",
-  /** link rendering emailto: */
-  email: "email",
-  /** these links are being rendered in a list */
-  list: "list",
-  /** link is being rendered within body copy */
-  inline: "inline"
-}, V = ({
+import { getLinkVariantClassName as f, isLinkExternal as x, LinkVariants as d } from "./utils.js";
+const V = ({
   children: s,
   id: a,
-  className: e,
-  element: n = "a",
-  variant: i = x.standalone,
-  href: t,
-  ...l
+  className: r,
+  element: t = "a",
+  variant: e = d.standalone,
+  href: n,
+  ...o
 }) => {
-  const r = k(`${p}-link`, d(i), e), o = a ? `link-${a}` : "link", m = f(t);
-  return /* @__PURE__ */ c(
-    n,
+  const i = c(`${p}-link`, f(e), r), l = a ? `link-${a}` : "link", m = x(n);
+  return /* @__PURE__ */ k(
+    t,
     {
-      ...l,
-      href: t,
-      "data-testid": o,
+      ...o,
+      href: n,
+      "data-testid": l,
       id: a,
-      className: r,
-      ...m && n === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
+      className: i,
+      ...m && t === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
       children: s
     }
   );
 };
 export {
-  x as LinkVariants,
   V as default
 };

package/dist/components/Link/utils.d.ts

@@ -1,3 +1,12 @@
-import { LinkVariants } from './Link';
 export declare const getLinkVariantClassName: (variant: keyof typeof LinkVariants) => string;
 export declare const isLinkExternal: (href: string) => boolean;
+export declare enum LinkVariants {
+    /** Default variant, used */
+    standalone = "standalone",
+    /** link rendering emailto: */
+    email = "email",
+    /** these links are being rendered in a list */
+    list = "list",
+    /** link is being rendered within body copy */
+    inline = "inline"
+}

package/dist/components/Link/utils.js

@@ -1,8 +1,10 @@
-import { px as a } from "../../utils/index.js";
-const n = (t) => `${a}-link--${t}`, s = (t) => !!t.match(
+import { px as t } from "../../utils/index.js";
+const n = (l) => `${t}-link--${l}`, a = (l) => !!l.match(
   /(http[s]?:\/\/)(?!.*phillips\.com)([a-zA-Z0-9\-.]+)(:[0-9]{1,4})?([a-zA-Z0-9/\-._~:?#[\]@!$&'()*+,;=]*)/g
 );
+var e = /* @__PURE__ */ ((l) => (l.standalone = "standalone", l.email = "email", l.list = "list", l.inline = "inline", l))(e || {});
 export {
+  e as LinkVariants,
   n as getLinkVariantClassName,
-  s as isLinkExternal
+  a as isLinkExternal
 };

package/dist/components/LinkBlock/LinkBlock.js

@@ -1,14 +1,15 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import k from "../../node_modules/classnames/index.js";
 import { px as d } from "../../utils/index.js";
-import p, { LinkVariants as f } from "../Link/Link.js";
-const $ = ({ linkProps: t, description: e, className: i, id: s, ...l }) => {
-  const a = `${d}-link-block`, c = k(a, i), m = t.element ?? p, n = s ? `link-block-${s}` : "link-block";
-  return /* @__PURE__ */ r("div", { ...l, className: c, id: s, "data-testid": n, children: [
-    /* @__PURE__ */ o(m, { ...t, "data-testid": `${n}-link`, variant: f.list }),
-    /* @__PURE__ */ o("p", { className: `${a}__description`, children: e })
+import p from "../Link/Link.js";
+import { LinkVariants as f } from "../Link/utils.js";
+const h = ({ linkProps: s, description: i, className: e, id: t, ...l }) => {
+  const a = `${d}-link-block`, m = k(a, e), r = s.element ?? p, n = t ? `link-block-${t}` : "link-block";
+  return /* @__PURE__ */ c("div", { ...l, className: m, id: t, "data-testid": n, children: [
+    /* @__PURE__ */ o(r, { ...s, "data-testid": `${n}-link`, variant: f.list }),
+    /* @__PURE__ */ o("p", { className: `${a}__description`, children: i })
   ] });
 };
 export {
-  $ as default
+  h as default
 };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { default as Header, type HeaderProps } from './components/Header/Header'
 export { default as HeroBanner, type HeroBannerProps } from './components/HeroBanner/HeroBanner';
 export { default as Input, type InputProps } from './components/Input/Input';
 export { default as Link, type LinkProps } from './components/Link/Link';
+export { LinkVariants } from './components/Link/utils';
 export { default as LinkBlock, type LinkBlockProps } from './components/LinkBlock/LinkBlock';
 export { default as LinkList, type LinkListProps } from './components/LinkList/LinkList';
 export { default as Select, type SelectProps } from './components/Select/Select';

package/dist/index.js

@@ -1,36 +1,38 @@
 import { default as t } from "./components/Button/Button.js";
 import { default as a } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as l } from "./components/Footer/Footer.js";
+import { default as s } from "./components/Footer/Footer.js";
 import { Grid as u } from "./components/Grid/Grid.js";
-import { default as p } from "./components/Header/Header.js";
+import { default as d } from "./components/Header/Header.js";
 import { default as x } from "./components/HeroBanner/HeroBanner.js";
 import { default as n } from "./components/Input/Input.js";
-import { default as S } from "./components/Link/Link.js";
-import { default as k } from "./components/LinkBlock/LinkBlock.js";
-import { default as g } from "./components/LinkList/LinkList.js";
-import { default as w } from "./components/Select/Select.js";
-import { default as P } from "./components/SplitPanel/SplitPanel.js";
-import { default as y } from "./components/Subscribe/Subscribe.js";
-import { default as F } from "./components/Social/Social.js";
-import { default as I } from "./components/ViewingsList/ViewingsList.js";
-import { default as j } from "./components/ViewingsList/StatefulViewingsList.js";
-import { default as v } from "./pages/Page.js";
+import { default as k } from "./components/Link/Link.js";
+import { LinkVariants as c } from "./components/Link/utils.js";
+import { default as g } from "./components/LinkBlock/LinkBlock.js";
+import { default as b } from "./components/LinkList/LinkList.js";
+import { default as H } from "./components/Select/Select.js";
+import { default as y } from "./components/SplitPanel/SplitPanel.js";
+import { default as F } from "./components/Subscribe/Subscribe.js";
+import { default as I } from "./components/Social/Social.js";
+import { default as j } from "./components/ViewingsList/ViewingsList.js";
+import { default as v } from "./components/ViewingsList/StatefulViewingsList.js";
+import { default as A } from "./pages/Page.js";
 export {
   t as Button,
   a as ErrorBoundary,
-  l as Footer,
+  s as Footer,
   u as Grid,
-  p as Header,
+  d as Header,
   x as HeroBanner,
   n as Input,
-  S as Link,
-  k as LinkBlock,
-  g as LinkList,
-  v as Page,
-  w as Select,
-  F as Social,
-  P as SplitPanel,
-  j as StatefulViewingsList,
-  y as Subscribe,
-  I as ViewingsList
+  k as Link,
+  g as LinkBlock,
+  b as LinkList,
+  c as LinkVariants,
+  A as Page,
+  H as Select,
+  I as Social,
+  y as SplitPanel,
+  v as StatefulViewingsList,
+  F as Subscribe,
+  j as ViewingsList
 };

package/dist/scss/_utils.scss

@@ -79,25 +79,50 @@
   }
 }
 
-@mixin media($breakpoint) {
+@mixin media($breakpoint, $type: 'min') {
   @if $breakpoint == $breakpoint-sm {
     // $breakpoint2: 961px;
-    @media (min-width: $breakpoint2) {
-      @content;
+    @if $type == 'min' {
+      @media (min-width: $breakpoint2) {
+        @content;
+      }
+    }
+
+    @if $type == 'max' {
+      @media (max-width: $breakpoint2) {
+        @content;
+      }
     }
   }
 
   @if $breakpoint == $breakpoint-md {
     // $breakpoint3: 1401px;
-    @media (min-width: $breakpoint3) {
-      @content;
+
+    @if $type == 'min' {
+      @media (min-width: $breakpoint3) {
+        @content;
+      }
+    }
+
+    @if type == 'max' {
+      @media (max-width: $breakpoint3) {
+        @content;
+      }
     }
   }
 
   @if $breakpoint == $breakpoint-lg {
     // $breakpoint4: 1801px;
-    @media (min-width: $breakpoint4) {
-      @content;
+    @if type == 'min' {
+      @media (min-width: $breakpoint4) {
+        @content;
+      }
+    }
+
+    @if type == 'max' {
+      @media (max-width: $breakpoint4) {
+        @content;
+      }
     }
   }
 }

package/dist/scss/components/LinkList/_linkList.scss

@@ -2,10 +2,11 @@
 
 .#{$px}-link-list {
   &--item {
-    grid-column: span 4;
+    // mobile first
+    grid-column: span 2;
 
-    @include media($breakpoint-lg) {
-      grid-column: span 2;
+    @include media($breakpoint-sm) {
+      grid-column: span 4;
     }
   }
 }

package/package.json

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