@rolemodel/optics 2.1.5 → 2.3.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolemodel/optics",
-  "version": "2.1.5",
+  "version": "2.3.0",
   "packageManager": "yarn@4.8.1",
   "description": "Optics is a css package that provides base styles and components that can be integrated and customized in a variety of projects.",
   "main": "dist/css/optics.css",
@@ -46,35 +46,28 @@
     "modern-css-reset": "^1.4.0"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.23.9",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/html": "^8.5.3",
-    "@storybook/html-vite": "^8.5.3",
-    "@storybook/manager-api": "^8.5.3",
-    "@storybook/preview-api": "^8.5.3",
-    "@storybook/test": "^8.5.3",
-    "@storybook/theming": "^8.5.3",
-    "cssnano": "^7.0.6",
-    "eslint": "^8.45.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^16.0.1",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-storybook": "^0.11.2",
+    "@babel/preset-env": "^7.28.5",
+    "@eslint/js": "^9.39.2",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/html-vite": "^10.1.11",
+    "cssnano": "^7.1.2",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-storybook": "^10.1.11",
     "generate-template-files": "^3.2.1",
-    "postcss": "^8.4.38",
-    "postcss-cli": "^11.0.0",
-    "postcss-import": "^16.1.0",
-    "prettier": "^3.0.0",
-    "storybook": "^8.5.3",
-    "storybook-design-token": "^3.1.0",
-    "style-loader": "^3.3.3",
-    "stylelint": "^16.2.1",
+    "globals": "^16.5.0",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "postcss-import": "^16.1.1",
+    "prettier": "^3.7.4",
+    "storybook": "^10.1.11",
+    "storybook-design-token": "^5.0.0",
+    "style-loader": "^4.0.0",
+    "stylelint": "^16.26.1",
     "stylelint-config-idiomatic-order": "^10.0.0",
-    "stylelint-prettier": "^5.0.0",
-    "vite": "^5.4.14"
+    "stylelint-prettier": "^5.0.3",
+    "stylelint-use-logical": "^2.1.2",
+    "vite": "^7.3.0"
   },
   "peerDependencies": {
     "tom-select": "^2.0.0"

package/dist/tokens/tokens.json

@@ -127,7 +127,7 @@
 			"accordion": "rotate 120ms ease-in",
 			"input": "all 120ms ease-in",
 			"sidebar": "all 200ms ease-in-out",
-			"modal": "all 300ms ease-in",
+			"modal": "all var(--op-transition-modal-time) ease-in",
 			"panel": "right 400ms ease-in",
 			"tooltip": "all 300ms ease-in 300ms"
 		},

package/eslint.config.mjs

@@ -0,0 +1,27 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import { defineConfig } from 'eslint/config'
+
+import eslintConfigPrettier from 'eslint-config-prettier/flat'
+import storybook from 'eslint-plugin-storybook'
+
+export default defineConfig([
+  {
+    files: ['**/*.{js,mjs,cjs}'],
+    plugins: { js },
+    extends: ['js/recommended'],
+    languageOptions: { globals: globals.browser },
+    rules: {
+      'no-unused-vars': [
+        'warn',
+        {
+          argsIgnorePattern: '^_', // Allow unused arguments starting with an underscore
+          varsIgnorePattern: '^_', // Allow unused variables starting with an underscore
+          ignoreRestSiblings: true,
+        },
+      ],
+    },
+  },
+  eslintConfigPrettier,
+  ...storybook.configs['flat/recommended'],
+])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolemodel/optics",
-  "version": "2.1.5",
+  "version": "2.3.0",
   "packageManager": "yarn@4.8.1",
   "description": "Optics is a css package that provides base styles and components that can be integrated and customized in a variety of projects.",
   "main": "dist/css/optics.css",
@@ -46,35 +46,28 @@
     "modern-css-reset": "^1.4.0"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.23.9",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/html": "^8.5.3",
-    "@storybook/html-vite": "^8.5.3",
-    "@storybook/manager-api": "^8.5.3",
-    "@storybook/preview-api": "^8.5.3",
-    "@storybook/test": "^8.5.3",
-    "@storybook/theming": "^8.5.3",
-    "cssnano": "^7.0.6",
-    "eslint": "^8.45.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^16.0.1",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-storybook": "^0.11.2",
+    "@babel/preset-env": "^7.28.5",
+    "@eslint/js": "^9.39.2",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/html-vite": "^10.1.11",
+    "cssnano": "^7.1.2",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-storybook": "^10.1.11",
     "generate-template-files": "^3.2.1",
-    "postcss": "^8.4.38",
-    "postcss-cli": "^11.0.0",
-    "postcss-import": "^16.1.0",
-    "prettier": "^3.0.0",
-    "storybook": "^8.5.3",
-    "storybook-design-token": "^3.1.0",
-    "style-loader": "^3.3.3",
-    "stylelint": "^16.2.1",
+    "globals": "^16.5.0",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "postcss-import": "^16.1.1",
+    "prettier": "^3.7.4",
+    "storybook": "^10.1.11",
+    "storybook-design-token": "^5.0.0",
+    "style-loader": "^4.0.0",
+    "stylelint": "^16.26.1",
     "stylelint-config-idiomatic-order": "^10.0.0",
-    "stylelint-prettier": "^5.0.0",
-    "vite": "^5.4.14"
+    "stylelint-prettier": "^5.0.3",
+    "stylelint-use-logical": "^2.1.2",
+    "vite": "^7.3.0"
   },
   "peerDependencies": {
     "tom-select": "^2.0.0"

package/.eslintrc.json

@@ -1,14 +0,0 @@
-{
-  "root": true,
-  "extends": ["standard", "prettier"],
-  "rules": {
-    "no-unused-vars": [
-      "warn",
-      {
-        "argsIgnorePattern": "^_", // Allow unused arguments starting with an underscore
-        "varsIgnorePattern": "^_", // Allow unused variables starting with an underscore
-        "ignoreRestSiblings": true
-      }
-    ]
-  }
-}