@reni-corp/reni-2c-ui 0.3.291 → 0.4.1

package/src/stories/Carousel.stories.ts

@@ -1,62 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import Carousel from '@/components/interactive/Carousel.vue'
-import CarouselItem from '@/components/interactive/CarouselItem.vue'
-
-const meta: Meta<typeof Carousel> = {
-  title: 'Interactive/Carousel',
-  component: Carousel,
-  tags: ['autodocs'],
-}
-
-export default meta
-type Story = StoryObj<typeof Carousel>
-
-export const 基本: Story = {
-  render: () => ({
-    components: {
-      'rn-carousel': Carousel,
-      'rn-carousel-item': CarouselItem,
-    },
-    setup() {
-      console.log('Carousel story setup called')
-      return {}
-    },
-    template: `
-      <div style="padding: 20px; width: 100%; height: 600px;">
-        <h3>カルーセルテスト</h3>
-        <rn-carousel 
-          :slides-per-view="1.2"
-          :sp-slides-per-view="1.2"
-          :pc-slides-per-view="1.2"
-          background="transparent"
-        >
-          <rn-carousel-item>
-            <div style="width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; border-radius: 8px;">
-              <img src="https://placehold.jp/700x400.png" />
-            </div>
-          </rn-carousel-item>
-          <rn-carousel-item>
-            <div style="width: 100%; height: 200px;  display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; border-radius: 8px;">
-              <img src="https://placehold.jp/700x400.png" />
-            </div>
-          </rn-carousel-item>
-          <rn-carousel-item>
-            <div style="width: 100%; height: 200px;  display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; border-radius: 8px;">
-              <img src="https://placehold.jp/700x400.png" />
-            </div>
-          </rn-carousel-item>
-          <rn-carousel-item>
-            <div style="width: 100%; height: 200px;  display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; border-radius: 8px;">
-              <img src="https://placehold.jp/700x400.png" />
-            </div>
-          </rn-carousel-item>
-          <rn-carousel-item>
-            <div style="width: 100%; height: 200px;  display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; border-radius: 8px;">
-              <img src="https://placehold.jp/700x400.png" />
-            </div>
-          </rn-carousel-item>
-        </rn-carousel>
-      </div>
-    `,
-  }),
-}

package/src/stories/CarouselBanner.stories.ts

@@ -1,103 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import CarouselBanner, {
-  type CarouselBannerProps,
-} from '@/components/features/CarouselBanner.vue'
-
-const meta: Meta<typeof CarouselBanner> = {
-  title: 'Features/CarouselBanner',
-  component: CarouselBanner,
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component: 'カルーセル用コンポーネント',
-      },
-    },
-  },
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: ['default', 'overlay'],
-    },
-    banners: [
-      {
-        title: {
-          control: 'text',
-        },
-        description: {
-          control: 'text',
-        },
-        imageUrl: {
-          control: 'text',
-        },
-        linkUrl: {
-          control: 'text',
-        },
-      },
-    ],
-  },
-  args: {
-    variant: 'default',
-    banners: [
-      {
-        title: 'title1',
-        description: 'description',
-        imageUrl:
-          'https://reni-ec-pro.s3-ap-northeast-1.amazonaws.com/banner/63/d1270251298665d51cf9f298a3343257dd4559e4_sp.jpg',
-        linkUrl: '',
-      },
-      {
-        title: 'title2',
-        description: 'description',
-        imageUrl:
-          'https://reni-ec-pro.s3-ap-northeast-1.amazonaws.com/banner/63/d1270251298665d51cf9f298a3343257dd4559e4_sp.jpg',
-        linkUrl: '',
-      },
-      {
-        title: 'title3',
-        description: 'description',
-        imageUrl:
-          'https://reni-ec-pro.s3-ap-northeast-1.amazonaws.com/banner/63/d1270251298665d51cf9f298a3343257dd4559e4_sp.jpg',
-        linkUrl: '',
-      },
-      {
-        title: 'title4',
-        description: 'description',
-        imageUrl:
-          'https://reni-ec-pro.s3-ap-northeast-1.amazonaws.com/banner/63/d1270251298665d51cf9f298a3343257dd4559e4_sp.jpg',
-        linkUrl: '',
-      },
-    ],
-  },
-  render: (args) => ({
-    components: { 'rn-carousel-banner': CarouselBanner },
-    setup() {
-      return { args }
-    },
-    template: /* html */ `
-      <div class='sb-canvas'>
-        <rn-carousel-banner
-          :variant=args.variant
-          :banners=args.banners
-        >
-        </rn-carousel-banner>
-      </div>
-    `,
-  }),
-}
-
-export default meta
-type StoryArgs = CarouselBannerProps & { slotText: string }
-type Story = StoryObj<StoryArgs>
-type OverridesStory = Omit<Story, 'argTypes'> & {
-  argTypes?: Record<string, any>
-}
-
-export const 基本: OverridesStory = {
-  args: {
-    slotText: 'CarouselBanner',
-  },
-  argTypes: {
-    default: { table: { disable: true } },
-  },
-}

