@vonage/vivid 3.0.0-next.4 → 3.0.0-next.7
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/.babelrc +3 -0
- package/.eslintrc.json +70 -0
- package/.stylelintrc.json +8 -0
- package/CHANGELOG.json +343 -0
- package/CHANGELOG.md +45 -0
- package/jest.config.cjs +20 -0
- package/package.json +7 -12
- package/playwright.config.dev.ts +21 -0
- package/playwright.config.ts +34 -0
- package/project.json +122 -0
- package/rollup.config.prod.ts +50 -0
- package/setupJestTests.js +17 -0
- package/{index.d.ts → src/index.ts} +2 -2
- package/src/lib/accordion/README.md +55 -0
- package/src/lib/accordion/accordion.scss +10 -0
- package/src/lib/accordion/accordion.spec.ts +91 -0
- package/src/lib/accordion/accordion.template.ts +23 -0
- package/src/lib/accordion/accordion.ts +49 -0
- package/src/lib/accordion/index.ts +14 -0
- package/src/lib/accordion/ui.test.ts +37 -0
- package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Chrome-Stable-darwin.png +0 -0
- package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Chrome-Stable-linux.png +0 -0
- package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Firefox-linux.png +0 -0
- package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Safari-darwin.png +0 -0
- package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Safari-linux.png +0 -0
- package/src/lib/accordion-item/README.md +113 -0
- package/src/lib/accordion-item/accordion-item.scss +91 -0
- package/src/lib/accordion-item/accordion-item.spec.ts +103 -0
- package/src/lib/accordion-item/accordion-item.template.ts +62 -0
- package/src/lib/accordion-item/accordion-item.ts +67 -0
- package/src/lib/accordion-item/index.ts +14 -0
- package/src/lib/accordion-item/partials/variables.scss +1 -0
- package/src/lib/accordion-item/ui.test.ts +37 -0
- package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Chrome-Stable-darwin.png +0 -0
- package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Chrome-Stable-linux.png +0 -0
- package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Firefox-linux.png +0 -0
- package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Safari-darwin.png +0 -0
- package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Safari-linux.png +0 -0
- package/src/lib/badge/README.md +112 -0
- package/src/lib/badge/badge.scss +64 -0
- package/src/lib/badge/badge.spec.ts +114 -0
- package/src/lib/badge/badge.template.ts +36 -0
- package/src/lib/badge/badge.ts +97 -0
- package/src/lib/badge/index.ts +23 -0
- package/src/lib/badge/ui.test.ts +28 -0
- package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Chrome-Stable-darwin.png +0 -0
- package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Chrome-Stable-linux.png +0 -0
- package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Firefox-linux.png +0 -0
- package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Safari-darwin.png +0 -0
- package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Safari-linux.png +0 -0
- package/src/lib/banner/README.md +117 -0
- package/src/lib/banner/banner.scss +71 -0
- package/src/lib/banner/banner.spec.ts +355 -0
- package/src/lib/banner/banner.template.ts +61 -0
- package/src/lib/banner/banner.ts +77 -0
- package/src/lib/banner/index.ts +14 -0
- package/src/lib/banner/ui.test.ts +64 -0
- package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Chrome-Stable-darwin.png +0 -0
- package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Chrome-Stable-linux.png +0 -0
- package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Firefox-linux.png +0 -0
- package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Safari-darwin.png +0 -0
- package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Safari-linux.png +0 -0
- package/src/lib/breadcrumb/README.md +25 -0
- package/src/lib/breadcrumb/breadcrumb.scss +3 -0
- package/src/lib/breadcrumb/breadcrumb.spec.ts +78 -0
- package/src/lib/breadcrumb/breadcrumb.ts +10 -0
- package/src/lib/breadcrumb/index.ts +13 -0
- package/src/lib/breadcrumb/ui.test.ts +36 -0
- package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Chrome-Stable-darwin.png +0 -0
- package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Chrome-Stable-linux.png +0 -0
- package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Firefox-linux.png +0 -0
- package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Safari-darwin.png +0 -0
- package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Safari-linux.png +0 -0
- package/src/lib/breadcrumb-item/README.md +40 -0
- package/src/lib/breadcrumb-item/breadcrumb-item.scss +28 -0
- package/src/lib/breadcrumb-item/breadcrumb-item.spec.ts +192 -0
- package/src/lib/breadcrumb-item/breadcrumb-item.template.ts +37 -0
- package/src/lib/breadcrumb-item/breadcrumb-item.ts +15 -0
- package/src/lib/breadcrumb-item/index.ts +16 -0
- package/src/lib/breadcrumb-item/ui.test.ts +38 -0
- package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Chrome-Stable-darwin.png +0 -0
- package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Chrome-Stable-linux.png +0 -0
- package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Firefox-linux.png +0 -0
- package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Safari-darwin.png +0 -0
- package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Safari-linux.png +0 -0
- package/src/lib/button/README.md +120 -0
- package/src/lib/button/button.scss +142 -0
- package/src/lib/button/button.spec.ts +131 -0
- package/src/lib/button/button.template.ts +89 -0
- package/src/lib/button/button.ts +95 -0
- package/src/lib/button/index.ts +25 -0
- package/src/lib/button/partials/variables.scss +2 -0
- package/src/lib/button/ui.test.ts +32 -0
- package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Chrome-Stable-darwin.png +0 -0
- package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Chrome-Stable-linux.png +0 -0
- package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Firefox-linux.png +0 -0
- package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Safari-darwin.png +0 -0
- package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Safari-linux.png +0 -0
- package/src/lib/calendar/README.md +70 -0
- package/src/lib/calendar/calendar.scss +176 -0
- package/src/lib/calendar/calendar.spec.ts +341 -0
- package/src/lib/calendar/calendar.template.ts +93 -0
- package/src/lib/calendar/calendar.ts +139 -0
- package/src/lib/calendar/helpers/calendar.date-functions.ts +31 -0
- package/src/lib/calendar/helpers/calendar.event-context.ts +72 -0
- package/src/lib/calendar/helpers/calendar.keyboard-interactions.ts +65 -0
- package/src/lib/calendar/index.ts +16 -0
- package/src/lib/calendar/partials/_variables.scss +15 -0
- package/src/lib/calendar/ui.test.ts +32 -0
- package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Chrome-Stable-darwin.png +0 -0
- package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Chrome-Stable-linux.png +0 -0
- package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Firefox-linux.png +0 -0
- package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Safari-darwin.png +0 -0
- package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Safari-linux.png +0 -0
- package/src/lib/components.spec.ts +7 -0
- package/{lib/components.d.ts → src/lib/components.ts} +16 -16
- package/src/lib/elevation/README.md +99 -0
- package/src/lib/elevation/elevation.scss +15 -0
- package/src/lib/elevation/elevation.spec.ts +55 -0
- package/src/lib/elevation/elevation.template.ts +26 -0
- package/src/lib/elevation/elevation.ts +17 -0
- package/src/lib/elevation/index.ts +17 -0
- package/src/lib/elevation/partials/_elevation.mixin.scss +4 -0
- package/src/lib/elevation/ui.test.ts +32 -0
- package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Chrome-Stable-darwin.png +0 -0
- package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Chrome-Stable-linux.png +0 -0
- package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Firefox-linux.png +0 -0
- package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Safari-darwin.png +0 -0
- package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Safari-linux.png +0 -0
- package/src/lib/enums.ts +55 -0
- package/src/lib/focus/README.md +1 -0
- package/src/lib/focus/focus.scss +17 -0
- package/src/lib/focus/focus.template.ts +16 -0
- package/src/lib/focus/focus.ts +10 -0
- package/src/lib/focus/index.ts +21 -0
- package/src/lib/focus/partials/variables.scss +2 -0
- package/src/lib/icon/README.md +70 -0
- package/src/lib/icon/__snapshots__/icon.spec.ts.snap +16 -0
- package/src/lib/icon/icon.placeholder.ts +12 -0
- package/src/lib/icon/icon.scss +52 -0
- package/src/lib/icon/icon.spec.ts +106 -0
- package/src/lib/icon/icon.template.ts +23 -0
- package/src/lib/icon/icon.ts +93 -0
- package/src/lib/icon/index.ts +14 -0
- package/src/lib/layout/README.md +154 -0
- package/src/lib/layout/index.ts +18 -0
- package/src/lib/layout/layout.scss +40 -0
- package/src/lib/layout/layout.spec.ts +73 -0
- package/src/lib/layout/layout.template.ts +29 -0
- package/src/lib/layout/layout.ts +46 -0
- package/src/lib/layout/partials/_functions.scss +15 -0
- package/src/lib/layout/partials/_mixins.scss +5 -0
- package/src/lib/layout/partials/_variables.scss +23 -0
- package/src/lib/layout/ui.test.ts +32 -0
- package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Chrome-Stable-darwin.png +0 -0
- package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Chrome-Stable-linux.png +0 -0
- package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Firefox-linux.png +0 -0
- package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Safari-darwin.png +0 -0
- package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Safari-linux.png +0 -0
- package/src/lib/popup/README.md +261 -0
- package/src/lib/popup/index.ts +21 -0
- package/src/lib/popup/popup.scss +43 -0
- package/src/lib/popup/popup.spec.ts +265 -0
- package/src/lib/popup/popup.template.ts +41 -0
- package/src/lib/popup/popup.ts +158 -0
- package/src/lib/popup/ui.test.ts +111 -0
- package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Chrome-Stable-darwin.png +0 -0
- package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Chrome-Stable-linux.png +0 -0
- package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Firefox-linux.png +0 -0
- package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Safari-darwin.png +0 -0
- package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Safari-linux.png +0 -0
- package/src/lib/progress/README.md +107 -0
- package/src/lib/progress/index.ts +14 -0
- package/src/lib/progress/progress.scss +133 -0
- package/src/lib/progress/progress.spec.ts +173 -0
- package/src/lib/progress/progress.template.ts +62 -0
- package/src/lib/progress/progress.ts +25 -0
- package/src/lib/progress/ui.test.ts +70 -0
- package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Chrome-Stable-darwin.png +0 -0
- package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Chrome-Stable-linux.png +0 -0
- package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Firefox-linux.png +0 -0
- package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Safari-darwin.png +0 -0
- package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Safari-linux.png +0 -0
- package/src/lib/progress-ring/README.md +90 -0
- package/src/lib/progress-ring/index.ts +15 -0
- package/src/lib/progress-ring/progress-ring.scss +75 -0
- package/src/lib/progress-ring/progress-ring.spec.ts +139 -0
- package/src/lib/progress-ring/progress-ring.template.ts +82 -0
- package/src/lib/progress-ring/progress-ring.ts +18 -0
- package/src/lib/progress-ring/ui.test.ts +35 -0
- package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Chrome-Stable-darwin.png +0 -0
- package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Chrome-Stable-linux.png +0 -0
- package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Firefox-linux.png +0 -0
- package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Safari-darwin.png +0 -0
- package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Safari-linux.png +0 -0
- package/src/lib/side-drawer/README.md +304 -0
- package/src/lib/side-drawer/index.ts +16 -0
- package/src/lib/side-drawer/partials/variables.scss +6 -0
- package/src/lib/side-drawer/side-drawer.scss +109 -0
- package/src/lib/side-drawer/side-drawer.spec.ts +118 -0
- package/src/lib/side-drawer/side-drawer.template.ts +51 -0
- package/src/lib/side-drawer/side-drawer.ts +58 -0
- package/src/lib/side-drawer/ui.test.ts +102 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Chrome-Stable-darwin.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Chrome-Stable-linux.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Firefox-linux.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Safari-darwin.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Safari-linux.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Chrome-Stable-darwin.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Chrome-Stable-linux.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Firefox-linux.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Safari-darwin.png +0 -0
- package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Safari-linux.png +0 -0
- package/src/lib/sidenav-item/README.md +41 -0
- package/src/lib/sidenav-item/index.ts +20 -0
- package/src/lib/sidenav-item/sidenav-item.scss +51 -0
- package/src/lib/sidenav-item/sidenav-item.spec.ts +64 -0
- package/src/lib/sidenav-item/sidenav-item.template.ts +25 -0
- package/src/lib/sidenav-item/sidenav-item.ts +15 -0
- package/src/lib/sidenav-item/ui.test.ts +32 -0
- package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Chrome-Stable-darwin.png +0 -0
- package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Chrome-Stable-linux.png +0 -0
- package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Firefox-linux.png +0 -0
- package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Safari-darwin.png +0 -0
- package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Safari-linux.png +0 -0
- package/src/lib/text/README.md +119 -0
- package/src/lib/text/index.ts +14 -0
- package/src/lib/text/text.scss +92 -0
- package/src/lib/text/text.spec.ts +54 -0
- package/src/lib/text/text.template.ts +28 -0
- package/src/lib/text/text.ts +55 -0
- package/src/lib/text/ui.test.ts +39 -0
- package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Chrome-Stable-darwin.png +0 -0
- package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Chrome-Stable-linux.png +0 -0
- package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Firefox-linux.png +0 -0
- package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Safari-darwin.png +0 -0
- package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Safari-linux.png +0 -0
- package/src/lib/text-anchor/README.md +5 -0
- package/src/lib/text-anchor/index.ts +12 -0
- package/src/lib/text-anchor/text-anchor.spec.ts +153 -0
- package/src/lib/text-anchor/text-anchor.template.ts +66 -0
- package/src/lib/text-anchor/text-anchor.ts +22 -0
- package/src/lib/tooltip/README.md +132 -0
- package/src/lib/tooltip/index.ts +16 -0
- package/src/lib/tooltip/partials/variables.scss +1 -0
- package/src/lib/tooltip/tooltip.scss +18 -0
- package/src/lib/tooltip/tooltip.spec.ts +70 -0
- package/src/lib/tooltip/tooltip.template.ts +30 -0
- package/src/lib/tooltip/tooltip.ts +44 -0
- package/src/lib/tooltip/ui.test.ts +53 -0
- package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Chrome-Stable-darwin.png +0 -0
- package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Chrome-Stable-linux.png +0 -0
- package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Firefox-darwin.png +0 -0
- package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Firefox-linux.png +0 -0
- package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Safari-darwin.png +0 -0
- package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Safari-linux.png +0 -0
- package/src/shared/design-system/index.ts +12 -0
- package/src/shared/patterns/affix.ts +56 -0
- package/{shared/patterns/index.d.ts → src/shared/patterns/index.ts} +1 -1
- package/src/types/extract-gfm.d.ts +5 -0
- package/src/types/style.d.ts +4 -0
- package/src/visual-tests/visual-tests-utils.ts +76 -0
- package/tsconfig.json +36 -0
- package/tsconfig.lib.json +11 -0
- package/tsconfig.spec.json +16 -0
- package/accordion/index.js +0 -61
- package/accordion-item/index.js +0 -125
- package/badge/index.js +0 -64
- package/banner/index.js +0 -212
- package/breadcrumb/index.js +0 -100
- package/breadcrumb-item/index.js +0 -55
- package/button/index.js +0 -761
- package/calendar/index.js +0 -1521
- package/elevation/index.js +0 -31
- package/focus/index.js +0 -3
- package/icon/index.js +0 -34
- package/index.js +0 -32
- package/layout/index.js +0 -53
- package/lib/accordion/accordion.d.ts +0 -9
- package/lib/accordion/accordion.template.d.ts +0 -4
- package/lib/accordion/index.d.ts +0 -2
- package/lib/accordion-item/accordion-item.d.ts +0 -13
- package/lib/accordion-item/accordion-item.template.d.ts +0 -4
- package/lib/accordion-item/index.d.ts +0 -3
- package/lib/badge/badge.d.ts +0 -17
- package/lib/badge/badge.template.d.ts +0 -4
- package/lib/badge/index.d.ts +0 -3
- package/lib/banner/banner.d.ts +0 -20
- package/lib/banner/banner.template.d.ts +0 -6
- package/lib/banner/index.d.ts +0 -2
- package/lib/breadcrumb/breadcrumb.d.ts +0 -3
- package/lib/breadcrumb/index.d.ts +0 -2
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +0 -5
- package/lib/breadcrumb-item/breadcrumb-item.template.d.ts +0 -4
- package/lib/breadcrumb-item/index.d.ts +0 -3
- package/lib/button/button.d.ts +0 -17
- package/lib/button/button.template.d.ts +0 -4
- package/lib/button/index.d.ts +0 -21
- package/lib/calendar/calendar.d.ts +0 -11
- package/lib/calendar/calendar.template.d.ts +0 -4
- package/lib/calendar/helpers/calendar.date-functions.d.ts +0 -2
- package/lib/calendar/helpers/calendar.event-context.d.ts +0 -6
- package/lib/calendar/helpers/calendar.keyboard-interactions.d.ts +0 -9
- package/lib/calendar/index.d.ts +0 -3
- package/lib/elevation/elevation.d.ts +0 -4
- package/lib/elevation/elevation.template.d.ts +0 -4
- package/lib/elevation/index.d.ts +0 -2
- package/lib/enums.d.ts +0 -45
- package/lib/focus/focus.d.ts +0 -3
- package/lib/focus/focus.template.d.ts +0 -4
- package/lib/focus/index.d.ts +0 -2
- package/lib/icon/icon.d.ts +0 -11
- package/lib/icon/icon.placeholder.d.ts +0 -1
- package/lib/icon/icon.template.d.ts +0 -4
- package/lib/icon/index.d.ts +0 -2
- package/lib/layout/index.d.ts +0 -2
- package/lib/layout/layout.d.ts +0 -16
- package/lib/layout/layout.template.d.ts +0 -4
- package/lib/popup/index.d.ts +0 -4
- package/lib/popup/popup.d.ts +0 -29
- package/lib/popup/popup.template.d.ts +0 -4
- package/lib/progress/index.d.ts +0 -2
- package/lib/progress/progress.d.ts +0 -9
- package/lib/progress/progress.template.d.ts +0 -5
- package/lib/side-drawer/index.d.ts +0 -2
- package/lib/side-drawer/side-drawer.d.ts +0 -12
- package/lib/side-drawer/side-drawer.template.d.ts +0 -4
- package/lib/sidenav-item/index.d.ts +0 -3
- package/lib/sidenav-item/sidenav-item.d.ts +0 -6
- package/lib/sidenav-item/sidenav-item.template.d.ts +0 -4
- package/lib/text/index.d.ts +0 -2
- package/lib/text/text.d.ts +0 -10
- package/lib/text/text.template.d.ts +0 -4
- package/lib/text-anchor/index.d.ts +0 -2
- package/lib/text-anchor/text-anchor.d.ts +0 -7
- package/lib/text-anchor/text-anchor.template.d.ts +0 -4
- package/lib/tooltip/index.d.ts +0 -3
- package/lib/tooltip/tooltip.d.ts +0 -10
- package/lib/tooltip/tooltip.template.d.ts +0 -4
- package/popup/index.js +0 -2087
- package/progress/index.js +0 -159
- package/shared/_has.js +0 -58
- package/shared/affix.js +0 -29
- package/shared/anchor.js +0 -78
- package/shared/apply-mixins.js +0 -22
- package/shared/aria-global.js +0 -156
- package/shared/breadcrumb-item.js +0 -25
- package/shared/class-names.js +0 -15
- package/shared/design-system/index.d.ts +0 -3
- package/shared/es.object.assign.js +0 -68
- package/shared/icon.js +0 -1393
- package/shared/index.js +0 -4991
- package/shared/index2.js +0 -21
- package/shared/patterns/affix.d.ts +0 -9
- package/shared/slotted.js +0 -119
- package/shared/style-inject.es.js +0 -28
- package/shared/text-anchor.js +0 -21
- package/shared/text-anchor.template.js +0 -54
- package/shared/web.dom-collections.iterator.js +0 -1479
- package/shared/when.js +0 -15
- package/side-drawer/index.js +0 -103
- package/sidenav-item/index.js +0 -38
- package/styles/fonts/spezia.css +0 -23
- package/styles/themes/dark.css +0 -193
- package/styles/themes/light.css +0 -193
- package/text/index.js +0 -45
- package/text-anchor/index.js +0 -19
- package/tooltip/index.js +0 -73
package/elevation/index.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
|
|
2
|
-
import { s as styleInject } from '../shared/style-inject.es.js';
|
|
3
|
-
import { c as classNames } from '../shared/class-names.js';
|
|
4
|
-
|
|
5
|
-
class Elevation extends FoundationElement {}
|
|
6
|
-
|
|
7
|
-
__decorate([attr, __metadata("design:type", Number)], Elevation.prototype, "dp", void 0);
|
|
8
|
-
|
|
9
|
-
var css_248z = ".control.dp-0 ::slotted(*) {\n background-color: var(--vvd-color-surface-0dp);\n filter: var(--vvd-shadow-surface-0dp);\n}\n.control.dp-2 ::slotted(*) {\n background-color: var(--vvd-color-surface-2dp);\n filter: var(--vvd-shadow-surface-2dp);\n}\n.control.dp-4 ::slotted(*) {\n background-color: var(--vvd-color-surface-4dp);\n filter: var(--vvd-shadow-surface-4dp);\n}\n.control.dp-8 ::slotted(*) {\n background-color: var(--vvd-color-surface-8dp);\n filter: var(--vvd-shadow-surface-8dp);\n}\n.control.dp-12 ::slotted(*) {\n background-color: var(--vvd-color-surface-12dp);\n filter: var(--vvd-shadow-surface-12dp);\n}\n.control.dp-16 ::slotted(*) {\n background-color: var(--vvd-color-surface-16dp);\n filter: var(--vvd-shadow-surface-16dp);\n}\n.control.dp-24 ::slotted(*) {\n background-color: var(--vvd-color-surface-24dp);\n filter: var(--vvd-shadow-surface-24dp);\n}\n.control:not(.dp-0, .dp-4, .dp-8, .dp-12, .dp-16, .dp-24) ::slotted(*) {\n background-color: var(--vvd-color-surface-2dp);\n filter: var(--vvd-shadow-surface-2dp);\n}";
|
|
10
|
-
styleInject(css_248z);
|
|
11
|
-
|
|
12
|
-
let _ = t => t,
|
|
13
|
-
_t;
|
|
14
|
-
|
|
15
|
-
const getClasses = ({
|
|
16
|
-
dp
|
|
17
|
-
}) => classNames('control', [`dp-${dp}`, Boolean(dp)]);
|
|
18
|
-
|
|
19
|
-
const elevationTemplate = () => html(_t || (_t = _`
|
|
20
|
-
<div class="${0}" part="base">
|
|
21
|
-
<slot></slot>
|
|
22
|
-
</div>`), getClasses);
|
|
23
|
-
|
|
24
|
-
const VIVIDElevation = Elevation.compose({
|
|
25
|
-
baseName: 'elevation',
|
|
26
|
-
template: elevationTemplate,
|
|
27
|
-
styles: css_248z
|
|
28
|
-
});
|
|
29
|
-
designSystem.register(VIVIDElevation());
|
|
30
|
-
|
|
31
|
-
export { VIVIDElevation };
|
package/focus/index.js
DELETED
package/icon/index.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { h as html, d as designSystem } from '../shared/index.js';
|
|
2
|
-
import { s as styleInject } from '../shared/style-inject.es.js';
|
|
3
|
-
import { I as Icon } from '../shared/icon.js';
|
|
4
|
-
import { w as when } from '../shared/when.js';
|
|
5
|
-
import { c as classNames } from '../shared/class-names.js';
|
|
6
|
-
import '../shared/web.dom-collections.iterator.js';
|
|
7
|
-
import '../shared/_has.js';
|
|
8
|
-
|
|
9
|
-
var css_248z = ":host {\n display: inline-block;\n vertical-align: sub;\n}\n\n.control {\n display: flex;\n margin: unset;\n color: currentColor;\n contain: strict;\n}\n.control.connotation-primary {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n}\n\n.control.connotation-announcement {\n --connotation: var(--vvd-color-announcement);\n --on-connotation: var(--vvd-color-on-announcement);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n}\n\n.control.connotation-info {\n --connotation: var(--vvd-color-info);\n --on-connotation: var(--vvd-color-on-info);\n}\n\n.control[class*=connotation] {\n color: var(--connotation);\n}\n\nsvg {\n margin: auto;\n block-size: inherit;\n inline-size: inherit;\n}\n\n/* Size */\n.control:not(.size-base-small):not(.size-base):not(.size-base-large) {\n block-size: 1em;\n inline-size: 1em;\n}\n\n.control.size-base-small {\n block-size: 16px;\n inline-size: 16px;\n}\n\n.control.size-base {\n block-size: 24px;\n inline-size: 24px;\n}\n\n.control.size-base-large {\n block-size: 32px;\n inline-size: 32px;\n}";
|
|
10
|
-
styleInject(css_248z);
|
|
11
|
-
|
|
12
|
-
let _ = t => t,
|
|
13
|
-
_t,
|
|
14
|
-
_t2;
|
|
15
|
-
|
|
16
|
-
const getClasses = ({
|
|
17
|
-
connotation,
|
|
18
|
-
size
|
|
19
|
-
}) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [`size-${size}`, Boolean(size)]);
|
|
20
|
-
|
|
21
|
-
const iconTemplate = () => html(_t || (_t = _`
|
|
22
|
-
<figure class="${0}">
|
|
23
|
-
${0}
|
|
24
|
-
</figure>
|
|
25
|
-
`), getClasses, when(x => x.svg, x => html(_t2 || (_t2 = _`${0}`), x.svg)));
|
|
26
|
-
|
|
27
|
-
const vividIcon = Icon.compose({
|
|
28
|
-
baseName: 'icon',
|
|
29
|
-
template: iconTemplate,
|
|
30
|
-
styles: css_248z
|
|
31
|
-
});
|
|
32
|
-
designSystem.register(vividIcon());
|
|
33
|
-
|
|
34
|
-
export { vividIcon };
|
package/index.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export { vividTextAnchor } from './text-anchor/index.js';
|
|
2
|
-
export { VIVIDBadge } from './badge/index.js';
|
|
3
|
-
export { vividButton } from './button/index.js';
|
|
4
|
-
export { V as VIVIDFocus } from './shared/index2.js';
|
|
5
|
-
export { vividIcon } from './icon/index.js';
|
|
6
|
-
export { VIVIDLayout } from './layout/index.js';
|
|
7
|
-
export { VIVIDElevation } from './elevation/index.js';
|
|
8
|
-
export { vividBreadcrumbItem } from './breadcrumb-item/index.js';
|
|
9
|
-
export { vividBreadcrumb } from './breadcrumb/index.js';
|
|
10
|
-
export { VIVIDSideDrawer } from './side-drawer/index.js';
|
|
11
|
-
export { vividCalendar } from './calendar/index.js';
|
|
12
|
-
export { VIVIDPopup } from './popup/index.js';
|
|
13
|
-
export { vividTooltip } from './tooltip/index.js';
|
|
14
|
-
export { vividBanner } from './banner/index.js';
|
|
15
|
-
export { vividAccordionItem } from './accordion-item/index.js';
|
|
16
|
-
export { vividAccordion } from './accordion/index.js';
|
|
17
|
-
export { d as designSystem, p as provideVividDesignSystem } from './shared/index.js';
|
|
18
|
-
import './shared/text-anchor.js';
|
|
19
|
-
import './shared/web.dom-collections.iterator.js';
|
|
20
|
-
import './shared/affix.js';
|
|
21
|
-
import './shared/icon.js';
|
|
22
|
-
import './shared/_has.js';
|
|
23
|
-
import './shared/anchor.js';
|
|
24
|
-
import './shared/apply-mixins.js';
|
|
25
|
-
import './shared/aria-global.js';
|
|
26
|
-
import './shared/text-anchor.template.js';
|
|
27
|
-
import './shared/class-names.js';
|
|
28
|
-
import './shared/style-inject.es.js';
|
|
29
|
-
import './shared/when.js';
|
|
30
|
-
import './shared/breadcrumb-item.js';
|
|
31
|
-
import './shared/slotted.js';
|
|
32
|
-
import './shared/es.object.assign.js';
|
package/layout/index.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
|
|
2
|
-
import { s as styleInject } from '../shared/style-inject.es.js';
|
|
3
|
-
import { c as classNames } from '../shared/class-names.js';
|
|
4
|
-
|
|
5
|
-
var AUTO_SIZING;
|
|
6
|
-
|
|
7
|
-
(function (AUTO_SIZING) {
|
|
8
|
-
AUTO_SIZING["Fit"] = "fit";
|
|
9
|
-
AUTO_SIZING["Fill"] = "fill";
|
|
10
|
-
})(AUTO_SIZING || (AUTO_SIZING = {}));
|
|
11
|
-
|
|
12
|
-
class Layout extends FoundationElement {}
|
|
13
|
-
|
|
14
|
-
__decorate([attr, __metadata("design:type", String)], Layout.prototype, "gutters", void 0);
|
|
15
|
-
|
|
16
|
-
__decorate([attr({
|
|
17
|
-
attribute: 'column-basis'
|
|
18
|
-
}), __metadata("design:type", String)], Layout.prototype, "columnBasis", void 0);
|
|
19
|
-
|
|
20
|
-
__decorate([attr({
|
|
21
|
-
attribute: 'column-spacing'
|
|
22
|
-
}), __metadata("design:type", String)], Layout.prototype, "columnSpacing", void 0);
|
|
23
|
-
|
|
24
|
-
__decorate([attr({
|
|
25
|
-
attribute: 'auto-sizing'
|
|
26
|
-
}), __metadata("design:type", String)], Layout.prototype, "autoSizing", void 0);
|
|
27
|
-
|
|
28
|
-
var css_248z = "/* #region SIZEs */\n/* #region BASES */\n/* #region SPACES */\n.control {\n display: grid;\n grid-auto-rows: min-content;\n}\n.control.column-basis-base-small {\n grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(10rem, 1fr)));\n}\n.control:not(.column-basis-base-small):not(.column-basis-base):not(.column-basis-base-large):not(.column-basis-block), .control.column-basis-base {\n grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(20rem, 1fr)));\n}\n.control.column-basis-base-large {\n grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(30rem, 1fr)));\n}\n.control.column-basis-block {\n grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(1fr, 1fr)));\n}\n.control.column-spacing-base-small {\n gap: 16px;\n}\n.control:not(.column-spacing-base-small):not(.column-spacing-base):not(.column-spacing-base-large), .control.column-spacing-base {\n gap: 24px;\n}\n.control.column-spacing-base-large {\n gap: 32px;\n}\n.control.gutters-base-small {\n margin: 16px;\n}\n.control.gutters-base {\n margin: 24px;\n}\n.control.gutters-base-large {\n margin: 32px;\n}\n.control.auto-sizing-fill {\n --_auto-sizing: auto-fill;\n}\n.control:not(.auto-sizing-fill):not(.auto-sizing-fit), .control.auto-sizing-fit {\n --_auto-sizing: auto-fit;\n}";
|
|
29
|
-
styleInject(css_248z);
|
|
30
|
-
|
|
31
|
-
let _ = t => t,
|
|
32
|
-
_t;
|
|
33
|
-
|
|
34
|
-
const getClasses = ({
|
|
35
|
-
columnBasis,
|
|
36
|
-
gutters,
|
|
37
|
-
columnSpacing,
|
|
38
|
-
autoSizing
|
|
39
|
-
}) => classNames('control', [`column-basis-${columnBasis}`, Boolean(columnBasis)], [`gutters-${gutters}`, Boolean(gutters)], [`column-spacing-${columnSpacing}`, Boolean(columnSpacing)], [`auto-sizing-${autoSizing}`, Boolean(autoSizing)]);
|
|
40
|
-
|
|
41
|
-
const layoutTemplate = () => html(_t || (_t = _`
|
|
42
|
-
<div class="${0}">
|
|
43
|
-
<slot></slot>
|
|
44
|
-
</div>`), getClasses);
|
|
45
|
-
|
|
46
|
-
const VIVIDLayout = Layout.compose({
|
|
47
|
-
baseName: 'layout',
|
|
48
|
-
template: layoutTemplate,
|
|
49
|
-
styles: css_248z
|
|
50
|
-
});
|
|
51
|
-
designSystem.register(VIVIDLayout());
|
|
52
|
-
|
|
53
|
-
export { VIVIDLayout };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
import type { Accordion } from './accordion';
|
|
4
|
-
export declare const AccordionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Accordion>;
|
package/lib/accordion/index.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare const vividAccordion: (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,13 +0,0 @@
|
|
|
1
|
-
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
-
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
3
|
-
export declare class AccordionItem extends FoundationElement {
|
|
4
|
-
heading: string;
|
|
5
|
-
headingLevel?: 2 | 3 | 4 | 5 | 6;
|
|
6
|
-
noIndicator: boolean;
|
|
7
|
-
meta: string;
|
|
8
|
-
open: boolean;
|
|
9
|
-
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
10
|
-
private emitEvent;
|
|
11
|
-
}
|
|
12
|
-
export interface AccordionItem extends AffixIconWithTrailing {
|
|
13
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
import type { AccordionItem } from './accordion-item';
|
|
4
|
-
export declare const AccordionItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<AccordionItem>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
import '../icon';
|
|
3
|
-
export declare const vividAccordionItem: (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/badge/badge.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
-
import { AffixIconWithTrailing } from '../../shared/patterns/affix';
|
|
3
|
-
import type { Appearance, Connotation, Shape, Size } from '../enums.js';
|
|
4
|
-
declare type BadgeConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Info>;
|
|
5
|
-
declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Subtle>;
|
|
6
|
-
declare type BadgeShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
|
|
7
|
-
declare type BadgeSize = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
|
|
8
|
-
export declare class Badge extends FoundationElement {
|
|
9
|
-
connotation?: BadgeConnotation;
|
|
10
|
-
shape?: BadgeShape;
|
|
11
|
-
appearance?: BadgeAppearance;
|
|
12
|
-
size?: BadgeSize;
|
|
13
|
-
text: string;
|
|
14
|
-
}
|
|
15
|
-
export interface Badge extends AffixIconWithTrailing {
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
import type { Badge } from './badge';
|
|
4
|
-
export declare const badgeTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Badge>;
|
package/lib/badge/index.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '../icon';
|
|
2
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const VIVIDBadge: (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/banner/banner.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
-
import { Connotation } from '../enums';
|
|
3
|
-
import { AffixIcon } from '../../shared/patterns/affix';
|
|
4
|
-
export declare type BannerConnotation = Connotation.Info | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
|
|
5
|
-
export declare class Banner extends FoundationElement {
|
|
6
|
-
#private;
|
|
7
|
-
actionHref: string | undefined;
|
|
8
|
-
actionText: string | undefined;
|
|
9
|
-
removable: boolean;
|
|
10
|
-
ariaLive: any;
|
|
11
|
-
role: string | undefined;
|
|
12
|
-
text: string | undefined;
|
|
13
|
-
connotation: BannerConnotation | undefined;
|
|
14
|
-
get conditionedIcon(): string;
|
|
15
|
-
connectedCallback(): void;
|
|
16
|
-
disconnectedCallback(): void;
|
|
17
|
-
remove(): void;
|
|
18
|
-
}
|
|
19
|
-
export interface Banner extends AffixIcon {
|
|
20
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
import '../button';
|
|
4
|
-
import '../text-anchor';
|
|
5
|
-
import type { Banner } from './banner';
|
|
6
|
-
export declare const BannerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Banner>;
|
package/lib/banner/index.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare const vividBanner: (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,2 +0,0 @@
|
|
|
1
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare const vividBreadcrumb: (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,4 +0,0 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
import type { BreadcrumbItem } from './breadcrumb-item';
|
|
4
|
-
export declare const BreadcrumbItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<BreadcrumbItem>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '../icon';
|
|
2
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
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>>;
|
package/lib/button/button.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
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.Primary | 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.BaseSmall | Size.Base | Size.BaseLarge>;
|
|
8
|
-
export declare class Button extends FoundationButton {
|
|
9
|
-
connotation?: ButtonConnotation;
|
|
10
|
-
shape?: ButtonShape;
|
|
11
|
-
appearance?: ButtonAppearance;
|
|
12
|
-
size?: ButtonSize;
|
|
13
|
-
label: string;
|
|
14
|
-
}
|
|
15
|
-
export interface Button extends AffixIconWithTrailing {
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
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>;
|
package/lib/button/index.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import '../icon';
|
|
2
|
-
import '../focus';
|
|
3
|
-
import { Button as FastButton } from '@microsoft/fast-foundation';
|
|
4
|
-
import { Button } from './button';
|
|
5
|
-
export declare const vividButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
6
|
-
baseName: string;
|
|
7
|
-
baseClass: typeof FastButton;
|
|
8
|
-
template: any;
|
|
9
|
-
styles: import("@microsoft/fast-element").ComposableStyles;
|
|
10
|
-
shadowOptions: {
|
|
11
|
-
delegatesFocus: true;
|
|
12
|
-
};
|
|
13
|
-
}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
14
|
-
baseName: string;
|
|
15
|
-
baseClass: typeof FastButton;
|
|
16
|
-
template: any;
|
|
17
|
-
styles: import("@microsoft/fast-element").ComposableStyles;
|
|
18
|
-
shadowOptions: {
|
|
19
|
-
delegatesFocus: true;
|
|
20
|
-
};
|
|
21
|
-
}, typeof Button>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare class Calendar extends FoundationElement {
|
|
3
|
-
datetime?: Date | string;
|
|
4
|
-
startDay?: 'sunday' | 'monday';
|
|
5
|
-
locales?: string | string[] | undefined;
|
|
6
|
-
hour12: boolean;
|
|
7
|
-
getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => import("./helpers/calendar.event-context").CalendarEventContext | null;
|
|
8
|
-
private arrowKeysInteractions;
|
|
9
|
-
private moveTo;
|
|
10
|
-
onKeydown({ key }: KeyboardEvent): boolean;
|
|
11
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
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>;
|
|
@@ -1,9 +0,0 @@
|
|
|
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;
|
package/lib/calendar/index.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import '../elevation';
|
|
2
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
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>>;
|
|
@@ -1,4 +0,0 @@
|
|
|
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>;
|
package/lib/elevation/index.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
export declare enum Connotation {
|
|
2
|
-
Primary = "primary",
|
|
3
|
-
CTA = "cta",
|
|
4
|
-
Success = "success",
|
|
5
|
-
Alert = "alert",
|
|
6
|
-
Warning = "warning",
|
|
7
|
-
Info = "info",
|
|
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
|
-
Text = "text",
|
|
21
|
-
Filled = "filled",
|
|
22
|
-
Outlined = "outlined",
|
|
23
|
-
Subtle = "subtle",
|
|
24
|
-
Ghost = "ghost"
|
|
25
|
-
}
|
|
26
|
-
export declare enum Size {
|
|
27
|
-
BaseSmall = "base-small",
|
|
28
|
-
Base = "base",
|
|
29
|
-
BaseLarge = "base-large"
|
|
30
|
-
}
|
|
31
|
-
export declare enum Position {
|
|
32
|
-
Top = "TOP",
|
|
33
|
-
Bottom = "BOTTOM",
|
|
34
|
-
Start = "START",
|
|
35
|
-
Center = "CENTER",
|
|
36
|
-
End = "END"
|
|
37
|
-
}
|
|
38
|
-
export declare enum Role {
|
|
39
|
-
Status = "status",
|
|
40
|
-
Alert = "alert"
|
|
41
|
-
}
|
|
42
|
-
export declare enum AriaLive {
|
|
43
|
-
Polite = "polite",
|
|
44
|
-
Assertive = "assertive"
|
|
45
|
-
}
|
package/lib/focus/focus.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
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>;
|
package/lib/focus/index.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
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>>;
|
package/lib/icon/icon.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
-
import type { Connotation, Size } from '../enums';
|
|
3
|
-
declare type IconConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Info>;
|
|
4
|
-
export declare class Icon extends FoundationElement {
|
|
5
|
-
connotation?: IconConnotation;
|
|
6
|
-
size?: Size;
|
|
7
|
-
svg: string;
|
|
8
|
-
type?: string;
|
|
9
|
-
typeChanged(): Promise<void>;
|
|
10
|
-
}
|
|
11
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
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>";
|
|
@@ -1,4 +0,0 @@
|
|
|
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>;
|
package/lib/icon/index.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
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>>;
|
package/lib/layout/index.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
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>>;
|
package/lib/layout/layout.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
-
import type { Size } from '../enums.js';
|
|
3
|
-
export declare enum AUTO_SIZING {
|
|
4
|
-
Fit = "fit",
|
|
5
|
-
Fill = "fill"
|
|
6
|
-
}
|
|
7
|
-
declare type Gutters = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
|
|
8
|
-
declare type ColumnSpacing = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
|
|
9
|
-
declare type ColumnBasis = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge> | 'block';
|
|
10
|
-
export declare class Layout extends FoundationElement {
|
|
11
|
-
gutters?: Gutters;
|
|
12
|
-
columnBasis?: ColumnBasis;
|
|
13
|
-
columnSpacing?: ColumnSpacing;
|
|
14
|
-
autoSizing?: AUTO_SIZING;
|
|
15
|
-
}
|
|
16
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
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>;
|
package/lib/popup/index.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import '../elevation';
|
|
2
|
-
import '../button';
|
|
3
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
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
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
2
|
-
import { Placement } from '@floating-ui/dom';
|
|
3
|
-
export declare class Popup extends FoundationElement {
|
|
4
|
-
private static ARROW_POSITION;
|
|
5
|
-
private get PADDING();
|
|
6
|
-
private get DISTANCE();
|
|
7
|
-
private get STRATEGY();
|
|
8
|
-
popupEl: HTMLElement;
|
|
9
|
-
arrowEl: HTMLElement;
|
|
10
|
-
private cleanup?;
|
|
11
|
-
private get middleware();
|
|
12
|
-
open: boolean;
|
|
13
|
-
dismissible: boolean;
|
|
14
|
-
arrow: boolean;
|
|
15
|
-
alternate: boolean;
|
|
16
|
-
corner?: Placement;
|
|
17
|
-
anchor: string;
|
|
18
|
-
private anchorEl;
|
|
19
|
-
constructor();
|
|
20
|
-
disconnectedCallback(): void;
|
|
21
|
-
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
22
|
-
updatePosition(): Promise<void>;
|
|
23
|
-
show(): void;
|
|
24
|
-
hide(): void;
|
|
25
|
-
handleDismissClick(): void;
|
|
26
|
-
private assignPopupPosition;
|
|
27
|
-
private assignArrowPosition;
|
|
28
|
-
private getAnchorById;
|
|
29
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
import type { Popup } from './popup';
|
|
4
|
-
export declare const popupTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Popup>;
|
package/lib/progress/index.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare const vividProgress: (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,9 +0,0 @@
|
|
|
1
|
-
import { BaseProgress } from '@microsoft/fast-foundation';
|
|
2
|
-
import type { Connotation, ConnotationDecorative, Shape } from '../enums';
|
|
3
|
-
export declare type ProgressConnotation = Connotation.Primary | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
|
|
4
|
-
export declare type ProgressShape = Shape.Rounded | Shape.Sharp;
|
|
5
|
-
export declare class Progress extends BaseProgress {
|
|
6
|
-
shape?: ProgressShape;
|
|
7
|
-
connotation?: ProgressConnotation;
|
|
8
|
-
reverse: boolean;
|
|
9
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
-
import type { ProgressOptions } from '@microsoft/fast-foundation';
|
|
4
|
-
import type { Progress } from './progress';
|
|
5
|
-
export declare const ProgressTemplate: (context: ElementDefinitionContext, definition: ProgressOptions) => ViewTemplate<Progress>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
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,12 +0,0 @@
|
|
|
1
|
-
import { FoundationElement, FoundationElementDefinition, StartEndOptions } from '@microsoft/fast-foundation';
|
|
2
|
-
export declare type SideDrawerOptions = FoundationElementDefinition & StartEndOptions;
|
|
3
|
-
export declare class SideDrawer extends FoundationElement {
|
|
4
|
-
alternate: boolean;
|
|
5
|
-
modal: boolean;
|
|
6
|
-
open: boolean;
|
|
7
|
-
position?: 'start' | 'end';
|
|
8
|
-
show(): void;
|
|
9
|
-
hide(): void;
|
|
10
|
-
handleScrimClick: () => void;
|
|
11
|
-
handleKeydown({ key }: KeyboardEvent): void;
|
|
12
|
-
}
|