@fluentui/react-migration-v0-v9 9.0.17 → 9.0.19
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 +67 -1
- package/CHANGELOG.md +26 -2
- package/lib/components/Flex/Flex.styles.js +1 -1
- package/lib/components/Grid/Grid.styles.js +1 -1
- package/lib/components/ItemLayout/ItemLayout.js +24 -11
- package/lib/components/ItemLayout/ItemLayout.js.map +1 -1
- package/lib/components/ItemLayout/ItemLayout.styles.js +1 -1
- package/lib-commonjs/components/Flex/Flex.styles.js +19 -19
- package/lib-commonjs/components/Flex/Flex.styles.js.map +1 -1
- package/lib-commonjs/components/Grid/Grid.styles.js +10 -10
- package/lib-commonjs/components/Grid/Grid.styles.js.map +1 -1
- package/lib-commonjs/components/ItemLayout/ItemLayout.js +23 -10
- package/lib-commonjs/components/ItemLayout/ItemLayout.js.map +1 -1
- package/lib-commonjs/components/ItemLayout/ItemLayout.styles.js +17 -17
- package/lib-commonjs/components/ItemLayout/ItemLayout.styles.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,73 @@
|
|
|
2
2
|
"name": "@fluentui/react-migration-v0-v9",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Fri,
|
|
5
|
+
"date": "Fri, 11 Aug 2023 12:10:19 GMT",
|
|
6
|
+
"tag": "@fluentui/react-migration-v0-v9_v9.0.19",
|
|
7
|
+
"version": "9.0.19",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
12
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
13
|
+
"commit": "9509e950254d838cdfe3718a775ba5c78cb8f11a",
|
|
14
|
+
"comment": "chore(react-migration-v0-v9): migrate to new slot API"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
19
|
+
"comment": "Bump @fluentui/react-utilities to v9.11.1",
|
|
20
|
+
"commit": "a77bcda1628e8b20b113d0237317efd7ebbc5294"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
25
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.15",
|
|
26
|
+
"commit": "a77bcda1628e8b20b113d0237317efd7ebbc5294"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
31
|
+
"comment": "Bump @fluentui/react-components to v9.28.1",
|
|
32
|
+
"commit": "a77bcda1628e8b20b113d0237317efd7ebbc5294"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"date": "Wed, 09 Aug 2023 13:16:59 GMT",
|
|
39
|
+
"tag": "@fluentui/react-migration-v0-v9_v9.0.18",
|
|
40
|
+
"version": "9.0.18",
|
|
41
|
+
"comments": {
|
|
42
|
+
"patch": [
|
|
43
|
+
{
|
|
44
|
+
"author": "olfedias@microsoft.com",
|
|
45
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
46
|
+
"commit": "b090c0339983847a62b9dc6187d08dc8c4b1d55f",
|
|
47
|
+
"comment": "chore: Update Griffel to latest version"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"author": "beachball",
|
|
51
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
52
|
+
"comment": "Bump @fluentui/react-theme to v9.1.11",
|
|
53
|
+
"commit": "9509e950254d838cdfe3718a775ba5c78cb8f11a"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "beachball",
|
|
57
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
58
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14",
|
|
59
|
+
"commit": "9509e950254d838cdfe3718a775ba5c78cb8f11a"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "beachball",
|
|
63
|
+
"package": "@fluentui/react-migration-v0-v9",
|
|
64
|
+
"comment": "Bump @fluentui/react-components to v9.28.0",
|
|
65
|
+
"commit": "9509e950254d838cdfe3718a775ba5c78cb8f11a"
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"date": "Fri, 04 Aug 2023 08:52:58 GMT",
|
|
6
72
|
"tag": "@fluentui/react-migration-v0-v9_v9.0.17",
|
|
7
73
|
"version": "9.0.17",
|
|
8
74
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,36 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-migration-v0-v9
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri,
|
|
3
|
+
This log was last generated on Fri, 11 Aug 2023 12:10:19 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.19)
|
|
8
|
+
|
|
9
|
+
Fri, 11 Aug 2023 12:10:19 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.18..@fluentui/react-migration-v0-v9_v9.0.19)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore(react-migration-v0-v9): migrate to new slot API ([PR #28775](https://github.com/microsoft/fluentui/pull/28775) by bernardo.sunderhus@gmail.com)
|
|
15
|
+
- Bump @fluentui/react-utilities to v9.11.1 ([PR #28808](https://github.com/microsoft/fluentui/pull/28808) by beachball)
|
|
16
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.15 ([PR #28808](https://github.com/microsoft/fluentui/pull/28808) by beachball)
|
|
17
|
+
- Bump @fluentui/react-components to v9.28.1 ([PR #28808](https://github.com/microsoft/fluentui/pull/28808) by beachball)
|
|
18
|
+
|
|
19
|
+
## [9.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.18)
|
|
20
|
+
|
|
21
|
+
Wed, 09 Aug 2023 13:16:59 GMT
|
|
22
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.17..@fluentui/react-migration-v0-v9_v9.0.18)
|
|
23
|
+
|
|
24
|
+
### Patches
|
|
25
|
+
|
|
26
|
+
- chore: Update Griffel to latest version ([PR #28684](https://github.com/microsoft/fluentui/pull/28684) by olfedias@microsoft.com)
|
|
27
|
+
- Bump @fluentui/react-theme to v9.1.11 ([PR #28775](https://github.com/microsoft/fluentui/pull/28775) by beachball)
|
|
28
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([PR #28775](https://github.com/microsoft/fluentui/pull/28775) by beachball)
|
|
29
|
+
- Bump @fluentui/react-components to v9.28.0 ([PR #28775](https://github.com/microsoft/fluentui/pull/28775) by beachball)
|
|
30
|
+
|
|
7
31
|
## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.0.17)
|
|
8
32
|
|
|
9
|
-
Fri, 04 Aug 2023 08:
|
|
33
|
+
Fri, 04 Aug 2023 08:52:58 GMT
|
|
10
34
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.0.16..@fluentui/react-migration-v0-v9_v9.0.17)
|
|
11
35
|
|
|
12
36
|
### Patches
|
|
@@ -89,6 +89,6 @@ export const useFlexStyles = /*#__PURE__*/__styles({
|
|
|
89
89
|
uwmqm3: ["frdkuqy", "f81rol6"]
|
|
90
90
|
}
|
|
91
91
|
}, {
|
|
92
|
-
d: [".f22iagw{display
|
|
92
|
+
d: [".f22iagw{display:flex;}", ".ftuwxu6{display:inline-flex;}", ".f1vx9l62{flex-direction:column;}", ".f6jr5hl{align-items:flex-start;}", ".f122n59{align-items:center;}", ".fgs5rwf{align-items:flex-end;}", ".f1q9h2pe{align-items:stretch;}", ".fbhxue7{justify-content:flex-start;}", ".f4d9j23{justify-content:center;}", ".f9c4gz4{justify-content:flex-end;}", ".fsxf2b5{justify-content:stretch;}", ".f1iw3tyt{justify-content:space-around;}", ".f1869bpl{justify-content:space-between;}", ".figf6al{justify-content:space-evenly;}", ".fni485r{flex-wrap:wrap;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".fd7ph1c{row-gap:10px;}", ".fn67r4l{row-gap:8px;}", ".f16r77es{row-gap:15px;}", ".fej36a{row-gap:30px;}", ".f18w1nra{column-gap:10px;}", ".f4px1ci{column-gap:8px;}", ".f1lv1r8n{column-gap:15px;}", ".fzco7x8{column-gap:30px;}", ".f1809wu7{padding-top:10px;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1fow5ox{padding-bottom:10px;}"]
|
|
93
93
|
});
|
|
94
94
|
//# sourceMappingURL=Flex.styles.js.map
|
|
@@ -29,6 +29,6 @@ export const useGridStyles = /*#__PURE__*/__styles({
|
|
|
29
29
|
Budl1dq: "f14wuttv"
|
|
30
30
|
}
|
|
31
31
|
}, {
|
|
32
|
-
d: [".f13qh94s{display
|
|
32
|
+
d: [".f13qh94s{display:grid;}", ".figf6al{justify-content:space-evenly;}", ".f1u07yai{grid-auto-flow:column;}", ".f47j106{grid-template-rows:repeat(1, 1fr);}", ".f1tiwqaz{grid-template-rows:repeat(2, 1fr);}", ".f15gdfvi{grid-template-rows:repeat(3, 1fr);}", ".f1lkdla{grid-template-columns:repeat(1, 1fr);}", ".fi0ouf2{grid-template-columns:repeat(2, 1fr);}", ".f18eqifj{grid-template-columns:repeat(3, 1fr);}", ".f14wuttv{grid-template-columns:repeat(5, 1fr);}"]
|
|
33
33
|
});
|
|
34
34
|
//# sourceMappingURL=Grid.styles.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { mergeClasses } from '@fluentui/react-components';
|
|
4
|
-
import { getNativeElementProps,
|
|
4
|
+
import { getNativeElementProps, slot, assertSlots } from '@fluentui/react-utilities';
|
|
5
5
|
import { useItemLayoutStyles } from './ItemLayout.styles';
|
|
6
6
|
export const itemLayoutClassName = 'fui-ItemLayout';
|
|
7
7
|
export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
@@ -15,18 +15,31 @@ export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
|
15
15
|
startMedia: 'div',
|
|
16
16
|
endMedia: 'div'
|
|
17
17
|
},
|
|
18
|
-
root: getNativeElementProps('div', {
|
|
18
|
+
root: slot.always(getNativeElementProps('div', {
|
|
19
19
|
...props,
|
|
20
20
|
ref
|
|
21
|
+
}), {
|
|
22
|
+
elementType: 'div'
|
|
21
23
|
}),
|
|
22
|
-
contentMedia:
|
|
23
|
-
|
|
24
|
-
required: true
|
|
24
|
+
contentMedia: slot.optional(props.contentMedia, {
|
|
25
|
+
elementType: 'div'
|
|
25
26
|
}),
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
contentWrapper: slot.optional(props.contentWrapper, {
|
|
28
|
+
renderByDefault: true,
|
|
29
|
+
elementType: 'div'
|
|
30
|
+
}),
|
|
31
|
+
header: slot.optional(props.header, {
|
|
32
|
+
elementType: 'div'
|
|
33
|
+
}),
|
|
34
|
+
headerMedia: slot.optional(props.headerMedia, {
|
|
35
|
+
elementType: 'div'
|
|
36
|
+
}),
|
|
37
|
+
startMedia: slot.optional(props.startMedia, {
|
|
38
|
+
elementType: 'div'
|
|
39
|
+
}),
|
|
40
|
+
endMedia: slot.optional(props.endMedia, {
|
|
41
|
+
elementType: 'div'
|
|
42
|
+
})
|
|
30
43
|
};
|
|
31
44
|
const styles = useItemLayoutStyles();
|
|
32
45
|
state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);
|
|
@@ -48,7 +61,7 @@ export const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
|
48
61
|
if (state.endMedia) {
|
|
49
62
|
state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);
|
|
50
63
|
}
|
|
51
|
-
|
|
52
|
-
return /*#__PURE__*/ createElement(
|
|
64
|
+
assertSlots(state);
|
|
65
|
+
return /*#__PURE__*/ createElement(state.root, null, state.startMedia && /*#__PURE__*/ createElement(state.startMedia, null), state.header && /*#__PURE__*/ createElement(state.header, null), state.headerMedia && /*#__PURE__*/ createElement(state.headerMedia, null), state.contentWrapper && /*#__PURE__*/ createElement(state.contentWrapper, null, state.root.children), state.contentMedia && /*#__PURE__*/ createElement(state.contentMedia, null), state.endMedia && /*#__PURE__*/ createElement(state.endMedia, null));
|
|
53
66
|
});
|
|
54
67
|
ItemLayout.displayName = 'ItemLayout';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n ComponentProps,\n ComponentState,\n getNativeElementProps,\n
|
|
1
|
+
{"version":3,"sources":["ItemLayout.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport {\n ComponentProps,\n ComponentState,\n getNativeElementProps,\n Slot,\n slot,\n assertSlots,\n} from '@fluentui/react-utilities';\n\nimport { useItemLayoutStyles } from './ItemLayout.styles';\n\ntype ItemLayoutSlots = {\n root: Slot<'div'>;\n\n contentMedia?: Slot<'div'>;\n contentWrapper?: Slot<'div'>;\n\n header?: Slot<'div'>;\n headerMedia?: Slot<'div'>;\n\n startMedia?: Slot<'div'>;\n endMedia?: Slot<'div'>;\n};\n\ntype ItemLayoutProps = ComponentProps<ItemLayoutSlots>;\n\ntype ItemLayoutState = ComponentState<ItemLayoutSlots>;\n\nexport const itemLayoutClassName = 'fui-ItemLayout';\n\nexport const ItemLayout = React.forwardRef<HTMLDivElement, ItemLayoutProps>((props, ref) => {\n const state: ItemLayoutState = {\n components: {\n root: 'div',\n contentWrapper: 'div',\n contentMedia: 'div',\n header: 'div',\n headerMedia: 'div',\n startMedia: 'div',\n endMedia: 'div',\n },\n root: slot.always(getNativeElementProps('div', { ...props, ref }), { elementType: 'div' }),\n contentMedia: slot.optional(props.contentMedia, { elementType: 'div' }),\n contentWrapper: slot.optional(props.contentWrapper, { renderByDefault: true, elementType: 'div' }),\n header: slot.optional(props.header, { elementType: 'div' }),\n headerMedia: slot.optional(props.headerMedia, { elementType: 'div' }),\n startMedia: slot.optional(props.startMedia, { elementType: 'div' }),\n endMedia: slot.optional(props.endMedia, { elementType: 'div' }),\n };\n const styles = useItemLayoutStyles();\n\n state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n if (state.contentWrapper) {\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n }\n\n if (state.contentMedia) {\n state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n }\n\n if (state.header) {\n state.header.className = mergeClasses(styles.header, state.header.className);\n }\n\n if (state.headerMedia) {\n state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n }\n\n if (state.startMedia) {\n state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n }\n\n if (state.endMedia) {\n state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n }\n\n assertSlots<ItemLayoutSlots>(state);\n\n return (\n <state.root>\n {state.startMedia && <state.startMedia />}\n {state.header && <state.header />}\n {state.headerMedia && <state.headerMedia />}\n {state.contentWrapper && <state.contentWrapper>{state.root.children}</state.contentWrapper>}\n {state.contentMedia && <state.contentMedia />}\n {state.endMedia && <state.endMedia />}\n </state.root>\n );\n});\n\nItemLayout.displayName = 'ItemLayout';\n"],"names":["createElement","React","mergeClasses","getNativeElementProps","slot","assertSlots","useItemLayoutStyles","itemLayoutClassName","ItemLayout","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","always","elementType","optional","renderByDefault","styles","className","children","displayName"],"mappings":"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"}
|
|
@@ -58,6 +58,6 @@ export const useItemLayoutStyles = /*#__PURE__*/__styles({
|
|
|
58
58
|
nk6f5a: "fcu02xx"
|
|
59
59
|
}
|
|
60
60
|
}, {
|
|
61
|
-
d: [".f13qh94s{display
|
|
61
|
+
d: [".f13qh94s{display:grid;}", ".f10xlqro{grid-template-columns:auto 1fr auto auto;}", ".f1e8ugpm{min-height:48px;}", ".f9h729m{align-self:start;}", ".fis13di{grid-column-start:3;}", ".fsyjsko{grid-column-end:4;}", ".faunodf{grid-row-start:2;}", ".fcu02xx{grid-row-end:3;}", ".f1ugzwwg{font-size:12px;}", ".f16tcgob{line-height:1.3333;}", ".fd46tj4{grid-column-start:2;}", ".fz1yyy6{grid-column-end:3;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1locze1{align-self:end;}", ".f16hsg94{grid-row-start:1;}", ".f88nxoq{grid-row-end:2;}", ".fses1vf{font-size:14px;}", ".f7nlbp4{align-self:center;}", ".fwpfdsa{grid-column-start:1;}", ".f1e2fz10{grid-column-end:2;}", ".f1f195pj{grid-column-start:4;}", ".f1u8tn6t{grid-column-end:5;}"]
|
|
62
62
|
});
|
|
63
63
|
//# sourceMappingURL=ItemLayout.styles.js.map
|
|
@@ -104,31 +104,31 @@ const useFlexStyles = /*#__PURE__*/ (0, _reactComponents["__styles"])({
|
|
|
104
104
|
}
|
|
105
105
|
}, {
|
|
106
106
|
d: [
|
|
107
|
-
".f22iagw{display
|
|
108
|
-
".ftuwxu6{display
|
|
109
|
-
".f1vx9l62{
|
|
110
|
-
".f6jr5hl{
|
|
111
|
-
".f122n59{
|
|
112
|
-
".fgs5rwf{
|
|
113
|
-
".f1q9h2pe{
|
|
114
|
-
".fbhxue7{
|
|
115
|
-
".f4d9j23{
|
|
116
|
-
".f9c4gz4{
|
|
117
|
-
".fsxf2b5{
|
|
118
|
-
".f1iw3tyt{
|
|
119
|
-
".f1869bpl{
|
|
120
|
-
".figf6al{
|
|
121
|
-
".fni485r{
|
|
107
|
+
".f22iagw{display:flex;}",
|
|
108
|
+
".ftuwxu6{display:inline-flex;}",
|
|
109
|
+
".f1vx9l62{flex-direction:column;}",
|
|
110
|
+
".f6jr5hl{align-items:flex-start;}",
|
|
111
|
+
".f122n59{align-items:center;}",
|
|
112
|
+
".fgs5rwf{align-items:flex-end;}",
|
|
113
|
+
".f1q9h2pe{align-items:stretch;}",
|
|
114
|
+
".fbhxue7{justify-content:flex-start;}",
|
|
115
|
+
".f4d9j23{justify-content:center;}",
|
|
116
|
+
".f9c4gz4{justify-content:flex-end;}",
|
|
117
|
+
".fsxf2b5{justify-content:stretch;}",
|
|
118
|
+
".f1iw3tyt{justify-content:space-around;}",
|
|
119
|
+
".f1869bpl{justify-content:space-between;}",
|
|
120
|
+
".figf6al{justify-content:space-evenly;}",
|
|
121
|
+
".fni485r{flex-wrap:wrap;}",
|
|
122
122
|
".fly5x3f{width:100%;}",
|
|
123
123
|
".f1l02sjl{height:100%;}",
|
|
124
124
|
".fd7ph1c{row-gap:10px;}",
|
|
125
125
|
".fn67r4l{row-gap:8px;}",
|
|
126
126
|
".f16r77es{row-gap:15px;}",
|
|
127
127
|
".fej36a{row-gap:30px;}",
|
|
128
|
-
".f18w1nra{
|
|
129
|
-
".f4px1ci{
|
|
130
|
-
".f1lv1r8n{
|
|
131
|
-
".fzco7x8{
|
|
128
|
+
".f18w1nra{column-gap:10px;}",
|
|
129
|
+
".f4px1ci{column-gap:8px;}",
|
|
130
|
+
".f1lv1r8n{column-gap:15px;}",
|
|
131
|
+
".fzco7x8{column-gap:30px;}",
|
|
132
132
|
".f1809wu7{padding-top:10px;}",
|
|
133
133
|
".f81rol6{padding-right:10px;}",
|
|
134
134
|
".frdkuqy{padding-left:10px;}",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { __styles, shorthands } from '@fluentui/react-components';\nconst gapValues = {\n smaller: '8px',\n small: '10px',\n medium: '15px',\n large: '30px'\n};\nconst paddingValues = {\n medium: '10px'\n};\nexport const useFlexStyles = /*#__PURE__*/__styles({\n flex: {\n mc9l5x: \"f22iagw\"\n },\n inline: {\n mc9l5x: \"ftuwxu6\"\n },\n column: {\n Beiy3e4: \"f1vx9l62\"\n },\n alignItemsFlexStart: {\n Bt984gj: \"f6jr5hl\"\n },\n alignItemsCenter: {\n Bt984gj: \"f122n59\"\n },\n alignItemsFlexEnd: {\n Bt984gj: \"fgs5rwf\"\n },\n alignItemsStretch: {\n Bt984gj: \"f1q9h2pe\"\n },\n justifyContentFlexStart: {\n Brf1p80: \"fbhxue7\"\n },\n justifyContentCenter: {\n Brf1p80: \"f4d9j23\"\n },\n justifyContentFlexEnd: {\n Brf1p80: \"f9c4gz4\"\n },\n justifyContentStretch: {\n Brf1p80: \"fsxf2b5\"\n },\n justifyContentSpaceAround: {\n Brf1p80: \"f1iw3tyt\"\n },\n justifyContentSpaceBetween: {\n Brf1p80: \"f1869bpl\"\n },\n justifyContentSpaceEvenly: {\n Brf1p80: \"figf6al\"\n },\n wrap: {\n Eh141a: \"fni485r\"\n },\n fill: {\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1l02sjl\"\n },\n gapForColumnFlexSmall: {\n Belr9w4: \"fd7ph1c\"\n },\n gapForColumnFlexSmaller: {\n Belr9w4: \"fn67r4l\"\n },\n gapForColumnFlexMedium: {\n Belr9w4: \"f16r77es\"\n },\n gapForColumnFlexLarge: {\n Belr9w4: \"fej36a\"\n },\n gapForRowFlexSmall: {\n i8kkvl: \"f18w1nra\"\n },\n gapForRowFlexSmaller: {\n i8kkvl: \"f4px1ci\"\n },\n gapForRowFlexMedium: {\n i8kkvl: \"f1lv1r8n\"\n },\n gapForRowFlexLarge: {\n i8kkvl: \"fzco7x8\"\n },\n paddingMedium: {\n z8tnut: \"f1809wu7\",\n z189sj: [\"f81rol6\", \"frdkuqy\"],\n Byoj8tv: \"f1fow5ox\",\n uwmqm3: [\"frdkuqy\", \"f81rol6\"]\n }\n}, {\n d: [\".f22iagw{display
|
|
1
|
+
{"version":3,"sources":["Flex.styles.js"],"sourcesContent":["import { __styles, shorthands } from '@fluentui/react-components';\nconst gapValues = {\n smaller: '8px',\n small: '10px',\n medium: '15px',\n large: '30px'\n};\nconst paddingValues = {\n medium: '10px'\n};\nexport const useFlexStyles = /*#__PURE__*/__styles({\n flex: {\n mc9l5x: \"f22iagw\"\n },\n inline: {\n mc9l5x: \"ftuwxu6\"\n },\n column: {\n Beiy3e4: \"f1vx9l62\"\n },\n alignItemsFlexStart: {\n Bt984gj: \"f6jr5hl\"\n },\n alignItemsCenter: {\n Bt984gj: \"f122n59\"\n },\n alignItemsFlexEnd: {\n Bt984gj: \"fgs5rwf\"\n },\n alignItemsStretch: {\n Bt984gj: \"f1q9h2pe\"\n },\n justifyContentFlexStart: {\n Brf1p80: \"fbhxue7\"\n },\n justifyContentCenter: {\n Brf1p80: \"f4d9j23\"\n },\n justifyContentFlexEnd: {\n Brf1p80: \"f9c4gz4\"\n },\n justifyContentStretch: {\n Brf1p80: \"fsxf2b5\"\n },\n justifyContentSpaceAround: {\n Brf1p80: \"f1iw3tyt\"\n },\n justifyContentSpaceBetween: {\n Brf1p80: \"f1869bpl\"\n },\n justifyContentSpaceEvenly: {\n Brf1p80: \"figf6al\"\n },\n wrap: {\n Eh141a: \"fni485r\"\n },\n fill: {\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1l02sjl\"\n },\n gapForColumnFlexSmall: {\n Belr9w4: \"fd7ph1c\"\n },\n gapForColumnFlexSmaller: {\n Belr9w4: \"fn67r4l\"\n },\n gapForColumnFlexMedium: {\n Belr9w4: \"f16r77es\"\n },\n gapForColumnFlexLarge: {\n Belr9w4: \"fej36a\"\n },\n gapForRowFlexSmall: {\n i8kkvl: \"f18w1nra\"\n },\n gapForRowFlexSmaller: {\n i8kkvl: \"f4px1ci\"\n },\n gapForRowFlexMedium: {\n i8kkvl: \"f1lv1r8n\"\n },\n gapForRowFlexLarge: {\n i8kkvl: \"fzco7x8\"\n },\n paddingMedium: {\n z8tnut: \"f1809wu7\",\n z189sj: [\"f81rol6\", \"frdkuqy\"],\n Byoj8tv: \"f1fow5ox\",\n uwmqm3: [\"frdkuqy\", \"f81rol6\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".ftuwxu6{display:inline-flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f6jr5hl{align-items:flex-start;}\", \".f122n59{align-items:center;}\", \".fgs5rwf{align-items:flex-end;}\", \".f1q9h2pe{align-items:stretch;}\", \".fbhxue7{justify-content:flex-start;}\", \".f4d9j23{justify-content:center;}\", \".f9c4gz4{justify-content:flex-end;}\", \".fsxf2b5{justify-content:stretch;}\", \".f1iw3tyt{justify-content:space-around;}\", \".f1869bpl{justify-content:space-between;}\", \".figf6al{justify-content:space-evenly;}\", \".fni485r{flex-wrap:wrap;}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".fd7ph1c{row-gap:10px;}\", \".fn67r4l{row-gap:8px;}\", \".f16r77es{row-gap:15px;}\", \".fej36a{row-gap:30px;}\", \".f18w1nra{column-gap:10px;}\", \".f4px1ci{column-gap:8px;}\", \".f1lv1r8n{column-gap:15px;}\", \".fzco7x8{column-gap:30px;}\", \".f1809wu7{padding-top:10px;}\", \".f81rol6{padding-right:10px;}\", \".frdkuqy{padding-left:10px;}\", \".f1fow5ox{padding-bottom:10px;}\"]\n});\n//# sourceMappingURL=Flex.styles.js.map"],"names":["useFlexStyles","gapValues","smaller","small","medium","large","paddingValues","__styles","flex","mc9l5x","inline","column","Beiy3e4","alignItemsFlexStart","Bt984gj","alignItemsCenter","alignItemsFlexEnd","alignItemsStretch","justifyContentFlexStart","Brf1p80","justifyContentCenter","justifyContentFlexEnd","justifyContentStretch","justifyContentSpaceAround","justifyContentSpaceBetween","justifyContentSpaceEvenly","wrap","Eh141a","fill","a9b677","Bqenvij","gapForColumnFlexSmall","Belr9w4","gapForColumnFlexSmaller","gapForColumnFlexMedium","gapForColumnFlexLarge","gapForRowFlexSmall","i8kkvl","gapForRowFlexSmaller","gapForRowFlexMedium","gapForRowFlexLarge","paddingMedium","z8tnut","z189sj","Byoj8tv","uwmqm3","d"],"mappings":";;;;+BAUaA;;aAAAA;;iCAVwB;AACrC,MAAMC,YAAY;IAChBC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AACA,MAAMC,gBAAgB;IACpBF,QAAQ;AACV;AACO,MAAMJ,gBAAgB,WAAW,GAAEO,IAAAA,4BAAQ,EAAC;IACjDC,MAAM;QACJC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,QAAQ;QACNC,SAAS;IACX;IACAC,qBAAqB;QACnBC,SAAS;IACX;IACAC,kBAAkB;QAChBD,SAAS;IACX;IACAE,mBAAmB;QACjBF,SAAS;IACX;IACAG,mBAAmB;QACjBH,SAAS;IACX;IACAI,yBAAyB;QACvBC,SAAS;IACX;IACAC,sBAAsB;QACpBD,SAAS;IACX;IACAE,uBAAuB;QACrBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,2BAA2B;QACzBJ,SAAS;IACX;IACAK,4BAA4B;QAC1BL,SAAS;IACX;IACAM,2BAA2B;QACzBN,SAAS;IACX;IACAO,MAAM;QACJC,QAAQ;IACV;IACAC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,uBAAuB;QACrBC,SAAS;IACX;IACAC,yBAAyB;QACvBD,SAAS;IACX;IACAE,wBAAwB;QACtBF,SAAS;IACX;IACAG,uBAAuB;QACrBH,SAAS;IACX;IACAI,oBAAoB;QAClBC,QAAQ;IACV;IACAC,sBAAsB;QACpBD,QAAQ;IACV;IACAE,qBAAqB;QACnBF,QAAQ;IACV;IACAG,oBAAoB;QAClBH,QAAQ;IACV;IACAI,eAAe;QACbC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqC;QAAqC;QAAiC;QAAmC;QAAmC;QAAyC;QAAqC;QAAuC;QAAsC;QAA4C;QAA6C;QAA2C;QAA6B;QAAyB;QAA2B;QAA2B;QAA0B;QAA4B;QAA0B;QAA+B;QAA6B;QAA+B;QAA8B;QAAgC;QAAiC;QAAgC;KAAkC;AAC38B,IACA,uCAAuC"}
|
|
@@ -38,15 +38,15 @@ const useGridStyles = /*#__PURE__*/ (0, _reactComponents["__styles"])({
|
|
|
38
38
|
}
|
|
39
39
|
}, {
|
|
40
40
|
d: [
|
|
41
|
-
".f13qh94s{display
|
|
42
|
-
".figf6al{
|
|
43
|
-
".f1u07yai{
|
|
44
|
-
".f47j106{
|
|
45
|
-
".f1tiwqaz{
|
|
46
|
-
".f15gdfvi{
|
|
47
|
-
".f1lkdla{
|
|
48
|
-
".fi0ouf2{
|
|
49
|
-
".f18eqifj{
|
|
50
|
-
".f14wuttv{
|
|
41
|
+
".f13qh94s{display:grid;}",
|
|
42
|
+
".figf6al{justify-content:space-evenly;}",
|
|
43
|
+
".f1u07yai{grid-auto-flow:column;}",
|
|
44
|
+
".f47j106{grid-template-rows:repeat(1, 1fr);}",
|
|
45
|
+
".f1tiwqaz{grid-template-rows:repeat(2, 1fr);}",
|
|
46
|
+
".f15gdfvi{grid-template-rows:repeat(3, 1fr);}",
|
|
47
|
+
".f1lkdla{grid-template-columns:repeat(1, 1fr);}",
|
|
48
|
+
".fi0ouf2{grid-template-columns:repeat(2, 1fr);}",
|
|
49
|
+
".f18eqifj{grid-template-columns:repeat(3, 1fr);}",
|
|
50
|
+
".f14wuttv{grid-template-columns:repeat(5, 1fr);}"
|
|
51
51
|
]
|
|
52
52
|
}); //# sourceMappingURL=Grid.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Grid.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useGridStyles = /*#__PURE__*/__styles({\n grid: {\n mc9l5x: \"f13qh94s\",\n Brf1p80: \"figf6al\"\n },\n onlyRows: {\n Bxotwcr: \"f1u07yai\"\n },\n rows1: {\n wkccdc: \"f47j106\"\n },\n rows2: {\n wkccdc: \"f1tiwqaz\"\n },\n rows3: {\n wkccdc: \"f15gdfvi\"\n },\n columns1: {\n Budl1dq: \"f1lkdla\"\n },\n columns2: {\n Budl1dq: \"fi0ouf2\"\n },\n columns3: {\n Budl1dq: \"f18eqifj\"\n },\n columnsDefault: {\n Budl1dq: \"f14wuttv\"\n }\n}, {\n d: [\".f13qh94s{display
|
|
1
|
+
{"version":3,"sources":["Grid.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useGridStyles = /*#__PURE__*/__styles({\n grid: {\n mc9l5x: \"f13qh94s\",\n Brf1p80: \"figf6al\"\n },\n onlyRows: {\n Bxotwcr: \"f1u07yai\"\n },\n rows1: {\n wkccdc: \"f47j106\"\n },\n rows2: {\n wkccdc: \"f1tiwqaz\"\n },\n rows3: {\n wkccdc: \"f15gdfvi\"\n },\n columns1: {\n Budl1dq: \"f1lkdla\"\n },\n columns2: {\n Budl1dq: \"fi0ouf2\"\n },\n columns3: {\n Budl1dq: \"f18eqifj\"\n },\n columnsDefault: {\n Budl1dq: \"f14wuttv\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".figf6al{justify-content:space-evenly;}\", \".f1u07yai{grid-auto-flow:column;}\", \".f47j106{grid-template-rows:repeat(1, 1fr);}\", \".f1tiwqaz{grid-template-rows:repeat(2, 1fr);}\", \".f15gdfvi{grid-template-rows:repeat(3, 1fr);}\", \".f1lkdla{grid-template-columns:repeat(1, 1fr);}\", \".fi0ouf2{grid-template-columns:repeat(2, 1fr);}\", \".f18eqifj{grid-template-columns:repeat(3, 1fr);}\", \".f14wuttv{grid-template-columns:repeat(5, 1fr);}\"]\n});\n//# sourceMappingURL=Grid.styles.js.map"],"names":["useGridStyles","__styles","grid","mc9l5x","Brf1p80","onlyRows","Bxotwcr","rows1","wkccdc","rows2","rows3","columns1","Budl1dq","columns2","columns3","columnsDefault","d"],"mappings":";;;;+BACaA;;aAAAA;;iCADY;AAClB,MAAMA,gBAAgB,WAAW,GAAEC,IAAAA,4BAAQ,EAAC;IACjDC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;IACX;IACAC,OAAO;QACLC,QAAQ;IACV;IACAC,OAAO;QACLD,QAAQ;IACV;IACAE,OAAO;QACLF,QAAQ;IACV;IACAG,UAAU;QACRC,SAAS;IACX;IACAC,UAAU;QACRD,SAAS;IACX;IACAE,UAAU;QACRF,SAAS;IACX;IACAG,gBAAgB;QACdH,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAA4B;QAA2C;QAAqC;QAAgD;QAAiD;QAAiD;QAAmD;QAAmD;QAAoD;KAAmD;AACjd,IACA,uCAAuC"}
|
|
@@ -30,18 +30,31 @@ const ItemLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
30
30
|
startMedia: 'div',
|
|
31
31
|
endMedia: 'div'
|
|
32
32
|
},
|
|
33
|
-
root: (0, _reactUtilities.getNativeElementProps)('div', {
|
|
33
|
+
root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
|
|
34
34
|
...props,
|
|
35
35
|
ref
|
|
36
|
+
}), {
|
|
37
|
+
elementType: 'div'
|
|
36
38
|
}),
|
|
37
|
-
contentMedia:
|
|
38
|
-
|
|
39
|
-
required: true
|
|
39
|
+
contentMedia: _reactUtilities.slot.optional(props.contentMedia, {
|
|
40
|
+
elementType: 'div'
|
|
40
41
|
}),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
contentWrapper: _reactUtilities.slot.optional(props.contentWrapper, {
|
|
43
|
+
renderByDefault: true,
|
|
44
|
+
elementType: 'div'
|
|
45
|
+
}),
|
|
46
|
+
header: _reactUtilities.slot.optional(props.header, {
|
|
47
|
+
elementType: 'div'
|
|
48
|
+
}),
|
|
49
|
+
headerMedia: _reactUtilities.slot.optional(props.headerMedia, {
|
|
50
|
+
elementType: 'div'
|
|
51
|
+
}),
|
|
52
|
+
startMedia: _reactUtilities.slot.optional(props.startMedia, {
|
|
53
|
+
elementType: 'div'
|
|
54
|
+
}),
|
|
55
|
+
endMedia: _reactUtilities.slot.optional(props.endMedia, {
|
|
56
|
+
elementType: 'div'
|
|
57
|
+
})
|
|
45
58
|
};
|
|
46
59
|
const styles = (0, _itemLayoutStyles.useItemLayoutStyles)();
|
|
47
60
|
state.root.className = (0, _reactComponents.mergeClasses)(itemLayoutClassName, styles.root, state.root.className);
|
|
@@ -63,7 +76,7 @@ const ItemLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
63
76
|
if (state.endMedia) {
|
|
64
77
|
state.endMedia.className = (0, _reactComponents.mergeClasses)(styles.endMedia, state.endMedia.className);
|
|
65
78
|
}
|
|
66
|
-
|
|
67
|
-
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(
|
|
79
|
+
(0, _reactUtilities.assertSlots)(state);
|
|
80
|
+
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.startMedia && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.startMedia, null), state.header && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.header, null), state.headerMedia && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.headerMedia, null), state.contentWrapper && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.contentWrapper, null, state.root.children), state.contentMedia && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.contentMedia, null), state.endMedia && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.endMedia, null));
|
|
68
81
|
});
|
|
69
82
|
ItemLayout.displayName = 'ItemLayout';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { getNativeElementProps,
|
|
1
|
+
{"version":3,"sources":["ItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { getNativeElementProps, slot, assertSlots } from '@fluentui/react-utilities';\nimport { useItemLayoutStyles } from './ItemLayout.styles';\nexport const itemLayoutClassName = 'fui-ItemLayout';\nexport const ItemLayout = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = {\n components: {\n root: 'div',\n contentWrapper: 'div',\n contentMedia: 'div',\n header: 'div',\n headerMedia: 'div',\n startMedia: 'div',\n endMedia: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ...props,\n ref\n }), {\n elementType: 'div'\n }),\n contentMedia: slot.optional(props.contentMedia, {\n elementType: 'div'\n }),\n contentWrapper: slot.optional(props.contentWrapper, {\n renderByDefault: true,\n elementType: 'div'\n }),\n header: slot.optional(props.header, {\n elementType: 'div'\n }),\n headerMedia: slot.optional(props.headerMedia, {\n elementType: 'div'\n }),\n startMedia: slot.optional(props.startMedia, {\n elementType: 'div'\n }),\n endMedia: slot.optional(props.endMedia, {\n elementType: 'div'\n })\n };\n const styles = useItemLayoutStyles();\n state.root.className = mergeClasses(itemLayoutClassName, styles.root, state.root.className);\n if (state.contentWrapper) {\n state.contentWrapper.className = mergeClasses(styles.contentWrapper, state.contentWrapper.className);\n }\n if (state.contentMedia) {\n state.contentMedia.className = mergeClasses(styles.contentMedia, state.contentMedia.className);\n }\n if (state.header) {\n state.header.className = mergeClasses(styles.header, state.header.className);\n }\n if (state.headerMedia) {\n state.headerMedia.className = mergeClasses(styles.headerMedia, state.headerMedia.className);\n }\n if (state.startMedia) {\n state.startMedia.className = mergeClasses(styles.startMedia, state.startMedia.className);\n }\n if (state.endMedia) {\n state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className);\n }\n assertSlots(state);\n return /*#__PURE__*/ createElement(state.root, null, state.startMedia && /*#__PURE__*/ createElement(state.startMedia, null), state.header && /*#__PURE__*/ createElement(state.header, null), state.headerMedia && /*#__PURE__*/ createElement(state.headerMedia, null), state.contentWrapper && /*#__PURE__*/ createElement(state.contentWrapper, null, state.root.children), state.contentMedia && /*#__PURE__*/ createElement(state.contentMedia, null), state.endMedia && /*#__PURE__*/ createElement(state.endMedia, null));\n});\nItemLayout.displayName = 'ItemLayout';\n"],"names":["itemLayoutClassName","ItemLayout","React","forwardRef","props","ref","state","components","root","contentWrapper","contentMedia","header","headerMedia","startMedia","endMedia","slot","always","getNativeElementProps","elementType","optional","renderByDefault","styles","useItemLayoutStyles","className","mergeClasses","assertSlots","createElement","children","displayName"],"mappings":"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"}
|
|
@@ -76,28 +76,28 @@ const useItemLayoutStyles = /*#__PURE__*/ (0, _reactComponents["__styles"])({
|
|
|
76
76
|
}
|
|
77
77
|
}, {
|
|
78
78
|
d: [
|
|
79
|
-
".f13qh94s{display
|
|
80
|
-
".f10xlqro{
|
|
79
|
+
".f13qh94s{display:grid;}",
|
|
80
|
+
".f10xlqro{grid-template-columns:auto 1fr auto auto;}",
|
|
81
81
|
".f1e8ugpm{min-height:48px;}",
|
|
82
|
-
".f9h729m{
|
|
83
|
-
".fis13di{
|
|
84
|
-
".fsyjsko{
|
|
85
|
-
".faunodf{
|
|
86
|
-
".fcu02xx{
|
|
82
|
+
".f9h729m{align-self:start;}",
|
|
83
|
+
".fis13di{grid-column-start:3;}",
|
|
84
|
+
".fsyjsko{grid-column-end:4;}",
|
|
85
|
+
".faunodf{grid-row-start:2;}",
|
|
86
|
+
".fcu02xx{grid-row-end:3;}",
|
|
87
87
|
".f1ugzwwg{font-size:12px;}",
|
|
88
88
|
".f16tcgob{line-height:1.3333;}",
|
|
89
|
-
".fd46tj4{
|
|
90
|
-
".fz1yyy6{
|
|
89
|
+
".fd46tj4{grid-column-start:2;}",
|
|
90
|
+
".fz1yyy6{grid-column-end:3;}",
|
|
91
91
|
".f1phki43{margin-right:8px;}",
|
|
92
92
|
".ff9s3yw{margin-left:8px;}",
|
|
93
|
-
".f1locze1{
|
|
94
|
-
".f16hsg94{
|
|
95
|
-
".f88nxoq{
|
|
93
|
+
".f1locze1{align-self:end;}",
|
|
94
|
+
".f16hsg94{grid-row-start:1;}",
|
|
95
|
+
".f88nxoq{grid-row-end:2;}",
|
|
96
96
|
".fses1vf{font-size:14px;}",
|
|
97
|
-
".f7nlbp4{
|
|
98
|
-
".fwpfdsa{
|
|
99
|
-
".f1e2fz10{
|
|
100
|
-
".f1f195pj{
|
|
101
|
-
".f1u8tn6t{
|
|
97
|
+
".f7nlbp4{align-self:center;}",
|
|
98
|
+
".fwpfdsa{grid-column-start:1;}",
|
|
99
|
+
".f1e2fz10{grid-column-end:2;}",
|
|
100
|
+
".f1f195pj{grid-column-start:4;}",
|
|
101
|
+
".f1u8tn6t{grid-column-end:5;}"
|
|
102
102
|
]
|
|
103
103
|
}); //# sourceMappingURL=ItemLayout.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ItemLayout.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n Budl1dq: \"f10xlqro\",\n sshi5w: \"f1e8ugpm\"\n },\n contentMedia: {\n qb2dma: \"f9h729m\",\n Br312pm: \"fis13di\",\n Bw0ie65: \"fsyjsko\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"fcu02xx\",\n Be2twd7: \"f1ugzwwg\",\n Bg96gwp: \"f16tcgob\"\n },\n contentWrapper: {\n qb2dma: \"f9h729m\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"fz1yyy6\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"fcu02xx\",\n t21cq0: [\"f1phki43\", \"ff9s3yw\"],\n Be2twd7: \"f1ugzwwg\",\n Bg96gwp: \"f16tcgob\"\n },\n header: {\n qb2dma: \"f1locze1\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"fz1yyy6\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"f88nxoq\",\n Be2twd7: \"fses1vf\",\n t21cq0: [\"f1phki43\", \"ff9s3yw\"]\n },\n headerMedia: {\n qb2dma: \"f1locze1\",\n Br312pm: \"fis13di\",\n Bw0ie65: \"fsyjsko\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"f88nxoq\",\n Be2twd7: \"f1ugzwwg\",\n Bg96gwp: \"f16tcgob\"\n },\n startMedia: {\n qb2dma: \"f7nlbp4\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"f1e2fz10\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"fcu02xx\",\n t21cq0: [\"f1phki43\", \"ff9s3yw\"]\n },\n endMedia: {\n qb2dma: \"f7nlbp4\",\n Br312pm: \"f1f195pj\",\n Bw0ie65: \"f1u8tn6t\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"fcu02xx\"\n }\n}, {\n d: [\".f13qh94s{display
|
|
1
|
+
{"version":3,"sources":["ItemLayout.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useItemLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f13qh94s\",\n Budl1dq: \"f10xlqro\",\n sshi5w: \"f1e8ugpm\"\n },\n contentMedia: {\n qb2dma: \"f9h729m\",\n Br312pm: \"fis13di\",\n Bw0ie65: \"fsyjsko\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"fcu02xx\",\n Be2twd7: \"f1ugzwwg\",\n Bg96gwp: \"f16tcgob\"\n },\n contentWrapper: {\n qb2dma: \"f9h729m\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"fz1yyy6\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"fcu02xx\",\n t21cq0: [\"f1phki43\", \"ff9s3yw\"],\n Be2twd7: \"f1ugzwwg\",\n Bg96gwp: \"f16tcgob\"\n },\n header: {\n qb2dma: \"f1locze1\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"fz1yyy6\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"f88nxoq\",\n Be2twd7: \"fses1vf\",\n t21cq0: [\"f1phki43\", \"ff9s3yw\"]\n },\n headerMedia: {\n qb2dma: \"f1locze1\",\n Br312pm: \"fis13di\",\n Bw0ie65: \"fsyjsko\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"f88nxoq\",\n Be2twd7: \"f1ugzwwg\",\n Bg96gwp: \"f16tcgob\"\n },\n startMedia: {\n qb2dma: \"f7nlbp4\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"f1e2fz10\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"fcu02xx\",\n t21cq0: [\"f1phki43\", \"ff9s3yw\"]\n },\n endMedia: {\n qb2dma: \"f7nlbp4\",\n Br312pm: \"f1f195pj\",\n Bw0ie65: \"f1u8tn6t\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"fcu02xx\"\n }\n}, {\n d: [\".f13qh94s{display:grid;}\", \".f10xlqro{grid-template-columns:auto 1fr auto auto;}\", \".f1e8ugpm{min-height:48px;}\", \".f9h729m{align-self:start;}\", \".fis13di{grid-column-start:3;}\", \".fsyjsko{grid-column-end:4;}\", \".faunodf{grid-row-start:2;}\", \".fcu02xx{grid-row-end:3;}\", \".f1ugzwwg{font-size:12px;}\", \".f16tcgob{line-height:1.3333;}\", \".fd46tj4{grid-column-start:2;}\", \".fz1yyy6{grid-column-end:3;}\", \".f1phki43{margin-right:8px;}\", \".ff9s3yw{margin-left:8px;}\", \".f1locze1{align-self:end;}\", \".f16hsg94{grid-row-start:1;}\", \".f88nxoq{grid-row-end:2;}\", \".fses1vf{font-size:14px;}\", \".f7nlbp4{align-self:center;}\", \".fwpfdsa{grid-column-start:1;}\", \".f1e2fz10{grid-column-end:2;}\", \".f1f195pj{grid-column-start:4;}\", \".f1u8tn6t{grid-column-end:5;}\"]\n});\n//# sourceMappingURL=ItemLayout.styles.js.map"],"names":["useItemLayoutStyles","__styles","root","mc9l5x","Budl1dq","sshi5w","contentMedia","qb2dma","Br312pm","Bw0ie65","Ijaq50","nk6f5a","Be2twd7","Bg96gwp","contentWrapper","t21cq0","header","headerMedia","startMedia","endMedia","d"],"mappings":";;;;+BACaA;;aAAAA;;iCADY;AAClB,MAAMA,sBAAsB,WAAW,GAAEC,IAAAA,4BAAQ,EAAC;IACvDC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,cAAc;QACZC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAC,gBAAgB;QACdP,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRI,QAAQ;YAAC;YAAY;SAAU;QAC/BH,SAAS;QACTC,SAAS;IACX;IACAG,QAAQ;QACNT,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTG,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAE,aAAa;QACXV,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;IACAK,YAAY;QACVX,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRI,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAI,UAAU;QACRZ,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDS,GAAG;QAAC;QAA4B;QAAwD;QAA+B;QAA+B;QAAkC;QAAgC;QAA+B;QAA6B;QAA8B;QAAkC;QAAkC;QAAgC;QAAgC;QAA8B;QAA8B;QAAgC;QAA6B;QAA6B;QAAgC;QAAkC;QAAiC;QAAmC;KAAgC;AACpvB,IACA,6CAA6C"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-migration-v0-v9",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.19",
|
|
4
4
|
"description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@fluentui/react-icons": "^2.0.207",
|
|
37
|
-
"@fluentui/react-theme": "^9.1.
|
|
38
|
-
"@fluentui/react-utilities": "^9.11.
|
|
39
|
-
"@fluentui/react-jsx-runtime": "9.0.0-alpha.
|
|
40
|
-
"@fluentui/react-components": "^9.
|
|
37
|
+
"@fluentui/react-theme": "^9.1.11",
|
|
38
|
+
"@fluentui/react-utilities": "^9.11.1",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "9.0.0-alpha.15",
|
|
40
|
+
"@fluentui/react-components": "^9.28.1",
|
|
41
41
|
"@fluentui/react-northstar": "^0.66.4",
|
|
42
|
-
"@griffel/react": "^1.5.
|
|
42
|
+
"@griffel/react": "^1.5.14",
|
|
43
43
|
"@swc/helpers": "^0.4.14"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|