@vonage/vivid 3.0.0-next.9 → 3.0.0-next.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +141 -4
- package/accordion/index.js +3 -12
- package/accordion-item/index.js +30 -38
- package/action-group/index.js +41 -0
- package/avatar/index.js +60 -0
- package/badge/index.js +16 -30
- package/banner/index.js +25 -111
- package/breadcrumb/index.js +21 -18
- package/breadcrumb-item/index.js +23 -20
- package/button/index.js +19 -757
- package/calendar/index.js +72 -67
- package/calendar-event/index.js +112 -0
- package/card/index.js +113 -0
- package/checkbox/index.js +176 -0
- package/dialog/index.js +229 -0
- package/divider/index.js +4 -0
- package/elevation/index.js +3 -31
- package/fab/index.js +99 -0
- package/focus/index.js +18 -3
- package/header/index.js +61 -0
- package/icon/index.js +10 -9
- package/index.js +57 -20
- package/layout/index.js +5 -15
- package/lib/accordion-item/accordion-item.d.ts +2 -2
- package/lib/accordion-item/index.d.ts +2 -1
- package/lib/action-group/action-group.d.ts +10 -0
- package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts} +2 -2
- package/lib/{sidenav-item → action-group}/index.d.ts +1 -2
- package/lib/avatar/avatar.d.ts +15 -0
- package/lib/avatar/avatar.template.d.ts +4 -0
- package/lib/avatar/index.d.ts +3 -0
- package/lib/badge/badge.d.ts +3 -5
- package/lib/badge/index.d.ts +1 -1
- package/lib/banner/banner.d.ts +1 -1
- package/lib/banner/banner.template.d.ts +0 -2
- package/lib/banner/index.d.ts +1 -0
- package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/lib/breadcrumb-item/index.d.ts +1 -0
- package/lib/button/button.d.ts +6 -5
- package/lib/button/index.d.ts +2 -19
- package/lib/calendar/calendar.d.ts +3 -1
- package/lib/calendar/index.d.ts +0 -1
- package/lib/calendar-event/calendar-event.d.ts +14 -0
- package/lib/calendar-event/calendar-event.template.d.ts +4 -0
- package/lib/calendar-event/index.d.ts +2 -0
- package/lib/card/card.d.ts +10 -0
- package/lib/{text/text.template.d.ts → card/card.template.d.ts} +2 -2
- package/lib/card/index.d.ts +4 -0
- package/lib/checkbox/checkbox.d.ts +5 -0
- package/lib/checkbox/checkbox.template.d.ts +4 -0
- package/lib/checkbox/index.d.ts +4 -0
- package/lib/components.d.ts +29 -10
- package/lib/dialog/dialog.d.ts +20 -0
- package/lib/dialog/dialog.template.d.ts +4 -0
- package/lib/dialog/index.d.ts +5 -0
- package/lib/divider/divider.d.ts +3 -0
- package/lib/divider/divider.template.d.ts +4 -0
- package/lib/divider/index.d.ts +2 -0
- package/lib/elevation/elevation.d.ts +1 -0
- package/lib/elevation/index.d.ts +1 -1
- package/lib/enums.d.ts +11 -6
- package/lib/fab/fab.d.ts +13 -0
- package/lib/fab/fab.template.d.ts +4 -0
- package/lib/fab/index.d.ts +4 -0
- package/lib/focus/index.d.ts +1 -1
- package/lib/header/header.d.ts +5 -0
- package/lib/header/header.template.d.ts +4 -0
- package/lib/header/index.d.ts +3 -0
- package/lib/icon/icon.d.ts +4 -3
- package/lib/layout/index.d.ts +1 -1
- package/lib/layout/layout.d.ts +3 -3
- package/lib/listbox-option/index.d.ts +4 -0
- package/lib/listbox-option/listbox-option.d.ts +7 -0
- package/lib/listbox-option/listbox-option.template.d.ts +4 -0
- package/lib/menu/index.d.ts +12 -0
- package/lib/menu/menu.d.ts +10 -0
- package/lib/menu/menu.template.d.ts +3 -0
- package/lib/menu-item/index.d.ts +3 -0
- package/lib/menu-item/menu-item.d.ts +7 -0
- package/lib/menu-item/menu-item.template.d.ts +5 -0
- package/lib/nav/index.d.ts +2 -0
- package/lib/nav/nav.d.ts +3 -0
- package/lib/nav/nav.template.d.ts +4 -0
- package/lib/nav-disclosure/index.d.ts +4 -0
- package/lib/nav-disclosure/nav-disclosure.d.ts +10 -0
- package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -0
- package/lib/nav-item/index.d.ts +4 -0
- package/lib/{sidenav-item/sidenav-item.d.ts → nav-item/nav-item.d.ts} +2 -2
- package/lib/nav-item/nav-item.template.d.ts +4 -0
- package/lib/{text → note}/index.d.ts +1 -1
- package/lib/note/note.d.ts +10 -0
- package/lib/note/note.template.d.ts +5 -0
- package/lib/number-field/index.d.ts +4 -0
- package/lib/number-field/number-field.d.ts +14 -0
- package/lib/number-field/number-field.template.d.ts +4 -0
- package/lib/popup/index.d.ts +1 -1
- package/lib/popup/popup.d.ts +2 -1
- package/lib/progress/progress.d.ts +1 -1
- package/lib/progress-ring/progress-ring.d.ts +2 -1
- package/lib/radio/index.d.ts +3 -0
- package/lib/radio/radio.d.ts +4 -0
- package/lib/radio/radio.template.d.ts +4 -0
- package/lib/radio-group/index.d.ts +10 -0
- package/lib/radio-group/radio-group.d.ts +4 -0
- package/lib/radio-group/radio-group.template.d.ts +4 -0
- package/lib/side-drawer/index.d.ts +1 -1
- package/lib/side-drawer/side-drawer.d.ts +3 -2
- package/lib/text-anchor/text-anchor.d.ts +1 -1
- package/lib/text-area/index.d.ts +4 -0
- package/lib/text-area/text-area.d.ts +9 -0
- package/lib/text-area/text-area.template.d.ts +4 -0
- package/lib/text-field/index.d.ts +4 -0
- package/lib/text-field/text-field.d.ts +14 -0
- package/lib/text-field/text-field.template.d.ts +5 -0
- package/lib/tooltip/tooltip.d.ts +2 -2
- package/listbox-option/index.js +248 -0
- package/menu/index.js +376 -0
- package/menu-item/index.js +20 -0
- package/nav/index.js +17 -0
- package/nav-disclosure/index.js +81 -0
- package/nav-item/index.js +45 -0
- package/note/index.js +58 -0
- package/number-field/index.js +516 -0
- package/package.json +58 -10
- package/popup/index.js +22 -2061
- package/progress/index.js +35 -36
- package/progress-ring/index.js +11 -11
- package/radio/index.js +50 -0
- package/radio-group/index.js +435 -0
- package/shared/affix.js +1 -6
- package/shared/anchor.js +10 -2
- package/shared/apply-mixins.js +5 -4
- package/shared/aria-global.js +2 -86
- package/shared/aria.js +9 -0
- package/shared/base-progress.js +5 -0
- package/shared/breadcrumb-item.js +1 -1
- package/shared/button.js +200 -0
- package/shared/calendar-event.js +19 -0
- package/shared/dialog-polyfill.esm.js +858 -0
- package/shared/direction.js +20 -0
- package/shared/enums.js +62 -0
- package/shared/es.object.assign.js +3 -2
- package/shared/export.js +1017 -0
- package/shared/focus.js +5 -0
- package/shared/focus2.js +11 -0
- package/shared/form-associated.js +466 -0
- package/shared/form-elements.js +331 -0
- package/shared/icon.js +534 -531
- package/shared/index.js +108 -79
- package/shared/index2.js +100 -14
- package/shared/index3.js +31 -0
- package/shared/index4.js +77 -0
- package/shared/index5.js +1525 -0
- package/shared/index6.js +349 -0
- package/shared/iterators.js +61 -0
- package/shared/key-codes.js +96 -0
- package/shared/object-keys.js +13 -0
- package/shared/patterns/focus.d.ts +3 -0
- package/shared/patterns/form-elements/form-elements.d.ts +28 -0
- package/shared/patterns/form-elements/index.d.ts +1 -0
- package/shared/patterns/index.d.ts +2 -0
- package/shared/radio.js +127 -0
- package/shared/ref.js +41 -0
- package/shared/slotted.js +1 -1
- package/shared/start-end.js +50 -0
- package/shared/text-anchor.js +2 -13
- package/shared/text-anchor.template.js +6 -5
- package/shared/to-string.js +51 -0
- package/shared/web.dom-collections.iterator.js +74 -1081
- package/side-drawer/index.js +41 -33
- package/styles/core/all.css +75 -0
- package/styles/core/theme.css +11 -0
- package/styles/core/typography.css +69 -0
- package/styles/fonts/SpeziaCompleteVariableItalicWeb.woff2 +0 -0
- package/styles/fonts/SpeziaCompleteVariableUprightWeb.woff2 +0 -0
- package/styles/fonts/SpeziaMonoCompleteVariableWeb.woff2 +0 -0
- package/styles/fonts/spezia.css +9 -12
- package/styles/tokens/theme-dark.css +230 -0
- package/styles/tokens/theme-light.css +230 -0
- package/text-anchor/index.js +9 -1
- package/text-area/index.js +288 -0
- package/text-field/index.js +129 -0
- package/tooltip/index.js +23 -24
- package/lib/text/text.d.ts +0 -10
- package/shared/style-inject.es.js +0 -28
- package/sidenav-item/index.js +0 -38
- package/styles/themes/dark.css +0 -205
- package/styles/themes/light.css +0 -205
- package/text/index.js +0 -45
package/lib/enums.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare enum Connotation {
|
|
2
|
-
|
|
2
|
+
Accent = "accent",
|
|
3
3
|
CTA = "cta",
|
|
4
4
|
Success = "success",
|
|
5
5
|
Alert = "alert",
|
|
6
6
|
Warning = "warning",
|
|
7
|
-
|
|
7
|
+
Information = "information",
|
|
8
8
|
Announcement = "announcement"
|
|
9
9
|
}
|
|
10
10
|
export declare enum ConnotationDecorative {
|
|
@@ -17,17 +17,22 @@ export declare enum Shape {
|
|
|
17
17
|
Sharp = "sharp"
|
|
18
18
|
}
|
|
19
19
|
export declare enum Appearance {
|
|
20
|
-
Text = "text",
|
|
21
20
|
Filled = "filled",
|
|
22
21
|
Outlined = "outlined",
|
|
23
22
|
Duotone = "duotone",
|
|
23
|
+
Fieldset = "fieldset",
|
|
24
24
|
Subtle = "subtle",
|
|
25
25
|
Ghost = "ghost"
|
|
26
26
|
}
|
|
27
|
+
export declare enum Density {
|
|
28
|
+
Condensed = "condensed",
|
|
29
|
+
Normal = "normal",
|
|
30
|
+
Extended = "extended"
|
|
31
|
+
}
|
|
27
32
|
export declare enum Size {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
33
|
+
Small = "small",
|
|
34
|
+
Medium = "medium",
|
|
35
|
+
Large = "large"
|
|
31
36
|
}
|
|
32
37
|
export declare enum Position {
|
|
33
38
|
Top = "TOP",
|
package/lib/fab/fab.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Button as FoundationButton } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Connotation, Density } from '../enums.js';
|
|
3
|
+
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
4
|
+
export declare type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
|
|
5
|
+
declare type FABDensity = Extract<Density, Density.Normal | Density.Extended>;
|
|
6
|
+
export declare class Fab extends FoundationButton {
|
|
7
|
+
connotation?: FabConnotation;
|
|
8
|
+
density?: FABDensity;
|
|
9
|
+
label?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface Fab extends AffixIconWithTrailing {
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Fab } from './fab';
|
|
4
|
+
export declare const FabTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Fab>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../focus';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividFab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
package/lib/focus/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const vividFocus: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Header } from './header';
|
|
4
|
+
export declare const headerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Header>;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import '../elevation';
|
|
2
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare const vividHeader: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
package/lib/icon/icon.d.ts
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
2
|
import type { Connotation, Size } from '../enums';
|
|
3
|
-
declare type IconConnotation = Extract<Connotation, Connotation.
|
|
3
|
+
declare type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Information>;
|
|
4
|
+
declare type IconSize = Extract<Size, Size.Small | Size.Medium | Size.Large>;
|
|
4
5
|
export declare class Icon extends FoundationElement {
|
|
5
6
|
connotation?: IconConnotation;
|
|
6
|
-
size?:
|
|
7
|
-
svg
|
|
7
|
+
size?: IconSize;
|
|
8
|
+
svg?: string;
|
|
8
9
|
type?: string;
|
|
9
10
|
typeChanged(): Promise<void>;
|
|
10
11
|
}
|
package/lib/layout/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const vividLayout: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
package/lib/layout/layout.d.ts
CHANGED
|
@@ -4,9 +4,9 @@ export declare enum AUTO_SIZING {
|
|
|
4
4
|
Fit = "fit",
|
|
5
5
|
Fill = "fill"
|
|
6
6
|
}
|
|
7
|
-
declare type Gutters = Extract<Size, Size.
|
|
8
|
-
declare type ColumnSpacing = Extract<Size, Size.
|
|
9
|
-
declare type ColumnBasis = Extract<Size, Size.
|
|
7
|
+
declare type Gutters = Extract<Size, Size.Small | Size.Medium | Size.Large>;
|
|
8
|
+
declare type ColumnSpacing = Extract<Size, Size.Small | Size.Medium | Size.Large>;
|
|
9
|
+
declare type ColumnBasis = Extract<Size, Size.Small | Size.Medium | Size.Large> | 'block';
|
|
10
10
|
export declare class Layout extends FoundationElement {
|
|
11
11
|
gutters?: Gutters;
|
|
12
12
|
columnBasis?: ColumnBasis;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../focus';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividListboxOption: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
|
|
2
|
+
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
3
|
+
export declare class ListboxOption extends FoundationListboxOption {
|
|
4
|
+
optionText?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface ListboxOption extends AffixIconWithTrailing {
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { ListboxOption } from './listbox-option';
|
|
4
|
+
export declare const ListboxOptionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ListboxOption>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import '../popup';
|
|
2
|
+
import '../menu-item';
|
|
3
|
+
import { Menu } from './menu';
|
|
4
|
+
export declare const vividMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
5
|
+
baseName: string;
|
|
6
|
+
template: any;
|
|
7
|
+
styles: import("@microsoft/fast-element").ComposableStyles;
|
|
8
|
+
}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
9
|
+
baseName: string;
|
|
10
|
+
template: any;
|
|
11
|
+
styles: import("@microsoft/fast-element").ComposableStyles;
|
|
12
|
+
}, typeof Menu>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Menu as FastMenu } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Placement } from '@floating-ui/dom';
|
|
3
|
+
import type { Popup } from '../popup/popup';
|
|
4
|
+
export declare class Menu extends FastMenu {
|
|
5
|
+
_popup?: Popup;
|
|
6
|
+
open?: boolean | undefined;
|
|
7
|
+
placement?: Placement;
|
|
8
|
+
anchor?: string;
|
|
9
|
+
popupOpenChanged: () => void;
|
|
10
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type ElementViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare const MenuTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementViewTemplate;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import type { MenuItemOptions } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare const vividMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { MenuItemOptions } from '@microsoft/fast-foundation';
|
|
4
|
+
import type { MenuItem } from './menu-item';
|
|
5
|
+
export declare const MenuItemTemplate: (context: ElementDefinitionContext, definition: MenuItemOptions) => ViewTemplate<MenuItem>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare const vividNav: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
package/lib/nav/nav.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Nav } from './nav';
|
|
4
|
+
export declare const NavTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Nav>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../focus';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividNavDisclosure: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import { AffixIcon } from '../../shared/patterns/affix';
|
|
3
|
+
export declare class NavDisclosure extends FoundationElement {
|
|
4
|
+
#private;
|
|
5
|
+
details: HTMLDetailsElement;
|
|
6
|
+
label?: string;
|
|
7
|
+
open: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface NavDisclosure extends AffixIcon {
|
|
10
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { NavDisclosure } from './nav-disclosure';
|
|
4
|
+
export declare const NavDisclosureTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavDisclosure>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../focus';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividNavItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { AffixIcon } from '../../shared/patterns/affix';
|
|
2
2
|
import { TextAnchor } from '../text-anchor/text-anchor';
|
|
3
|
-
export declare class
|
|
3
|
+
export declare class NavItem extends TextAnchor {
|
|
4
4
|
}
|
|
5
|
-
export interface
|
|
5
|
+
export interface NavItem extends AffixIcon {
|
|
6
6
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { NavItem } from './nav-item';
|
|
4
|
+
export declare const NavItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavItem>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const vividNote: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Connotation } from '../enums';
|
|
3
|
+
import { AffixIcon } from '../../shared/patterns';
|
|
4
|
+
export declare type NoteConnotation = Connotation.Information | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
|
|
5
|
+
export declare class Note extends FoundationElement {
|
|
6
|
+
headline?: string;
|
|
7
|
+
connotation?: NoteConnotation;
|
|
8
|
+
}
|
|
9
|
+
export interface Note extends AffixIcon {
|
|
10
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import '../icon/index';
|
|
4
|
+
import type { Note } from './note';
|
|
5
|
+
export declare const NoteTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Note>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
+
import '../button';
|
|
3
|
+
import '../divider';
|
|
4
|
+
export declare const vividNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { NumberField as FastNumberField } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Appearance, Shape } from '../enums';
|
|
3
|
+
import { FormElement } from '../../shared/patterns';
|
|
4
|
+
import { AffixIcon } from '../../shared/patterns';
|
|
5
|
+
declare type NumberFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
|
|
6
|
+
declare type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
7
|
+
export declare class NumberField extends FastNumberField {
|
|
8
|
+
appearance?: NumberFieldAppearance;
|
|
9
|
+
shape?: NumberFieldShape;
|
|
10
|
+
autoComplete?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface NumberField extends AffixIcon, FormElement {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { NumberField } from './number-field';
|
|
4
|
+
export declare const NumberFieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NumberField>;
|
package/lib/popup/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../elevation';
|
|
2
2
|
import '../button';
|
|
3
3
|
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
-
export declare const
|
|
4
|
+
export declare const vividPopup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
package/lib/popup/popup.d.ts
CHANGED
|
@@ -5,10 +5,11 @@ export declare class Popup extends FoundationElement {
|
|
|
5
5
|
popupEl: HTMLElement;
|
|
6
6
|
arrowEl: HTMLElement;
|
|
7
7
|
open: boolean;
|
|
8
|
+
openChanged(_: boolean, newValue: boolean): void;
|
|
8
9
|
dismissible: boolean;
|
|
9
10
|
arrow: boolean;
|
|
10
11
|
alternate: boolean;
|
|
11
|
-
|
|
12
|
+
placement?: Placement;
|
|
12
13
|
anchor: string;
|
|
13
14
|
constructor();
|
|
14
15
|
disconnectedCallback(): void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BaseProgress } from '@microsoft/fast-foundation';
|
|
2
2
|
import type { Connotation, ConnotationDecorative, Shape } from '../enums';
|
|
3
|
-
export declare type ProgressConnotation = Connotation.
|
|
3
|
+
export declare type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
|
|
4
4
|
export declare type ProgressShape = Shape.Rounded | Shape.Sharp;
|
|
5
5
|
export declare class Progress extends BaseProgress {
|
|
6
6
|
shape?: ProgressShape;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { BaseProgress } from '@microsoft/fast-foundation';
|
|
2
2
|
import type { Connotation } from '../enums';
|
|
3
|
-
export declare type ProgressRingConnotation = Connotation.
|
|
3
|
+
export declare type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
|
|
4
4
|
export declare class ProgressRing extends BaseProgress {
|
|
5
5
|
connotation?: ProgressRingConnotation;
|
|
6
|
+
density?: -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3;
|
|
6
7
|
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import '../focus';
|
|
2
|
+
import type { RadioOptions } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare const vividRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<RadioOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Radio } from './radio';
|
|
4
|
+
export declare const RadioTemplate: (context: ElementDefinitionContext) => ViewTemplate<Radio>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { RadioGroup } from './radio-group';
|
|
2
|
+
export declare const vividRadioGroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
3
|
+
baseName: string;
|
|
4
|
+
template: any;
|
|
5
|
+
styles: import("@microsoft/fast-element").ComposableStyles;
|
|
6
|
+
}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
7
|
+
baseName: string;
|
|
8
|
+
template: any;
|
|
9
|
+
styles: import("@microsoft/fast-element").ComposableStyles;
|
|
10
|
+
}, typeof RadioGroup>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { RadioGroup } from './radio-group';
|
|
4
|
+
export declare const RadioGroupTemplate: (context: ElementDefinitionContext) => ViewTemplate<RadioGroup>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const vividSideDrawer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
2
|
export declare class SideDrawer extends FoundationElement {
|
|
3
|
+
#private;
|
|
3
4
|
alternate: boolean;
|
|
4
5
|
modal: boolean;
|
|
5
6
|
open: boolean;
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
trailing: boolean;
|
|
8
|
+
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
8
9
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../focus';
|
|
2
|
+
import '../icon';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TextArea as FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import { FormElement } from '../../shared/patterns';
|
|
3
|
+
declare type TextAreaWrap = 'hard' | 'soft' | 'off';
|
|
4
|
+
export declare class TextArea extends FoundationElement {
|
|
5
|
+
wrap?: TextAreaWrap;
|
|
6
|
+
}
|
|
7
|
+
export interface TextArea extends FormElement {
|
|
8
|
+
}
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { TextArea } from './text-area';
|
|
4
|
+
export declare const TextAreaTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextArea>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../focus';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividTextfield: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Appearance, Shape } from '../enums';
|
|
3
|
+
import { AffixIcon } from '../../shared/patterns';
|
|
4
|
+
import { FormElement } from '../../shared/patterns';
|
|
5
|
+
declare type TextFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
|
|
6
|
+
declare type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
7
|
+
export declare class TextField extends FoundationTextfield {
|
|
8
|
+
appearance?: TextFieldAppearance;
|
|
9
|
+
shape?: TextFieldShape;
|
|
10
|
+
autoComplete?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface TextField extends AffixIcon, FormElement {
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import '../icon/index';
|
|
4
|
+
import type { TextField } from './text-field';
|
|
5
|
+
export declare const TextfieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextField>;
|
package/lib/tooltip/tooltip.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
2
|
import type { Placement } from '@floating-ui/dom';
|
|
3
3
|
export declare class Tooltip extends FoundationElement {
|
|
4
|
-
text
|
|
4
|
+
text?: string;
|
|
5
5
|
open: boolean;
|
|
6
|
-
|
|
6
|
+
placement?: Placement;
|
|
7
7
|
anchor?: string;
|
|
8
8
|
}
|