@phillips/seldon 1.26.0 → 1.26.2

package/dist/components/ViewingsList/ViewingsListCard.js

@@ -1,13 +1,13 @@
-import { jsxs as a, jsx as e, Fragment as y } from "react/jsx-runtime";
+import { jsxs as a, jsx as t, Fragment as y } from "react/jsx-runtime";
 import * as r from "react";
-import ie from "../../node_modules/classnames/index.js";
+import it from "../../node_modules/classnames/index.js";
 import { px as E } from "../../utils/index.js";
 import g from "../Input/Input.js";
 import l from "../Button/Button.js";
-import pe from "./ViewingsListCardForm.js";
-const u = `${E}-viewings-list-card`, Ee = ({
-  address1: $,
-  address1Label: d,
+import pt from "./ViewingsListCardForm.js";
+const u = `${E}-viewings-list-card`, Et = ({
+  address1: d,
+  address1Label: $,
   addressUrl: C,
   addressUrlLabel: T,
   address2: O,
@@ -18,16 +18,16 @@ const u = `${E}-viewings-list-card`, Ee = ({
   cardTitle: L = "Add New Viewing",
   deleteBtnLabel: _ = "DELETE",
   editBtnLabel: k = "EDIT",
-  editState: o,
+  isEditState: o,
   enableOnSite: i = "false",
   enableOnSiteToggleLabel: I = "Enabled on website",
   email: N,
-  emailLabel: V = "Email",
-  emailLink: S,
+  emailLabel: S = "Email",
+  emailLink: V,
   emailLinkLabel: v = "Email Address",
   emailOn: j = "false",
   emailToggleLabel: D = "Include Email Address",
-  id: t,
+  id: e,
   invalidFields: n,
   location: R,
   locationLabel: q = "Location",
@@ -49,40 +49,40 @@ const u = `${E}-viewings-list-card`, Ee = ({
   viewingLabel: Y,
   viewingLabelValue: Z,
   viewingDates: F,
-  viewingDatesLabel: ee,
-  viewingHours1: te,
-  viewingHours1Label: ne,
-  viewingHours2: oe,
-  viewingHours2Label: se
+  viewingDatesLabel: tt,
+  viewingHours1: et,
+  viewingHours1Label: nt,
+  viewingHours2: ot,
+  viewingHours2Label: st
 }) => {
-  const [ce, re] = r.useState(i === "true"), c = r.useRef(null);
+  const [ct, rt] = r.useState(i === "true"), c = r.useRef(null);
   r.useEffect(() => {
     o && c.current && c.current.focus();
   }, [o]), r.useEffect(() => {
     var s, b;
     n && c.current && ((b = (s = c.current.closest(".phillips-viewings-list-card")) == null ? void 0 : s.querySelector(".phillips-input--invalid input")) == null || b.focus());
   }, [n]);
-  const le = () => {
+  const lt = () => {
     typeof p == "function" && p();
-  }, ue = () => {
+  }, ut = () => {
     typeof m == "function" && m();
-  }, ae = (s) => {
+  }, at = (s) => {
     typeof h == "function" && h(s);
   };
   return /* @__PURE__ */ a(
     "section",
     {
-      "data-testid": `viewings-list-card-${t}`,
-      id: t,
-      className: ie(`${u}`, { [`${u}--edit-state`]: o }),
+      "data-testid": `viewings-list-card-${e}`,
+      id: e,
+      className: it(`${u}`, { [`${u}--edit-state`]: o }),
       children: [
-        /* @__PURE__ */ e("h3", { className: `${u}__title`, children: L }),
-        /* @__PURE__ */ e("input", { type: "hidden", name: "id", value: t }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t("h3", { className: `${u}__title`, children: L }),
+        /* @__PURE__ */ t("input", { type: "hidden", name: "id", value: e }),
+        /* @__PURE__ */ t(
           g,
           {
             ref: c,
-            id: `location-${t}`,
+            id: `location-${e}`,
             defaultValue: R,
             labelText: q,
             size: "sm",
@@ -92,11 +92,11 @@ const u = `${E}-viewings-list-card`, Ee = ({
             readOnly: !o
           }
         ),
-        o ? /* @__PURE__ */ e(
-          pe,
+        o ? /* @__PURE__ */ t(
+          pt,
           {
-            address1: $,
-            address1Label: d,
+            address1: d,
+            address1Label: $,
             addressUrl: C,
             addressUrlLabel: T,
             address2: O,
@@ -104,12 +104,12 @@ const u = `${E}-viewings-list-card`, Ee = ({
             address3: x,
             address3Label: z,
             email: N,
-            emailLabel: V,
-            emailLink: S,
+            emailLabel: S,
+            emailLink: V,
             emailLinkLabel: v,
             emailOn: j,
             emailToggleLabel: D,
-            id: t,
+            id: e,
             invalidFields: n,
             previewDates: B,
             previewDatesLabel: G,
@@ -124,17 +124,17 @@ const u = `${E}-viewings-list-card`, Ee = ({
             viewingLabel: Y,
             viewingLabelValue: Z,
             viewingDates: F,
-            viewingDatesLabel: ee,
-            viewingHours1: te,
-            viewingHours1Label: ne,
-            viewingHours2: oe,
-            viewingHours2Label: se
+            viewingDatesLabel: tt,
+            viewingHours1: et,
+            viewingHours1Label: nt,
+            viewingHours2: ot,
+            viewingHours2Label: st
           }
         ) : null,
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           g,
           {
-            id: `enableOnSite-${t}`,
+            id: `enableOnSite-${e}`,
             type: "toggle",
             defaultChecked: i === "true",
             labelText: I,
@@ -142,25 +142,25 @@ const u = `${E}-viewings-list-card`, Ee = ({
             inline: !0,
             value: "true",
             name: "enableOnSite",
-            onChange: () => re((s) => !s),
+            onChange: () => rt((s) => !s),
             readOnly: !o
           }
         ),
-        ce ? null : /* @__PURE__ */ e("input", { type: "hidden", name: "enableOnSite", value: "false" }),
-        /* @__PURE__ */ e("hr", {}),
-        /* @__PURE__ */ e("div", { className: `${u}__btn-group ${E}-button__group`, children: o ? /* @__PURE__ */ a(y, { children: [
-          /* @__PURE__ */ e(l, { id: `vlc-save-btn-${t}`, buttonType: "ghost", type: "submit", size: "sm", onClick: ae, children: X }),
-          /* @__PURE__ */ e(l, { id: `vlc-cancel-btn-${t}`, buttonType: "ghost", type: "button", size: "sm", onClick: le, children: A })
+        ct ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
+        /* @__PURE__ */ t("hr", {}),
+        /* @__PURE__ */ t("div", { className: `${u}__btn-group ${E}-button__group`, children: o ? /* @__PURE__ */ a(y, { children: [
+          /* @__PURE__ */ t(l, { id: `vlc-save-btn-${e}`, buttonType: "ghost", type: "submit", size: "sm", onClick: at, children: X }),
+          /* @__PURE__ */ t(l, { id: `vlc-cancel-btn-${e}`, buttonType: "ghost", type: "button", size: "sm", onClick: lt, children: A })
         ] }) : /* @__PURE__ */ a(y, { children: [
-          /* @__PURE__ */ e(l, { id: `vlc-edit-btn-${t}`, buttonType: "ghost", type: "button", size: "sm", onClick: ue, children: k }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(l, { id: `vlc-edit-btn-${e}`, buttonType: "ghost", type: "button", size: "sm", onClick: ut, children: k }),
+          /* @__PURE__ */ t(
             l,
             {
-              id: `vlc-delete-btn-${t}`,
+              id: `vlc-delete-btn-${e}`,
               buttonType: "ghost",
               type: "button",
               size: "sm",
-              onClick: () => typeof f == "function" && f(t),
+              onClick: () => typeof f == "function" && f(e),
               children: _
             }
           )
@@ -170,5 +170,5 @@ const u = `${E}-viewings-list-card`, Ee = ({
   );
 };
 export {
-  Ee as default
+  Et as default
 };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export * from './utils';
+export { default as Page } from './pages/Page';
 export { default as Button, type ButtonProps } from './components/Button/Button';
 export { default as IconButton } from './components/IconButton/IconButton';
 export { default as ErrorBoundary, type ErrorBoundaryProps } from './components/ErrorBoundary/ErrorBoundary';
@@ -22,5 +24,3 @@ export { default as ViewingsList, type ViewingsListProps } from './components/Vi
 export { default as Modal, type ModalProps } from './components/Modal/Modal';
 export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './components/ViewingsList/StatefulViewingsList';
 export * from './components/Text';
-export * from './utils';
-export { default as Page } from './pages/Page';

package/dist/index.js

@@ -1,62 +1,63 @@
-import { default as r } from "./components/Button/Button.js";
-import { default as a } from "./components/IconButton/IconButton.js";
-import { default as s } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as l } from "./components/Footer/Footer.js";
-import { Grid as m } from "./components/Grid/Grid.js";
-import { default as x } from "./components/Header/Header.js";
-import { default as n } from "./components/HeroBanner/HeroBanner.js";
-import { default as L } from "./components/Input/Input.js";
-import { default as c } from "./components/Link/Link.js";
-import { LinkVariants as B } from "./components/Link/utils.js";
-import { default as P } from "./components/LinkBlock/LinkBlock.js";
-import { default as b } from "./components/LinkList/LinkList.js";
-import { default as G } from "./components/Row/Row.js";
-import { default as H } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as y } from "./components/GridItem/types.js";
-import { default as A } from "./components/Select/Select.js";
-import { default as E } from "./components/SplitPanel/SplitPanel.js";
-import { default as M } from "./components/Subscribe/Subscribe.js";
-import { SubscriptionState as R } from "./components/Subscribe/types.js";
-import { default as h } from "./components/Social/Social.js";
-import { default as q } from "./components/ViewingsList/ViewingsList.js";
-import { default as D } from "./components/Modal/Modal.js";
-import { default as K } from "./components/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as U } from "./components/Text/types.js";
-import { default as X } from "./components/Text/Text.js";
-import { PaddingTokens as _, defaultYear as $, emailValidation as ee, generatePaddingClassName as te, noOp as re, px as oe, useNormalizedInputProps as ae } from "./utils/index.js";
-import { default as se } from "./pages/Page.js";
+import { PaddingTokens as t, defaultYear as r, emailValidation as a, generatePaddingClassName as f, getCommonProps as s, noOp as p, px as d, useNormalizedInputProps as l } from "./utils/index.js";
+import { default as u } from "./pages/Page.js";
+import { default as i } from "./components/Button/Button.js";
+import { default as g } from "./components/IconButton/IconButton.js";
+import { default as S } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as k } from "./components/Footer/Footer.js";
+import { Grid as B } from "./components/Grid/Grid.js";
+import { default as V } from "./components/Header/Header.js";
+import { default as w } from "./components/HeroBanner/HeroBanner.js";
+import { default as T } from "./components/Input/Input.js";
+import { default as H } from "./components/Link/Link.js";
+import { LinkVariants as y } from "./components/Link/utils.js";
+import { default as A } from "./components/LinkBlock/LinkBlock.js";
+import { default as F } from "./components/LinkList/LinkList.js";
+import { default as O } from "./components/Row/Row.js";
+import { default as Y } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as j } from "./components/GridItem/types.js";
+import { default as v } from "./components/Select/Select.js";
+import { default as J } from "./components/SplitPanel/SplitPanel.js";
+import { default as Q } from "./components/Subscribe/Subscribe.js";
+import { SubscriptionState as W } from "./components/Subscribe/types.js";
+import { default as Z } from "./components/Social/Social.js";
+import { default as $ } from "./components/ViewingsList/ViewingsList.js";
+import { default as oe } from "./components/Modal/Modal.js";
+import { default as re } from "./components/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as fe } from "./components/Text/types.js";
+import { default as pe } from "./components/Text/Text.js";
 export {
-  r as Button,
-  s as ErrorBoundary,
-  l as Footer,
-  m as Grid,
-  H as GridItem,
-  y as GridItemAlign,
-  x as Header,
-  n as HeroBanner,
-  a as IconButton,
-  L as Input,
-  c as Link,
-  P as LinkBlock,
-  b as LinkList,
-  B as LinkVariants,
-  D as Modal,
-  _ as PaddingTokens,
-  se as Page,
-  G as Row,
-  A as Select,
-  h as Social,
-  E as SplitPanel,
-  K as StatefulViewingsList,
-  M as Subscribe,
-  R as SubscriptionState,
-  X as Text,
-  U as TextVariants,
-  q as ViewingsList,
-  $ as defaultYear,
-  ee as emailValidation,
-  te as generatePaddingClassName,
-  re as noOp,
-  oe as px,
-  ae as useNormalizedInputProps
+  i as Button,
+  S as ErrorBoundary,
+  k as Footer,
+  B as Grid,
+  Y as GridItem,
+  j as GridItemAlign,
+  V as Header,
+  w as HeroBanner,
+  g as IconButton,
+  T as Input,
+  H as Link,
+  A as LinkBlock,
+  F as LinkList,
+  y as LinkVariants,
+  oe as Modal,
+  t as PaddingTokens,
+  u as Page,
+  O as Row,
+  v as Select,
+  Z as Social,
+  J as SplitPanel,
+  re as StatefulViewingsList,
+  Q as Subscribe,
+  W as SubscriptionState,
+  pe as Text,
+  fe as TextVariants,
+  $ as ViewingsList,
+  r as defaultYear,
+  a as emailValidation,
+  f as generatePaddingClassName,
+  s as getCommonProps,
+  p as noOp,
+  d as px,
+  l as useNormalizedInputProps
 };

package/dist/node_modules/change-case/dist/index.js

@@ -0,0 +1,64 @@
+const x = /([\p{Ll}\d])(\p{Lu})/gu, P = /(\p{Lu})([\p{Lu}][\p{Ll}])/gu, _ = /(\d)\p{Ll}|(\p{L})\d/u, R = /[^\p{L}\d]+/giu, h = "$1\0$2", L = "";
+function E(r) {
+  let e = r.trim();
+  e = e.replace(x, h).replace(P, h), e = e.replace(R, "\0");
+  let l = 0, c = e.length;
+  for (; e.charAt(l) === "\0"; )
+    l++;
+  if (l === c)
+    return [];
+  for (; e.charAt(c - 1) === "\0"; )
+    c--;
+  return e.slice(l, c).split(/\0/g);
+}
+function o(r) {
+  var l;
+  const e = E(r);
+  for (let c = 0; c < e.length; c++) {
+    const a = e[c], t = _.exec(a);
+    if (t) {
+      const s = t.index + ((l = t[1]) != null ? l : t[2]).length;
+      e.splice(c, 1, a.slice(0, s), a.slice(s));
+    }
+  }
+  return e;
+}
+function A(r, e) {
+  var t;
+  const [l, c, a] = w(r, e);
+  return l + c.map(C(e == null ? void 0 : e.locale)).join((t = e == null ? void 0 : e.delimiter) != null ? t : " ") + a;
+}
+function S(r, e) {
+  return A(r, { delimiter: "-", ...e });
+}
+function C(r) {
+  return r === !1 ? (e) => e.toLowerCase() : (e) => e.toLocaleLowerCase(r);
+}
+function w(r, e = {}) {
+  var i, f, u;
+  const l = (i = e.split) != null ? i : e.separateNumbers ? o : E, c = (f = e.prefixCharacters) != null ? f : L, a = (u = e.suffixCharacters) != null ? u : L;
+  let t = 0, s = r.length;
+  for (; t < r.length; ) {
+    const n = r.charAt(t);
+    if (!c.includes(n))
+      break;
+    t++;
+  }
+  for (; s > t; ) {
+    const n = s - 1, d = r.charAt(n);
+    if (!a.includes(d))
+      break;
+    s = n;
+  }
+  return [
+    r.slice(0, t),
+    l(r.slice(t, s)),
+    r.slice(s)
+  ];
+}
+export {
+  S as kebabCase,
+  A as noCase,
+  E as split,
+  o as splitSeparateNumbers
+};

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.26.0",
+  "version": "1.26.2",
   "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,18 +48,18 @@
     "@chromatic-com/storybook": "^1.5.0",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
-    "@figma/code-connect": "^0.2.0",
+    "@figma/code-connect": "^0.2.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^10.0.6",
-    "@storybook/addon-essentials": "^8.1.9",
+    "@storybook/addon-essentials": "^8.1.10",
     "@storybook/addon-interactions": "^8.1.4",
     "@storybook/addon-links": "^8.1.4",
-    "@storybook/addon-mdx-gfm": "^8.1.9",
+    "@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.9",
+    "@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",
@@ -71,6 +73,7 @@
     "@vitest/coverage-v8": "^1.6.0",
     "color": "^4.2.3",
     "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.8.0",
@@ -82,14 +85,14 @@
     "rimraf": "^5.0.7",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass": "^1.77.5",
+    "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.1",
+    "stylelint-scss": "^6.3.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.4.5",
     "vite": "^5.3.1",