@fluentui/react-drawer 9.1.7 → 9.1.8
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/CHANGELOG.md +17 -2
- package/lib/components/Drawer/Drawer.types.js +3 -1
- package/lib/components/Drawer/Drawer.types.js.map +1 -1
- package/lib/components/DrawerBody/DrawerBody.types.js +3 -1
- package/lib/components/DrawerBody/DrawerBody.types.js.map +1 -1
- package/lib/components/DrawerFooter/DrawerFooter.types.js +3 -1
- package/lib/components/DrawerFooter/DrawerFooter.types.js.map +1 -1
- package/lib/components/DrawerHeader/DrawerHeader.types.js +3 -1
- package/lib/components/DrawerHeader/DrawerHeader.types.js.map +1 -1
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js +3 -1
- package/lib/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js.map +1 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +3 -1
- package/lib/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
- package/lib/components/InlineDrawer/InlineDrawer.types.js +3 -1
- package/lib/components/InlineDrawer/InlineDrawer.types.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawer.types.js +3 -1
- package/lib/components/OverlayDrawer/OverlayDrawer.types.js.map +1 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js +3 -1
- package/lib/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map +1 -1
- package/lib-commonjs/components/Drawer/Drawer.types.js +3 -1
- package/lib-commonjs/components/Drawer/Drawer.types.js.map +1 -1
- package/lib-commonjs/components/DrawerBody/DrawerBody.types.js +3 -1
- package/lib-commonjs/components/DrawerBody/DrawerBody.types.js.map +1 -1
- package/lib-commonjs/components/DrawerFooter/DrawerFooter.types.js +3 -1
- package/lib-commonjs/components/DrawerFooter/DrawerFooter.types.js.map +1 -1
- package/lib-commonjs/components/DrawerHeader/DrawerHeader.types.js +3 -1
- package/lib-commonjs/components/DrawerHeader/DrawerHeader.types.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js +3 -1
- package/lib-commonjs/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.js.map +1 -1
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js +3 -1
- package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map +1 -1
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.types.js +3 -1
- package/lib-commonjs/components/InlineDrawer/InlineDrawer.types.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.types.js +3 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawer.types.js.map +1 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js +3 -1
- package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map +1 -1
- package/lib-commonjs/index.js +69 -69
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/shared/useDrawerBaseStyles.styles.js +3 -3
- package/lib-commonjs/shared/useDrawerBaseStyles.styles.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,27 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-drawer
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 15 Mar 2024 21:37:57 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.8)
|
|
8
|
+
|
|
9
|
+
Fri, 15 Mar 2024 21:37:57 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.7..@fluentui/react-drawer_v9.1.8)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-dialog to v9.9.14 ([PR #30740](https://github.com/microsoft/fluentui/pull/30740) by beachball)
|
|
15
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.33 ([PR #30740](https://github.com/microsoft/fluentui/pull/30740) by beachball)
|
|
16
|
+
- Bump @fluentui/react-motion-preview to v0.5.16 ([PR #30740](https://github.com/microsoft/fluentui/pull/30740) by beachball)
|
|
17
|
+
- Bump @fluentui/react-shared-contexts to v9.15.1 ([PR #30740](https://github.com/microsoft/fluentui/pull/30740) by beachball)
|
|
18
|
+
- Bump @fluentui/react-tabster to v9.19.4 ([PR #30740](https://github.com/microsoft/fluentui/pull/30740) by beachball)
|
|
19
|
+
- Bump @fluentui/react-theme to v9.1.18 ([PR #30740](https://github.com/microsoft/fluentui/pull/30740) by beachball)
|
|
20
|
+
- Bump @fluentui/react-utilities to v9.18.4 ([PR #30740](https://github.com/microsoft/fluentui/pull/30740) by beachball)
|
|
21
|
+
|
|
7
22
|
## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.1.7)
|
|
8
23
|
|
|
9
|
-
Thu, 07 Mar 2024 19:27
|
|
24
|
+
Thu, 07 Mar 2024 19:33:27 GMT
|
|
10
25
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.1.6..@fluentui/react-drawer_v9.1.7)
|
|
11
26
|
|
|
12
27
|
### Patches
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Drawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport type { OverlayDrawerProps } from '../OverlayDrawer';\nimport type { InlineDrawerProps } from '../InlineDrawer';\n\nexport type DrawerSlots = {\n /**\n * Root slot of the Drawer.\n */\n root: Slot<OverlayDrawerProps | InlineDrawerProps>;\n};\n\n/**\n * Drawer Props\n */\nexport type DrawerProps = ComponentProps<DrawerSlots> & {\n /**\n * Type of the drawer.\n *\n * - 'overlay' - Drawer is hidden by default and can be opened by clicking on the trigger.\n * - 'inline' - Drawer is stacked with the content\n *\n * @default overlay\n */\n type?: 'inline' | 'overlay';\n};\n\n/**\n * State used in rendering Drawer\n */\nexport type DrawerState = ComponentState<DrawerSlots>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["Drawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport type { OverlayDrawerProps } from '../OverlayDrawer';\nimport type { InlineDrawerProps } from '../InlineDrawer';\n\nexport type DrawerSlots = {\n /**\n * Root slot of the Drawer.\n */\n root: Slot<OverlayDrawerProps | InlineDrawerProps>;\n};\n\n/**\n * Drawer Props\n */\nexport type DrawerProps = ComponentProps<DrawerSlots> & {\n /**\n * Type of the drawer.\n *\n * - 'overlay' - Drawer is hidden by default and can be opened by clicking on the trigger.\n * - 'inline' - Drawer is stacked with the content\n *\n * @default overlay\n */\n type?: 'inline' | 'overlay';\n};\n\n/**\n * State used in rendering Drawer\n */\nexport type DrawerState = ComponentState<DrawerSlots>;\n"],"names":[],"mappings":"AA2BA;;CAEC,GACD,WAAsD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DrawerBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerBodySlots = {\n root: Slot<'div'>;\n};\n\n/**\n * DrawerBody Props\n */\nexport type DrawerBodyProps = ComponentProps<DrawerBodySlots>;\n\n/**\n * State used in rendering DrawerBody\n */\nexport type DrawerBodyState = ComponentState<DrawerBodySlots>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["DrawerBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerBodySlots = {\n root: Slot<'div'>;\n};\n\n/**\n * DrawerBody Props\n */\nexport type DrawerBodyProps = ComponentProps<DrawerBodySlots>;\n\n/**\n * State used in rendering DrawerBody\n */\nexport type DrawerBodyState = ComponentState<DrawerBodySlots>;\n"],"names":[],"mappings":"AAWA;;CAEC,GACD,WAA8D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DrawerFooter.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerFooterSlots = {\n root: Slot<'footer'>;\n};\n\n/**\n * DrawerFooter Props\n */\nexport type DrawerFooterProps = ComponentProps<DrawerFooterSlots>;\n\n/**\n * State used in rendering DrawerFooter\n */\nexport type DrawerFooterState = ComponentState<DrawerFooterSlots>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["DrawerFooter.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerFooterSlots = {\n root: Slot<'footer'>;\n};\n\n/**\n * DrawerFooter Props\n */\nexport type DrawerFooterProps = ComponentProps<DrawerFooterSlots>;\n\n/**\n * State used in rendering DrawerFooter\n */\nexport type DrawerFooterState = ComponentState<DrawerFooterSlots>;\n"],"names":[],"mappings":"AAWA;;CAEC,GACD,WAAkE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DrawerHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerHeaderSlots = {\n /**\n * The root of the DrawerHeader.\n */\n root: Slot<'header'>;\n};\n\n/**\n * DrawerHeader Props\n */\nexport type DrawerHeaderProps = ComponentProps<DrawerHeaderSlots>;\n\n/**\n * State used in rendering DrawerHeader\n */\nexport type DrawerHeaderState = ComponentState<DrawerHeaderSlots>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["DrawerHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerHeaderSlots = {\n /**\n * The root of the DrawerHeader.\n */\n root: Slot<'header'>;\n};\n\n/**\n * DrawerHeader Props\n */\nexport type DrawerHeaderProps = ComponentProps<DrawerHeaderSlots>;\n\n/**\n * State used in rendering DrawerHeader\n */\nexport type DrawerHeaderState = ComponentState<DrawerHeaderSlots>;\n"],"names":[],"mappings":"AAcA;;CAEC,GACD,WAAkE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DrawerHeaderNavigation.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerHeaderNavigationSlots = {\n root: Slot<'nav'>;\n};\n\n/**\n * DrawerHeaderNavigation Props\n */\nexport type DrawerHeaderNavigationProps = ComponentProps<DrawerHeaderNavigationSlots>;\n\n/**\n * State used in rendering DrawerHeaderNavigation\n */\nexport type DrawerHeaderNavigationState = ComponentState<DrawerHeaderNavigationSlots>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["DrawerHeaderNavigation.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerHeaderNavigationSlots = {\n root: Slot<'nav'>;\n};\n\n/**\n * DrawerHeaderNavigation Props\n */\nexport type DrawerHeaderNavigationProps = ComponentProps<DrawerHeaderNavigationSlots>;\n\n/**\n * State used in rendering DrawerHeaderNavigation\n */\nexport type DrawerHeaderNavigationState = ComponentState<DrawerHeaderNavigationSlots>;\n"],"names":[],"mappings":"AAWA;;CAEC,GACD,WAAsF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DrawerHeaderTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerHeaderTitleSlots = {\n root: Slot<'div'>;\n\n /**\n * By default this is a h2, but can be any heading or div.\n * If `div` is provided do not forget to also provide proper `role=\"heading\"` and `aria-level` attributes\n */\n heading?: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n\n /**\n * Action slot for the close button\n */\n action?: Slot<'div'>;\n};\n\n/**\n * DrawerHeaderTitle Props\n */\nexport type DrawerHeaderTitleProps = ComponentProps<DrawerHeaderTitleSlots>;\n\n/**\n * State used in rendering DrawerHeaderTitle\n */\nexport type DrawerHeaderTitleState = ComponentState<DrawerHeaderTitleSlots>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["DrawerHeaderTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerHeaderTitleSlots = {\n root: Slot<'div'>;\n\n /**\n * By default this is a h2, but can be any heading or div.\n * If `div` is provided do not forget to also provide proper `role=\"heading\"` and `aria-level` attributes\n */\n heading?: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n\n /**\n * Action slot for the close button\n */\n action?: Slot<'div'>;\n};\n\n/**\n * DrawerHeaderTitle Props\n */\nexport type DrawerHeaderTitleProps = ComponentProps<DrawerHeaderTitleSlots>;\n\n/**\n * State used in rendering DrawerHeaderTitle\n */\nexport type DrawerHeaderTitleState = ComponentState<DrawerHeaderTitleSlots>;\n"],"names":[],"mappings":"AAsBA;;CAEC,GACD,WAA4E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["InlineDrawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\n\nexport type InlineDrawerSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * InlineDrawer Props\n */\nexport type InlineDrawerProps = ComponentProps<InlineDrawerSlots> &\n DrawerBaseProps & {\n /**\n * Whether the drawer has a separator line.\n *\n * @default false\n */\n separator?: boolean;\n };\n\n/**\n * State used in rendering InlineDrawer\n */\nexport type InlineDrawerState = Required<\n ComponentState<InlineDrawerSlots> & DrawerBaseState & Pick<InlineDrawerProps, 'separator'>\n>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["InlineDrawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\n\nexport type InlineDrawerSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * InlineDrawer Props\n */\nexport type InlineDrawerProps = ComponentProps<InlineDrawerSlots> &\n DrawerBaseProps & {\n /**\n * Whether the drawer has a separator line.\n *\n * @default false\n */\n separator?: boolean;\n };\n\n/**\n * State used in rendering InlineDrawer\n */\nexport type InlineDrawerState = Required<\n ComponentState<InlineDrawerSlots> & DrawerBaseState & Pick<InlineDrawerProps, 'separator'>\n>;\n"],"names":[],"mappings":"AAqBA;;CAEC,GACD,WAEE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["OverlayDrawer.types.ts"],"sourcesContent":["import type { DialogProps } from '@fluentui/react-dialog';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport type { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\nimport { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface';\n\n/**\n * OverlayDrawer slots\n */\nexport type OverlayDrawerSlots = {\n /**\n * Slot for the root element.\n */\n root: Slot<OverlayDrawerSurfaceProps>;\n};\n\n/**\n * OverlayDrawer internal slots for when using with composition API\n */\nexport type OverlayDrawerInternalSlots = OverlayDrawerSlots & {\n /**\n * Slot for the dialog component that wraps the drawer.\n */\n dialog: Slot<DialogProps>;\n};\n\n/**\n * OverlayDrawer Props\n */\nexport type OverlayDrawerProps = ComponentProps<OverlayDrawerSlots> &\n Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus' | 'defaultOpen'> &\n DrawerBaseProps;\n\n/**\n * State used in rendering OverlayDrawer\n */\nexport type OverlayDrawerState = Omit<ComponentState<OverlayDrawerInternalSlots>, 'backdrop'> &\n Required<DrawerBaseState>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["OverlayDrawer.types.ts"],"sourcesContent":["import type { DialogProps } from '@fluentui/react-dialog';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport type { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\nimport { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface';\n\n/**\n * OverlayDrawer slots\n */\nexport type OverlayDrawerSlots = {\n /**\n * Slot for the root element.\n */\n root: Slot<OverlayDrawerSurfaceProps>;\n};\n\n/**\n * OverlayDrawer internal slots for when using with composition API\n */\nexport type OverlayDrawerInternalSlots = OverlayDrawerSlots & {\n /**\n * Slot for the dialog component that wraps the drawer.\n */\n dialog: Slot<DialogProps>;\n};\n\n/**\n * OverlayDrawer Props\n */\nexport type OverlayDrawerProps = ComponentProps<OverlayDrawerSlots> &\n Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus' | 'defaultOpen'> &\n DrawerBaseProps;\n\n/**\n * State used in rendering OverlayDrawer\n */\nexport type OverlayDrawerState = Omit<ComponentState<OverlayDrawerInternalSlots>, 'backdrop'> &\n Required<DrawerBaseState>;\n"],"names":[],"mappings":"AAiCA;;CAEC,GACD,WAC4B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["OverlayDrawerSurface.types.ts"],"sourcesContent":["import type { DialogSurfaceProps, DialogSurfaceSlots, DialogSurfaceState } from '@fluentui/react-dialog';\nimport type { ComponentState } from '@fluentui/react-utilities';\n\n/**\n * OverlayDrawerSurface slots\n */\nexport type OverlayDrawerSurfaceSlots = DialogSurfaceSlots;\n\n/**\n * OverlayDrawerSurface Props\n */\nexport type OverlayDrawerSurfaceProps = DialogSurfaceProps;\n\n/**\n * State used in rendering OverlayDrawerSurface\n */\nexport type OverlayDrawerSurfaceState = ComponentState<OverlayDrawerSurfaceSlots> & DialogSurfaceState;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["OverlayDrawerSurface.types.ts"],"sourcesContent":["import type { DialogSurfaceProps, DialogSurfaceSlots, DialogSurfaceState } from '@fluentui/react-dialog';\nimport type { ComponentState } from '@fluentui/react-utilities';\n\n/**\n * OverlayDrawerSurface slots\n */\nexport type OverlayDrawerSurfaceSlots = DialogSurfaceSlots;\n\n/**\n * OverlayDrawerSurface Props\n */\nexport type OverlayDrawerSurfaceProps = DialogSurfaceProps;\n\n/**\n * State used in rendering OverlayDrawerSurface\n */\nexport type OverlayDrawerSurfaceState = ComponentState<OverlayDrawerSurfaceSlots> & DialogSurfaceState;\n"],"names":[],"mappings":"AAaA;;CAEC,GACD,WAAuG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["Drawer.types.js"],"sourcesContent":["/**\n * State used in rendering Drawer\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["DrawerBody.types.js"],"sourcesContent":["/**\n * State used in rendering DrawerBody\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["DrawerFooter.types.js"],"sourcesContent":["/**\n * State used in rendering DrawerFooter\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["DrawerHeader.types.js"],"sourcesContent":["/**\n * State used in rendering DrawerHeader\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["DrawerHeaderNavigation.types.js"],"sourcesContent":["/**\n * State used in rendering DrawerHeaderNavigation\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["DrawerHeaderTitle.types.js"],"sourcesContent":["/**\n * State used in rendering DrawerHeaderTitle\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["InlineDrawer.types.js"],"sourcesContent":["/**\n * State used in rendering InlineDrawer\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["OverlayDrawer.types.js"],"sourcesContent":["/**\n * State used in rendering OverlayDrawer\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
package/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["OverlayDrawerSurface.types.js"],"sourcesContent":["/**\n * State used in rendering OverlayDrawerSurface\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -12,53 +12,71 @@ _export(exports, {
|
|
|
12
12
|
Drawer: function() {
|
|
13
13
|
return _Drawer.Drawer;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return
|
|
15
|
+
DrawerBody: function() {
|
|
16
|
+
return _DrawerBody.DrawerBody;
|
|
17
17
|
},
|
|
18
|
-
|
|
19
|
-
return
|
|
18
|
+
DrawerFooter: function() {
|
|
19
|
+
return _DrawerFooter.DrawerFooter;
|
|
20
20
|
},
|
|
21
|
-
|
|
22
|
-
return
|
|
21
|
+
DrawerHeader: function() {
|
|
22
|
+
return _DrawerHeader.DrawerHeader;
|
|
23
|
+
},
|
|
24
|
+
DrawerHeaderNavigation: function() {
|
|
25
|
+
return _DrawerHeaderNavigation.DrawerHeaderNavigation;
|
|
26
|
+
},
|
|
27
|
+
DrawerHeaderTitle: function() {
|
|
28
|
+
return _DrawerHeaderTitle.DrawerHeaderTitle;
|
|
29
|
+
},
|
|
30
|
+
InlineDrawer: function() {
|
|
31
|
+
return _InlineDrawer.InlineDrawer;
|
|
23
32
|
},
|
|
24
33
|
OverlayDrawer: function() {
|
|
25
34
|
return _OverlayDrawer.OverlayDrawer;
|
|
26
35
|
},
|
|
27
|
-
|
|
28
|
-
return
|
|
36
|
+
drawerBodyClassNames: function() {
|
|
37
|
+
return _DrawerBody.drawerBodyClassNames;
|
|
29
38
|
},
|
|
30
|
-
|
|
31
|
-
return
|
|
39
|
+
drawerFooterClassNames: function() {
|
|
40
|
+
return _DrawerFooter.drawerFooterClassNames;
|
|
32
41
|
},
|
|
33
|
-
|
|
34
|
-
return
|
|
42
|
+
drawerHeaderClassNames: function() {
|
|
43
|
+
return _DrawerHeader.drawerHeaderClassNames;
|
|
35
44
|
},
|
|
36
|
-
|
|
37
|
-
return
|
|
45
|
+
drawerHeaderNavigationClassNames: function() {
|
|
46
|
+
return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
|
|
38
47
|
},
|
|
39
|
-
|
|
40
|
-
return
|
|
48
|
+
drawerHeaderTitleClassNames: function() {
|
|
49
|
+
return _DrawerHeaderTitle.drawerHeaderTitleClassNames;
|
|
41
50
|
},
|
|
42
51
|
inlineDrawerClassNames: function() {
|
|
43
52
|
return _InlineDrawer.inlineDrawerClassNames;
|
|
44
53
|
},
|
|
45
|
-
|
|
46
|
-
return
|
|
54
|
+
overlayDrawerClassNames: function() {
|
|
55
|
+
return _OverlayDrawer.overlayDrawerClassNames;
|
|
47
56
|
},
|
|
48
|
-
|
|
49
|
-
return
|
|
57
|
+
renderDrawerBody_unstable: function() {
|
|
58
|
+
return _DrawerBody.renderDrawerBody_unstable;
|
|
50
59
|
},
|
|
51
|
-
|
|
52
|
-
return
|
|
60
|
+
renderDrawerFooter_unstable: function() {
|
|
61
|
+
return _DrawerFooter.renderDrawerFooter_unstable;
|
|
53
62
|
},
|
|
54
|
-
|
|
55
|
-
return
|
|
63
|
+
renderDrawerHeaderNavigation_unstable: function() {
|
|
64
|
+
return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
|
|
56
65
|
},
|
|
57
|
-
|
|
58
|
-
return
|
|
66
|
+
renderDrawerHeaderTitle_unstable: function() {
|
|
67
|
+
return _DrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
|
|
59
68
|
},
|
|
60
|
-
|
|
61
|
-
return
|
|
69
|
+
renderDrawerHeader_unstable: function() {
|
|
70
|
+
return _DrawerHeader.renderDrawerHeader_unstable;
|
|
71
|
+
},
|
|
72
|
+
renderDrawer_unstable: function() {
|
|
73
|
+
return _Drawer.renderDrawer_unstable;
|
|
74
|
+
},
|
|
75
|
+
renderInlineDrawer_unstable: function() {
|
|
76
|
+
return _InlineDrawer.renderInlineDrawer_unstable;
|
|
77
|
+
},
|
|
78
|
+
renderOverlayDrawer_unstable: function() {
|
|
79
|
+
return _OverlayDrawer.renderOverlayDrawer_unstable;
|
|
62
80
|
},
|
|
63
81
|
useDrawerBodyStyles_unstable: function() {
|
|
64
82
|
return _DrawerBody.useDrawerBodyStyles_unstable;
|
|
@@ -66,65 +84,47 @@ _export(exports, {
|
|
|
66
84
|
useDrawerBody_unstable: function() {
|
|
67
85
|
return _DrawerBody.useDrawerBody_unstable;
|
|
68
86
|
},
|
|
69
|
-
|
|
70
|
-
return
|
|
87
|
+
useDrawerFooterStyles_unstable: function() {
|
|
88
|
+
return _DrawerFooter.useDrawerFooterStyles_unstable;
|
|
71
89
|
},
|
|
72
|
-
|
|
73
|
-
return
|
|
90
|
+
useDrawerFooter_unstable: function() {
|
|
91
|
+
return _DrawerFooter.useDrawerFooter_unstable;
|
|
74
92
|
},
|
|
75
|
-
|
|
76
|
-
return
|
|
93
|
+
useDrawerHeaderNavigationStyles_unstable: function() {
|
|
94
|
+
return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
|
|
95
|
+
},
|
|
96
|
+
useDrawerHeaderNavigation_unstable: function() {
|
|
97
|
+
return _DrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
|
|
77
98
|
},
|
|
78
99
|
useDrawerHeaderStyles_unstable: function() {
|
|
79
100
|
return _DrawerHeader.useDrawerHeaderStyles_unstable;
|
|
80
101
|
},
|
|
81
|
-
useDrawerHeader_unstable: function() {
|
|
82
|
-
return _DrawerHeader.useDrawerHeader_unstable;
|
|
83
|
-
},
|
|
84
|
-
DrawerHeaderTitle: function() {
|
|
85
|
-
return _DrawerHeaderTitle.DrawerHeaderTitle;
|
|
86
|
-
},
|
|
87
|
-
drawerHeaderTitleClassNames: function() {
|
|
88
|
-
return _DrawerHeaderTitle.drawerHeaderTitleClassNames;
|
|
89
|
-
},
|
|
90
|
-
renderDrawerHeaderTitle_unstable: function() {
|
|
91
|
-
return _DrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
|
|
92
|
-
},
|
|
93
102
|
useDrawerHeaderTitleStyles_unstable: function() {
|
|
94
103
|
return _DrawerHeaderTitle.useDrawerHeaderTitleStyles_unstable;
|
|
95
104
|
},
|
|
96
105
|
useDrawerHeaderTitle_unstable: function() {
|
|
97
106
|
return _DrawerHeaderTitle.useDrawerHeaderTitle_unstable;
|
|
98
107
|
},
|
|
99
|
-
|
|
100
|
-
return
|
|
101
|
-
},
|
|
102
|
-
drawerHeaderNavigationClassNames: function() {
|
|
103
|
-
return _DrawerHeaderNavigation.drawerHeaderNavigationClassNames;
|
|
104
|
-
},
|
|
105
|
-
renderDrawerHeaderNavigation_unstable: function() {
|
|
106
|
-
return _DrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
|
|
107
|
-
},
|
|
108
|
-
useDrawerHeaderNavigationStyles_unstable: function() {
|
|
109
|
-
return _DrawerHeaderNavigation.useDrawerHeaderNavigationStyles_unstable;
|
|
108
|
+
useDrawerHeader_unstable: function() {
|
|
109
|
+
return _DrawerHeader.useDrawerHeader_unstable;
|
|
110
110
|
},
|
|
111
|
-
|
|
112
|
-
return
|
|
111
|
+
useDrawerStyles_unstable: function() {
|
|
112
|
+
return _Drawer.useDrawerStyles_unstable;
|
|
113
113
|
},
|
|
114
|
-
|
|
115
|
-
return
|
|
114
|
+
useDrawer_unstable: function() {
|
|
115
|
+
return _Drawer.useDrawer_unstable;
|
|
116
116
|
},
|
|
117
|
-
|
|
118
|
-
return
|
|
117
|
+
useInlineDrawerStyles_unstable: function() {
|
|
118
|
+
return _InlineDrawer.useInlineDrawerStyles_unstable;
|
|
119
119
|
},
|
|
120
|
-
|
|
121
|
-
return
|
|
120
|
+
useInlineDrawer_unstable: function() {
|
|
121
|
+
return _InlineDrawer.useInlineDrawer_unstable;
|
|
122
122
|
},
|
|
123
|
-
|
|
124
|
-
return
|
|
123
|
+
useOverlayDrawerStyles_unstable: function() {
|
|
124
|
+
return _OverlayDrawer.useOverlayDrawerStyles_unstable;
|
|
125
125
|
},
|
|
126
|
-
|
|
127
|
-
return
|
|
126
|
+
useOverlayDrawer_unstable: function() {
|
|
127
|
+
return _OverlayDrawer.useOverlayDrawer_unstable;
|
|
128
128
|
}
|
|
129
129
|
});
|
|
130
130
|
const _Drawer = require("./Drawer");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { Drawer, renderDrawer_unstable, useDrawerStyles_unstable, useDrawer_unstable } from './Drawer';\nexport { OverlayDrawer, overlayDrawerClassNames, renderOverlayDrawer_unstable, useOverlayDrawerStyles_unstable, useOverlayDrawer_unstable } from './OverlayDrawer';\nexport { InlineDrawer, inlineDrawerClassNames, renderInlineDrawer_unstable, useInlineDrawerStyles_unstable, useInlineDrawer_unstable } from './InlineDrawer';\nexport { DrawerBody, drawerBodyClassNames, renderDrawerBody_unstable, useDrawerBodyStyles_unstable, useDrawerBody_unstable } from './DrawerBody';\nexport { DrawerHeader, drawerHeaderClassNames, renderDrawerHeader_unstable, useDrawerHeaderStyles_unstable, useDrawerHeader_unstable } from './DrawerHeader';\nexport { DrawerHeaderTitle, drawerHeaderTitleClassNames, renderDrawerHeaderTitle_unstable, useDrawerHeaderTitleStyles_unstable, useDrawerHeaderTitle_unstable } from './DrawerHeaderTitle';\nexport { DrawerHeaderNavigation, drawerHeaderNavigationClassNames, renderDrawerHeaderNavigation_unstable, useDrawerHeaderNavigationStyles_unstable, useDrawerHeaderNavigation_unstable } from './DrawerHeaderNavigation';\nexport { DrawerFooter, drawerFooterClassNames, renderDrawerFooter_unstable, useDrawerFooterStyles_unstable, useDrawerFooter_unstable } from './DrawerFooter';\n"],"names":["Drawer","
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { Drawer, renderDrawer_unstable, useDrawerStyles_unstable, useDrawer_unstable } from './Drawer';\nexport { OverlayDrawer, overlayDrawerClassNames, renderOverlayDrawer_unstable, useOverlayDrawerStyles_unstable, useOverlayDrawer_unstable } from './OverlayDrawer';\nexport { InlineDrawer, inlineDrawerClassNames, renderInlineDrawer_unstable, useInlineDrawerStyles_unstable, useInlineDrawer_unstable } from './InlineDrawer';\nexport { DrawerBody, drawerBodyClassNames, renderDrawerBody_unstable, useDrawerBodyStyles_unstable, useDrawerBody_unstable } from './DrawerBody';\nexport { DrawerHeader, drawerHeaderClassNames, renderDrawerHeader_unstable, useDrawerHeaderStyles_unstable, useDrawerHeader_unstable } from './DrawerHeader';\nexport { DrawerHeaderTitle, drawerHeaderTitleClassNames, renderDrawerHeaderTitle_unstable, useDrawerHeaderTitleStyles_unstable, useDrawerHeaderTitle_unstable } from './DrawerHeaderTitle';\nexport { DrawerHeaderNavigation, drawerHeaderNavigationClassNames, renderDrawerHeaderNavigation_unstable, useDrawerHeaderNavigationStyles_unstable, useDrawerHeaderNavigation_unstable } from './DrawerHeaderNavigation';\nexport { DrawerFooter, drawerFooterClassNames, renderDrawerFooter_unstable, useDrawerFooterStyles_unstable, useDrawerFooter_unstable } from './DrawerFooter';\n"],"names":["Drawer","DrawerBody","DrawerFooter","DrawerHeader","DrawerHeaderNavigation","DrawerHeaderTitle","InlineDrawer","OverlayDrawer","drawerBodyClassNames","drawerFooterClassNames","drawerHeaderClassNames","drawerHeaderNavigationClassNames","drawerHeaderTitleClassNames","inlineDrawerClassNames","overlayDrawerClassNames","renderDrawerBody_unstable","renderDrawerFooter_unstable","renderDrawerHeaderNavigation_unstable","renderDrawerHeaderTitle_unstable","renderDrawerHeader_unstable","renderDrawer_unstable","renderInlineDrawer_unstable","renderOverlayDrawer_unstable","useDrawerBodyStyles_unstable","useDrawerBody_unstable","useDrawerFooterStyles_unstable","useDrawerFooter_unstable","useDrawerHeaderNavigationStyles_unstable","useDrawerHeaderNavigation_unstable","useDrawerHeaderStyles_unstable","useDrawerHeaderTitleStyles_unstable","useDrawerHeaderTitle_unstable","useDrawerHeader_unstable","useDrawerStyles_unstable","useDrawer_unstable","useInlineDrawerStyles_unstable","useInlineDrawer_unstable","useOverlayDrawerStyles_unstable","useOverlayDrawer_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAGNC,UAAU;eAAVA,sBAAU;;IAIVC,YAAY;eAAZA,0BAAY;;IAHZC,YAAY;eAAZA,0BAAY;;IAEZC,sBAAsB;eAAtBA,8CAAsB;;IADtBC,iBAAiB;eAAjBA,oCAAiB;;IAHjBC,YAAY;eAAZA,0BAAY;;IADZC,aAAa;eAAbA,4BAAa;;IAEDC,oBAAoB;eAApBA,gCAAoB;;IAIlBC,sBAAsB;eAAtBA,oCAAsB;;IAHtBC,sBAAsB;eAAtBA,oCAAsB;;IAEZC,gCAAgC;eAAhCA,wDAAgC;;IADrCC,2BAA2B;eAA3BA,8CAA2B;;IAHhCC,sBAAsB;eAAtBA,oCAAsB;;IADrBC,uBAAuB;eAAvBA,sCAAuB;;IAEJC,yBAAyB;eAAzBA,qCAAyB;;IAIrBC,2BAA2B;eAA3BA,yCAA2B;;IADPC,qCAAqC;eAArCA,6DAAqC;;IAD/CC,gCAAgC;eAAhCA,mDAAgC;;IAD1CC,2BAA2B;eAA3BA,yCAA2B;;IAJzDC,qBAAqB;eAArBA,6BAAqB;;IAESC,2BAA2B;eAA3BA,yCAA2B;;IADzBC,4BAA4B;eAA5BA,2CAA4B;;IAEPC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IAI9CC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAD1BC,wCAAwC;eAAxCA,gEAAwC;;IAAEC,kCAAkC;eAAlCA,0DAAkC;;IAF1GC,8BAA8B;eAA9BA,4CAA8B;;IACfC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IADjDC,wBAAwB;eAAxBA,sCAAwB;;IAJ5FC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IAERC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IADrDC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;;wBAD7C;+BACqD;8BACL;4BACV;8BACU;mCACyB;wCACyB;8BAClD"}
|
|
@@ -15,14 +15,14 @@ _export(exports, {
|
|
|
15
15
|
drawerDefaultStyles: function() {
|
|
16
16
|
return drawerDefaultStyles;
|
|
17
17
|
},
|
|
18
|
+
useDrawerBaseClassNames: function() {
|
|
19
|
+
return useDrawerBaseClassNames;
|
|
20
|
+
},
|
|
18
21
|
useDrawerBottomBaseStyles: function() {
|
|
19
22
|
return useDrawerBottomBaseStyles;
|
|
20
23
|
},
|
|
21
24
|
useDrawerDurationStyles: function() {
|
|
22
25
|
return useDrawerDurationStyles;
|
|
23
|
-
},
|
|
24
|
-
useDrawerBaseClassNames: function() {
|
|
25
|
-
return useDrawerBaseClassNames;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
const _react = require("@griffel/react");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * CSS variable names used internally for uniform styling in Drawer.\n */\nexport const drawerCSSVars = {\n drawerSizeVar: '--fui-Drawer--size'\n};\n/**\n * Default shared styles for the Drawer component\n */\nexport const drawerDefaultStyles = {\n ... /*#__PURE__*/shorthands.overflow('hidden'),\n width: `var(${drawerCSSVars.drawerSizeVar})`,\n maxWidth: '100vw',\n height: 'auto',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n};\n/**\n * Shared dynamic styles for the Drawer component\n */\nconst useDrawerStyles = /*#__PURE__*/__styles({\n entering: {\n Bkqvd7p: \"f18ad807\"\n },\n exiting: {\n Bkqvd7p: \"f1mfizis\"\n },\n reducedMotion: {\n Hwfdqs: \"f5e8c63\"\n },\n start: {\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n j35jbq: [\"fvfyk4\", \"frppm18\"]\n },\n end: {\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n oyh7mz: [\"frppm18\", \"fvfyk4\"]\n },\n bottom: {\n B5kzvoi: \"f1yab3r1\",\n Bhzewxz: \"f198g47y\"\n },\n small: {\n Bjr0ffy: \"f1exhnwo\"\n },\n medium: {\n Bjr0ffy: \"fqofjzu\"\n },\n large: {\n Bjr0ffy: \"fce6y3m\"\n },\n full: {\n Bjr0ffy: \"fsdmzs6\"\n }\n}, {\n d: [\".f18ad807{transition-timing-function:var(--curveDecelerateMid);}\", \".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left:auto;}\", \".f1yab3r1{bottom:0;}\", \".f198g47y{top:auto;}\", \".f1exhnwo{--fui-Drawer--size:320px;}\", \".fqofjzu{--fui-Drawer--size:592px;}\", \".fce6y3m{--fui-Drawer--size:940px;}\", \".fsdmzs6{--fui-Drawer--size:100vw;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f5e8c63{transition-duration:0.001ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useDrawerBottomBaseStyles = /*#__PURE__*/__styles({\n small: {\n Bjr0ffy: \"f1exhnwo\"\n },\n medium: {\n Bjr0ffy: \"fqofjzu\"\n },\n large: {\n Bjr0ffy: \"fce6y3m\"\n },\n full: {\n Bjr0ffy: \"fno8cgj\"\n }\n}, {\n d: [\".f1exhnwo{--fui-Drawer--size:320px;}\", \".fqofjzu{--fui-Drawer--size:592px;}\", \".fce6y3m{--fui-Drawer--size:940px;}\", \".fno8cgj{--fui-Drawer--size:100vh;}\"]\n});\nexport const useDrawerDurationStyles = /*#__PURE__*/__styles({\n small: {\n B3o57yi: \"fc397y7\"\n },\n medium: {\n B3o57yi: \"f78771\"\n },\n large: {\n B3o57yi: \"f9ymmep\"\n },\n full: {\n B3o57yi: \"f1loko9l\"\n }\n}, {\n d: [\".fc397y7{transition-duration:var(--durationGentle);}\", \".f78771{transition-duration:var(--durationSlow);}\", \".f9ymmep{transition-duration:var(--durationSlower);}\", \".f1loko9l{transition-duration:var(--durationUltraSlow);}\"]\n});\nexport const useDrawerBaseClassNames = ({\n position,\n size,\n motion\n}) => {\n const baseStyles = useDrawerStyles();\n const bottomBaseStyles = useDrawerBottomBaseStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles[position], position === 'bottom' && bottomBaseStyles[size], durationStyles[size], position !== 'bottom' && baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["drawerCSSVars","drawerDefaultStyles","
|
|
1
|
+
{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * CSS variable names used internally for uniform styling in Drawer.\n */\nexport const drawerCSSVars = {\n drawerSizeVar: '--fui-Drawer--size'\n};\n/**\n * Default shared styles for the Drawer component\n */\nexport const drawerDefaultStyles = {\n ... /*#__PURE__*/shorthands.overflow('hidden'),\n width: `var(${drawerCSSVars.drawerSizeVar})`,\n maxWidth: '100vw',\n height: 'auto',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1\n};\n/**\n * Shared dynamic styles for the Drawer component\n */\nconst useDrawerStyles = /*#__PURE__*/__styles({\n entering: {\n Bkqvd7p: \"f18ad807\"\n },\n exiting: {\n Bkqvd7p: \"f1mfizis\"\n },\n reducedMotion: {\n Hwfdqs: \"f5e8c63\"\n },\n start: {\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n j35jbq: [\"fvfyk4\", \"frppm18\"]\n },\n end: {\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n oyh7mz: [\"frppm18\", \"fvfyk4\"]\n },\n bottom: {\n B5kzvoi: \"f1yab3r1\",\n Bhzewxz: \"f198g47y\"\n },\n small: {\n Bjr0ffy: \"f1exhnwo\"\n },\n medium: {\n Bjr0ffy: \"fqofjzu\"\n },\n large: {\n Bjr0ffy: \"fce6y3m\"\n },\n full: {\n Bjr0ffy: \"fsdmzs6\"\n }\n}, {\n d: [\".f18ad807{transition-timing-function:var(--curveDecelerateMid);}\", \".f1mfizis{transition-timing-function:var(--curveAccelerateMin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left:auto;}\", \".f1yab3r1{bottom:0;}\", \".f198g47y{top:auto;}\", \".f1exhnwo{--fui-Drawer--size:320px;}\", \".fqofjzu{--fui-Drawer--size:592px;}\", \".fce6y3m{--fui-Drawer--size:940px;}\", \".fsdmzs6{--fui-Drawer--size:100vw;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f5e8c63{transition-duration:0.001ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useDrawerBottomBaseStyles = /*#__PURE__*/__styles({\n small: {\n Bjr0ffy: \"f1exhnwo\"\n },\n medium: {\n Bjr0ffy: \"fqofjzu\"\n },\n large: {\n Bjr0ffy: \"fce6y3m\"\n },\n full: {\n Bjr0ffy: \"fno8cgj\"\n }\n}, {\n d: [\".f1exhnwo{--fui-Drawer--size:320px;}\", \".fqofjzu{--fui-Drawer--size:592px;}\", \".fce6y3m{--fui-Drawer--size:940px;}\", \".fno8cgj{--fui-Drawer--size:100vh;}\"]\n});\nexport const useDrawerDurationStyles = /*#__PURE__*/__styles({\n small: {\n B3o57yi: \"fc397y7\"\n },\n medium: {\n B3o57yi: \"f78771\"\n },\n large: {\n B3o57yi: \"f9ymmep\"\n },\n full: {\n B3o57yi: \"f1loko9l\"\n }\n}, {\n d: [\".fc397y7{transition-duration:var(--durationGentle);}\", \".f78771{transition-duration:var(--durationSlow);}\", \".f9ymmep{transition-duration:var(--durationSlower);}\", \".f1loko9l{transition-duration:var(--durationUltraSlow);}\"]\n});\nexport const useDrawerBaseClassNames = ({\n position,\n size,\n motion\n}) => {\n const baseStyles = useDrawerStyles();\n const bottomBaseStyles = useDrawerBottomBaseStyles();\n const durationStyles = useDrawerDurationStyles();\n return mergeClasses(baseStyles[position], position === 'bottom' && bottomBaseStyles[size], durationStyles[size], position !== 'bottom' && baseStyles[size], baseStyles.reducedMotion, motion.type === 'entering' && baseStyles.entering, motion.type === 'exiting' && baseStyles.exiting);\n};\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","useDrawerBottomBaseStyles","useDrawerDurationStyles","drawerSizeVar","shorthands","overflow","width","maxWidth","height","maxHeight","boxSizing","display","flexDirection","alignItems","justifyContent","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","useDrawerStyles","__styles","entering","Bkqvd7p","exiting","reducedMotion","Hwfdqs","start","Bekrc4i","vrafjx","h3c5rm","oyh7mz","j35jbq","end","ibv6hh","wvpqe5","zhjwy3","bottom","B5kzvoi","Bhzewxz","small","Bjr0ffy","medium","large","full","d","m","B3o57yi","position","size","motion","baseStyles","bottomBaseStyles","durationStyles","mergeClasses","type"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-drawer",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.8",
|
|
4
4
|
"description": "Drawer components for Fluent UI React",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
"@fluentui/scripts-cypress": "*"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@fluentui/react-dialog": "^9.9.
|
|
39
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
40
|
-
"@fluentui/react-motion-preview": "^0.5.
|
|
41
|
-
"@fluentui/react-shared-contexts": "^9.15.
|
|
42
|
-
"@fluentui/react-tabster": "^9.19.
|
|
43
|
-
"@fluentui/react-theme": "^9.1.
|
|
44
|
-
"@fluentui/react-utilities": "^9.18.
|
|
38
|
+
"@fluentui/react-dialog": "^9.9.14",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "^9.0.33",
|
|
40
|
+
"@fluentui/react-motion-preview": "^0.5.16",
|
|
41
|
+
"@fluentui/react-shared-contexts": "^9.15.1",
|
|
42
|
+
"@fluentui/react-tabster": "^9.19.4",
|
|
43
|
+
"@fluentui/react-theme": "^9.1.18",
|
|
44
|
+
"@fluentui/react-utilities": "^9.18.4",
|
|
45
45
|
"@griffel/react": "^1.5.14",
|
|
46
46
|
"@swc/helpers": "^0.5.1"
|
|
47
47
|
},
|