@fluentui/react-drawer 9.0.0-beta.16 → 9.0.0-beta.17
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.json +18 -3
- package/CHANGELOG.md +13 -4
- package/dist/index.d.ts +2 -2
- package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js +4 -4
- package/lib/components/DrawerInline/useDrawerInlineStyles.styles.js.map +1 -1
- package/lib/util/DrawerBase.types.js.map +1 -1
- package/lib/util/getDefaultDrawerProps.js +1 -1
- package/lib/util/getDefaultDrawerProps.js.map +1 -1
- package/lib/util/useDrawerBaseStyles.styles.js +2 -2
- package/lib/util/useDrawerBaseStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js +5 -5
- package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js.map +1 -1
- package/lib-commonjs/util/getDefaultDrawerProps.js +1 -1
- package/lib-commonjs/util/getDefaultDrawerProps.js.map +1 -1
- package/lib-commonjs/util/useDrawerBaseStyles.styles.js +2 -2
- package/lib-commonjs/util/useDrawerBaseStyles.styles.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui/react-drawer",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Mon, 21 Aug 2023 11:36:40 GMT",
|
|
6
|
+
"tag": "@fluentui/react-drawer_v9.0.0-beta.17",
|
|
7
|
+
"version": "9.0.0-beta.17",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "marcosvmmoura@gmail.com",
|
|
12
|
+
"package": "@fluentui/react-drawer",
|
|
13
|
+
"commit": "768de13c5e30222f64b2cc453bc4b134a6e90712",
|
|
14
|
+
"comment": "fix: rename values of position prop from left/right to start/end"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Wed, 16 Aug 2023 17:41:08 GMT",
|
|
6
21
|
"tag": "@fluentui/react-drawer_v9.0.0-beta.16",
|
|
7
22
|
"version": "9.0.0-beta.16",
|
|
8
23
|
"comments": {
|
|
@@ -11,13 +26,13 @@
|
|
|
11
26
|
"author": "beachball",
|
|
12
27
|
"package": "@fluentui/react-drawer",
|
|
13
28
|
"comment": "Bump @fluentui/react-dialog to v9.5.24",
|
|
14
|
-
"commit": "
|
|
29
|
+
"commit": "b331b368030e157e0ff38a59c9d4aaf1d01d9b6a"
|
|
15
30
|
},
|
|
16
31
|
{
|
|
17
32
|
"author": "beachball",
|
|
18
33
|
"package": "@fluentui/react-drawer",
|
|
19
34
|
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0",
|
|
20
|
-
"commit": "
|
|
35
|
+
"commit": "b331b368030e157e0ff38a59c9d4aaf1d01d9b6a"
|
|
21
36
|
}
|
|
22
37
|
]
|
|
23
38
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,18 +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 Mon, 21 Aug 2023 11:36:40 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-beta.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.17)
|
|
8
|
+
|
|
9
|
+
Mon, 21 Aug 2023 11:36:40 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.16..@fluentui/react-drawer_v9.0.0-beta.17)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- fix: rename values of position prop from left/right to start/end ([PR #28905](https://github.com/microsoft/fluentui/pull/28905) by marcosvmmoura@gmail.com)
|
|
15
|
+
|
|
7
16
|
## [9.0.0-beta.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.16)
|
|
8
17
|
|
|
9
|
-
Wed, 16 Aug 2023 17:
|
|
18
|
+
Wed, 16 Aug 2023 17:41:08 GMT
|
|
10
19
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.15..@fluentui/react-drawer_v9.0.0-beta.16)
|
|
11
20
|
|
|
12
21
|
### Changes
|
|
13
22
|
|
|
14
|
-
- Bump @fluentui/react-dialog to v9.5.24 ([PR #
|
|
15
|
-
- Bump @fluentui/react-jsx-runtime to v9.0.0 ([PR #
|
|
23
|
+
- Bump @fluentui/react-dialog to v9.5.24 ([PR #28885](https://github.com/microsoft/fluentui/pull/28885) by beachball)
|
|
24
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0 ([PR #28885](https://github.com/microsoft/fluentui/pull/28885) by beachball)
|
|
16
25
|
|
|
17
26
|
## [9.0.0-beta.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.15)
|
|
18
27
|
|
package/dist/index.d.ts
CHANGED
|
@@ -12,12 +12,12 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
12
12
|
root: {
|
|
13
13
|
qhf8xq: "f10pi13n"
|
|
14
14
|
},
|
|
15
|
-
|
|
15
|
+
separatorStart: {
|
|
16
16
|
Bekrc4i: ["f1hqa2wf", "finvdd3"],
|
|
17
17
|
vrafjx: ["fcdblym", "fjik90z"],
|
|
18
18
|
h3c5rm: ["fa8zu9y", "f17e9lqh"]
|
|
19
19
|
},
|
|
20
|
-
|
|
20
|
+
separatorEnd: {
|
|
21
21
|
ibv6hh: ["finvdd3", "f1hqa2wf"],
|
|
22
22
|
wvpqe5: ["fjik90z", "fcdblym"],
|
|
23
23
|
zhjwy3: ["f17e9lqh", "fa8zu9y"]
|
|
@@ -35,8 +35,8 @@ export const useDrawerInlineStyles_unstable = state => {
|
|
|
35
35
|
if (!state.separator) {
|
|
36
36
|
return undefined;
|
|
37
37
|
}
|
|
38
|
-
return state.position === '
|
|
39
|
-
}, [state.position, state.separator, styles.
|
|
38
|
+
return state.position === 'start' ? styles.separatorStart : styles.separatorEnd;
|
|
39
|
+
}, [state.position, state.separator, styles.separatorEnd, styles.separatorStart]);
|
|
40
40
|
state.root.className = mergeClasses(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);
|
|
41
41
|
return state;
|
|
42
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","__styles","mergeClasses","shorthands","useDrawerBaseStyles","tokens","drawerInlineClassNames","root","useStyles","qhf8xq","
|
|
1
|
+
{"version":3,"names":["React","__styles","mergeClasses","shorthands","useDrawerBaseStyles","tokens","drawerInlineClassNames","root","useStyles","qhf8xq","separatorStart","Bekrc4i","vrafjx","h3c5rm","separatorEnd","ibv6hh","wvpqe5","zhjwy3","d","useDrawerInlineStyles_unstable","state","baseStyles","styles","separatorClass","useMemo","separator","undefined","position","className","size"],"sources":["useDrawerInlineStyles.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerInlineClassNames = {\n root: 'fui-DrawerInline'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n position: 'relative'\n },\n /* Separator */ separatorStart: {\n ...shorthands.borderRight('1px', 'solid', tokens.colorNeutralBackground3)\n },\n separatorEnd: {\n ...shorthands.borderLeft('1px', 'solid', tokens.colorNeutralBackground3)\n }\n});\n/**\n * Apply styling to the DrawerInline slots based on the state\n */ export const useDrawerInlineStyles_unstable = (state)=>{\n const baseStyles = useDrawerBaseStyles();\n const styles = useStyles();\n const separatorClass = React.useMemo(()=>{\n if (!state.separator) {\n return undefined;\n }\n return state.position === 'start' ? styles.separatorStart : styles.separatorEnd;\n }, [\n state.position,\n state.separator,\n styles.separatorEnd,\n styles.separatorStart\n ]);\n state.root.className = mergeClasses(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAAC,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,mBAAmB,QAAQ,uCAAuC;AAC3E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;EAAA;EAAAC,cAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACvD,MAAMC,UAAU,GAAGjB,mBAAmB,CAAC,CAAC;EACxC,MAAMkB,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAMe,cAAc,GAAGvB,KAAK,CAACwB,OAAO,CAAC,MAAI;IACrC,IAAI,CAACJ,KAAK,CAACK,SAAS,EAAE;MAClB,OAAOC,SAAS;IACpB;IACA,OAAON,KAAK,CAACO,QAAQ,KAAK,OAAO,GAAGL,MAAM,CAACZ,cAAc,GAAGY,MAAM,CAACR,YAAY;EACnF,CAAC,EAAE,CACCM,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACK,SAAS,EACfH,MAAM,CAACR,YAAY,EACnBQ,MAAM,CAACZ,cAAc,CACxB,CAAC;EACFU,KAAK,CAACb,IAAI,CAACqB,SAAS,GAAG1B,YAAY,CAACI,sBAAsB,CAACC,IAAI,EAAEc,UAAU,CAACd,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEa,KAAK,CAACS,IAAI,IAAIR,UAAU,CAACD,KAAK,CAACS,IAAI,CAAC,EAAET,KAAK,CAACO,QAAQ,IAAIN,UAAU,CAACD,KAAK,CAACO,QAAQ,CAAC,EAAEJ,cAAc,EAAEH,KAAK,CAACb,IAAI,CAACqB,SAAS,CAAC;EACxN,OAAOR,KAAK;AAChB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["export type DrawerBaseProps = {\n /**\n * Position of the drawer.\n *\n * @default '
|
|
1
|
+
{"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["export type DrawerBaseProps = {\n /**\n * Position of the drawer.\n *\n * @default 'start'\n */\n position?: 'start' | 'end';\n\n /**\n * Size of the drawer.\n *\n * - 'small' - Drawer is 320px wide.\n * - 'medium' - Drawer is 592px wide.\n * - 'large' - Drawer is 940px wide.\n * - 'full' - Drawer is 100vw wide.\n *\n * @default 'small'\n */\n size?: 'small' | 'medium' | 'large' | 'full';\n\n /**\n * Controls the open state of the Drawer\n *\n * @default false\n */\n open?: boolean;\n\n /**\n * Default value for the uncontrolled open state of the Drawer.\n *\n * @default false\n */\n defaultOpen?: boolean;\n};\n"],"names":[],"mappings":"AAAA,WAiCE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["getDefaultDrawerProps.ts"],"sourcesContent":["import { DrawerBaseProps } from './DrawerBase.types';\n\nexport function getDefaultDrawerProps(props: DrawerBaseProps) {\n const { open = false, defaultOpen = false, size = 'small', position = '
|
|
1
|
+
{"version":3,"sources":["getDefaultDrawerProps.ts"],"sourcesContent":["import { DrawerBaseProps } from './DrawerBase.types';\n\nexport function getDefaultDrawerProps(props: DrawerBaseProps) {\n const { open = false, defaultOpen = false, size = 'small', position = 'start' } = props;\n\n return {\n size,\n position,\n open,\n defaultOpen,\n };\n}\n"],"names":["getDefaultDrawerProps","props","open","defaultOpen","size","position"],"mappings":"AAEA,OAAO,SAASA,sBAAsBC,KAAsB,EAAE;IAC5D,MAAM,EAAEC,MAAO,KAAK,CAAA,EAAEC,aAAc,KAAK,CAAA,EAAEC,MAAO,QAAO,EAAEC,UAAW,QAAO,EAAE,GAAGJ;IAElF,OAAO;QACLG;QACAC;QACAH;QACAC;IACF;AACF,CAAC"}
|
|
@@ -28,11 +28,11 @@ export const useDrawerBaseStyles = /*#__PURE__*/__styles({
|
|
|
28
28
|
Brf1p80: "fbhxue7",
|
|
29
29
|
De3pzq: "fxugw4r"
|
|
30
30
|
},
|
|
31
|
-
|
|
31
|
+
start: {
|
|
32
32
|
oyh7mz: ["f1vgc2s3", "f1e31b4d"],
|
|
33
33
|
j35jbq: ["fvfyk4", "frppm18"]
|
|
34
34
|
},
|
|
35
|
-
|
|
35
|
+
end: {
|
|
36
36
|
j35jbq: ["f1e31b4d", "f1vgc2s3"],
|
|
37
37
|
oyh7mz: ["frppm18", "fvfyk4"]
|
|
38
38
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","shorthands","tokens","useDrawerBaseStyles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","
|
|
1
|
+
{"version":3,"names":["__styles","shorthands","tokens","useDrawerBaseStyles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","start","oyh7mz","j35jbq","end","small","a9b677","medium","large","full","d"],"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { makeStyles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Styles for the root slot\n */ export const useDrawerBaseStyles = makeStyles({\n root: {\n ...shorthands.padding(0),\n ...shorthands.overflow('hidden'),\n ...shorthands.borderRadius(0),\n ...shorthands.border(0),\n maxWidth: '100vw',\n height: 'auto',\n boxSizing: 'border-box',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n backgroundColor: tokens.colorNeutralBackground1\n },\n /* Positioning */ start: {\n left: 0,\n right: 'auto'\n },\n end: {\n right: 0,\n left: 'auto'\n },\n /* Sizes */ small: {\n width: '320px'\n },\n medium: {\n width: '592px'\n },\n large: {\n width: '940px'\n },\n full: {\n width: '100vw',\n maxWidth: '100vw'\n }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,QAAQ,gBAAgB;AACvD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,gBAAGH,QAAA;EAAAI,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,GAAA;IAAAD,MAAA;IAAAD,MAAA;EAAA;EAAAG,KAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAF,MAAA;EAAA;EAAAG,IAAA;IAAAH,MAAA;IAAAb,OAAA;EAAA;AAAA;EAAAiB,CAAA;AAAA,CAoCtC,CAAC"}
|
|
@@ -25,7 +25,7 @@ const drawerInlineClassNames = {
|
|
|
25
25
|
root: {
|
|
26
26
|
qhf8xq: "f10pi13n"
|
|
27
27
|
},
|
|
28
|
-
|
|
28
|
+
separatorStart: {
|
|
29
29
|
Bekrc4i: [
|
|
30
30
|
"f1hqa2wf",
|
|
31
31
|
"finvdd3"
|
|
@@ -39,7 +39,7 @@ const drawerInlineClassNames = {
|
|
|
39
39
|
"f17e9lqh"
|
|
40
40
|
]
|
|
41
41
|
},
|
|
42
|
-
|
|
42
|
+
separatorEnd: {
|
|
43
43
|
ibv6hh: [
|
|
44
44
|
"finvdd3",
|
|
45
45
|
"f1hqa2wf"
|
|
@@ -71,12 +71,12 @@ const useDrawerInlineStyles_unstable = (state)=>{
|
|
|
71
71
|
if (!state.separator) {
|
|
72
72
|
return undefined;
|
|
73
73
|
}
|
|
74
|
-
return state.position === '
|
|
74
|
+
return state.position === 'start' ? styles.separatorStart : styles.separatorEnd;
|
|
75
75
|
}, [
|
|
76
76
|
state.position,
|
|
77
77
|
state.separator,
|
|
78
|
-
styles.
|
|
79
|
-
styles.
|
|
78
|
+
styles.separatorEnd,
|
|
79
|
+
styles.separatorStart
|
|
80
80
|
]);
|
|
81
81
|
state.root.className = (0, _react1.mergeClasses)(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);
|
|
82
82
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDrawerInlineStyles.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerInlineClassNames = {\n root: 'fui-DrawerInline'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\"\n },\n
|
|
1
|
+
{"version":3,"sources":["useDrawerInlineStyles.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerInlineClassNames = {\n root: 'fui-DrawerInline'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\"\n },\n separatorStart: {\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n h3c5rm: [\"fa8zu9y\", \"f17e9lqh\"]\n },\n separatorEnd: {\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n zhjwy3: [\"f17e9lqh\", \"fa8zu9y\"]\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fa8zu9y{border-right-color:var(--colorNeutralBackground3);}\", \".f17e9lqh{border-left-color:var(--colorNeutralBackground3);}\"]\n});\n/**\n * Apply styling to the DrawerInline slots based on the state\n */\nexport const useDrawerInlineStyles_unstable = state => {\n const baseStyles = useDrawerBaseStyles();\n const styles = useStyles();\n const separatorClass = React.useMemo(() => {\n if (!state.separator) {\n return undefined;\n }\n return state.position === 'start' ? styles.separatorStart : styles.separatorEnd;\n }, [state.position, state.separator, styles.separatorEnd, styles.separatorStart]);\n state.root.className = mergeClasses(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);\n return state;\n};\n//# sourceMappingURL=useDrawerInlineStyles.styles.js.map"],"names":["drawerInlineClassNames","useDrawerInlineStyles_unstable","root","useStyles","__styles","qhf8xq","separatorStart","Bekrc4i","vrafjx","h3c5rm","separatorEnd","ibv6hh","wvpqe5","zhjwy3","d","state","baseStyles","useDrawerBaseStyles","styles","separatorClass","React","useMemo","separator","undefined","position","className","mergeClasses","size"],"mappings":";;;;;;;;;;;IAIaA,sBAAsB,MAAtBA;IA0BAC,8BAA8B,MAA9BA;;;6DA9BU;wBAC4B;2CACf;AAE7B,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,mBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;IACV;IACAC,gBAAgB;QACdC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,cAAc;QACZC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAAsC;QAAoC;QAAuC;QAAsC;QAAgE;KAA+D;AAC7T;AAIO,MAAMb,iCAAiCc,CAAAA,QAAS;IACrD,MAAMC,aAAaC,IAAAA,8CAAmB;IACtC,MAAMC,SAASf;IACf,MAAMgB,iBAAiBC,OAAMC,OAAO,CAAC,IAAM;QACzC,IAAI,CAACN,MAAMO,SAAS,EAAE;YACpB,OAAOC;QACT,CAAC;QACD,OAAOR,MAAMS,QAAQ,KAAK,UAAUN,OAAOZ,cAAc,GAAGY,OAAOR,YAAY;IACjF,GAAG;QAACK,MAAMS,QAAQ;QAAET,MAAMO,SAAS;QAAEJ,OAAOR,YAAY;QAAEQ,OAAOZ,cAAc;KAAC;IAChFS,MAAMb,IAAI,CAACuB,SAAS,GAAGC,IAAAA,oBAAY,EAAC1B,uBAAuBE,IAAI,EAAEc,WAAWd,IAAI,EAAEgB,OAAOhB,IAAI,EAAEa,MAAMY,IAAI,IAAIX,UAAU,CAACD,MAAMY,IAAI,CAAC,EAAEZ,MAAMS,QAAQ,IAAIR,UAAU,CAACD,MAAMS,QAAQ,CAAC,EAAEL,gBAAgBJ,MAAMb,IAAI,CAACuB,SAAS;IACvN,OAAOV;AACT,GACA,wDAAwD"}
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "getDefaultDrawerProps", {
|
|
|
7
7
|
get: ()=>getDefaultDrawerProps
|
|
8
8
|
});
|
|
9
9
|
function getDefaultDrawerProps(props) {
|
|
10
|
-
const { open =false , defaultOpen =false , size ='small' , position ='
|
|
10
|
+
const { open =false , defaultOpen =false , size ='small' , position ='start' } = props;
|
|
11
11
|
return {
|
|
12
12
|
size,
|
|
13
13
|
position,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["getDefaultDrawerProps.js"],"sourcesContent":["export function getDefaultDrawerProps(props) {\n const { open =false , defaultOpen =false , size ='small' , position ='
|
|
1
|
+
{"version":3,"sources":["getDefaultDrawerProps.js"],"sourcesContent":["export function getDefaultDrawerProps(props) {\n const { open =false , defaultOpen =false , size ='small' , position ='start' } = props;\n return {\n size,\n position,\n open,\n defaultOpen\n };\n}\n"],"names":["getDefaultDrawerProps","props","open","defaultOpen","size","position"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,sBAAsBC,KAAK,EAAE;IACzC,MAAM,EAAEC,MAAM,KAAK,CAAA,EAAGC,aAAa,KAAK,CAAA,EAAGC,MAAM,QAAO,EAAGC,UAAU,QAAO,EAAG,GAAGJ;IAClF,OAAO;QACHG;QACAC;QACAH;QACAC;IACJ;AACJ"}
|
|
@@ -56,7 +56,7 @@ const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
56
56
|
Brf1p80: "fbhxue7",
|
|
57
57
|
De3pzq: "fxugw4r"
|
|
58
58
|
},
|
|
59
|
-
|
|
59
|
+
start: {
|
|
60
60
|
oyh7mz: [
|
|
61
61
|
"f1vgc2s3",
|
|
62
62
|
"f1e31b4d"
|
|
@@ -66,7 +66,7 @@ const useDrawerBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
66
66
|
"frppm18"
|
|
67
67
|
]
|
|
68
68
|
},
|
|
69
|
-
|
|
69
|
+
end: {
|
|
70
70
|
j35jbq: [
|
|
71
71
|
"f1e31b4d",
|
|
72
72
|
"f1vgc2s3"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Styles for the root slot\n */\nexport const useDrawerBaseStyles = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"],\n B4j52fo: \"fre7gi1\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n B2u0y6b: \"f1w39fev\",\n Bqenvij: \"f11ysow2\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Bt984gj: \"f6jr5hl\",\n Brf1p80: \"fbhxue7\",\n De3pzq: \"fxugw4r\"\n },\n
|
|
1
|
+
{"version":3,"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { __styles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Styles for the root slot\n */\nexport const useDrawerBaseStyles = /*#__PURE__*/__styles({\n root: {\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"],\n B4j52fo: \"fre7gi1\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n B2u0y6b: \"f1w39fev\",\n Bqenvij: \"f11ysow2\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Bt984gj: \"f6jr5hl\",\n Brf1p80: \"fbhxue7\",\n De3pzq: \"fxugw4r\"\n },\n start: {\n oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n j35jbq: [\"fvfyk4\", \"frppm18\"]\n },\n end: {\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n oyh7mz: [\"frppm18\", \"fvfyk4\"]\n },\n small: {\n a9b677: \"f1nfxovz\"\n },\n medium: {\n a9b677: \"fb8d3vz\"\n },\n large: {\n a9b677: \"fi96w9z\"\n },\n full: {\n a9b677: \"fr97h3j\",\n B2u0y6b: \"f1w39fev\"\n }\n}, {\n d: [\".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1w39fev{max-width:100vw;}\", \".f11ysow2{height:auto;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f6jr5hl{align-items:flex-start;}\", \".fbhxue7{justify-content:flex-start;}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1vgc2s3{left:0;}\", \".f1e31b4d{right:0;}\", \".fvfyk4{right:auto;}\", \".frppm18{left:auto;}\", \".f1nfxovz{width:320px;}\", \".fb8d3vz{width:592px;}\", \".fi96w9z{width:940px;}\", \".fr97h3j{width:100vw;}\"]\n});\n//# sourceMappingURL=useDrawerBaseStyles.styles.js.map"],"names":["useDrawerBaseStyles","__styles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","start","oyh7mz","j35jbq","end","small","a9b677","medium","large","full","d"],"mappings":";;;;+BAKaA;;aAAAA;;uBALwB;AAK9B,MAAMA,sBAAsB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACvDC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAU;SAAU;IAC/B;IACAC,KAAK;QACHD,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAW;SAAS;IAC/B;IACAG,OAAO;QACLC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,OAAO;QACLF,QAAQ;IACV;IACAG,MAAM;QACJH,QAAQ;QACRb,SAAS;IACX;AACF,GAAG;IACDiB,GAAG;QAAC;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAiC;QAA4C;QAA2C;QAAyC;QAAwC;QAAiC;QAAoC;QAAmC;QAAoC;QAA+B;QAA2B;QAAqC;QAA2B;QAAqC;QAAqC;QAAyC;QAA8D;QAAsB;QAAuB;QAAwB;QAAwB;QAA2B;QAA0B;QAA0B;KAAyB;AACr+B,IACA,sDAAsD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-drawer",
|
|
3
|
-
"version": "9.0.0-beta.
|
|
3
|
+
"version": "9.0.0-beta.17",
|
|
4
4
|
"description": "Drawer components for Fluent UI React",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@fluentui/react-dialog": "^9.5.24",
|
|
39
|
-
"@fluentui/react-jsx-runtime": "9.0.0",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "^9.0.0",
|
|
40
40
|
"@fluentui/react-shared-contexts": "^9.7.2",
|
|
41
41
|
"@fluentui/react-theme": "^9.1.11",
|
|
42
42
|
"@fluentui/react-utilities": "^9.11.1",
|