@openreachtech/furo-vue 1.6.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openreachtech/furo-vue",
-  "version": "1.6.0",
+  "version": "2.0.0",
   "description": "furo for Vue",
   "main": "index.js",
   "types": "./types/index.d.ts",
@@ -39,6 +39,8 @@
     "nuxt/",
     "types/",
     "public/furo-vue/",
+    "docs/design-tokens.md",
+    "docs/furo-*.md",
     "!**/.directorykeeper",
     "!types/jest.d.ts"
   ],
@@ -77,22 +79,22 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@iconify/vue": "^5.0.3",
-    "@openreachtech/furo": "^1.11.0",
-    "@tiptap/core": "^3.31.4",
-    "@tiptap/extension-highlight": "^3.31.4",
-    "@tiptap/extension-image": "^3.31.4",
-    "@tiptap/extension-mention": "^3.31.4",
-    "@tiptap/extension-text-align": "^3.31.4",
-    "@tiptap/extension-text-style": "^3.31.4",
-    "@tiptap/extension-typography": "^3.31.4",
-    "@tiptap/extensions": "^3.31.4",
-    "@tiptap/pm": "^3.31.4",
-    "@tiptap/starter-kit": "^3.31.4",
-    "@tiptap/vue-3": "^3.31.4",
-    "marked": "^18.1.0",
+    "@iconify/vue": "^5.0.5",
+    "@openreachtech/furo": "^2.0.0",
+    "@tiptap/core": "^3.32.2",
+    "@tiptap/extension-highlight": "^3.32.2",
+    "@tiptap/extension-image": "^3.32.2",
+    "@tiptap/extension-mention": "^3.32.2",
+    "@tiptap/extension-text-align": "^3.32.2",
+    "@tiptap/extension-text-style": "^3.32.2",
+    "@tiptap/extension-typography": "^3.32.2",
+    "@tiptap/extensions": "^3.32.2",
+    "@tiptap/pm": "^3.32.2",
+    "@tiptap/starter-kit": "^3.32.2",
+    "@tiptap/vue-3": "^3.32.2",
+    "marked": "^18.1.3",
     "reka-ui": "^2.11.0",
-    "vue": "^3.5.43"
+    "vue": "^3.5.44"
   },
   "peerDependencies": {
     "@nuxt/icon": "^1.0.0",
@@ -107,27 +109,27 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.29.7",
-    "@babel/eslint-parser": "^7.29.9",
+    "@babel/core": "^7.29.13",
+    "@babel/eslint-parser": "^7.29.13",
     "@babel/preset-env": "^7.29.7",
     "@iconify-json/ph": "^1.2.2",
     "@nuxt/icon": "^1.15.0",
-    "@openreachtech/eslint-config": "^3.0.2",
+    "@openreachtech/eslint-config": "^4.5.0",
     "@openreachtech/jest-constructor-spy": "^1.1.2",
     "@openreachtech/jest-deep-containing": "^1.0.2",
     "@types/jest": "^30.0.0",
     "@vue/test-utils": "^2.5.1",
     "babel-jest": "^30.5.2",
-    "core-js": "^3.50.0",
+    "core-js": "^3.51.0",
     "eslint": "^9.39.5",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-vue": "^9.33.0",
-    "globals": "^17.13.0",
+    "globals": "^17.14.0",
     "jest": "^30.5.2",
     "jest-environment-jsdom": "^30.5.2",
     "nuxt": "^3.21.11",
     "typescript": "^5.9.3",
-    "vue-tsc": "^3.3.13",
+    "vue-tsc": "^3.3.14",
     "whatwg-fetch": "^3.6.20"
   },
   "overrides": {

package/public/furo-vue/components.json

@@ -1,6 +1,6 @@
 {
   "library": "@openreachtech/furo-vue",
-  "version": "1.6.0",
+  "version": "2.0.0",
   "generatedFrom": "app/docs/component-registry.js",
   "layers": [
     "foundation",

package/types/generated/components/atoms/FuroAvatar/FuroAvatar.vue.d.ts

@@ -3,20 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-avatar": boolean;
-} & {
-    "circle": boolean;
-} & {
-    "square": boolean;
-} & {
-    "image": boolean;
-} & {
-    "fallback": boolean;
-};
-export type __VLS_Slots = {} & {
-    fallback?: (props: typeof __VLS_18) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel: import("./FuroAvatarContext.js").FuroAvatarParcel | null;
 }, {
@@ -151,5 +138,9 @@ declare namespace __VLS_componentsOption {
         };
     });
 }
