@openreachtech/furo-vue 1.3.1 → 1.4.0

package/lib/components/molecules/FuroDropdownMenu/FuroDropdownMenuContext.js

@@ -126,9 +126,9 @@ export default class FuroDropdownMenuContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.OPTION_SELECT]: payload => {},
-      [this.EMIT_EVENT_NAME.OPTION_CHECKED_CHANGE]: payload => {},
+      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.OPTION_SELECT]: payload => true,
+      [this.EMIT_EVENT_NAME.OPTION_CHECKED_CHANGE]: payload => true,
     }
   }
 

package/lib/components/molecules/FuroEditableField/FuroEditableField.vue

@@ -298,6 +298,8 @@ export default defineComponent({
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
+
+    font: inherit;
   }
 
   .unit-form-control.editable > .contents > .editor > .actions > .action {

package/lib/components/molecules/FuroEditableField/FuroEditableFieldContext.js

@@ -153,8 +153,8 @@ export default class FuroEditableFieldContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.COMMIT_VALUE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_EDITING_STATE]: editing => {},
+      [this.EMIT_EVENT_NAME.COMMIT_VALUE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_EDITING_STATE]: editing => true,
     }
   }
 

package/lib/components/molecules/FuroPagination/FuroPagination.vue

@@ -186,7 +186,7 @@ export default defineComponent({
 
   .unit-pagination .page:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-pagination :where(.previous, .next) {
@@ -218,7 +218,7 @@ export default defineComponent({
 
   .unit-pagination :where(.previous, .next):focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-pagination :where(.previous, .next):disabled {

package/lib/components/molecules/FuroPagination/FuroPaginationContext.js

@@ -100,8 +100,8 @@ export default class FuroPaginationContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.PAGE_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_PAGE]: payload => {},
+      [this.EMIT_EVENT_NAME.PAGE_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_PAGE]: payload => true,
     }
   }
 

package/lib/components/molecules/FuroPopover/FuroPopover.vue

@@ -103,7 +103,7 @@ export default defineComponent({
 
   .unit-popover-trigger:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-popover-content {
@@ -136,7 +136,7 @@ export default defineComponent({
   }
 
   .unit-popover-content[data-state="closed"] {
-    animation: furo-popover-content-out 100ms ease;
+    animation: furo-popover-content-out 100ms ease forwards;
   }
 
   @keyframes furo-popover-content-in {
@@ -158,6 +158,7 @@ export default defineComponent({
     to {
       opacity: 0;
       transform: scale(0.95);
+      visibility: hidden;
     }
   }
 

package/lib/components/molecules/FuroPopover/FuroPopoverContext.js

@@ -94,7 +94,7 @@ export default class FuroPopoverContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => {},
+      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => true,
     }
   }
 

package/lib/components/molecules/FuroSelect/FuroSelectContext.js

@@ -97,9 +97,9 @@ export default class FuroSelectContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.CHANGE_VALUE]: payload => {},
-      [this.EMIT_EVENT_NAME.COMMIT_VALUE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: value => {},
+      [this.EMIT_EVENT_NAME.CHANGE_VALUE]: payload => true,
+      [this.EMIT_EVENT_NAME.COMMIT_VALUE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: value => true,
     }
   }
 

package/lib/components/molecules/FuroSkeleton/FuroSkeleton.vue

@@ -78,22 +78,32 @@ export default defineComponent({
   }
 
   .unit-skeleton.animated {
-    animation: furo-skeleton-pulse 1.5s ease-in-out infinite;
+    background-image: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-background) 50%,
+      transparent 100%
+    );
+    background-repeat: no-repeat;
+    background-size: 200% 100%;
+
+    animation: furo-skeleton-shimmer 1.8s ease-in-out infinite;
   }
 
-  @keyframes furo-skeleton-pulse {
-    0%,
-    100% {
-      opacity: 1;
+  @keyframes furo-skeleton-shimmer {
+    from {
+      background-position: 200% 0;
     }
 
-    50% {
-      opacity: 0.4;
+    to {
+      background-position: -200% 0;
     }
   }
 
   @media (prefers-reduced-motion: reduce) {
     .unit-skeleton.animated {
+      background-image: none;
+
       animation: none;
     }
   }

package/lib/components/molecules/FuroSkeleton/FuroSkeletonContext.js

@@ -5,7 +5,7 @@ import BaseFuroContext from '../../../contexts/BaseFuroContext.js'
  *
  * Presentational loading placeholder shown while real content is fetching.
  * Carries no value and emits nothing — shape comes from the variant, size from
- * optional width / height, and a pulse animation signals the loading state.
+ * optional width / height, and a shimmer animation signals the loading state.
  *
  * @extends {BaseFuroContext<null, Props, null>}
  */
@@ -59,7 +59,7 @@ export default class FuroSkeletonContext extends BaseFuroContext {
   }
 
   /**
-   * Whether the pulse animation runs. Reduced-motion users still get a static
+   * Whether the shimmer animation runs. Reduced-motion users still get a static
    * placeholder via the CSS media query.
    *
    * @returns {boolean} true when animated; defaults to true.

package/lib/components/molecules/FuroSplitter/FuroSplitter.vue

@@ -206,7 +206,7 @@ export default defineComponent({
 
   /* Keyboard focus ring (arrow keys resize the focused handle). */
   .unit-splitter-handle:focus-visible {
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-splitter-handle[data-disabled] {

package/lib/components/molecules/FuroSplitter/FuroSplitterContext.js

@@ -120,8 +120,8 @@ export default class FuroSplitterContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.CHANGE_VALUE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: layout => {},
+      [this.EMIT_EVENT_NAME.CHANGE_VALUE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: layout => true,
     }
   }
 

package/lib/components/molecules/FuroTimeField/FuroTimeField.vue

@@ -245,7 +245,7 @@ export default defineComponent({
 
   .unit-form-control.time-field > .field > .field-input:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 }
 </style>

package/lib/components/molecules/FuroTimeField/FuroTimeFieldContext.js

@@ -132,9 +132,9 @@ export default class FuroTimeFieldContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.CHANGE_VALUE]: payload => {},
-      [this.EMIT_EVENT_NAME.COMMIT_VALUE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: value => {},
+      [this.EMIT_EVENT_NAME.CHANGE_VALUE]: payload => true,
+      [this.EMIT_EVENT_NAME.COMMIT_VALUE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: value => true,
     }
   }
 

package/lib/components/molecules/FuroToggleGroup/FuroToggleGroup.vue

@@ -141,7 +141,7 @@ export default defineComponent({
 
   .unit-toggle-group-item:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-toggle-group-item.disabled {
@@ -180,7 +180,7 @@ export default defineComponent({
   .unit-toggle-group-item.outline[data-state="on"]:focus-visible {
     box-shadow:
       inset 0 0 0 0.0625rem var(--color-border),
-      0 0 0 0.125rem var(--color-ring);
+      0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-toggle-group-item.default[data-state="on"]:hover,

package/lib/components/molecules/FuroToggleGroup/FuroToggleGroupContext.js

@@ -106,8 +106,8 @@ export default class FuroToggleGroupContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.CHANGE_VALUE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: value => {},
+      [this.EMIT_EVENT_NAME.CHANGE_VALUE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: value => true,
     }
   }
 

package/lib/components/molecules/FuroTooltip/FuroTooltip.vue

@@ -116,7 +116,7 @@ export default defineComponent({
 
   .unit-tooltip-trigger:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-tooltip-content {

package/lib/components/molecules/FuroTooltip/FuroTooltipContext.js

@@ -93,7 +93,7 @@ export default class FuroTooltipContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => {},
+      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroAlertDialog/FuroAlertDialog.vue

@@ -87,6 +87,7 @@ export default defineComponent({
         <AlertDialogOverlay class="unit-alert-dialog-overlay" />
 
         <AlertDialogContent
+          v-bind="context.extractContentAttributes()"
           :class="context.extractContentClassNames()"
           @interact-outside="context.onInteractOutside({
             rawEvent: $event,
@@ -229,7 +230,7 @@ export default defineComponent({
 
   .unit-alert-dialog-content:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-alert-dialog-content > .header {

package/lib/components/organisms/FuroAlertDialog/FuroAlertDialogContext.js

@@ -120,10 +120,10 @@ export default class FuroAlertDialogContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.CONFIRM]: () => {},
-      [this.EMIT_EVENT_NAME.CANCEL]: () => {},
-      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_OPEN]: payload => {},
+      [this.EMIT_EVENT_NAME.CONFIRM]: () => true,
+      [this.EMIT_EVENT_NAME.CANCEL]: () => true,
+      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_OPEN]: payload => true,
     }
   }
 
@@ -268,6 +268,19 @@ export default class FuroAlertDialogContext extends BaseFuroContext {
     ])
   }
 
+  /**
+   * Extract attributes forwarded to the content element.
+   *
+   * @returns {Record<string, undefined>} `aria-describedby` cleared when no description renders.
+   */
+  extractContentAttributes () {
+    return this.hasDescription()
+      ? {}
+      : {
+        'aria-describedby': undefined,
+      }
+  }
+
   /**
    * CSS selector (scoped to dialog content) for the element to focus on open.
    *

package/lib/components/organisms/FuroDialog/FuroDialog.vue

@@ -86,6 +86,7 @@ export default defineComponent({
         />
 
         <DialogContent
+          v-bind="context.extractContentAttributes()"
           :class="context.extractContentClassNames()"
           @interact-outside="context.onInteractOutside({
             rawEvent: $event,
@@ -225,7 +226,7 @@ export default defineComponent({
 
   .unit-dialog-content:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-dialog-content > .header {
@@ -301,7 +302,7 @@ export default defineComponent({
 
   .unit-dialog-content > .built-in-close:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-dialog-content > .built-in-close:disabled {

package/lib/components/organisms/FuroDialog/FuroDialogContext.js

@@ -112,8 +112,8 @@ export default class FuroDialogContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_OPEN]: payload => {},
+      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_OPEN]: payload => true,
     }
   }
 
@@ -267,6 +267,19 @@ export default class FuroDialogContext extends BaseFuroContext {
     ])
   }
 
+  /**
+   * Extract attributes forwarded to the content element.
+   *
+   * @returns {Record<string, undefined>} `aria-describedby` cleared when no description renders.
+   */
+  extractContentAttributes () {
+    return this.hasDescription()
+      ? {}
+      : {
+        'aria-describedby': undefined,
+      }
+  }
+
   /**
    * CSS selector (scoped to dialog content) for the element to focus on open.
    *

package/lib/components/organisms/FuroDrawer/FuroDrawer.vue

@@ -378,7 +378,7 @@ export default defineComponent({
 
   .unit-drawer-content:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   /* Grab handle — a short bar centered on the docked edge. */
@@ -503,7 +503,7 @@ export default defineComponent({
 
   .unit-drawer-content > .built-in-close:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-drawer-content > .built-in-close:disabled {

package/lib/components/organisms/FuroDrawer/FuroDrawerContext.js

@@ -114,10 +114,10 @@ export default class FuroDrawerContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_OPEN]: payload => {},
-      [this.EMIT_EVENT_NAME.SNAP_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_ACTIVE_SNAP_POINT]: payload => {},
+      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_OPEN]: payload => true,
+      [this.EMIT_EVENT_NAME.SNAP_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_ACTIVE_SNAP_POINT]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroEditor/FuroEditor.vue

@@ -556,7 +556,7 @@ export default defineComponent({
   }
 
   .unit-editor > .content .tiptap img.ProseMirror-selectednode {
-    outline: 0.125rem solid var(--color-ring);
+    outline: var(--size-focus-ring-spread) solid var(--color-ring);
   }
 
   /* .furo-mention chip styling is shared (lib/assets/css/furo/0050.furo-editor-content.css)

package/lib/components/organisms/FuroSidebar/FuroSidebar.vue

@@ -325,7 +325,7 @@ export default defineComponent({
   }
 
   .unit-sidebar .row:focus-visible {
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
 
     outline: none;
   }
@@ -458,7 +458,7 @@ export default defineComponent({
   }
 
   .unit-sidebar .sub-row:focus-visible {
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
 
     outline: none;
   }

package/lib/components/organisms/FuroStepper/FuroStepper.vue

@@ -252,7 +252,7 @@ export default defineComponent({
 
   .unit-stepper .trigger:focus-visible > .indicator {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-stepper [data-state="active"] .indicator {

package/lib/components/organisms/FuroStepper/FuroStepperContext.js

@@ -97,8 +97,8 @@ export default class FuroStepperContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.STEP_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: payload => {},
+      [this.EMIT_EVENT_NAME.STEP_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroTable/FuroTable.vue

@@ -471,7 +471,8 @@ export default defineComponent({
   }
 
   .unit-table :where(.header-cell, .data-cell, .selection-cell, .placeholder-cell, .actions-cell) {
-    padding-inline: 1rem;
+    padding-block: var(--size-table-cell-block);
+    padding-inline: var(--size-table-cell-inline);
 
     vertical-align: middle;
   }
@@ -484,7 +485,7 @@ export default defineComponent({
   .unit-table .selection-cell {
     width: 2.75rem;
 
-    padding-inline: 0.5rem;
+    padding-inline: calc(var(--size-table-cell-inline) / 2);
 
     text-align: center;
   }
@@ -522,7 +523,7 @@ export default defineComponent({
   .unit-table .header-cell > .header-label:focus-visible {
     outline: none;
 
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-table .label-text {
@@ -619,11 +620,11 @@ export default defineComponent({
   }
 
   .unit-table.compact :where(.header-cell, .data-cell, .placeholder-cell, .actions-cell) {
-    padding-inline: 0.5rem;
+    padding-inline: calc(var(--size-table-cell-inline) / 2);
   }
 
   .unit-table.compact .selection-cell {
-    padding-inline: 0.375rem;
+    padding-inline: calc(var(--size-table-cell-inline) * 0.375);
   }
 
   .unit-table.grid-lines :where(.header-cell, .data-cell, .selection-cell, .actions-cell):not(:last-child) {

package/lib/components/organisms/FuroTable/FuroTableContext.js

@@ -203,12 +203,12 @@ export default class FuroTableContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.SORT_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.SELECTION_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_SELECTED_ROW_KEYS]: selectedRowKeys => {},
-      [this.EMIT_EVENT_NAME.RANGE_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.REACH_END]: payload => {},
-      [this.EMIT_EVENT_NAME.ROW_CLICK]: payload => {},
+      [this.EMIT_EVENT_NAME.SORT_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.SELECTION_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_SELECTED_ROW_KEYS]: selectedRowKeys => true,
+      [this.EMIT_EVENT_NAME.RANGE_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.REACH_END]: payload => true,
+      [this.EMIT_EVENT_NAME.ROW_CLICK]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroTabs/FuroTabs.vue

@@ -234,7 +234,7 @@ export default defineComponent({
 
   .unit-tabs > .scroll > .scroll-button:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-tabs > .scroll > .scroll-button:disabled {
@@ -298,7 +298,7 @@ export default defineComponent({
 
   .unit-tabs .tab:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-tabs .tab:disabled {
@@ -397,7 +397,7 @@ export default defineComponent({
 
   .unit-tabs > .content:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 }
 </style>

package/lib/components/organisms/FuroTabs/FuroTabsContext.js

@@ -145,8 +145,8 @@ export default class FuroTabsContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.TAB_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: payload => {},
+      [this.EMIT_EVENT_NAME.TAB_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroToast/FuroToast.vue

@@ -502,7 +502,7 @@ export default defineComponent({
 
   .unit-toast > .inner > .actions > .action:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-toast > .inner > .actions > .action:disabled {
@@ -563,7 +563,7 @@ export default defineComponent({
     outline: none;
     opacity: 1;
 
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-toast-viewport .unit-toast[data-mounted="true"][data-swipe="move"] {

package/lib/components/organisms/FuroToast/FuroToastContext.js

@@ -171,8 +171,8 @@ export default class FuroToastContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.DISMISS]: payload => {},
-      [this.EMIT_EVENT_NAME.ACTION]: payload => {},
+      [this.EMIT_EVENT_NAME.DISMISS]: payload => true,
+      [this.EMIT_EVENT_NAME.ACTION]: payload => true,
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openreachtech/furo-vue",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "furo for Vue",
   "main": "index.js",
   "types": "./types/index.d.ts",
@@ -75,20 +75,21 @@
   "bugs": {
     "url": "https://github.com/openreachtech/furo-vue/issues"
   },
-  "license": "MIT",
+  "license": "Apache-2.0",
   "dependencies": {
     "@iconify/vue": "^5.0.1",
     "@openreachtech/furo": "^1.10.1",
-    "@tiptap/core": "^3.30.0",
-    "@tiptap/extension-highlight": "^3.30.0",
-    "@tiptap/extension-image": "^3.30.0",
-    "@tiptap/extension-mention": "^3.30.0",
-    "@tiptap/extension-text-align": "^3.30.0",
-    "@tiptap/extension-text-style": "^3.30.0",
-    "@tiptap/extension-typography": "^3.30.0",
-    "@tiptap/pm": "^3.30.0",
-    "@tiptap/starter-kit": "^3.30.0",
-    "@tiptap/vue-3": "^3.30.0",
+    "@tiptap/core": "^3.30.5",
+    "@tiptap/extension-highlight": "^3.30.5",
+    "@tiptap/extension-image": "^3.30.5",
+    "@tiptap/extension-mention": "^3.30.5",
+    "@tiptap/extension-text-align": "^3.30.5",
+    "@tiptap/extension-text-style": "^3.30.5",
+    "@tiptap/extension-typography": "^3.30.5",
+    "@tiptap/extensions": "^3.30.5",
+    "@tiptap/pm": "^3.30.5",
+    "@tiptap/starter-kit": "^3.30.5",
+    "@tiptap/vue-3": "^3.30.5",
     "marked": "^18.0.9",
     "reka-ui": "^2.10.3",
     "vue": "^3.5.41"