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

package/dist/utils.d.ts

@@ -1,10 +1,54 @@
 import { App } from 'vue';
 import { ValidationConfig } from './validation';
-
 export interface ResponsiveValue<T> {
     pc?: T;
     sp?: T;
 }
+export interface ReniOneUISemanticTokens {
+    radius?: {
+        container?: string;
+        control?: string;
+        element?: string;
+        pill?: string;
+    };
+    bg?: {
+        default?: string;
+        light?: string;
+        muted?: string;
+        disabled?: string;
+        subtle?: string;
+        white?: string;
+        black?: string;
+        primary?: string;
+        error?: string;
+        warning?: string;
+        success?: string;
+        info?: string;
+    };
+    text?: {
+        primary?: string;
+        secondary?: string;
+        tertiary?: string;
+        error?: string;
+        disabled?: string;
+        white?: string;
+        link?: string;
+    };
+    line?: {
+        default?: string;
+        dark?: string;
+        strong?: string;
+    };
+    border?: {
+        width?: string;
+    };
+    overlay?: {
+        opacity?: string;
+    };
+    opacity?: {
+        disabled?: string;
+    };
+}
 export interface ReniOneUITheme {
     mode?: 'light' | 'dark';
     styles?: 'natural' | 'solid';
@@ -66,6 +110,7 @@ export interface ReniOneUITheme {
         xl?: string;
         [key: string]: string | undefined;
     };
+    semantic?: ReniOneUISemanticTokens;
 }
 export interface ReniOneUIOptions {
     themes?: ReniOneUITheme;

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}

package/dist/validation.d.ts

@@ -1,5 +1,4 @@
 import { RuleExpression } from 'vee-validate';