-declare var __VLS_18: {};
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        fallback?: (props: {}) => any;
+    };
+};
 import FuroAvatarContext from './FuroAvatarContext.js';

package/types/generated/components/atoms/FuroBadge/FuroBadge.vue.d.ts

@@ -3,46 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = {};
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-badge": boolean;
-} & {
-    "tone-accent": boolean;
-} & {
-    "tone-neutral": boolean;
-} & {
-    "tone-success": boolean;
-} & {
-    "tone-warning": boolean;
-} & {
-    "tone-error": boolean;
-} & {
-    "emphasis-solid": boolean;
-} & {
-    "shape-state": boolean;
-} & {
-    "shape-dot": boolean;
-} & {
-    "emphasis-subtle": boolean;
-} & {
-    "emphasis-outline": boolean;
-} & {
-    "shape-text": boolean;
-} & {
-    "size-large": boolean;
-} & {
-    "size-medium": boolean;
-} & {
-    "size-small": boolean;
-} & {
-    "shape-count": boolean;
-} & {
-    "single-digit": boolean;
-} & {
-    "dot": boolean;
-};
-export type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel: import("./FuroBadgeContext.js").FuroBadgeParcel | null;
 }, {
@@ -52,7 +13,11 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }> & Readonly<{}>, {
     parcel: import("./FuroBadgeContext.js").FuroBadgeParcel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare namespace __VLS_1 {
-    let text: string;
-}
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        default?: (props: {
+            text: string;
+        }) => any;
+    };
+};
 import FuroBadgeContext from './FuroBadgeContext.js';

package/types/generated/components/atoms/FuroButton/FuroButton.vue.d.ts

@@ -3,48 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-button": boolean;
-} & {
-    "disabled": boolean;
-} & {
-    "loading": boolean;
-} & {
-    "content-root": boolean;
-} & {
-    "content": boolean;
-} & {
-    "is-loading": boolean;
-} & {
-    "loading-overlay": boolean;
-} & {
-    "loading-icon": boolean;
-} & {
-    "default": boolean;
-} & {
-    "secondary": boolean;
-} & {
-    "destructive": boolean;
-} & {
-    "outline": boolean;
-} & {
-    "ghost": boolean;
-} & {
-    "link": boolean;
-} & {
-    "size-sm": boolean;
-} & {
-    "size-lg": boolean;
-} & {
-    "size-icon": boolean;
-};
-export type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-} & {
-    default?: (props: typeof __VLS_11) => any;
-} & {
-    loading?: (props: typeof __VLS_13) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel?: import("./FuroButtonContext.js").FuroButtonParcel | null;
 }, {
@@ -98,9 +57,15 @@ declare namespace __VLS_componentsOption {
     export { FuroIcon };
     export { Primitive };
 }
-declare var __VLS_9: {};
-declare var __VLS_11: {};
-declare var __VLS_13: {};
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        loading?: (props: {}) => any;
+    };
+};
 import FuroButtonContext from './FuroButtonContext.js';
 import type { FuroButtonSlots } from './FuroButtonContext.js';
 import FuroIcon from '../../atoms/FuroIcon/FuroIcon.vue';

package/types/generated/components/atoms/FuroButton/FuroButtonContext.d.ts

