@openameba/spindle-ui 3.1.4 → 3.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 3.1.5
+
+### Patch Changes
+
+- [#1775](https://github.com/openameba/spindle/pull/1775) [`bd22a93`](https://github.com/openameba/spindle/commit/bd22a93b464303ee22b23af699fbd25bfe247697) Thanks [@herablog](https://github.com/herablog)! - feat(spindle-icons): update filter icon
+
+## 3.1.5
+
+### Patch Changes
+
+- [#1770](https://github.com/openameba/spindle/pull/1770) [`34bb047`](https://github.com/openameba/spindle/commit/34bb04789f6ed92dc33c8649feeccdd6afff75f5) Thanks [@github-actions](https://github.com/apps/github-actions)! - feat(spindle-icons): update filter icon
+
 ## 3.1.4
 
 ### Patch Changes

package/Icon/Filter.js

@@ -46,6 +46,6 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var SvgFilter = function (props) { return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img" }, props),
-    React.createElement("path", { d: "M3 5.5c0-.05.02-.09.03-.14A2.49 2.49 0 0 1 5.51 3c1.02 0 1.9.62 2.29 1.5H20c.55 0 1 .45 1 1s-.45 1-1 1H7.8a2.49 2.49 0 0 1-4.77-.86C3.02 5.59 3 5.55 3 5.5M4 13h12.23c.39.88 1.26 1.5 2.29 1.5a2.5 2.5 0 0 0 0-5c-1.02 0-1.9.62-2.29 1.5H4c-.55 0-1 .45-1 1s.45 1 1 1m16 4.5H7.8c-.38-.88-1.26-1.5-2.29-1.5-1.33 0-2.41 1.05-2.49 2.36 0 .05-.02.09-.02.14s.02.09.03.14A2.49 2.49 0 0 0 5.51 21c1.02 0 1.9-.62 2.29-1.5H20c.55 0 1-.45 1-1s-.45-1-1-1" }))); };
+    React.createElement("path", { d: "M8.5 15.5A1.5 1.5 0 0 1 10 17v.5h10a1 1 0 1 1 0 2H10v.5a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 6 20v-.5H4a1 1 0 1 1 0-2h2V17a1.5 1.5 0 0 1 1.5-1.5zM16.5 9a1.5 1.5 0 0 1 1.5 1.5v.5h2a1 1 0 1 1 0 2h-2v.5a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5V13H4a1 1 0 1 1 0-2h10v-.5A1.5 1.5 0 0 1 15.5 9zM8.5 2.5A1.5 1.5 0 0 1 10 4v.5h10a1 1 0 1 1 0 2H10V7a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 6 7v-.5H4a1 1 0 0 1 0-2h2V4a1.5 1.5 0 0 1 1.5-1.5z" }))); };
 exports.default = SvgFilter;
 //# sourceMappingURL=Filter.js.map

package/Icon/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../src/Icon/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA+B;AAE/B,IAAM,SAAS,GAAG,UAAC,KAA8B,IAAK,OAAA,CACpD,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,KAAK,IACN,KAAK;IAET,8BAAM,CAAC,EAAC,ubAAub,GAAG,CAC9b,CACP,EAXqD,CAWrD,CAAC;AACF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../src/Icon/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA+B;AAE/B,IAAM,SAAS,GAAG,UAAC,KAA8B,IAAK,OAAA,CACpD,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,KAAK,IACN,KAAK;IAET,8BAAM,CAAC,EAAC,wbAAwb,GAAG,CAC/b,CACP,EAXqD,CAWrD,CAAC;AACF,kBAAe,SAAS,CAAC"}

package/Icon/Filter.mjs

