@reni-corp/reni-2c-ui 0.3.29 → 0.4.0

package/dist/components/features/CarouselBanner.vue.d.ts

@@ -1,36 +0,0 @@
-
-export type CarouselBannerProps = {
-    variant?: 'default' | 'overlay';
-    banners: {
-        title: string;
-        description?: string;
-        imageUrl: string;
-        linkUrl?: string;
-    }[];
-};
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CarouselBannerProps>, {
-    variant: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CarouselBannerProps>, {
-    variant: string;
-}>>> & Readonly<{}>, {
-    variant: "default" | "overlay";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=CarouselBanner.vue.d.ts.map

package/dist/components/features/CarouselBanner.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselBanner.vue.d.ts","sourceRoot":"","sources":["../../../src/components/features/CarouselBanner.vue"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAA;AACjC,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,EAAE,CAAA;CACJ,CAAA;;;;;;aAPW,SAAS,GAAG,SAAS;;AA2KjC,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/features/VariationSelector.vue.d.ts

@@ -1,39 +0,0 @@
-
-export type VariationSelectorProps = {
-    options: {
-        label: string;
-        value: string;
-        disabled?: boolean;
-    }[];
-};
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
-    options: {
-        type: import('vue').PropType<{
-            label: string;
-            value: string;
-            disabled?: boolean;
-        }[]>;
-        required: true;
-        default: () => never[];
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
-    options: {
-        type: import('vue').PropType<{
-            label: string;
-            value: string;
-            disabled?: boolean;
-        }[]>;
-        required: true;
-        default: () => never[];
-    };
-}>> & Readonly<{}>, {
-    options: {
-        label: string;
-        value: string;
-        disabled?: boolean;
-    }[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=VariationSelector.vue.d.ts.map

package/dist/components/features/VariationSelector.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariationSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/features/VariationSelector.vue"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAA;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,EAAE,CAAA;CACJ,CAAA;;gBAuBW,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;mBA3B5B,MAAM;mBACN,MAAM;uBACF,OAAO;;kBAmK+K,IAAI;;;;gBA1I7L,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;mBA3B5B,MAAM;mBACN,MAAM;uBACF,OAAO;;kBAmK+K,IAAI;;;;aAtK9L;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,EAAE;;AAuJL,wBASG"}

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 } },
-  },
-}