@@ -104,13 +104,13 @@ export default class FuroButtonContext extends BaseFuroContext<null, Props, "CLI
      * Extract ARIA attributes for the button root.
      *
      * @returns {{
-     *   'aria-disabled': 'true' | undefined
-     *   'aria-busy': 'true' | undefined
+     *   'aria-disabled'?: 'true'
+     *   'aria-busy'?: 'true'
      * }}
      */
     extractAriaAttributes(): {
-        "aria-disabled": "true" | undefined;
-        "aria-busy": "true" | undefined;
+        "aria-disabled"?: "true";
+        "aria-busy"?: "true";
     };
     /**
      * Handle native click on the button root.

package/types/generated/components/atoms/FuroCheckbox/FuroCheckbox.vue.d.ts

@@ -3,24 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-form-control": boolean;
-} & {
-    "checkbox": boolean;
-} & {
-    "invalid": boolean;
-} & {
-    "disabled": boolean;
-} & {
-    "indicator": boolean;
-} & {
-    "indicator-icon": boolean;
-};
-export type __VLS_Slots = {} & {
-    "indeterminate-indicator"?: (props: typeof __VLS_15) => any;
-} & {
-    indicator?: (props: typeof __VLS_22) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel?: import("./FuroCheckboxContext.js").FuroCheckboxParcel | null;
 }, {
@@ -163,7 +146,12 @@ declare namespace __VLS_componentsOption {
         };
     });
 }
-declare var __VLS_15: {};
-declare var __VLS_22: {};
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        'indeterminate-indicator'?: (props: {}) => any;
+    } & {
+        indicator?: (props: {}) => any;
+    };
+};
 import FuroCheckboxContext from './FuroCheckboxContext.js';
 import FuroIcon from '../../atoms/FuroIcon/FuroIcon.vue';

package/types/generated/components/atoms/FuroNumberField/FuroNumberField.vue.d.ts

@@ -3,11 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_Slots = {} & {
-    decrement?: (props: typeof __VLS_15) => any;
-} & {
-    increment?: (props: typeof __VLS_34) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     innerHTML?: string | undefined;
     class?: import("vue").ClassValue | undefined;
@@ -512,13 +508,17 @@ declare namespace __VLS_componentsOption {
     export { NumberFieldDecrement };
     export { FuroIcon };
 }
-declare namespace __VLS_15 {
-    let value: number;
-}
-declare namespace __VLS_34 {
-    let value_1: number;
-    export { value_1 as value };
-}
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        decrement?: (props: {
+            value: number;
+        }) => any;
+    } & {
+        increment?: (props: {
+            value: number;
+        }) => any;
+    };
+};
 import FuroNumberFieldContext from './FuroNumberFieldContext.js';
 import { NumberFieldRoot } from 'reka-ui';
 import { NumberFieldInput } from 'reka-ui';

package/types/generated/components/atoms/FuroRadio/FuroRadio.vue.d.ts

@@ -3,26 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-form-control": boolean;
-} & {
-    "radio-group": boolean;
-} & {
-    "option": boolean;
-} & {
-    "disabled": boolean;
-} & {
-    "radio": boolean;
-} & {
-    "invalid": boolean;
-} & {
-    "indicator": boolean;
-} & {
-    "label": boolean;
-};
-export type __VLS_Slots = {} & {
-    "option-label"?: (props: typeof __VLS_21) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel?: import("./FuroRadioContext.js").FuroRadioParcel | null;
 }, {
@@ -195,8 +176,11 @@ declare namespace __VLS_componentsOption {
         };
     });
 }
-declare namespace __VLS_21 {
-    export { option };
-}
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        'option-label'?: (props: {
+            option: import("./FuroRadioContext.js").FuroRadioOption;
+        }) => any;
+    };
+};
 import FuroRadioContext from './FuroRadioContext.js';
-declare const option: import("./FuroRadioContext.js").FuroRadioOption;

package/types/generated/components/atoms/FuroSwitch/FuroSwitch.vue.d.ts

@@ -3,19 +3,6 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-form-control": boolean;
-} & {
-    "switch": boolean;
-} & {
-    "size-medium": boolean;
-} & {
-    "size-small": boolean;
-} & {
-    "disabled": boolean;
-} & {
-    "knob": boolean;
-};
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel?: import("./FuroSwitchContext.js").FuroSwitchParcel | null;
 }, {

package/types/generated/components/atoms/FuroToggle/FuroToggle.vue.d.ts

@@ -3,22 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-toggle": boolean;
-} & {
-    "disabled": boolean;
-} & {
-    "default": boolean;
-} & {
-    "outline": boolean;
-} & {
-    "size-sm": boolean;
-} & {
-    "size-lg": boolean;
-};
-export type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel?: import("./FuroToggleContext.js").FuroToggleParcel | null;
 }, {
@@ -70,8 +55,12 @@ declare const __VLS_export: import("vue").DefineComponent<{
 declare namespace __VLS_componentsOption {
     export { RekaToggle };
 }
-declare namespace __VLS_9 {
-    let pressed: boolean;
-}
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        default?: (props: {
+            pressed: boolean;
+        }) => any;
+    };
+};
 import FuroToggleContext from './FuroToggleContext.js';
 import { Toggle as RekaToggle } from 'reka-ui';

package/types/generated/components/molecules/FuroAccordion/FuroAccordion.vue.d.ts

@@ -3,26 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-accordion": boolean;
-} & {
-    "disabled": boolean;
-} & {
-    "unit-accordion-item": boolean;
-} & {
-    "header": boolean;
-} & {
-    "trigger": boolean;
-} & {
-    "content": boolean;
-} & {
-    "body": boolean;
-};
-export type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_28) => any;
-} & {
-    content?: (props: typeof __VLS_36) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel?: import("./FuroAccordionContext.js").FuroAccordionParcel | null;
 }, {
@@ -269,14 +250,17 @@ declare namespace __VLS_componentsOption {
         };
     });
 }
-declare namespace __VLS_28 {
-    let option: import("./FuroAccordionContext.js").FuroAccordionOption;
-    let expanded: boolean;
-}
-declare namespace __VLS_36 {
-    let option_1: import("./FuroAccordionContext.js").FuroAccordionOption;
-    export { option_1 as option };
-    let expanded_1: boolean;
-    export { expanded_1 as expanded };
-}
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        header?: (props: {
+            option: import("./FuroAccordionContext.js").FuroAccordionOption;
+            expanded: boolean;
+        }) => any;
+    } & {
+        content?: (props: {
+            option: import("./FuroAccordionContext.js").FuroAccordionOption;
+            expanded: boolean;
+        }) => any;
+    };
+};
 import FuroAccordionContext from './FuroAccordionContext.js';

package/types/generated/components/molecules/FuroAttachment/FuroAttachment.vue.d.ts

@@ -3,48 +3,7 @@ export default _default;
 export type __VLS_LocalComponents = typeof __VLS_componentsOption;
 export type __VLS_GlobalComponents = import("vue").GlobalComponents;
 export type __VLS_LocalDirectives = {};
-export type __VLS_StyleScopedClasses = {} & {
-    "unit-attachment": boolean;
-} & {
-    "image": boolean;
-} & {
-    "preview": boolean;
-} & {
-    "glyph": boolean;
-} & {
-    "body": boolean;
-} & {
-    "name": boolean;
-} & {
-    "caption": boolean;
-} & {
-    "progress": boolean;
-} & {
-    "track": boolean;
-} & {
-    "fill": boolean;
-} & {
-    "indeterminate": boolean;
-} & {
-    "veil": boolean;
-} & {
-    "actions": boolean;
-} & {
-    "uploading": boolean;
-} & {
-    "action": boolean;
-} & {
-    "spinner": boolean;
-} & {
-    "action-icon": boolean;
-} & {
-    "spinner-icon": boolean;
-};
-export type __VLS_Slots = {} & {
-    glyph?: (props: typeof __VLS_1) => any;
-} & {
-    actions?: (props: typeof __VLS_8) => any;
-};
+export type __VLS_Slots = ReturnType<typeof __VLS_template>["__VLS_Slots"];
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel: import("./FuroAttachmentContext.js").FuroAttachmentParcel | null;
 }, {
@@ -125,8 +84,13 @@ declare namespace __VLS_componentsOption {
     export { FuroButton };
     export { FuroIcon };
 }
-declare var __VLS_1: {};
-declare var __VLS_8: {};
+declare function __VLS_template(): {
+    __VLS_Slots: {
+        glyph?: (props: {}) => any;
+    } & {
+        actions?: (props: {}) => any;
+    };
+};
 import FuroAttachmentContext from './FuroAttachmentContext.js';
 import FuroButton from '../../atoms/FuroButton/FuroButton.vue';
 import FuroIcon from '../../atoms/FuroIcon/FuroIcon.vue';