@@ -1,4 +1,4 @@
 import * as React from 'react';
 const SvgFilter = (props) => (React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", role: "img", ...props },
-    React.createElement("path", { d: "M3 5.5c0-.05.02-.09.03-.14A2.49 2.49 0 0 1 5.51 3c1.02 0 1.9.62 2.29 1.5H20c.55 0 1 .45 1 1s-.45 1-1 1H7.8a2.49 2.49 0 0 1-4.77-.86C3.02 5.59 3 5.55 3 5.5M4 13h12.23c.39.88 1.26 1.5 2.29 1.5a2.5 2.5 0 0 0 0-5c-1.02 0-1.9.62-2.29 1.5H4c-.55 0-1 .45-1 1s.45 1 1 1m16 4.5H7.8c-.38-.88-1.26-1.5-2.29-1.5-1.33 0-2.41 1.05-2.49 2.36 0 .05-.02.09-.02.14s.02.09.03.14A2.49 2.49 0 0 0 5.51 21c1.02 0 1.9-.62 2.29-1.5H20c.55 0 1-.45 1-1s-.45-1-1-1" })));
+    React.createElement("path", { d: "M8.5 15.5A1.5 1.5 0 0 1 10 17v.5h10a1 1 0 1 1 0 2H10v.5a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 6 20v-.5H4a1 1 0 1 1 0-2h2V17a1.5 1.5 0 0 1 1.5-1.5zM16.5 9a1.5 1.5 0 0 1 1.5 1.5v.5h2a1 1 0 1 1 0 2h-2v.5a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5V13H4a1 1 0 1 1 0-2h10v-.5A1.5 1.5 0 0 1 15.5 9zM8.5 2.5A1.5 1.5 0 0 1 10 4v.5h10a1 1 0 1 1 0 2H10V7a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 6 7v-.5H4a1 1 0 0 1 0-2h2V4a1.5 1.5 0 0 1 1.5-1.5z" })));
 export default SvgFilter;

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 openameba
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -16,7 +16,7 @@ Spindle UIは、Amebaのデザインシステム「Spindle」で定義された
 npm install @openameba/spindle-ui
 ```
 ```
-yarn add @openameba/spindle-ui
+pnpm add @openameba/spindle-ui
 ```
 
 ## 利用方法
@@ -84,22 +84,22 @@ Spindle UIはGoogle Chrome最新版で動作確認しています。それ以外
 ## 開発方法
 
 ```
-yarn install
-yarn dev # storybookが起動します
+pnpm install --frozen-lockfile
+pnpm dev # storybookが起動します
 ```
 
 NOTE: 事前に [spindle-hooks](https://github.com/openameba/spindle/tree/main/packages/spindle-hooks) を以下のようにbuildしておく必要があります。
 
 ```
 cd ../spindle-hooks
-yarn build
+pnpm build
 cd -
 ```
 
 新規コンポーネントを作成する際にはgenerateコマンドが便利です。推奨されるフローは、まずDesign Docを作成しPull Requestします。レビューが終わったらマージし、コンポーネント実装を進めます。
 
 ```
-yarn generate
+pnpm generate
 ? Please select a document. (Use arrow keys)
 ❯ design doc 
 ? Please select the output destination directory. (Use arrow keys or type to search)
@@ -112,7 +112,7 @@ yarn generate
 ```
 
 ```
-yarn generate
+pnpm generate
 ? Please select a document. (Use arrow keys)
 ❯ component 
 ? Please select the output destination directory. (Use arrow keys or type to search)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openameba/spindle-ui",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -8,36 +8,6 @@
   "sideEffects": [
     "*.css"
   ],
