@nuskin/foundation-ui-components 1.22.0-cx130-1102.1 → 1.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/foundation-ui-components",
-    "version": "1.22.0-cx130-1102.1",
+    "version": "1.22.0",
     "description": "It is a foundation library written in react, that provides common components to all UI pages",
     "main": "src/common/index.ts",
     "repository": {

package/src/common/carousal/NsScrollingCarousal.tsx

@@ -12,7 +12,6 @@ type StyledType = {
 
 const StyledDiv = styled('div')<StyledType>(({ dotsBottomPixel }) => {
     return {
-        maxWidth: '90vw',
         '.slick-dots': {
             zIndex: 9,
             bottom: `${dotsBottomPixel ?? -25}px`,

package/src/common/carousal/stories/NsScrollingCarousal.stories.tsx

@@ -6,9 +6,9 @@ type ComponentType = typeof NsScrollingCarousal;
 type Story = StoryObj<ComponentType>;
 type MetaStory = Meta<ComponentType>;
 
-export const renderSlide = (slide: any, i: number) => <NsTextStrip key={i} {...slide} />;
+const renderSlide = (slide: any, i: number) => <NsTextStrip key={i} {...slide} />;
 
-export const slides = [
+const slides = [
     {
         description: 'Download the app to access everything Nike',
         link: { href: 'https://www.nike.com/in/help/a/shipping-delivery-gs', title: 'Hello Nike App' },
@@ -68,6 +68,11 @@ export default {
             testid: 'scrolling-carousal',
         },
     },
+    render: (args) => (
+        <div style={{ width: '90vw' }}>
+            <NsScrollingCarousal {...args} />
+        </div>
+    ),
 } as MetaStory;
 
 export const ScrollingText: Story = {};