@phillips/seldon 1.26.2 → 1.27.0

package/dist/scss/components/UserManagement/_userManagement.scss

@@ -0,0 +1,115 @@
+@import '@phillips/seldon/dist/scss/_vars';
+
+.#{$px}-user-management {
+  align-items: center;
+  background-color: #f4f4f4;
+  display: flex;
+  height: 30px;
+  justify-content: flex-end;
+  left: 0;
+  padding: 0 $spacing-md;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+
+  @media (max-width: #{$breakpoint-md - 1}) {
+    align-items: flex-start;
+    background: transparent;
+    flex-direction: column;
+    height: unset;
+    margin-top: auto;
+    padding: 0;
+    position: unset;
+  }
+
+  > li {
+    border: none;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+  }
+
+  &__account-wrapper {
+    align-items: center;
+    display: flex;
+    gap: 1rem;
+
+    @media (max-width: #{$breakpoint-md - 1}) {
+      width: 100%;
+    }
+
+    .#{$px}-link {
+      @media (max-width: #{$breakpoint-md - 1}) {
+        width: 100%;
+      }
+
+      & > span {
+        color: $soft-black;
+        font-size: 0.8125rem;
+        font-weight: 500;
+        letter-spacing: 0.125rem;
+      }
+    }
+  }
+
+  &__account-icon {
+    &:hover,
+    &:focus,
+    &:focus-within {
+      path {
+        fill: $soft-black;
+      }
+    }
+
+    @media (max-width: #{$breakpoint-md - 1}) {
+      display: none;
+    }
+  }
+
+  .#{$px}-nav__item {
+    &:hover,
+    &:focus,
+    &:focus-within {
+      &::after {
+        opacity: 0;
+      }
+      .#{$px}-user-management__language {
+        &__selections {
+          padding: 0.8125rem;
+        }
+      }
+    }
+    .#{$px}-user-management__language {
+      &__selections {
+        @media (min-width: $breakpoint-md) {
+          background: $off-white;
+          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 85%);
+          display: block;
+          left: unset;
+          min-height: unset;
+          min-width: 130px;
+          padding: 0;
+          position: absolute;
+          right: 0;
+          top: 30px;
+          width: 100%;
+
+          > li {
+            height: auto;
+          }
+          .#{$px}-input {
+            &--inline {
+              gap: 0.825rem;
+            }
+
+            &__input {
+              height: 18px;
+              width: 18px;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/scss/components/ViewingsList/_viewingsList.scss

@@ -1,6 +1,6 @@
-@import '../../vars';
-@import '../../utils';
-@import '../../typography';
+@import '@phillips/seldon/dist/scss/vars';
+@import '@phillips/seldon/dist/scss/utils';
+@import '@phillips/seldon/dist/scss/typography';
 
 .#{$px}-viewings-list {
   align-items: center;

package/dist/scss/styles.scss

@@ -17,13 +17,19 @@
 @import 'components/Grid/grid';
 @import 'components/Header/header';
 @import 'components/HeroBanner/heroBanner';
+@import 'components/Navigation/navigation';
+@import 'components/Navigation/NavigationItem/navigationItem';
+@import 'components/Navigation/NavigationItemTrigger/navigationItemTrigger';
+@import 'components/Navigation/NavigationList/navigationList';
 @import 'components/Input/input';
 @import 'components/Row/row';
 @import 'components/GridItem/gridItem';
+@import 'components/Search/search';
 @import 'components/Social/social';
 @import 'components/SplitPanel/splitPanel';
 @import 'components/Subscribe/subscribe';
 @import 'components/Toggle/toggle';
+@import 'components/UserManagement/userManagement';
 @import 'components/ViewingsList/viewingsList';
 @import 'components/Link/link';
 @import 'components/LinkBlock/linkBlock';

package/dist/types/commonTypes.d.ts

@@ -0,0 +1,4 @@
+export declare enum SupportedLanguages {
+    en = "en",
+    zh = "zh"
+}

package/dist/types/commonTypes.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.en = "en", r.zh = "zh", r))(e || {});
+export {
+  e as SupportedLanguages
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.26.2",
+  "version": "1.27.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -45,21 +45,21 @@
     "react-modal": "^3.16.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.5.0",
+    "@chromatic-com/storybook": "^1.6.1",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@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.10",
+    "@semantic-release/github": "^10.1.0",
+    "@storybook/addon-essentials": "^8.1.11",
     "@storybook/addon-interactions": "^8.1.4",
     "@storybook/addon-links": "^8.1.4",
-    "@storybook/addon-mdx-gfm": "^8.1.10",
+    "@storybook/addon-mdx-gfm": "^8.1.11",
     "@storybook/blocks": "^8.1.4",
     "@storybook/react": "^8.1.4",
     "@storybook/react-vite": "^8.1.4",
-    "@storybook/theming": "^8.1.10",
+    "@storybook/theming": "^8.1.11",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
@@ -82,20 +82,20 @@
     "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.2.0",
-    "rimraf": "^5.0.7",
+    "rimraf": "^5.0.8",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.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": "^36.0.1",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
     "stylelint-scss": "^6.3.2",
     "ts-node": "^10.9.2",
-    "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "typescript": "^5.5.3",
+    "vite": "^5.3.3",
     "vite-plugin-dts": "^2.3.0",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",