Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@nordhealth/vue
Advanced tools
@nordhealth/vue - npm Package Compare versions
Comparing version 1.0.0-alpha.18 to 1.0.0-alpha.19
| import type * as Components from "@nordhealth/components" | ||
| import { LitElement } from "lit" | ||
| import { HTMLAttributes } from "vue" | ||
| import type { LitElement } from "lit" | ||
| import type { DefineComponent } from "vue" | ||
| type WCProps<TWebComponent extends HTMLElement> = Partial<Omit<TWebComponent, keyof LitElement | "render">> | ||
| type VueComponentProps<TWebComponent extends HTMLElement> = WCProps<TWebComponent> & | ||
| HTMLAttributes & | ||
| JSX.IntrinsicAttributes & { [key: string]: any } // allow unknown attributes/properties | ||
| interface NordComponents { | ||
| "nord-avatar": VueComponentProps<Components.Avatar> | ||
| "nord-badge": VueComponentProps<Components.Badge> | ||
| "nord-banner": VueComponentProps<Components.Banner> | ||
| "nord-button": VueComponentProps<Components.Button> | ||
| "nord-button-group": VueComponentProps<Components.ButtonGroup> | ||
| "nord-calendar": VueComponentProps<Components.Calendar> & { | ||
| /** | ||
| * Dispatched when a date is selected and the value changes. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| "nord-avatar": DefineComponent<WCProps<Components.Avatar> & {}> | ||
| /** | ||
| * Dispatched when the calendar's focused date changes. | ||
| */ | ||
| onNordFocusDate?: (event: Event) => void | ||
| } | ||
| "nord-card": VueComponentProps<Components.Card> | ||
| "nord-checkbox": VueComponentProps<Components.Checkbox> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| "nord-badge": DefineComponent<WCProps<Components.Badge> & {}> | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| "nord-command-menu": VueComponentProps<Components.CommandMenu> & { | ||
| /** | ||
| * The command menu was closed. | ||
| */ | ||
| onClose?: (event: Event) => void | ||
| "nord-banner": DefineComponent<WCProps<Components.Banner> & {}> | ||
| /** | ||
| * User selected a command from the menu. | ||
| */ | ||
| onNordSelect?: (event: Event) => void | ||
| "nord-button": DefineComponent<WCProps<Components.Button> & {}> | ||
| /** | ||
| * The command menu was opened. | ||
| */ | ||
| onOpen?: (event: Event) => void | ||
| } | ||
| "nord-date-picker": VueComponentProps<Components.DatePicker> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| "nord-button-group": DefineComponent<WCProps<Components.ButtonGroup> & {}> | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| "nord-divider": VueComponentProps<Components.Divider> | ||
| "nord-drawer": VueComponentProps<Components.Drawer> | ||
| "nord-dropdown": VueComponentProps<Components.Dropdown> | ||
| "nord-dropdown-group": VueComponentProps<Components.DropdownGroup> | ||
| "nord-dropdown-item": VueComponentProps<Components.DropdownItem> | ||
| "nord-empty-state": VueComponentProps<Components.EmptyState> | ||
| "nord-fieldset": VueComponentProps<Components.Fieldset> | ||
| "nord-header": VueComponentProps<Components.Header> | ||
| "nord-icon": VueComponentProps<Components.Icon> | ||
| "nord-input": VueComponentProps<Components.Input> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| "nord-calendar": DefineComponent< | ||
| WCProps<Components.Calendar> & { | ||
| /** | ||
| * Dispatched when a date is selected and the value changes. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| "nord-layout": VueComponentProps<Components.Layout> | ||
| "nord-message": VueComponentProps<Components.Message> | ||
| "nord-modal": VueComponentProps<Components.Modal> & { | ||
| /** | ||
| * Dispatched before the modal has closed when a user attempts to dismiss a modal. Call `preventDefault()` on the event to prevent the modal closing. | ||
| */ | ||
| onCancel?: (event: Event) => void | ||
| /** | ||
| * Dispatched when the calendar's focused date changes. | ||
| */ | ||
| onNordFocusDate?: (event: Event) => void | ||
| } | ||
| > | ||
| /** | ||
| * Dispatched when a modal is closed for any reason. | ||
| */ | ||
| onClose?: (event: Event) => void | ||
| } | ||
| "nord-nav-group": VueComponentProps<Components.NavGroup> | ||
| "nord-navigation": VueComponentProps<Components.Navigation> | ||
| "nord-nav-item": VueComponentProps<Components.NavItem> & { | ||
| /** | ||
| * undefined | ||
| */ | ||
| onActivate?: (event: Event) => void | ||
| "nord-card": DefineComponent<WCProps<Components.Card> & {}> | ||
| /** | ||
| * Dispatched whenever a nav item's state changes between open and closed. | ||
| */ | ||
| onToggle?: (event: Event) => void | ||
| } | ||
| "nord-nav-toggle": VueComponentProps<Components.NavToggle> | ||
| "nord-notification": VueComponentProps<Components.Notification> & { | ||
| /** | ||
| * Fired when the notification is dismissed, and its exit animation has completed. This event should be used to remove the dismissed notification from the DOM. | ||
| */ | ||
| onDismiss?: (event: Event) => void | ||
| } | ||
| "nord-notification-group": VueComponentProps<Components.NotificationGroup> | ||
| "nord-popout": VueComponentProps<Components.Popout> & { | ||
| /** | ||
| * Dispatched when the popout is closed. | ||
| */ | ||
| onClose?: (event: Event) => void | ||
| "nord-checkbox": DefineComponent< | ||
| WCProps<Components.Checkbox> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Dispatched when the popout is opened. | ||
| */ | ||
| onOpen?: (event: Event) => void | ||
| } | ||
| "nord-progress-bar": VueComponentProps<Components.ProgressBar> | ||
| "nord-qrcode": VueComponentProps<Components.Qrcode> | ||
| "nord-radio": VueComponentProps<Components.Radio> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| > | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| "nord-range": VueComponentProps<Components.Range> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| "nord-command-menu": DefineComponent< | ||
| WCProps<Components.CommandMenu> & { | ||
| /** | ||
| * The command menu was closed. | ||
| */ | ||
| onClose?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| "nord-select": VueComponentProps<Components.Select> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * User selected a command from the menu. | ||
| */ | ||
| onNordSelect?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| "nord-skeleton": VueComponentProps<Components.Skeleton> | ||
| "nord-spinner": VueComponentProps<Components.Spinner> | ||
| "nord-stack": VueComponentProps<Components.Stack> | ||
| "nord-tab": VueComponentProps<Components.Tab> | ||
| "nord-tab-group": VueComponentProps<Components.TabGroup> | ||
| "nord-table": VueComponentProps<Components.Table> | ||
| "nord-tab-panel": VueComponentProps<Components.TabPanel> | ||
| "nord-textarea": VueComponentProps<Components.Textarea> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * The command menu was opened. | ||
| */ | ||
| onOpen?: (event: Event) => void | ||
| } | ||
| > | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| "nord-toast": VueComponentProps<Components.Toast> & { | ||
| /** | ||
| * Fired when the toast is dismissed (via user action or auto-dismiss), and its exit animation has completed. This event should be used to remove the dismissed toast from the DOM. | ||
| */ | ||
| onDismiss?: (event: Event) => void | ||
| } | ||
| "nord-toast-group": VueComponentProps<Components.ToastGroup> | ||
| "nord-toggle": VueComponentProps<Components.Toggle> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| "nord-date-picker": DefineComponent< | ||
| WCProps<Components.DatePicker> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| "nord-tooltip": VueComponentProps<Components.Tooltip> | ||
| "nord-top-bar": VueComponentProps<Components.TopBar> | ||
| "nord-visually-hidden": VueComponentProps<Components.VisuallyHidden> | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-divider": DefineComponent<WCProps<Components.Divider> & {}> | ||
| "nord-drawer": DefineComponent<WCProps<Components.Drawer> & {}> | ||
| "nord-dropdown": DefineComponent<WCProps<Components.Dropdown> & {}> | ||
| "nord-dropdown-group": DefineComponent<WCProps<Components.DropdownGroup> & {}> | ||
| "nord-dropdown-item": DefineComponent<WCProps<Components.DropdownItem> & {}> | ||
| "nord-empty-state": DefineComponent<WCProps<Components.EmptyState> & {}> | ||
| "nord-fieldset": DefineComponent<WCProps<Components.Fieldset> & {}> | ||
| "nord-header": DefineComponent<WCProps<Components.Header> & {}> | ||
| "nord-icon": DefineComponent<WCProps<Components.Icon> & {}> | ||
| "nord-input": DefineComponent< | ||
| WCProps<Components.Input> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-layout": DefineComponent<WCProps<Components.Layout> & {}> | ||
| "nord-message": DefineComponent<WCProps<Components.Message> & {}> | ||
| "nord-modal": DefineComponent< | ||
| WCProps<Components.Modal> & { | ||
| /** | ||
| * Dispatched before the modal has closed when a user attempts to dismiss a modal. Call `preventDefault()` on the event to prevent the modal closing. | ||
| */ | ||
| onCancel?: (event: Event) => void | ||
| /** | ||
| * Dispatched when a modal is closed for any reason. | ||
| */ | ||
| onClose?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-nav-group": DefineComponent<WCProps<Components.NavGroup> & {}> | ||
| "nord-navigation": DefineComponent<WCProps<Components.Navigation> & {}> | ||
| "nord-nav-item": DefineComponent< | ||
| WCProps<Components.NavItem> & { | ||
| /** | ||
| * undefined | ||
| */ | ||
| onActivate?: (event: Event) => void | ||
| /** | ||
| * Dispatched whenever a nav item's state changes between open and closed. | ||
| */ | ||
| onToggle?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-nav-toggle": DefineComponent<WCProps<Components.NavToggle> & {}> | ||
| "nord-notification": DefineComponent< | ||
| WCProps<Components.Notification> & { | ||
| /** | ||
| * Fired when the notification is dismissed, and its exit animation has completed. This event should be used to remove the dismissed notification from the DOM. | ||
| */ | ||
| onDismiss?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-notification-group": DefineComponent<WCProps<Components.NotificationGroup> & {}> | ||
| "nord-popout": DefineComponent< | ||
| WCProps<Components.Popout> & { | ||
| /** | ||
| * Dispatched when the popout is closed. | ||
| */ | ||
| onClose?: (event: Event) => void | ||
| /** | ||
| * Dispatched when the popout is opened. | ||
| */ | ||
| onOpen?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-progress-bar": DefineComponent<WCProps<Components.ProgressBar> & {}> | ||
| "nord-qrcode": DefineComponent<WCProps<Components.Qrcode> & {}> | ||
| "nord-radio": DefineComponent< | ||
| WCProps<Components.Radio> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-range": DefineComponent< | ||
| WCProps<Components.Range> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-select": DefineComponent< | ||
| WCProps<Components.Select> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-skeleton": DefineComponent<WCProps<Components.Skeleton> & {}> | ||
| "nord-spinner": DefineComponent<WCProps<Components.Spinner> & {}> | ||
| "nord-stack": DefineComponent<WCProps<Components.Stack> & {}> | ||
| "nord-tab": DefineComponent<WCProps<Components.Tab> & {}> | ||
| "nord-tab-group": DefineComponent<WCProps<Components.TabGroup> & {}> | ||
| "nord-table": DefineComponent<WCProps<Components.Table> & {}> | ||
| "nord-tab-panel": DefineComponent<WCProps<Components.TabPanel> & {}> | ||
| "nord-textarea": DefineComponent< | ||
| WCProps<Components.Textarea> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-toast": DefineComponent< | ||
| WCProps<Components.Toast> & { | ||
| /** | ||
| * Fired when the toast is dismissed (via user action or auto-dismiss), and its exit animation has completed. This event should be used to remove the dismissed toast from the DOM. | ||
| */ | ||
| onDismiss?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-toast-group": DefineComponent<WCProps<Components.ToastGroup> & {}> | ||
| "nord-toggle": DefineComponent< | ||
| WCProps<Components.Toggle> & { | ||
| /** | ||
| * Fired whenever the input's value is changed via user interaction. | ||
| */ | ||
| onChange?: (event: Event) => void | ||
| /** | ||
| * Fired as the user types into the input. | ||
| */ | ||
| onInput?: (event: Event) => void | ||
| } | ||
| > | ||
| "nord-tooltip": DefineComponent<WCProps<Components.Tooltip> & {}> | ||
| "nord-top-bar": DefineComponent<WCProps<Components.TopBar> & {}> | ||
| "nord-visually-hidden": DefineComponent<WCProps<Components.VisuallyHidden> & {}> | ||
| } | ||
@@ -207,0 +281,0 @@ |
| { | ||
| "name": "@nordhealth/vue", | ||
| "version": "1.0.0-alpha.18", | ||
| "version": "1.0.0-alpha.19", | ||
| "description": "This package provides TypeScript types for Nord Design System's Web Components in Vue projects", | ||
@@ -26,5 +26,5 @@ "author": "Nordhealth <support@nordhealth.design>", | ||
| "dependencies": { | ||
| "@nordhealth/components": "^3.6.1" | ||
| "@nordhealth/components": "^3.6.2" | ||
| }, | ||
| "gitHead": "c3a6d6c167cfeceedbbc59e07df4be3a7dd2ca1a" | ||
| "gitHead": "dce88662e1d22877cf109930cf3dc697ef48b135" | ||
| } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by6.28%
12838
- Lines of code
- increased by13.57%
226