-  "scripts": {
-    "generate": "scaffdog generate",
-    "test": "run-p size test:interaction",
-    "test:interaction": "jest",
-    "presize": "yarn build",
-    "size": "bundlewatch --config .bundlewatch.config.js",
-    "dev": "yarn storybook:start",
-    "storybook:start": "storybook dev -p 6006 -c .storybook",
-    "storybook:build": "storybook build -o public -c .storybook",
-    "storybook:deploy": "firebase deploy --only hosting",
-    "test:regression": "reg-suit run",
-    "serve": "firebase serve",
-    "clean": "npx rimraf dist",
-    "cp": "npx cpx 'dist/**/*' .",
-    "prebuild": "yarn clean",
-    "build": "run-p build:*",
-    "build:script": "run-s build:script:esm build:script:cjs",
-    "build:script:cjs": "tsc -p tsconfig.cjs.json",
-    "build:script:esm": "run-s build:script:esm:*",
-    "build:script:esm:js": "tsc -p tsconfig.esm.json",
-    "build:script:esm:rename": "npx renamer --find js --replace mjs 'dist/**'",
-    "build:script:esm:extensionReplace": "jscodeshift -t ../../bin/outputExtensionReplace.js dist/** --extensions=mjs",
-    "build:style": "postcss src/**/*.css src/*.css --base src -d dist/",
-    "preicon": "npx rimraf 'src/Icon/!(*.stories).tsx' && npx cpx '../spindle-icons/dist/svg/!(sprite).svg' icon-tmp",
-    "icon": "run-s icon:react icon:connect",
-    "posticon": "npx rimraf icon-tmp",
-    "icon:react": "svgr --out-dir src/Icon icon-tmp",
-    "icon:connect": "npx tsx scripts/figma-connect-icons.ts",
-    "prepublishOnly": "yarn build && yarn cp"
-  },
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -62,40 +32,76 @@
     "use-callback-ref": "^1.3.3"
   },
   "devDependencies": {
-    "@figma/code-connect": "1.3.8",
-    "@storybook/addon-a11y": "10.0.6",
-    "@storybook/addon-docs": "10.0.6",
-    "@storybook/addon-webpack5-compiler-swc": "4.0.1",
-    "@storybook/react": "10.0.6",
-    "@storybook/react-webpack5": "10.0.6",
+    "@figma/code-connect": "1.3.12",
+    "@storybook/addon-a11y": "10.1.11",
+    "@storybook/addon-docs": "10.1.11",
+    "@storybook/addon-webpack5-compiler-swc": "4.0.2",
+    "@storybook/react": "10.1.11",
+    "@storybook/react-webpack5": "10.1.11",
     "@svgr/cli": "8.1.0",
-    "@swc/core": "1.15.1",
-    "@swc/jest": "0.2.39",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
-    "@types/jest": "30.0.0",
-    "@types/react": "19.2.2",
-    "autoprefixer": "10.4.21",
+    "@types/react": "19.2.8",
+    "@vitest/ui": "4.0.17",
+    "@vscode/web-custom-data": "0.6.2",
+    "autoprefixer": "10.4.23",
     "bundlewatch": "0.4.1",
     "cssnano": "7.1.2",
     "dialog-polyfill": "0.5.6",
     "dotenv": "17.2.3",
     "figma-api": "1.12.0",
-    "firebase-tools": "14.24.1",
-    "jest": "30.2.0",
-    "jest-environment-jsdom": "30.2.0",
+    "firebase-tools": "15.3.1",
+    "jsdom": "27.4.0",
     "postcss": "8.5.6",
     "postcss-cli": "11.0.1",
     "postcss-import": "16.1.1",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
     "reg-keygen-git-hash-plugin": "0.14.5",
     "reg-notify-github-plugin": "0.14.5",
     "reg-publish-gcs-plugin": "0.14.4",
     "reg-suit": "0.14.5",
     "scaffdog": "4.1.0",
-    "storybook": "10.0.6"
+    "storybook": "10.1.11",
+    "stylelint": "16.26.1",
+    "stylelint-config-standard": "39.0.1",
+    "stylelint-order": "7.0.1",
+    "stylelint-selector-bem-pattern": "4.0.1",
+    "tsx": "4.21.0",
+    "vitest": "4.0.17"
+  },
+  "scripts": {
+    "generate": "scaffdog generate",
+    "test": "run-p size lint test:interaction",
+    "lint": "pnpm lint:style",
+    "lint:style": "stylelint '**/*.css'",
+    "fix": "pnpm lint:style --fix",
+    "test:interaction": "vitest run",
+    "presize": "pnpm build",
+    "size": "bundlewatch --config .bundlewatch.config.js",
+    "dev": "pnpm storybook:start",
+    "storybook:start": "storybook dev -p 6006 -c .storybook",
+    "storybook:build": "storybook build -o public -c .storybook",
+    "storybook:deploy": "firebase deploy --only hosting",
+    "test:regression": "reg-suit run",
+    "serve": "firebase serve",
+    "clean": "rm -rf dist",
+    "cp": "npx cpx 'dist/**/*' .",
+    "prebuild": "pnpm clean",
+    "build": "run-p build:*",
+    "build:script": "run-s build:script:esm build:script:cjs",
+    "build:script:cjs": "tsc -p tsconfig.cjs.json",
+    "build:script:esm": "run-s build:script:esm:*",
+    "build:script:esm:js": "tsc -p tsconfig.esm.json",
+    "build:script:esm:rename": "npx renamer --find js --replace mjs 'dist/**'",
+    "build:script:esm:extensionReplace": "jscodeshift -t ../../bin/outputExtensionReplace.js dist/** --extensions=mjs",
+    "build:style": "postcss src/**/*.css src/*.css --base src -d dist/",
+    "preicon": "find src/Icon -type f -name '*.tsx' ! -name '*.stories.tsx' -delete && npx cpx '../spindle-icons/dist/svg/!(sprite).svg' icon-tmp",
+    "icon": "run-s icon:react icon:connect",
+    "posticon": "rm -rf icon-tmp",
+    "icon:react": "svgr --out-dir src/Icon icon-tmp",
+    "icon:connect": "tsx scripts/figma-connect-icons.ts"
   }
-}
+}

package/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineProject } from 'vitest/config';
+
+export default defineProject({
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./setup-tests.ts'],
+  },
+});