@vonage/vivid 2.36.3 → 3.0.0-next.100
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 +144 -0
- package/accordion/index.js +52 -0
- package/accordion-item/index.js +118 -0
- package/action-group/index.js +41 -0
- package/avatar/index.js +61 -0
- package/badge/index.js +51 -0
- package/banner/index.js +128 -0
- package/breadcrumb/index.js +103 -0
- package/breadcrumb-item/index.js +59 -0
- package/button/index.js +24 -0
- package/calendar/index.js +1526 -0
- package/calendar-event/index.js +112 -0
- package/card/index.js +114 -0
- package/checkbox/index.js +179 -0
- package/dialog/index.js +230 -0
- package/divider/index.js +4 -0
- package/elevation/index.js +3 -0
- package/fab/index.js +100 -0
- package/focus/index.js +18 -0
- package/header/index.js +61 -0
- package/icon/index.js +36 -0
- package/index.d.ts +2 -0
- package/index.js +76 -64
- package/layout/index.js +43 -0
- package/lib/accordion/accordion.d.ts +9 -0
- package/lib/accordion/accordion.template.d.ts +4 -0
- package/lib/accordion/index.d.ts +2 -0
- package/lib/accordion-item/accordion-item.d.ts +13 -0
- package/lib/accordion-item/accordion-item.template.d.ts +4 -0
- package/lib/accordion-item/index.d.ts +4 -0
- package/lib/action-group/action-group.d.ts +10 -0
- package/lib/action-group/action-group.template.d.ts +4 -0
- package/lib/action-group/index.d.ts +2 -0
- 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 +15 -0
- package/lib/badge/badge.template.d.ts +4 -0
- package/lib/badge/index.d.ts +3 -0
- package/lib/banner/banner.d.ts +20 -0
- package/lib/banner/banner.template.d.ts +4 -0
- package/lib/banner/index.d.ts +3 -0
- package/lib/breadcrumb/breadcrumb.d.ts +3 -0
- package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
- package/lib/breadcrumb/index.d.ts +2 -0
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +5 -0
- package/lib/breadcrumb-item/breadcrumb-item.template.d.ts +4 -0
- package/lib/breadcrumb-item/index.d.ts +4 -0
- package/lib/button/button.d.ts +18 -0
- package/lib/button/button.template.d.ts +4 -0
- package/lib/button/index.d.ts +4 -0
- package/lib/calendar/calendar.d.ts +13 -0
- package/lib/calendar/calendar.template.d.ts +4 -0
- package/lib/calendar/helpers/calendar.date-functions.d.ts +2 -0
- package/lib/calendar/helpers/calendar.event-context.d.ts +6 -0
- package/lib/calendar/helpers/calendar.keyboard-interactions.d.ts +9 -0
- package/lib/calendar/index.d.ts +2 -0
- 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/card/card.template.d.ts +4 -0
- 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 +38 -0
- 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 +5 -0
- package/lib/elevation/elevation.template.d.ts +4 -0
- package/lib/elevation/index.d.ts +2 -0
- package/lib/enums.d.ts +59 -0
- 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/focus.d.ts +3 -0
- package/lib/focus/focus.template.d.ts +4 -0
- package/lib/focus/index.d.ts +2 -0
- 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 +12 -0
- package/lib/icon/icon.placeholder.d.ts +1 -0
- package/lib/icon/icon.template.d.ts +4 -0
- package/lib/icon/index.d.ts +2 -0
- package/lib/layout/index.d.ts +2 -0
- package/lib/layout/layout.d.ts +16 -0
- package/lib/layout/layout.template.d.ts +4 -0
- package/lib/listbox/index.d.ts +4 -0
- package/lib/listbox/listbox.d.ts +9 -0
- package/lib/listbox/listbox.template.d.ts +4 -0
- package/lib/listbox-option/index.d.ts +4 -0
- package/lib/listbox-option/listbox-option.d.ts +9 -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/nav-item/nav-item.d.ts +6 -0
- package/lib/nav-item/nav-item.template.d.ts +4 -0
- package/lib/note/index.d.ts +2 -0
- 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 +4 -0
- package/lib/popup/popup.d.ts +18 -0
- package/lib/popup/popup.template.d.ts +4 -0
- package/lib/progress/index.d.ts +2 -0
- package/lib/progress/progress.d.ts +9 -0
- package/lib/progress/progress.template.d.ts +5 -0
- package/lib/progress-ring/index.d.ts +2 -0
- package/lib/progress-ring/progress-ring.d.ts +7 -0
- package/lib/progress-ring/progress-ring.template.d.ts +4 -0
- 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 +2 -0
- package/lib/side-drawer/side-drawer.d.ts +9 -0
- package/lib/side-drawer/side-drawer.template.d.ts +4 -0
- package/lib/slider/index.d.ts +3 -0
- package/lib/slider/slider.d.ts +4 -0
- package/lib/slider/slider.template.d.ts +4 -0
- package/lib/switch/index.d.ts +4 -0
- package/lib/switch/switch.d.ts +7 -0
- package/lib/switch/switch.template.d.ts +4 -0
- package/lib/text-anchor/index.d.ts +2 -0
- package/lib/text-anchor/text-anchor.d.ts +7 -0
- package/lib/text-anchor/text-anchor.template.d.ts +4 -0
- 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/index.d.ts +3 -0
- package/lib/tooltip/tooltip.d.ts +8 -0
- package/lib/tooltip/tooltip.template.d.ts +4 -0
- package/listbox/index.js +1090 -0
- package/listbox-option/index.js +22 -0
- package/menu/index.js +371 -0
- package/menu-item/index.js +21 -0
- package/nav/index.js +17 -0
- package/nav-disclosure/index.js +82 -0
- package/nav-item/index.js +46 -0
- package/note/index.js +59 -0
- package/number-field/index.js +461 -0
- package/package.json +65 -323
- package/popup/index.js +27 -0
- package/progress/index.js +97 -0
- package/progress-ring/index.js +76 -0
- package/radio/index.js +47 -0
- package/radio-group/index.js +435 -0
- package/shared/_has.js +58 -0
- package/shared/affix.js +24 -0
- package/shared/anchor.js +86 -0
- package/shared/apply-mixins.js +23 -0
- package/shared/aria-global.js +72 -0
- package/shared/aria.js +9 -0
- package/shared/base-progress.js +70 -0
- package/shared/breadcrumb-item.js +25 -0
- package/shared/button.js +200 -0
- package/shared/calendar-event.js +19 -0
- package/shared/class-names.js +15 -0
- package/shared/design-system/index.d.ts +3 -0
- package/shared/dialog-polyfill.esm.js +858 -0
- package/shared/direction.js +20 -0
- package/shared/dom.js +8 -0
- package/shared/enums.js +70 -0
- package/shared/es.object.assign.js +69 -0
- package/shared/es.regexp.to-string.js +59 -0
- 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 +1361 -0
- package/shared/index.js +5027 -0
- package/shared/index2.js +107 -0
- package/shared/index3.js +31 -0
- package/shared/index4.js +77 -0
- package/shared/index5.js +261 -0
- package/shared/index6.js +1525 -0
- package/shared/index7.js +349 -0
- package/shared/iterators.js +61 -0
- package/shared/key-codes.js +97 -0
- package/shared/numbers.js +25 -0
- package/shared/object-keys.js +13 -0
- package/shared/patterns/affix.d.ts +9 -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 +3 -0
- package/shared/radio.js +127 -0
- package/shared/ref.js +41 -0
- package/shared/slotted.js +119 -0
- package/shared/start-end.js +50 -0
- package/shared/string-trim.js +40 -0
- package/shared/text-anchor.js +10 -0
- package/shared/text-anchor.template.js +55 -0
- package/shared/to-string.js +51 -0
- package/shared/web.dom-collections.iterator.js +472 -0
- package/shared/when.js +15 -0
- package/side-drawer/index.js +89 -0
- package/slider/index.js +596 -0
- 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 +20 -0
- package/styles/tokens/theme-dark.css +230 -0
- package/styles/tokens/theme-light.css +230 -0
- package/switch/index.js +153 -0
- package/text-anchor/index.js +28 -0
- package/text-area/index.js +289 -0
- package/text-field/index.js +130 -0
- package/tooltip/index.js +65 -0
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../focus';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividBreadcrumbItem: (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,18 @@
|
|
|
1
|
+
import { Button as FoundationButton } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Appearance, Connotation, Shape, Size } from '../enums.js';
|
|
3
|
+
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
4
|
+
declare type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
|
|
5
|
+
export declare type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
|
|
6
|
+
declare type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
7
|
+
declare type ButtonSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
|
|
8
|
+
export declare class Button extends FoundationButton {
|
|
9
|
+
connotation?: ButtonConnotation;
|
|
10
|
+
shape?: ButtonShape;
|
|
11
|
+
appearance?: ButtonAppearance;
|
|
12
|
+
size?: ButtonSize;
|
|
13
|
+
stacked: boolean;
|
|
14
|
+
label?: string;
|
|
15
|
+
}
|
|
16
|
+
export interface Button extends AffixIconWithTrailing {
|
|
17
|
+
}
|
|
18
|
+
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 { Button } from './button';
|
|
4
|
+
export declare const buttonTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Button>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../focus';
|
|
3
|
+
import { type FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividButton: (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,13 @@
|
|
|
1
|
+
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare class Calendar extends FoundationElement {
|
|
3
|
+
#private;
|
|
4
|
+
datetime?: Date | string;
|
|
5
|
+
startDay?: 'sunday' | 'monday';
|
|
6
|
+
locales?: string | string[] | undefined;
|
|
7
|
+
hour12: boolean;
|
|
8
|
+
getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => import("./helpers/calendar.event-context").CalendarEventContext | null;
|
|
9
|
+
private getCalendarEventContainingCell;
|
|
10
|
+
private arrowKeysInteractions;
|
|
11
|
+
private activateElement;
|
|
12
|
+
onKeydown({ key }: KeyboardEvent): boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Calendar } from './calendar';
|
|
4
|
+
export declare const CalendarTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Calendar>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Calendar } from '../calendar';
|
|
2
|
+
export declare const ARROW_UP = "ArrowUp";
|
|
3
|
+
export declare const ARROW_RIGHT = "ArrowRight";
|
|
4
|
+
export declare const ARROW_DOWN = "ArrowDown";
|
|
5
|
+
export declare const ARROW_LEFT = "ArrowLeft";
|
|
6
|
+
export declare type PredefindKeys = typeof ARROW_UP | typeof ARROW_RIGHT | typeof ARROW_DOWN | typeof ARROW_LEFT;
|
|
7
|
+
export declare function isCellOrHeader(el: unknown): el is HTMLElement;
|
|
8
|
+
export declare function getNextFocusableGridElement(this: Calendar, key: PredefindKeys, activeElement: HTMLElement): Element | null | void;
|
|
9
|
+
export declare function getHeaderDescendantGridCell(this: Calendar, key: PredefindKeys, activeElement: HTMLElement): Element | null | undefined;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare const vividCalendar: (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 { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Appearance, Connotation } from '../enums';
|
|
3
|
+
declare type CalendarEventConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
|
|
4
|
+
declare type CalendarEventAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
|
|
5
|
+
export declare class CalendarEvent extends FoundationElement {
|
|
6
|
+
heading?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
connotation?: CalendarEventConnotation;
|
|
9
|
+
appearance?: CalendarEventAppearance;
|
|
10
|
+
overlapCount?: number;
|
|
11
|
+
start?: number;
|
|
12
|
+
duration?: number;
|
|
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 { CalendarEvent } from './calendar-event';
|
|
4
|
+
export declare const CalendarEventTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<CalendarEvent>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare const vividCalendarEvent: (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
|
+
export declare class Card extends FoundationElement {
|
|
3
|
+
headline?: string;
|
|
4
|
+
subtitle?: string;
|
|
5
|
+
text?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
elevation?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
|
|
8
|
+
graphicSlottedContent?: HTMLElement[];
|
|
9
|
+
hasMetaSlottedContent?: HTMLElement[];
|
|
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 { Card } from './card';
|
|
4
|
+
export declare const CardTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Card>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../elevation';
|
|
2
|
+
import '../icon';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividCard: (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 { CheckboxOptions, FoundationElementTemplate } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Checkbox } from './checkbox';
|
|
4
|
+
export declare const CheckboxTemplate: FoundationElementTemplate<ViewTemplate<Checkbox>, CheckboxOptions>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../focus';
|
|
3
|
+
import type { CheckboxOptions } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export * from './accordion';
|
|
2
|
+
export * from './accordion-item';
|
|
3
|
+
export * from './action-group';
|
|
4
|
+
export * from './avatar';
|
|
5
|
+
export * from './badge';
|
|
6
|
+
export * from './banner';
|
|
7
|
+
export * from './breadcrumb';
|
|
8
|
+
export * from './breadcrumb-item';
|
|
9
|
+
export * from './button';
|
|
10
|
+
export * from './calendar';
|
|
11
|
+
export * from './calendar-event';
|
|
12
|
+
export * from './card';
|
|
13
|
+
export * from './checkbox';
|
|
14
|
+
export * from './elevation';
|
|
15
|
+
export * from './dialog';
|
|
16
|
+
export * from './divider';
|
|
17
|
+
export * from './fab';
|
|
18
|
+
export * from './icon';
|
|
19
|
+
export * from './layout';
|
|
20
|
+
export * from './listbox';
|
|
21
|
+
export * from './listbox-option';
|
|
22
|
+
export * from './menu';
|
|
23
|
+
export * from './menu-item';
|
|
24
|
+
export * from './nav';
|
|
25
|
+
export * from './nav-disclosure';
|
|
26
|
+
export * from './nav-item';
|
|
27
|
+
export * from './note';
|
|
28
|
+
export * from './popup';
|
|
29
|
+
export * from './progress';
|
|
30
|
+
export * from './progress-ring';
|
|
31
|
+
export * from './radio';
|
|
32
|
+
export * from './radio-group';
|
|
33
|
+
export * from './side-drawer';
|
|
34
|
+
export * from './slider';
|
|
35
|
+
export * from './switch';
|
|
36
|
+
export * from './text-field';
|
|
37
|
+
export * from './text-area';
|
|
38
|
+
export * from './tooltip';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare class Dialog extends FoundationElement {
|
|
3
|
+
#private;
|
|
4
|
+
open: boolean;
|
|
5
|
+
icon?: string;
|
|
6
|
+
text?: string;
|
|
7
|
+
headline?: string;
|
|
8
|
+
ariaLabelledBy: string | null;
|
|
9
|
+
ariaLabel: string | null;
|
|
10
|
+
ariaDescribedBy: string | null;
|
|
11
|
+
set returnValue(value: string);
|
|
12
|
+
get returnValue(): string;
|
|
13
|
+
get modal(): boolean;
|
|
14
|
+
openChanged(oldValue: boolean, newValue: boolean): void;
|
|
15
|
+
close(): void;
|
|
16
|
+
show(): void;
|
|
17
|
+
showModal(): void;
|
|
18
|
+
connectedCallback(): void;
|
|
19
|
+
disconnectedCallback(): void;
|
|
20
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Dialog } from './dialog';
|
|
4
|
+
export declare const DialogTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Dialog>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import '../icon';
|
|
2
|
+
import '../button';
|
|
3
|
+
import '../elevation';
|
|
4
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
5
|
+
export declare const vividDialog: (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 { Divider } from './divider';
|
|
4
|
+
export declare const DividerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Divider>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare const vividDivider: (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 { Elevation } from './elevation';
|
|
4
|
+
export declare const elevationTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Elevation>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare const vividElevation: (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/enums.d.ts
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
export declare enum Connotation {
|
|
2
|
+
Accent = "accent",
|
|
3
|
+
CTA = "cta",
|
|
4
|
+
Success = "success",
|
|
5
|
+
Alert = "alert",
|
|
6
|
+
Warning = "warning",
|
|
7
|
+
Information = "information",
|
|
8
|
+
Announcement = "announcement"
|
|
9
|
+
}
|
|
10
|
+
export declare enum ConnotationDecorative {
|
|
11
|
+
Pacific = "pacific"
|
|
12
|
+
}
|
|
13
|
+
export declare enum Shape {
|
|
14
|
+
Rounded = "rounded",
|
|
15
|
+
Pill = "pill",
|
|
16
|
+
Circled = "circled",
|
|
17
|
+
Sharp = "sharp"
|
|
18
|
+
}
|
|
19
|
+
export declare enum Appearance {
|
|
20
|
+
Filled = "filled",
|
|
21
|
+
Outlined = "outlined",
|
|
22
|
+
Duotone = "duotone",
|
|
23
|
+
Fieldset = "fieldset",
|
|
24
|
+
Subtle = "subtle",
|
|
25
|
+
Ghost = "ghost"
|
|
26
|
+
}
|
|
27
|
+
export declare enum Size {
|
|
28
|
+
UltraCondensed = "ultraCondensed",
|
|
29
|
+
SuperCondensed = "superCondensed",
|
|
30
|
+
ExtraCondensed = "extraCondensed",
|
|
31
|
+
SemiCondensed = "semiCondensed",
|
|
32
|
+
Condensed = "condensed",
|
|
33
|
+
Normal = "normal",
|
|
34
|
+
SemiExpanded = "semiExpanded",
|
|
35
|
+
Expanded = "expanded",
|
|
36
|
+
ExtraExpanded = "extraExpanded",
|
|
37
|
+
SuperExpanded = "superExpanded",
|
|
38
|
+
UltraExpanded = "ultraExpanded"
|
|
39
|
+
}
|
|
40
|
+
export declare enum LayoutSize {
|
|
41
|
+
Small = "small",
|
|
42
|
+
Medium = "medium",
|
|
43
|
+
Large = "large"
|
|
44
|
+
}
|
|
45
|
+
export declare enum Position {
|
|
46
|
+
Top = "TOP",
|
|
47
|
+
Bottom = "BOTTOM",
|
|
48
|
+
Start = "START",
|
|
49
|
+
Center = "CENTER",
|
|
50
|
+
End = "END"
|
|
51
|
+
}
|
|
52
|
+
export declare enum Role {
|
|
53
|
+
Status = "status",
|
|
54
|
+
Alert = "alert"
|
|
55
|
+
}
|
|
56
|
+
export declare enum AriaLive {
|
|
57
|
+
Polite = "polite",
|
|
58
|
+
Assertive = "assertive"
|
|
59
|
+
}
|
package/lib/fab/fab.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Button as FoundationButton } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Connotation, Size } from '../enums.js';
|
|
3
|
+
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
4
|
+
export declare type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
|
|
5
|
+
declare type FABSize = Extract<Size, Size.Normal | Size.Expanded>;
|
|
6
|
+
export declare class Fab extends FoundationButton {
|
|
7
|
+
connotation?: FabConnotation;
|
|
8
|
+
size?: FABSize;
|
|
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>>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Focus } from './focus';
|
|
4
|
+
export declare const focusTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Focus>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
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>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Connotation, Size } from '../enums';
|
|
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.Condensed | Size.Normal | Size.Expanded>;
|
|
5
|
+
export declare class Icon extends FoundationElement {
|
|
6
|
+
connotation?: IconConnotation;
|
|
7
|
+
size?: IconSize;
|
|
8
|
+
svg?: string;
|
|
9
|
+
type?: string;
|
|
10
|
+
typeChanged(): Promise<void>;
|
|
11
|
+
}
|
|
12
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PLACEHOLDER_ICON = "<svg width=\"80%\" height=\"80%\" viewBox=\"0 0 64 64\">\n <g>\n <g stroke-width=\"6\" stroke-linecap=\"round\" fill=\"none\">\n <path stroke=\"currentColor\" d=\"M4,32 c0,15,12,28,28,28c8,0,16-4,21-9\">\n </path>\n <path d=\"M60,32 C60,16,47.464,4,32,4S4,16,4,32\">\n </path>\n <animateTransform values=\"0,32,32;360,32,32\" attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"750ms\">\n </animateTransform>\n </g>\n </g>\n</svg>";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Icon } from './icon';
|
|
4
|
+
export declare const iconTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Icon>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare const vividIcon: (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,2 @@
|
|
|
1
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
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>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { LayoutSize } from '../enums.js';
|
|
3
|
+
export declare enum AUTO_SIZING {
|
|
4
|
+
Fit = "fit",
|
|
5
|
+
Fill = "fill"
|
|
6
|
+
}
|
|
7
|
+
declare type Gutters = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
|
|
8
|
+
declare type ColumnSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
|
|
9
|
+
declare type ColumnBasis = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large> | 'block';
|
|
10
|
+
export declare class Layout extends FoundationElement {
|
|
11
|
+
gutters?: Gutters;
|
|
12
|
+
columnBasis?: ColumnBasis;
|
|
13
|
+
columnSpacing?: ColumnSpacing;
|
|
14
|
+
autoSizing?: AUTO_SIZING;
|
|
15
|
+
}
|
|
16
|
+
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 { Layout } from './layout';
|
|
4
|
+
export declare const layoutTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Layout>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import '../focus';
|
|
2
|
+
import '../listbox-option';
|
|
3
|
+
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
4
|
+
export declare const vividListbox: (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 { ListboxElement as FoundationListboxElement } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Appearance } from '../enums';
|
|
3
|
+
export declare type LisboxAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
|
|
4
|
+
export declare class Listbox extends FoundationListboxElement {
|
|
5
|
+
#private;
|
|
6
|
+
appearance?: LisboxAppearance;
|
|
7
|
+
slottedOptionsChanged(prev: Element[] | undefined, next: Element[]): void;
|
|
8
|
+
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
9
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import { type ElementDefinitionContext, type FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Listbox } from './listbox';
|
|
4
|
+
export declare const ListboxTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Listbox>;
|
|
@@ -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,9 @@
|
|
|
1
|
+
import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
|
|
2
|
+
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
3
|
+
export declare class ListboxOption extends FoundationListboxOption {
|
|
4
|
+
_text?: string;
|
|
5
|
+
set text(value: string);
|
|
6
|
+
get text(): string;
|
|
7
|
+
}
|
|
8
|
+
export interface ListboxOption extends AffixIconWithTrailing {
|
|
9
|
+
}
|
|
@@ -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>>;
|
|
@@ -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>;
|