@phillips/seldon 1.25.1 → 1.26.1

package/dist/node_modules/prop-types/checkPropTypes.js

@@ -2,8 +2,7 @@ import { __require as E } from "./lib/ReactPropTypesSecret.js";
 import { __require as _ } from "./lib/has.js";
 var f, v;
 function P() {
-  if (v)
-    return f;
+  if (v) return f;
   v = 1;
   var o = function() {
   };

package/dist/node_modules/prop-types/factoryWithThrowingShims.js

@@ -1,8 +1,7 @@
 import { __require as u } from "./lib/ReactPropTypesSecret.js";
 var o, p;
 function g() {
-  if (p)
-    return o;
+  if (p) return o;
   p = 1;
   var c = u();
   function n() {

package/dist/node_modules/prop-types/factoryWithTypeCheckers.js

@@ -5,8 +5,7 @@ import { __require as re } from "./lib/has.js";
 import { __require as ne } from "./checkPropTypes.js";
 var A, C;
 function oe() {
-  if (C)
-    return A;
+  if (C) return A;
   C = 1;
   var k = F(), W = N(), h = ee(), j = re(), R = ne(), T = function() {
   };

package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.js

@@ -1,7 +1,6 @@
 var e, r;
 function _() {
-  if (r)
-    return e;
+  if (r) return e;
   r = 1;
   var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return e = t, e;

package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js

@@ -9,8 +9,7 @@ import { __exports as r } from "../../../../../_virtual/react-is.production.min.
  */
 var _;
 function g() {
-  if (_)
-    return r;
+  if (_) return r;
   _ = 1;
   var t = typeof Symbol == "function" && Symbol.for, a = t ? Symbol.for("react.element") : 60103, b = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, c = t ? Symbol.for("react.strict_mode") : 60108, f = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, y = t ? Symbol.for("react.forward_ref") : 60112, l = t ? Symbol.for("react.suspense") : 60113, x = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, p = t ? Symbol.for("react.lazy") : 60116, C = t ? Symbol.for("react.block") : 60121, M = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
   function o(e) {

package/dist/node_modules/react-modal/lib/helpers/scopeTab.js

@@ -20,8 +20,7 @@ import { t as _ } from "./tabbable.js";
     }
     var t = void 0, n = r.shiftKey, o = a[0], u = a[a.length - 1], i = v();
     if (e === i) {
-      if (!n)
-        return;
+      if (!n) return;
       t = u;
     }
     if (u === i && !n && (t = o), o === i && n && (t = u), t) {

package/dist/node_modules/react-modal/lib/helpers/tabbable.js

@@ -21,8 +21,7 @@ import { __module as n } from "../../../../_virtual/tabbable.js";
   }
   function b(t) {
     var e = t.offsetWidth <= 0 && t.offsetHeight <= 0;
-    if (e && !t.innerHTML)
-      return !0;
+    if (e && !t.innerHTML) return !0;
     try {
       var r = window.getComputedStyle(t), o = r.getPropertyValue("display");
       return e ? o !== s && c(t, r) : o === d;
@@ -32,8 +31,7 @@ import { __module as n } from "../../../../_virtual/tabbable.js";
   }
   function l(t) {
     for (var e = t, r = t.getRootNode && t.getRootNode(); e && e !== document.body; ) {
-      if (r && e === r && (e = r.host.parentNode), b(e))
-        return !1;
+      if (r && e === r && (e = r.host.parentNode), b(e)) return !1;
       e = e.parentNode;
     }
     return !0;

package/dist/scss/components/Footer/_footer.scss

@@ -6,6 +6,7 @@
 .#{$px}-footer {
   background-color: $off-white;
   border-top: 1px solid $keyline-gray;
+  margin: $spacing-lg 0 0;
   width: 100%;
 
   ul {

package/dist/scss/components/Grid/_grid.scss

@@ -2,11 +2,9 @@
 @import '../../utils';
 
 .#{$px}-grid {
-  &__container {
-    @include gridContainer(false);
-  }
+  @include gridContainer(false);
 
-  &__container--has-margins {
+  &--has-margins {
     margin: 0 $spacing-md;
 
     @media (min-width: 1401px) {

package/dist/scss/styles.scss

@@ -7,11 +7,12 @@
 @import './typography';
 @import './sharedClasses';
 
+// 📑 Pages
+@import 'pages/page';
+
 // ⚛️ Components
 @import 'components/Button/button';
 @import 'components/IconButton/iconButton';
-
-// @import 'components/DatePicker/datePicker';
 @import 'components/Footer/footer';
 @import 'components/Grid/grid';
 @import 'components/Header/header';
@@ -29,6 +30,3 @@
 @import 'components/LinkList/linkList';
 @import 'components/Text/text';
 @import 'components/Modal/modal';
-
-// 📑 Pages
-@import 'pages/page';

package/dist/utils/index.d.ts

@@ -1,5 +1,14 @@
 import * as React from 'react';
 export declare const px = "phillips";
+/**
+ * Returns standard props values incorporating the component name into the class name and data-testid
+ */
+export declare const getCommonProps: ({ id, ...props }: {
+    id?: string | undefined;
+}, componentName: string) => {
+    'data-testid': string;
+    className: string;
+};
 export declare enum PaddingTokens {
     xs = "xs",
     sm = "sm",
@@ -8,16 +17,6 @@ export declare enum PaddingTokens {
     xl = "xl"
 }
 export declare const noOp: () => void;
-export interface CommonProps {
-    /**
-     * Optional className to be applied to the outer most element
-     */
-    className?: string;
-    /**
-     * A custom `id`
-     */
-    id?: string;
-}
 export interface InputProps {
     /**
      * Specify whether the `<input>` should be disabled

package/dist/utils/index.js

@@ -1,36 +1,45 @@
-import { jsx as s } from "react/jsx-runtime";
-const n = "phillips";
-var c = /* @__PURE__ */ ((i) => (i.xs = "xs", i.sm = "sm", i.md = "md", i.lg = "lg", i.xl = "xl", i))(c || {});
-const v = () => {
+import { jsx as o } from "react/jsx-runtime";
+import { kebabCase as c } from "../node_modules/change-case/dist/index.js";
+const t = "phillips", v = ({ id: a, ...i }, e) => {
+  const l = c(e);
+  return {
+    ...i,
+    "data-testid": a ? `${l}-${a}` : `${l}`,
+    className: `${t}-${l}`
+  };
+};
+var $ = /* @__PURE__ */ ((a) => (a.xs = "xs", a.sm = "sm", a.md = "md", a.lg = "lg", a.xl = "xl", a))($ || {});
+const f = () => {
 };
-function p({
-  disabled: i = !1,
-  id: l,
-  invalid: t = !1,
-  invalidText: o = "invalid",
-  readOnly: r = !1,
-  type: e,
-  warn: d = !1,
-  warnText: m
+function x({
+  disabled: a = !1,
+  id: i,
+  invalid: e = !1,
+  invalidText: l = "invalid",
+  readOnly: s = !1,
+  type: r,
+  warn: m = !1,
+  warnText: d
 }) {
-  const a = {
-    disabled: !r && i,
-    invalid: !r && !i && t,
-    invalidId: `${l}-error-msg`,
-    type: e === "toggle" ? "checkbox" : e,
-    warn: !r && !i && !t && d,
-    warnId: `${l}-warn-msg`,
+  const n = {
+    disabled: !s && a,
+    invalid: !s && !a && e,
+    invalidId: `${i}-error-msg`,
+    type: r === "toggle" ? "checkbox" : r,
+    warn: !s && !a && !e && m,
+    warnId: `${i}-warn-msg`,
     validation: null
   };
-  return a.invalid && (a.validation = /* @__PURE__ */ s("div", { className: `${n}-input__validation ${n}-${e}-input--invalid`, id: a.invalidId, children: o })), a.warn && (a.validation = /* @__PURE__ */ s("div", { className: `${n}-input__validation ${n}-${e}-input--warn`, id: a.warnId, children: m })), a;
+  return n.invalid && (n.validation = /* @__PURE__ */ o("div", { className: `${t}-input__validation ${t}-${r}-input--invalid`, id: n.invalidId, children: l })), n.warn && (n.validation = /* @__PURE__ */ o("div", { className: `${t}-input__validation ${t}-${r}-input--warn`, id: n.warnId, children: d })), n;
 }
-const $ = (/* @__PURE__ */ new Date()).getFullYear(), x = (i, l = "end", t = "vertical") => `${n}-padding-${t}-${i}-${l}`, f = (i) => /(.+)@(.+){2,}\.(.+){2,}/i.test(i);
+const g = (/* @__PURE__ */ new Date()).getFullYear(), w = (a, i = "end", e = "vertical") => `${t}-padding-${e}-${a}-${i}`, N = (a) => /(.+)@(.+){2,}\.(.+){2,}/i.test(a);
 export {
-  c as PaddingTokens,
-  $ as defaultYear,
-  f as emailValidation,
-  x as generatePaddingClassName,
-  v as noOp,
-  n as px,
-  p as useNormalizedInputProps
+  $ as PaddingTokens,
+  g as defaultYear,
+  N as emailValidation,
+  w as generatePaddingClassName,
+  v as getCommonProps,
+  f as noOp,
+  t as px,
+  x as useNormalizedInputProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.25.1",
+  "version": "1.26.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -32,12 +32,14 @@
     "preview": "npx http-server storybook-static",
     "clean": "rimraf './dist'",
     "clean:stories": "rimraf './storybook-static'",
+    "create-component": "node --no-warnings --loader ts-node/esm .template/scripts/createComponent.ts",
     "format": "prettier . --write",
     "lint": "tsc --noEmit && eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 && npm run lint:styles",
     "lint:styles": "stylelint \"src/**/*.scss\" --fix",
     "prepare": "husky install"
   },
   "dependencies": {
+    "change-case": "^5.4.4",
     "classnames": "^2.5.1",
     "flatpickr": "^4.6.13",
     "react-modal": "^3.16.1"
@@ -46,20 +48,20 @@
     "@chromatic-com/storybook": "^1.5.0",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
-    "@figma/code-connect": "^0.1.2",
+    "@figma/code-connect": "^0.2.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^10.0.5",
-    "@storybook/addon-essentials": "^8.1.5",
+    "@semantic-release/github": "^10.0.6",
+    "@storybook/addon-essentials": "^8.1.10",
     "@storybook/addon-interactions": "^8.1.4",
     "@storybook/addon-links": "^8.1.4",
-    "@storybook/addon-mdx-gfm": "^8.1.5",
+    "@storybook/addon-mdx-gfm": "^8.1.10",
     "@storybook/blocks": "^8.1.4",
     "@storybook/react": "^8.1.4",
     "@storybook/react-vite": "^8.1.4",
-    "@storybook/theming": "^8.1.5",
-    "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^14.0.0",
+    "@storybook/theming": "^8.1.10",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/color": "^3.0.6",
     "@types/react": "^18.3.3",
@@ -67,7 +69,7 @@
     "@types/react-modal": "^3.16.3",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
-    "@vitejs/plugin-react": "^4.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "color": "^4.2.3",
     "eslint": "^8.57.0",
@@ -75,24 +77,24 @@
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.8.0",
     "husky": "^9.0.11",
-    "prettier": "3.3.0",
+    "prettier": "3.3.2",
     "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.7",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass": "^1.77.4",
+    "sass": "^1.77.6",
     "semantic-release": "^23.1.1",
     "storybook": "^8.1.4",
     "stylelint": "^16.6.1",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
-    "stylelint-scss": "^6.3.0",
+    "stylelint-scss": "^6.3.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.4.5",
-    "vite": "^5.2.12",
+    "vite": "^5.3.1",
     "vite-plugin-dts": "^2.3.0",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",