package/src/stories/ProductLabels.stories.ts

@@ -1,65 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import ProductLabels, {
-  type ProductLabelsProps,
-} from '@/components/features/ProductLabels.vue'
-
-const meta: Meta<typeof ProductLabels> = {
-  title: 'Features/ProductLabels',
-  component: ProductLabels,
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component: 'プロダクトラベル用コンポーネント',
-      },
-    },
-  },
-  argTypes: {
-    labelUrls: [
-      {
-        control: 'text',
-      },
-    ],
-    soldLabelUrl: {
-      control: 'text',
-    },
-  },
-  args: {
-    labelUrls: [
-      'https://reni-ec-pro.s3-ap-northeast-1.amazonaws.com/banner/63/d1270251298665d51cf9f298a3343257dd4559e4_sp.jpg',
-      'https://reni-ec-pro.s3-ap-northeast-1.amazonaws.com/banner/63/d1270251298665d51cf9f298a3343257dd4559e4_sp.jpg',
-    ],
-    soldLabelUrl:
-      'https://reni-ec-pro.s3-ap-northeast-1.amazonaws.com/banner/63/d1270251298665d51cf9f298a3343257dd4559e4_sp.jpg',
-  },
-  render: (args) => ({
-    components: { 'rn-product-labels': ProductLabels },
-    setup() {
-      return { args }
-    },
-    template: /* html */ `
-      <div class='sb-canvas'>
-        <div style='height: 100px'>
-          <rn-product-labels
-            :labelUrls=args.labelUrls
-            :soldLabelUrl=args.soldLabelUrl
-          />
-        </div>
-      </div>
-    `,
-  }),
-}
-
-export default meta
-type StoryArgs = ProductLabelsProps
-type Story = StoryObj<StoryArgs>
-type OverridesStory = Omit<Story, 'argTypes'> & {
-  argTypes?: Record<string, any>
-}
-
-export const 基本: OverridesStory = {
-  args: {},
-  argTypes: {
-    default: { table: { disable: true } },
-  },
-}

package/src/stories/SoldStacker.stories.ts

@@ -1,68 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import SoldStacker, {
-  type SoldStackerProps,
-} from '@/components/features/SoldStacker.vue'
-import { StatusColorOptions } from '@/constants'
-import { StatusColor } from '@/types'
-
-const meta: Meta<typeof SoldStacker> = {
-  title: 'Features/SoldStacker',
-  component: SoldStacker,
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component: 'SoldStackerコンポーネント',
-      },
-    },
-  },
-  argTypes: {
-    color: {
-      control: 'select',
-      options: Object.keys(StatusColorOptions) as StatusColor[],
-    },
-    title: {
-      control: 'text',
-    },
-    variant: {
-      control: 'select',
-      options: ['label', 'overlay'],
-    },
-  },
-  args: {
-    color: 'default',
-    title: 'title',
-    variant: 'label',
-  },
-  render: (args) => ({
-    components: { 'rn-sold-stacker': SoldStacker },
-    setup() {
-      return { args }
-    },
-    template: /* html */ `
-      <div class='sb-canvas'>
-        <div style='width: 100px; height: 100px; background: #999; position: relative;'>
-          <rn-sold-stacker
-            :color=args.color
-            :title=args.title
-            :variant=args.variant
-          />
-        </div>
-      </div>
-    `,
-  }),
-}
-
-export default meta
-type StoryArgs = SoldStackerProps
-type Story = StoryObj<StoryArgs>
-type OverridesStory = Omit<Story, 'argTypes'> & {
-  argTypes?: Record<string, any>
-}
-
-export const 基本: OverridesStory = {
-  args: {},
-  argTypes: {
-    default: { table: { disable: true } },
-  },
-}