ropav 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ropav",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "packageManager": "pnpm@11.10.0",
   "engines": {
@@ -21,10 +21,22 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./alert": {
+      "types": "./dist/components/alert/index.d.ts",
+      "import": "./dist/components/alert/index.js"
+    },
     "./accordion": {
       "types": "./dist/components/accordion/index.d.ts",
       "import": "./dist/components/accordion/index.js"
     },
+    "./aspect-ratio": {
+      "types": "./dist/components/aspect-ratio/index.d.ts",
+      "import": "./dist/components/aspect-ratio/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/components/avatar/index.d.ts",
+      "import": "./dist/components/avatar/index.js"
+    },
     "./badge": {
       "types": "./dist/components/badge/index.d.ts",
       "import": "./dist/components/badge/index.js"
@@ -33,6 +45,10 @@
       "types": "./dist/components/button/index.d.ts",
       "import": "./dist/components/button/index.js"
     },
+    "./button-link": {
+      "types": "./dist/components/button-link/index.d.ts",
+      "import": "./dist/components/button-link/index.js"
+    },
     "./button-group": {
       "types": "./dist/components/button-group/index.d.ts",
       "import": "./dist/components/button-group/index.js"
@@ -49,6 +65,18 @@
       "types": "./dist/components/collapse/index.d.ts",
       "import": "./dist/components/collapse/index.js"
     },
+    "./color-input": {
+      "types": "./dist/components/color-input/index.d.ts",
+      "import": "./dist/components/color-input/index.js"
+    },
+    "./color-picker": {
+      "types": "./dist/components/color-picker/index.d.ts",
+      "import": "./dist/components/color-picker/index.js"
+    },
+    "./color-swatch": {
+      "types": "./dist/components/color-swatch/index.d.ts",
+      "import": "./dist/components/color-swatch/index.js"
+    },
     "./dropdown-menu": {
       "types": "./dist/components/dropdown-menu/index.d.ts",
       "import": "./dist/components/dropdown-menu/index.js"
@@ -69,6 +97,10 @@
       "types": "./dist/components/modal/index.d.ts",
       "import": "./dist/components/modal/index.js"
     },
