@wishbone-media/spark 0.49.0 → 0.50.0

package/formkit.theme.mjs

@@ -2706,9 +2706,9 @@ const classes = {
     'dark:disabled:text-primary-500': true,
     'dark:text-primary-500': true,
     'aria-[pressed=false]:text-gray-900': true,
-    'aria-[pressed=true]:bg-primary-600': true,
+    'aria-[pressed=true]:bg-gray-500': true,
     'aria-[pressed=true]:text-white': true,
-    'dark:aria-[pressed=true]:bg-primary-600': true,
+    'dark:aria-[pressed=true]:bg-gray-500': true,
     'dark:aria-[pressed=true]:text-white': true,
     'group-[&]/option:!rounded-none': true,
     'group-data-[vertical=false]/options:group-first/option:!rounded-md': true,
@@ -2726,19 +2726,19 @@ const classes = {
     'group-data-[vertical=false]/options:group-[&]/option:!border-r-0': true,
     'group-data-[vertical=false]/options:group-last/option:!border-r': true,
     'group-data-[vertical=false]/options:group-[&]/option:aria-[pressed=true]:border-x-primary-500': true,
-    'group-data-[vertical=false]/options:group-first/option:aria-[pressed=true]:border-l-primary-600': true,
-    'group-data-[vertical=false]/options:group-last/option:aria-[pressed=true]:border-r-primary-600': true,
-    'dark:group-data-[vertical=false]/options:group-[&]/option:aria-[pressed=true]:border-x-primary-600': true,
-    'dark:group-data-[vertical=false]/options:group-first/option:aria-[pressed=true]:border-l-primary-600': true,
-    'dark:group-data-[vertical=false]/options:group-last/option:aria-[pressed=true]:border-r-primary-600': true,
+    'group-data-[vertical=false]/options:group-first/option:aria-[pressed=true]:border-l-gray-500': true,
+    'group-data-[vertical=false]/options:group-last/option:aria-[pressed=true]:border-r-gray-500': true,
+    'dark:group-data-[vertical=false]/options:group-[&]/option:aria-[pressed=true]:border-x-gray-500': true,
+    'dark:group-data-[vertical=false]/options:group-first/option:aria-[pressed=true]:border-l-gray-500': true,
+    'dark:group-data-[vertical=false]/options:group-last/option:aria-[pressed=true]:border-r-gray-500': true,
     'group-data-[vertical=true]/options:group-[&]/option:!border-b-0': true,
     'group-data-[vertical=true]/options:group-last/option:!border-b': true,
     'group-data-[vertical=true]/options:group-[&]/option:aria-[pressed=true]:border-y-primary-500': true,
-    'group-data-[vertical=true]/options:group-first/option:aria-[pressed=true]:border-t-primary-600': true,
-    'group-data-[vertical=true]/options:group-last/option:aria-[pressed=true]:border-b-primary-600': true,
-    'dark:group-data-[vertical=true]/options:group-[&]/option:aria-[pressed=true]:border-y-primary-600': true,
-    'dark:group-data-[vertical=true]/options:group-first/option:aria-[pressed=true]:border-t-primary-600': true,
-    'dark:group-data-[vertical=true]/options:group-last/option:aria-[pressed=true]:border-b-primary-600': true,
+    'group-data-[vertical=true]/options:group-first/option:aria-[pressed=true]:border-t-gray-500': true,
+    'group-data-[vertical=true]/options:group-last/option:aria-[pressed=true]:border-b-gray-500': true,
+    'dark:group-data-[vertical=true]/options:group-[&]/option:aria-[pressed=true]:border-y-gray-500': true,
+    'dark:group-data-[vertical=true]/options:group-first/option:aria-[pressed=true]:border-t-gray-500': true,
+    'dark:group-data-[vertical=true]/options:group-last/option:aria-[pressed=true]:border-b-gray-500': true,
   },
   transferlist__outer: {
     group: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishbone-media/spark",
-  "version": "0.49.0",
+  "version": "0.50.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -56,7 +56,7 @@
     "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.24"
   },
-  "packageManager": "pnpm@10.11.1",
+  "packageManager": "pnpm@11.1.1",
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"
   },

package/src/components/SparkButton.vue

@@ -152,6 +152,9 @@ const computedButtonClass = computed(() => {
     case 'info':
       classes += ' bg-cyan-600 hover:bg-cyan-500 text-white'
       break
+    case 'gray':
+      classes += ' bg-gray-500 hover:bg-gray-400 text-white'
+      break
 
     default:
       classes += ` bg-${props.variant}-600 hover:bg-${props.variant}-500 text-white`

package/src/components/SparkSubNav.vue

@@ -16,7 +16,7 @@
         v-for="item in computedItems"
         :key="item.id"
         size="xl"
-        :variant="isItemActive(item) ? 'primary' : 'secondary'"
+        :variant="isItemActive(item) ? 'gray' : 'secondary'"
         :disabled="isItemDisabled(item)"
         @click="handleNavigate(item)"
       >
@@ -47,7 +47,7 @@
         <FontAwesomeIcon
           v-if="item.icon && !(isItemActive(item) && props.layout === 'vertical')"
           :icon="Icons[item.icon]"
-          class="mr-2"
+          class="text-gray-400 mr-2"
           :class="iconClasses"
         />
         <span>{{ item.label }}</span>
@@ -227,7 +227,7 @@ function getTabsClasses(isActive, isDisabled) {
 
 // Vertical layout (simplified with checkmark)
 function getVerticalClasses(isActive, isDisabled) {
-  const classes = ['font-medium text-sm py-1']
+  const classes = ['font-medium text-[15px]/[20px] py-2']
 
   if (isActive) {
     classes.push('text-primary-600')

package/src/components/plugins/SparkTableFilterButtons.vue

@@ -7,7 +7,7 @@
         :key="option.value"
         size="xl"
         button-class="px-3.5"
-        :variant="isSelected(option.value) ? 'primary' : 'secondary'"
+        :variant="isSelected(option.value) ? 'gray' : 'secondary'"
         @click="handleSelect(option.value)"
       >
         {{ option.label }}