@reni-corp/reni-2c-ui 0.2.22 → 0.2.23

package/dist/utils/env.d.ts

@@ -0,0 +1,5 @@
+/**
+ * クライアント環境（ブラウザ）で実行されているかを判定
+ */
+export declare const isClient: boolean;
+//# sourceMappingURL=env.d.ts.map

package/dist/utils/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../src/utils/env.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,QAAQ,SAAgC,CAAA"}

package/dist/utils.d.ts

@@ -1,13 +1,119 @@
 import { App } from 'vue';
+import { ValidationConfig } from './validation';
 
-export interface ReniOneUIOptions {
-    themes?: {
-        styles: 'natural' | 'solid';
-        colors: {
-            primary: string;
-        };
+export interface ResponsiveValue<T> {
+    pc?: T;
+    sp?: T;
+}
+export interface ReniOneUITheme {
+    mode?: 'light' | 'dark';
+    styles?: 'natural' | 'solid';
+    fontFamily?: string;
+    colors?: {
+        primary?: string;
+        secondary?: string;
+        warning?: string;
+        danger?: string;
+        success?: string;
+        info?: string;
+        background?: string;
+        surface?: string;
+        text?: string;
+        border?: string;
+        [key: string]: string | undefined;
+    };
+    layout?: {
+        xs?: ResponsiveValue<string>;
+        sm?: ResponsiveValue<string>;
+        md?: ResponsiveValue<string>;
+        rg?: ResponsiveValue<string>;
+        lg?: ResponsiveValue<string>;
+        xl?: ResponsiveValue<string>;
+        '2xl'?: ResponsiveValue<string>;
+        '3xl'?: ResponsiveValue<string>;
+        '4xl'?: ResponsiveValue<string>;
+        '5xl'?: ResponsiveValue<string>;
+        [key: string]: ResponsiveValue<string> | undefined;
+    };
+    fonts?: {
+        minimum?: ResponsiveValue<string>;
+        caption?: ResponsiveValue<string>;
+        body?: ResponsiveValue<string>;
+        subtitle?: ResponsiveValue<string>;
+        title?: ResponsiveValue<string>;
+        headline?: ResponsiveValue<string>;
+        [key: string]: ResponsiveValue<string> | undefined;
+    };
+    shadows?: {
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        [key: string]: string | undefined;
     };
+    borderRadius?: {
+        sm?: ResponsiveValue<string>;
+        md?: ResponsiveValue<string>;
+        lg?: ResponsiveValue<string>;
+        full?: ResponsiveValue<string>;
+        [key: string]: ResponsiveValue<string> | undefined;
+    };
+    breakpoints?: {
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        [key: string]: string | undefined;
+    };
+}
+export interface ReniOneUIOptions {
+    themes?: ReniOneUITheme;
+    validation?: ValidationConfig;
 }
+/**
+ * テーマ設定からCSS変数を生成します
+ * SSR環境でも使用可能で、生成されたCSS文字列を返します
+ *
+ * @param theme - テーマ設定オブジェクト
+ * @param validation - バリデーション設定（オプション）
+ * @returns 生成されたCSS変数の文字列
+ *
+ * @example
+ * ```typescript
+ * // Nuxt/SSR環境での使用例
+ * import { generateCSSVariables } from '@reni-corp/reni-2c-ui'
+ *
+ * const theme = { colors: { primary: '#ff0000' } }
+ * const cssVariables = generateCSSVariables(theme, { locale: 'ja' })
+ *
+ * // Nuxtの場合
+ * useHead({
+ *    style: [
+ *      {
+ *        id: 'reni-one-ui-theme',
+ *        textContent: css,
+ *      },
+ *    ]
+ * })
+ * ```
+ */
+export declare function generateCSSVariables(theme: ReniOneUITheme, validation?: ValidationConfig): string;
+/**
+ * CSS変数をドキュメントに適用する関数（ブラウザ環境専用）
+ *
+ * @deprecated SSR環境では動作しません。代わりに `generateCSSVariables` を使用して、
+ * Nuxtの `useHead` などでスタイルを適用することを推奨します。
+ *
+ * @param theme - テーマ設定オブジェクト
+ *
+ * @example
+ * ```typescript
+ * // ブラウザ環境での使用（後方互換性のため残されています）
+ * applyCSSVariables({ colors: { primary: '#ff0000' } })
+ * ```
+ */
+export declare function applyCSSVariables(theme: ReniOneUITheme): void;
 export declare function createReniOneUI(options?: ReniOneUIOptions): {
     install: (app: App) => void;
 };

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAqFzB,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE;QACP,MAAM,EAAE,SAAS,GAAG,OAAO,CAAA;QAC3B,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAA;SAChB,CAAA;KACF,CAAA;CACF;AAED,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,gBAAgB;mBAClC,GAAG;EAuF1B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}

package/dist/validation.d.ts

@@ -0,0 +1,20 @@
+import { RuleExpression } from 'vee-validate';
+
+export type ValidationRules = RuleExpression<any>;
+export interface ValidationConfig {
+    locale?: 'ja' | 'en';
+    customRules?: Record<string, (value: any) => boolean | string>;
+    customMessages?: Record<string, string>;
+}
+export declare function configureValidation(config?: ValidationConfig): void;
+export declare const fieldTypes: readonly ["nameField", "emailField", "passwordField", "ageField", "phone", "zipcode", "hiragana", "katakana", "alphanumeric", "url"];
+export declare const rules: {
+    readonly required: () => string;
+    readonly text: (min: number, max: number) => string;
+    readonly number: (min: number, max: number) => string;
+    readonly optional: {
+        readonly text: (min: number, max: number) => string;
+        readonly number: (min: number, max: number) => string;
+    };
+};
+//# sourceMappingURL=validation.d.ts.map

package/dist/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../src/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAMzE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,GAAG,CAAC,CAAA;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,GAAG,MAAM,CAAC,CAAA;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxC;AAgMD,wBAAgB,mBAAmB,CAAC,MAAM,GAAE,gBAAqB,QA2ChE;AAGD,eAAO,MAAM,UAAU,sIAWb,CAAA;AAGV,eAAO,MAAM,KAAK;;yBAEJ,MAAM,OAAO,MAAM;2BACjB,MAAM,OAAO,MAAM;;6BAGnB,MAAM,OAAO,MAAM;+BACjB,MAAM,OAAO,MAAM;;CAG3B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reni-corp/reni-2c-ui",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "type": "module",
   "main": "./dist/script.umd.js",
   "module": "./dist/index.es.js",
@@ -31,9 +31,10 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "npm run build:cdn && npm run build:lib",
+    "build": "yarn build:cdn && yarn build:lib",
     "build:lib": "BUILD_TARGET=lib vite build",
     "build:cdn": "BUILD_TARGET=cdn vite build",
+    "build:watch": "BUILD_TARGET=lib vite build --watch",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -55,17 +56,21 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/pro-regular-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
+    "@vee-validate/i18n": "^4.15.1",
     "@vee-validate/rules": "^4.11.3",
     "@vueuse/components": "^10.5.0",
     "@vueuse/core": "^10.3.0",
     "dayjs": "^1.11.13",
     "dompurify": "^3.0.11",
-    "floating-vue": "^2.0.0-beta.24",
+    "floating-vue": "patch:floating-vue@npm%3A2.0.0#./.yarn/patches/floating-vue-npm-2.0.0-b4308359d7.patch",
     "swiper": "^11.1.15",
     "vee-validate": "^4.11.3",
     "vue": "^3.4.31"
   },
+  "packageManager": "yarn@4.10.0",
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.36.0",
     "@storybook/addon-essentials": "^7.3.2",
     "@storybook/addon-interactions": "^7.3.2",
     "@storybook/addon-links": "^7.3.2",
@@ -77,6 +82,7 @@
     "@storybook/vue3-vite": "^7.3.2",
     "@types/dompurify": "^3.0.5",
     "@typescript-eslint/eslint-plugin": "^8.8.1",
+    "@typescript-eslint/parser": "^8.8.1",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/babel-plugin-jsx": "^1.1.5",
     "eslint": "^9.12.0",
@@ -84,6 +90,7 @@
     "eslint-formatter-compact": "^8.40.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-vue": "^9.29.0",
+    "globals": "^15.12.0",
     "plop": "^3.1.2",
     "postcss": "^8.5.3",
     "postcss-html": "^1.8.0",
@@ -105,6 +112,7 @@
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.5.3",
+    "vue-eslint-parser": "^10.2.0",
     "vue-tsc": "^1.8.5"
   }
 }