+    "./number-input": {
+      "types": "./dist/components/number-input/index.d.ts",
+      "import": "./dist/components/number-input/index.js"
+    },
     "./overlay": {
       "types": "./dist/components/overlay/index.d.ts",
       "import": "./dist/components/overlay/index.js"
@@ -133,7 +165,9 @@
     "preview": "vite preview",
     "storybook": "pnpm run tokens:build && storybook dev -p 6006 --no-open",
     "build-storybook": "pnpm run tokens:build && pnpm run tokens:check && pnpm run typecheck:storybook && storybook build",
-    "release": "bumpp"
+    "changelog": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md",
+    "changelog:all": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -o CHANGELOG.md -r 0",
+    "release": "bumpp --git-check --all --commit \"chore(release): v%s\" --tag \"v%s\" --execute \"pnpm run changelog\""
   },
   "peerDependencies": {
     "vue": "^3.6.0-beta.4"
@@ -143,15 +177,17 @@
     "@storybook/addon-themes": "^10.4.6",
     "@storybook/addon-vitest": "^10.4.6",
     "@storybook/vue3-vite": "^10.4.6",
-    "@types/node": "^25.9.4",
+    "@types/node": "^26.1.1",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vitest/browser-playwright": "^4.1.10",
     "@vue/compiler-vapor": "3.6.0-beta.17",
     "@vue/tsconfig": "^0.9.1",
     "bumpp": "^11.1.0",
+    "conventional-changelog": "^8.0.1",
+    "conventional-changelog-conventionalcommits": "^10.2.1",
     "jsdom": "^29.1.1",
-    "oxfmt": "^0.57.0",
-    "oxlint": "^1.72.0",
+    "oxfmt": "^0.58.0",
+    "oxlint": "^1.73.0",
     "playwright": "^1.61.1",
     "sass-embedded": "^1.100.0",
     "storybook": "^10.4.6",
@@ -161,8 +197,8 @@
     "vite": "^8.1.3",
     "vite-plugin-dts": "^5.0.3",
     "vitest": "^4.1.10",
-    "vue": "beta",
-    "vue-tsc": "^3.3.6"
+    "vue": "3.6.0-beta.17",
+    "vue-tsc": "^3.3.7"
   },
   "repository": {
     "type": "git",

package/src/styles/_mixins.scss

@@ -1,5 +1,9 @@
 @use 'variables' as *;
 
+$rp-component-colors:
+    'dark', 'gray', 'red', 'pink', 'grape', 'violet', 'indigo', 'blue', 'cyan', 'teal', 'green',
+    'lime', 'yellow', 'orange';
+
 @mixin flex-center {
     display: inline-flex;
     align-items: center;
@@ -7,7 +11,7 @@
 }
 
 @mixin focus-ring {
-    border-color: var(--rp-color-primary);
+    border-color: var(--rp-color-control-border-focus);
     box-shadow: 0 0 0 var(--rp-border-width-medium) var(--rp-color-focus-ring);
 }
 
@@ -55,36 +59,50 @@
 }
 
 @mixin control-size-vars($prefix) {
+    &--xs {
+        #{$prefix}-height: var(--rp-size-control-xs);
+        #{$prefix}-font: var(--rp-font-size-xs);
+        #{$prefix}-px: calc(var(--rp-size-control-xs) / 3);
+        #{$prefix}-radius: var(--rp-radius-sm);
+    }
+
     &--sm {
         #{$prefix}-height: var(--rp-size-control-sm);
         #{$prefix}-font: var(--rp-font-size-sm);
-        #{$prefix}-px: var(--rp-spacing-3);
+        #{$prefix}-px: calc(var(--rp-size-control-sm) / 3);
         #{$prefix}-radius: var(--rp-radius-md);
     }
 
     &--md {
         #{$prefix}-height: var(--rp-size-control-md);
-        #{$prefix}-font: var(--rp-font-size-base);
-        #{$prefix}-px: var(--rp-spacing-4);
+        #{$prefix}-font: var(--rp-font-size-md);
+        #{$prefix}-px: calc(var(--rp-size-control-md) / 3);
         #{$prefix}-radius: var(--rp-radius-lg);
     }
 
     &--lg {
         #{$prefix}-height: var(--rp-size-control-lg);
         #{$prefix}-font: var(--rp-font-size-lg);
-        #{$prefix}-px: var(--rp-spacing-6);
+        #{$prefix}-px: calc(var(--rp-size-control-lg) / 3);
+        #{$prefix}-radius: var(--rp-radius-lg);
+    }
+
+    &--xl {
+        #{$prefix}-height: var(--rp-size-control-xl);
+        #{$prefix}-font: var(--rp-font-size-xl);
+        #{$prefix}-px: calc(var(--rp-size-control-xl) / 3);
         #{$prefix}-radius: var(--rp-radius-lg);
     }
 }
 
 @mixin menu-surface(
     $z-index: $z-index-dropdown,
-    $surface: var(--rp-color-surface-raised),
+    $surface: var(--rp-color-default),
     $radius: var(--rp-radius-lg)
 ) {
     z-index: $z-index;
     background-color: $surface;
-    border: var(--rp-border-width-thin) solid var(--rp-color-border);
+    border: var(--rp-border-width-thin) solid var(--rp-color-default-border);
     border-radius: $radius;
     box-shadow: var(--rp-shadow-md);
     padding: var(--rp-spacing-1) 0;
@@ -119,37 +137,3 @@
         }
     }
 }
-
-@mixin semantic-colors($var-name) {
-    @each $name in primary, secondary, success, warning, danger, info, neutral {
-        &--#{$name} {
-            #{$var-name}: var(--rp-color-#{$name}-fg);
-        }
-    }
-}
-
-@mixin semantic-color-pair($color-var, $foreground-var) {
-    @each $name in primary, secondary, success, warning, danger, info, neutral {
-        &--#{$name} {
-            #{$color-var}: var(--rp-color-#{$name});
-            #{$foreground-var}: var(--rp-color-on-#{$name});
-        }
-    }
-}
-
-@mixin semantic-state-colors($prefix) {
-    @each $name in primary, secondary, success, warning, danger, info, neutral {
-        &--#{$name} {
-            #{$prefix}-bg: var(--rp-color-#{$name});
-            #{$prefix}-bg-hover: var(--rp-color-#{$name}-hover);
-            #{$prefix}-bg-active: var(--rp-color-#{$name}-active);
-            #{$prefix}-subtle-bg: var(--rp-color-#{$name}-subtle-bg);
-            #{$prefix}-subtle-bg-hover: var(--rp-color-#{$name}-subtle-bg-hover);
-            #{$prefix}-subtle-bg-active: var(--rp-color-#{$name}-subtle-bg-active);
-            #{$prefix}-border: var(--rp-color-#{$name}-border);
-            #{$prefix}-border-hover: var(--rp-color-#{$name}-border-hover);
-            #{$prefix}-fg: var(--rp-color-#{$name}-fg);
-            #{$prefix}-on-bg: var(--rp-color-on-#{$name});
-        }
-    }
-}