@phillips/seldon 1.152.0 → 1.153.0

package/dist/assets/formatted/WeChat.js

@@ -1,10 +1,10 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { memo as n, forwardRef as h } from "react";
-import { kebabCase as f } from "../../node_modules/change-case/dist/index.js";
-const v = n(
-  h((l, o) => {
-    const { color: c, height: r, width: a, title: s, titleId: m } = l, t = s || "SvgWeChat", e = m || f(t);
-    return /* @__PURE__ */ d(
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { memo as d, forwardRef as n } from "react";
+import { kebabCase as h } from "../../node_modules/change-case/dist/index.js";
+const g = d(
+  n((t, o) => {
+    const { color: c, height: r, width: a, title: l, titleId: m } = t, e = m || h(l || "");
+    return /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -15,9 +15,9 @@ const v = n(
         role: "img",
         ref: o,
         "aria-labelledby": e,
-        ...l,
+        ...t,
         children: [
-          t ? /* @__PURE__ */ i("title", { id: e, children: t }) : null,
+          l ? /* @__PURE__ */ i("title", { id: e, children: l }) : null,
           /* @__PURE__ */ i(
             "path",
             {
@@ -31,5 +31,5 @@ const v = n(
   })
 );
 export {
-  v as default
+  g as default
 };

package/dist/components/ComboBox/ComboBox.js

@@ -69,9 +69,9 @@ import "../../assets/formatted/VolumeMid.js";
 import "../../assets/formatted/VolumeMinimum.js";
 import "../../assets/formatted/WeChat.js";
 import { getCommonProps as M } from "../../utils/index.js";
-import { getScssVar as v } from "../../utils/scssUtils.js";
+import { getScssVar as N } from "../../utils/scssUtils.js";
 const Q = l.forwardRef(function({
-  options: N = [],
+  options: v = [],
   className: g,
   id: r,
   labelText: L,
@@ -87,8 +87,8 @@ const Q = l.forwardRef(function({
   popoverContainerRef: k,
   noOptionsMessage: y = "No Options.",
   ...I
-}, S) {
-  const { className: e, ...B } = M({ id: r }, "ComboBox"), [C, s] = l.useState(!1), $ = l.useRef(null), P = H, D = J, b = l.useRef(null), E = l.useRef({}), n = N.filter(
+}, B) {
+  const { className: e, ...P } = M({ id: r }, "ComboBox"), [C, s] = l.useState(!1), $ = l.useRef(null), S = H, D = J, b = l.useRef(null), E = l.useRef({}), n = v.filter(
     (o) => o.value.toLowerCase().includes(m.toLowerCase()) || o.label && o.label.toLowerCase().includes(m.toLowerCase())
   );
   return A(b, (o) => {
@@ -97,7 +97,7 @@ const Q = l.forwardRef(function({
     !n.some(
       (a) => a.value.toLowerCase() === m.toLowerCase()
     ) && O && i(""), s(!1), o.stopPropagation();
-  }), /* @__PURE__ */ t("div", { ref: S, className: p(e, g), id: r, ...B, ...I, children: /* @__PURE__ */ c("div", { ref: b, children: [
+  }), /* @__PURE__ */ t("div", { ref: B, className: p(e, g), id: r, ...P, ...I, children: /* @__PURE__ */ c("div", { ref: b, children: [
     /* @__PURE__ */ t(
       "label",
       {
@@ -152,7 +152,7 @@ const Q = l.forwardRef(function({
                 children: /* @__PURE__ */ t("div", { className: `${e}__icon`, children: /* @__PURE__ */ t(
                   D,
                   {
-                    color: v("", "$primary-black"),
+                    color: N("", "$primary-black"),
                     height: 18,
                     width: 18,
                     className: `${e}__icon-button`
@@ -175,9 +175,9 @@ const Q = l.forwardRef(function({
                       [`${e}__icon--flipped`]: C
                     }),
                     children: /* @__PURE__ */ t(
-                      P,
+                      S,
                       {
-                        color: v("", "$pure-black"),
+                        color: N("", "$pure-black"),
                         height: 18,
                         width: 18,
                         className: `${e}__icon-button`

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

@@ -13,6 +13,9 @@ declare const meta: {
             control: "select";
             options: string[];
         };
+        title: {
+            control: "text";
+        };
     };
     args: {
         height: number;

package/dist/scss/components/Tags/_tags.scss

@@ -31,15 +31,16 @@
       font-size: $body-size3;
       font-variation-settings: 'wght' 600;
       text-align: center;
-
-      &:hover {
-        color: $pure-black;
-      }
+      transition: color 0.25s;
     }
 
     &:hover {
       color: $pure-black;
 
+      .#{$px}-tag__label {
+        color: $pure-black;
+      }
+
       svg {
         color: $pure-black;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.152.0",
+  "version": "1.153.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -38,8 +38,8 @@
     "lint:styles": "stylelint \"src/**/*.scss\" --fix",
     "lint:md": "markdownlint \"src/**/*.{md,mdx}\" --fix",
     "prepare": "husky install",
-    "icons:format": "npx @svgr/cli --config-file svgr.config.cjs --out-dir src/assets/formatted --ignore-existing -- src/assets",
-    "pictograms:format": "npx @svgr/cli --config-file svgr.config.cjs --out-dir src/assets/pictograms/formatted --ignore-existing -- src/assets/pictograms"
+    "icons:format": "npx @svgr/cli --config-file svgr.config.cjs --out-dir src/assets/formatted --ignore-existing -- src/assets/*.svg",
+    "pictograms:format": "npx @svgr/cli --config-file svgr.config.cjs --out-dir src/assets/pictograms/formatted --ignore-existing -- src/assets/pictograms/*.svg"
   },
   "dependencies": {
     "@artsy/fresnel": "^7.1.4",