@globalbrain/sefirot 4.24.0 → 4.25.1

package/lib/components/SActionMenu.vue

@@ -8,7 +8,7 @@ import SDropdown from './SDropdown.vue'
 export type { Mode, Size, Tooltip, Type }
 
 const props = defineProps<{
-  tag?: string
+  tag?: Component | string
   size?: Size
   type?: Type
   mode?: Mode

package/lib/components/SButton.vue

@@ -22,8 +22,8 @@ export type Mode =
   | 'danger'
 
 export interface Tooltip {
-  tag?: string
-  triggerTag?: string
+  tag?: Component | string
+  triggerTag?: Component | string
   text?: MaybeRef<string | null>
   position?: Position
   display?: 'inline' | 'inline-block' | 'block'
@@ -32,7 +32,7 @@ export interface Tooltip {
 }
 
 const props = defineProps<{
-  tag?: string
+  tag?: Component | string
   size?: Size
   type?: Type
   mode?: Mode

package/lib/components/SControlActionMenu.vue

@@ -5,7 +5,7 @@ import { type DropdownSection } from '../composables/Dropdown'
 import SActionMenu, { type Mode, type Tooltip, type Type } from './SActionMenu.vue'
 
 defineProps<{
-  tag?: string
+  tag?: Component | string
   type?: Type
   mode?: Mode
   icon?: Component

package/lib/components/SControlButton.vue

@@ -4,7 +4,7 @@ import { useControlSize } from '../composables/Control'
 import SButton, { type Mode, type Tooltip, type Type } from './SButton.vue'
 
 defineProps<{
-  tag?: string
+  tag?: Component | string
   type?: Type
   mode?: Mode
   icon?: Component

package/lib/components/SLocalNavActions.vue

@@ -3,7 +3,7 @@ import { type Component } from 'vue'
 import SButton, { type Mode, type Tooltip, type Type } from './SButton.vue'
 
 export interface Action {
-  tag?: string
+  tag?: Component | string
   type?: Type
   mode?: Mode
   icon?: Component
@@ -29,6 +29,7 @@ defineProps<{
     <div v-for="action, i in actions" :key="i" class="action">
       <SButton
         size="small"
+        :tag="action.tag"
         :type="action.type"
         :mode="action.mode"
         :icon="action.icon"

package/lib/components/SMarkdown.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import { type Component, computed } from 'vue'
 import { useMarkdown } from '../composables/Markdown'
 
 const props = withDefaults(defineProps<{
-  tag?: string
+  tag?: Component | string
   content: string
   html?: boolean
   inline?: boolean

package/lib/components/SMount.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { type Component, onMounted, ref } from 'vue'
 
 defineProps<{
-  tag?: string
+  tag?: Component | string
 }>()
 
 const mount = ref(true)

package/lib/components/STable.vue

@@ -355,7 +355,7 @@ function removeSelected(item: any) {
 
 function getColWidth(key: string) {
   if (key === '__select') {
-    return '48px + var(--table-padding-left, 0)'
+    return '48px + var(--table-padding-left)'
   }
   const adjustedWidth = colWidths[key]
   if (adjustedWidth && adjustedWidth !== 'auto') {
@@ -631,7 +631,7 @@ function getStyles(key: string) {
 }
 
 .STable .col-__select {
-  --table-col-width: calc(48px + var(--table-padding-left, 0));
+  --table-col-width: calc(48px + var(--table-padding-left));
 
   :deep(.input) {
     align-items: center;

package/lib/components/STableItem.vue

@@ -25,14 +25,14 @@ const classes = computed(() => [
 <style scoped lang="postcss">
 .STableItem {
   position: var(--table-col-position, relative);
-  left: var(--table-col-left, 0);
+  left: var(--table-col-left, 0px);
   right: var(--table-col-right, auto);
   z-index: var(--table-col-z-index, auto);
   flex-shrink: 0;
   flex-grow: 1;
-  border-left: var(--table-col-border-left, 0) solid var(--c-gutter);
+  border-left: var(--table-col-border-left, 0px) solid var(--c-gutter);
   border-right: 1px solid var(--c-gutter);
-  margin-left: calc(var(--table-col-border-left, 0) * -1);
+  margin-left: calc(var(--table-col-border-left, 0px) * -1);
   min-width: var(--table-col-width);
   max-width: var(--table-col-width);
 

package/lib/components/STooltip.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { onClickOutside, onKeyStroke, useElementHover, useFocusWithin } from '@vueuse/core'
-import { computed, onBeforeUnmount, ref, shallowRef, watch } from 'vue'
+import { type Component, computed, onBeforeUnmount, ref, shallowRef, watch } from 'vue'
 import { type Position, useTooltip } from '../composables/Tooltip'
 
 const props = withDefaults(defineProps<{
-  tag?: string
-  triggerTag?: string
+  tag?: Component | string
+  triggerTag?: Component | string
   text?: string
   position?: Position
   display?: 'inline' | 'inline-block' | 'block'

package/lib/styles/variables.css

@@ -871,8 +871,8 @@
   --table-border-left: var(--table-border);
   --table-border-radius: 6px;
 
-  --table-padding-right: 0;
-  --table-padding-left: 0;
+  --table-padding-right: 0px;
+  --table-padding-left: 0px;
 
   --table-cell-font-size: 14px;
   --table-cell-font-weight: 400;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@globalbrain/sefirot",
   "type": "module",
-  "version": "4.24.0",
+  "version": "4.25.1",
   "packageManager": "pnpm@9.15.4",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",
@@ -59,15 +59,15 @@
     "markdown-it": "^14.1.0",
     "normalize.css": "^8.0.1",
     "pinia": "^3.0.3",
-    "postcss": "^8.5.4",
+    "postcss": "^8.5.5",
     "postcss-nested": "^7.0.2",
     "v-calendar": "3.0.1",
     "vue": "^3.5.16",
     "vue-router": "^4.5.1"
   },
   "dependencies": {
-    "@sentry/browser": "^9.26.0",
-    "@sentry/vue": "^9.26.0",
+    "@sentry/browser": "^9.29.0",
+    "@sentry/vue": "^9.29.0",
     "@tanstack/vue-virtual": "3.0.0-beta.62",
     "@tinyhttp/content-disposition": "^2.2.2",
     "@tinyhttp/cookie": "^2.1.1",
@@ -92,9 +92,9 @@
     "@types/body-scroll-lock": "^3.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/markdown-it": "^14.1.2",
-    "@types/node": "^22.15.29",
+    "@types/node": "^24.0.1",
     "@vitejs/plugin-vue": "^5.2.4",
-    "@vitest/coverage-v8": "^3.2.1",
+    "@vitest/coverage-v8": "^3.2.3",
     "@vue/reactivity": "^3.5.16",
     "@vue/test-utils": "^2.4.6",
     "@vuelidate/core": "^2.0.3",
@@ -104,21 +104,21 @@
     "dayjs": "^1.11.13",
     "eslint": "8.57.0",
     "fuse.js": "^7.1.0",
-    "happy-dom": "^17.6.3",
+    "happy-dom": "^18.0.1",
     "histoire": "0.16.5",
     "lodash-es": "^4.17.21",
     "markdown-it": "^14.1.0",
     "normalize.css": "^8.0.1",
     "pinia": "^3.0.3",
-    "postcss": "^8.5.4",
+    "postcss": "^8.5.5",
     "postcss-nested": "^7.0.2",
     "punycode": "^2.3.1",
     "release-it": "^19.0.3",
     "typescript": "~5.8.3",
     "v-calendar": "3.0.1",
     "vite": "^6.3.5",
-    "vitepress": "^2.0.0-alpha.5",
-    "vitest": "^3.2.1",
+    "vitepress": "^2.0.0-alpha.6",
+    "vitest": "^3.2.3",
     "vue": "^3.5.16",
     "vue-router": "^4.5.1",
     "vue-tsc": "^2.2.10"