-
 export type ValidationRules = RuleExpression<any>;
 export interface ValidationConfig {
     locale?: 'ja' | 'en';

package/dist/valueObjects/CurrencyValue.d.ts

@@ -1,5 +1,4 @@
 import { Value, ValueObject } from './ValueObject';
-
 export declare class CurrencyValue extends ValueObject<number> {
     locale: string;
     currency: string;

package/dist/valueObjects/NumberValue.d.ts

@@ -1,5 +1,4 @@
 import { Value, ValueObject } from './ValueObject';
-
 export declare class NumberValue extends ValueObject<number> {
     locale: string;
     constructor(value: Value<number>, { locale }?: {

package/dist/{valueObjects-e0ea7f1b.js → valueObjects-CvF0zaqR.js}

@@ -1,6 +1,6 @@
 var l = Object.defineProperty;
 var i = (e, r, t) => r in e ? l(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var n = (e, r, t) => (i(e, typeof r != "symbol" ? r + "" : r, t), t);
+var n = (e, r, t) => i(e, typeof r != "symbol" ? r + "" : r, t);
 class u {
   constructor(r) {
     n(this, "_value");

package/dist/valueObjects.es.js

@@ -1,4 +1,4 @@
-import { C as a, N as u } from "./valueObjects-e0ea7f1b.js";
+import { C as a, N as u } from "./valueObjects-CvF0zaqR.js";
 export {
   a as CurrencyValue,
   u as NumberValue

package/package.json

@@ -1,31 +1,27 @@
 {
   "name": "@reni-corp/reni-2c-ui",
-  "version": "0.3.291",
+  "version": "0.4.1",
   "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/reni-corp/reni-2C-ui.git"
-  },
   "main": "./dist/script.umd.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
-      "require": "./dist/script.umd.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/script.umd.js"
     },
     "./valueObjects": {
-      "import": "./dist/valueObjects.es.js",
-      "types": "./dist/valueObjects.d.ts"
+      "types": "./dist/valueObjects.d.ts",
+      "import": "./dist/valueObjects.es.js"
     },
     "./constants": {
-      "import": "./dist/constants.es.js",
-      "types": "./dist/constants.d.ts"
+      "types": "./dist/constants.d.ts",
+      "import": "./dist/constants.es.js"
     },
     "./types": {
-      "import": "./dist/types.es.js",
-      "types": "./dist/types.d.ts"
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.es.js"
     },
     "./dist/index.d.ts": "./dist/index.d.ts",
     "./dist/style.css": "./dist/style.css"
@@ -52,7 +48,10 @@
     "format": "prettier --write .",
     "stylelint": "stylelint \"**/*.{vue,scss,css}\"",
     "stylelint:fix": "stylelint \"**/*.{vue,scss,css}\" --fix",
-    "typecheck": "tsc --noEmit --skipLibCheck"
+    "typecheck": "tsc --noEmit --skipLibCheck",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:vrt": "playwright test --config playwright.config.ts"
   },
   "dependencies": {
     "@awesome.me/kit-37f9c6ad08": "^1.0.24",
@@ -62,6 +61,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/pro-regular-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
+    "@reni-corp/mani-editor": "^0.1.6",
     "@vee-validate/i18n": "^4.15.1",
     "@vee-validate/rules": "^4.11.3",
     "@vueuse/components": "^10.5.0",
@@ -69,6 +69,7 @@
     "dayjs": "^1.11.13",
     "dompurify": "^3.0.11",
     "floating-vue": "patch:floating-vue@npm%3A2.0.0#./.yarn/patches/floating-vue-npm-2.0.0-b4308359d7.patch",
+    "lz-string": "^1.5.0",
     "swiper": "^11.1.15",
     "vee-validate": "^4.11.3",
     "vue": "^3.5.25"
@@ -85,24 +86,24 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.36.0",
-    "@storybook/addon-essentials": "^7.6.20",
-    "@storybook/addon-interactions": "^7.6.20",
-    "@storybook/addon-links": "^7.6.20",
-    "@storybook/blocks": "^7.6.20",
-    "@storybook/manager-api": "^7.6.20",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/theming": "^7.6.20",
-    "@storybook/vue3": "^7.6.20",
-    "@storybook/vue3-vite": "^7.6.20",
+    "@playwright/test": "^1.58.2",
+    "@storybook/addon-docs": "^10.2.10",
+    "@storybook/addon-links": "^10.2.10",
+    "@storybook/vue3-vite": "^10.2.10",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/vue": "^8.1.0",
     "@types/dompurify": "^3.0.5",
+    "@types/lz-string": "^1.5.0",
     "@typescript-eslint/eslint-plugin": "^8.8.1",
     "@typescript-eslint/parser": "^8.8.1",
-    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue": "^5.2.4",
     "@vue/babel-plugin-jsx": "^1.1.5",
+    "@vue/test-utils": "^2.4.6",
     "eslint": "^9.12.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-formatter-compact": "^8.40.0",
     "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-storybook": "^10.2.10",
     "eslint-plugin-vue": "^9.29.0",
     "globals": "^15.12.0",
     "happy-dom": "^20.0.0",
@@ -115,8 +116,7 @@
     "react-dom": "^18.2.0",
     "rollup-plugin-visualizer": "^5.11.0",
     "sass": "^1.66.1",
-    "storybook": "^7.6.21",
-    "storybook-addon-vue-slots": "^0.9.21",
+    "storybook": "^10.2.10",
     "stylelint": "^16.9.0",
     "stylelint-config-prettier-scss": "^1.0.0",
     "stylelint-config-recommended-scss": "^14.1.0",
@@ -125,8 +125,9 @@
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-scss": "^6.11.1",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5",
-    "vite-plugin-dts": "^3.5.3",
+    "vite": "^5.4.21",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.18",
     "vue-eslint-parser": "^10.2.0",
     "vue-tsc": "^1.8.5"
   }

package/src/stories/Alert.stories.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import Alert, { type AlertProps } from '@/components/elements/Alert.vue'
 import Button from '@/components/elements/Button.vue'
 import {

package/src/stories/AnnounceBar.stories.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import AnnounceBar, {
   type AnnounceBarProps,
 } from '@/components/features/AnnounceBar.vue'

package/src/stories/AnnounceBarCollection.stories.ts

@@ -0,0 +1,135 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+import AnnounceBarCollection from '@/components/features/AnnounceBarCollection.vue'
+import AnnounceBar from '@/components/features/AnnounceBar.vue'
+
+const meta: Meta<typeof AnnounceBarCollection> = {
+  title: 'Features/AnnounceBarCollection',
+  component: AnnounceBarCollection,
+  tags: ['autodocs'],
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['stack', 'slide'],
+    },
+    slideDelay: { control: 'number' },
+    themeColor: { control: 'color' },
+    showNavigation: { control: 'boolean' },
+    showSeparator: { control: 'boolean' },
+  },
+  args: {
+    variant: 'stack',
+    slideDelay: 6300,
+    themeColor: '#ffffff',
+    showNavigation: true,
+    showSeparator: true,
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const スタック: Story = {
+  render: (args) => ({
+    components: {
+      'rn-announce-bar-collection': AnnounceBarCollection,
+      'rn-announce-bar': AnnounceBar,
+    },
+    setup() {
+      return { args }
+    },
+    template: `
+      <rn-announce-bar-collection v-bind="args">
+        <rn-announce-bar title="送料無料キャンペーン実施中" subtitle="期間限定" color="primary" />
+        <rn-announce-bar title="新商品入荷しました" subtitle="NEW" color="success" />
+        <rn-announce-bar title="メンテナンスのお知らせ" subtitle="重要" color="warning" />
+      </rn-announce-bar-collection>
+    `,
+  }),
+}
+
+export const スライド: Story = {
+  args: {
+    variant: 'slide',
+  },
+  render: (args) => ({
+    components: {
+      'rn-announce-bar-collection': AnnounceBarCollection,
+      'rn-announce-bar': AnnounceBar,
+    },
+    setup() {
+      return { args }
+    },
+    template: `
+      <rn-announce-bar-collection v-bind="args">
+        <rn-announce-bar title="送料無料キャンペーン実施中" subtitle="期間限定" color="primary" />
+        <rn-announce-bar title="新商品入荷しました" subtitle="NEW" color="success" />
+        <rn-announce-bar title="メンテナンスのお知らせ" subtitle="重要" color="warning" />
+      </rn-announce-bar-collection>
+    `,
+  }),
+}
+
+export const スライド_ナビゲーション非表示: Story = {
+  args: {
+    variant: 'slide',
+    showNavigation: false,
+  },
+  render: (args) => ({
+    components: {
+      'rn-announce-bar-collection': AnnounceBarCollection,
+      'rn-announce-bar': AnnounceBar,
+    },
+    setup() {
+      return { args }
+    },
+    template: `
+      <rn-announce-bar-collection v-bind="args">
+        <rn-announce-bar title="送料無料キャンペーン実施中" subtitle="期間限定" color="primary" />
+        <rn-announce-bar title="新商品入荷しました" subtitle="NEW" color="success" />
+        <rn-announce-bar title="メンテナンスのお知らせ" subtitle="重要" color="warning" />
+      </rn-announce-bar-collection>
+    `,
+  }),
+}
+
+export const スタック_セパレーター非表示: Story = {
+  args: {
+    variant: 'stack',
+    showSeparator: false,
+  },
+  render: (args) => ({
+    components: {
+      'rn-announce-bar-collection': AnnounceBarCollection,
+      'rn-announce-bar': AnnounceBar,
+    },
+    setup() {
+      return { args }
+    },
+    template: `
+      <rn-announce-bar-collection v-bind="args">
+        <rn-announce-bar title="送料無料キャンペーン実施中" subtitle="期間限定" color="primary" />
+        <rn-announce-bar title="新商品入荷しました" subtitle="NEW" color="success" />
+        <rn-announce-bar title="メンテナンスのお知らせ" subtitle="重要" color="warning" />
+      </rn-announce-bar-collection>
+    `,
+  }),
+}
+
+export const グラデーションスタイル: Story = {
+  render: (args) => ({
+    components: {
+      'rn-announce-bar-collection': AnnounceBarCollection,
+      'rn-announce-bar': AnnounceBar,
+    },
+    setup() {
+      return { args }
+    },
+    template: `
+      <rn-announce-bar-collection v-bind="args">
+        <rn-announce-bar title="送料無料キャンペーン実施中" subtitle="期間限定" color="primary" colorStyle="gradient" />
+        <rn-announce-bar title="新商品入荷しました" subtitle="NEW" color="success" colorStyle="gradient" />
+        <rn-announce-bar title="メンテナンスのお知らせ" subtitle="重要" color="warning" colorStyle="gradient" />
+      </rn-announce-bar-collection>
+    `,
+  }),
+}

package/src/stories/AppBar.stories.ts

@@ -7,7 +7,7 @@ import AppBar, {
   AppBarMenuItem,
 } from '@/components/foundation/AppBar.vue'
 import Stack from '@/components/layouts/Stack.vue'
-import type { Meta, StoryObj } from '@storybook/vue3'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import { ref } from 'vue'
 import './assets/css/style.css'
 
@@ -73,7 +73,11 @@ const sampleMenu: AppBarMenuItem[] = [
 
 // サンプルアクション
 const sampleActions: AppBarAction[] = [
-  { title: '検索', icon: ['far', 'magnifying-glass'], action: () => alert('検索') },
+  {
+    title: '検索',
+    icon: ['far', 'magnifying-glass'],
+    action: () => alert('検索'),
+  },
   { title: 'アカウント', icon: ['far', 'user'], url: '/account' },
   { title: 'カート', icon: ['far', 'cart-shopping'], url: '/cart' },
 ]

package/src/stories/AppFooter.stories.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import AppFooter, {
   AppFooterProps,
   SnsLinkItem,

package/src/stories/AppFrame.stories.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import AppFrame from '@/components/foundation/AppFrame.vue'
 
 const meta: Meta<typeof AppFrame> = {

package/src/stories/AppLayout.stories.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import { ref, computed } from 'vue'
 import AppFrame from '@/components/foundation/AppFrame.vue'
 import AppBar, {
@@ -25,7 +25,6 @@ import AnnounceBar from '@/components/features/AnnounceBar.vue'
 import BrandLogo from '@/components/features/BrandLogo.vue'
 import SnsLink from '@/components/features/SnsLink.vue'
 import ProductList from '@/components/features/ProductList.vue'
-import VariationSelector from '@/components/features/VariationSelector.vue'
 import Image from '@/components/elements/Image.vue'
 import Spinner from '@/components/elements/Spinner.vue'
 import Card from '@/components/layouts/Card.vue'
@@ -208,7 +207,6 @@ export const 商品詳細ページ: Story = {
       'rn-gallery': Gallery,
       'rn-announce-bar': AnnounceBar,
       'rn-product-list': ProductList,
-      'rn-variation-selector': VariationSelector,
     },
     setup() {
       const variation = ref('m')
@@ -284,15 +282,6 @@ export const 商品詳細ページ: Story = {
                   </rn-text>
                 </rn-stack>
 
-                <!-- バリエーション選択 -->
-                <rn-stack direction="vertical">
-                  <rn-text>サイズを選択</rn-text>
-                  <rn-variation-selector
-                    v-model="variation"
-                    :options="variationOptions"
-                  />
-                </rn-stack>
-
                 <!-- 数量選択 -->
                 <rn-stack direction="vertical">
                   <rn-text>数量</rn-text>
@@ -552,8 +541,8 @@ export const カートページ: Story = {
       const productSubtotal = computed(() =>
         cartItems.value.reduce(
           (sum, item) => sum + item.unit_price * item.quantity,
-          0
-        )
+          0,
+        ),
       )
 
       // 手数料（固定値）
@@ -565,7 +554,7 @@ export const カートページ: Story = {
       // 数量変更
       const handleQuantityChange = (item: CartItem, newQuantity: number) => {
         const target = cartItems.value.find(
-          (i) => i.product_sku_id === item.product_sku_id
+          (i) => i.product_sku_id === item.product_sku_id,
         )
         if (target) {
           target.quantity = newQuantity
@@ -575,7 +564,7 @@ export const カートページ: Story = {
       // 削除
       const deleteCartListItemHandle = (item: CartItem) => {
         cartItems.value = cartItems.value.filter(
-          (i) => i.product_sku_id !== item.product_sku_id
+          (i) => i.product_sku_id !== item.product_sku_id,
         )
       }