@nuskin/nextgen-header 1.16.1 → 1.17.0

package/package-dist/index.mjs

@@ -1619,16 +1619,16 @@ function TopRibbon_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tr
 var StyledTopRibbon = /*#__PURE__*/createStyled("header",  true ? {
   target: "ei9etl03"
 } : 0)( true ? {
-  name: "1i3elid",
-  styles: "background-color:#000000;width:100%;position:relative;@media (max-width: 1023px){display:none;}&:focus-within{outline:none;}"
+  name: "ah54qx",
+  styles: "background-color:#000000;width:100%;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none;}&:focus-within{outline:none;}"
 } : 0);
 
 // Navigation list container
 var StyledNavigationList = /*#__PURE__*/createStyled("ul",  true ? {
   target: "ei9etl02"
 } : 0)( true ? {
-  name: "1qblcar",
-  styles: "margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;width:100%;box-sizing:border-box"
+  name: "m78rlq",
+  styles: "margin:0 auto;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;min-width:100%;width:max-content;box-sizing:border-box"
 } : 0);
 
 // Individual navigation item container
@@ -1661,12 +1661,13 @@ function TopRibbon_toPrimitive(t, r) { if ("object" != TopRibbon_typeof(t) || !t
 /**
  * TopRibbon Navigation Component
  *
- * Renders a desktop-only navigation ribbon with:
+ * Renders a navigation ribbon visible on all screen sizes with:
  * - Pure black background (#000000) per Figma specifications
  * - White text links (#FFFFFF) with Figma-exact hover underlines
  * - Figma-exact typography (14px/20px, Inter font)
  * - Full WCAG 2.1 AA accessibility compliance
- * - Responsive behavior (hidden below 1024px breakpoint)
+ * - Responsive behavior (visible on mobile, tablet, and desktop)
+ * - Horizontal scroll on small viewports when items overflow
  * - CSR & SSR compatible (no direct window/document access at render time)
  *
  * @param {Object} props - Component props