@fluentui/react-menu-grid-preview 0.2.2 → 0.2.4
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 +33 -5
- package/dist/index.d.ts +1 -1
- package/lib/MenuGridGroupHeader.js +1 -1
- package/lib/MenuGridGroupHeader.js.map +1 -1
- package/lib/components/MenuGridCell/useMenuGridCell.js +2 -2
- package/lib/components/MenuGridCell/useMenuGridCell.js.map +1 -1
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.js +9 -3
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.js.map +1 -1
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js +8 -2
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/index.js +1 -1
- package/lib/components/MenuGridGroupHeader/index.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js +21 -3
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js +18 -3
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js +37 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +34 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.js +14 -2
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.js.map +1 -1
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js +54 -2
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/MenuGridGroupHeader.js +2 -2
- package/lib-commonjs/MenuGridGroupHeader.js.map +1 -1
- package/lib-commonjs/components/MenuGridCell/useMenuGridCell.js +2 -2
- package/lib-commonjs/components/MenuGridCell/useMenuGridCell.js.map +1 -1
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.js +11 -1
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js +7 -1
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/index.js +2 -2
- package/lib-commonjs/components/MenuGridGroupHeader/index.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js +35 -4
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js +19 -4
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js +39 -0
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +33 -0
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.js +33 -1
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js +53 -1
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/index.js +3 -3
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +7 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,19 +1,47 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-menu-grid-preview
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 06 Nov 2025 14:56:57 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.4)
|
|
8
|
+
|
|
9
|
+
Thu, 06 Nov 2025 14:56:57 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.3..@fluentui/react-menu-grid-preview_v0.2.4)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Update styles and rename menuGridGroupHeaderClassNames to camel case ([PR #35463](https://github.com/microsoft/fluentui/pull/35463) by yuanboxue@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-menu to v9.20.4 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
16
|
+
- Bump @fluentui/react-table to v9.19.4 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
17
|
+
- Bump @fluentui/react-tabster to v9.26.9 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.2 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
19
|
+
- Bump @fluentui/react-utilities to v9.25.3 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
20
|
+
|
|
21
|
+
## [0.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.3)
|
|
22
|
+
|
|
23
|
+
Fri, 31 Oct 2025 16:22:05 GMT
|
|
24
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.2..@fluentui/react-menu-grid-preview_v0.2.3)
|
|
25
|
+
|
|
26
|
+
### Patches
|
|
27
|
+
|
|
28
|
+
- feat: add styles for MenuGridRow ([PR #34948](https://github.com/microsoft/fluentui/pull/34948) by jukapsia@microsoft.com)
|
|
29
|
+
- Bump @fluentui/react-menu to v9.20.3 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
|
|
30
|
+
- Bump @fluentui/react-table to v9.19.3 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
|
|
31
|
+
- Bump @fluentui/react-tabster to v9.26.8 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
|
|
32
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.1 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
|
|
33
|
+
- Bump @fluentui/react-utilities to v9.25.2 ([PR #35402](https://github.com/microsoft/fluentui/pull/35402) by beachball)
|
|
34
|
+
|
|
7
35
|
## [0.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.2)
|
|
8
36
|
|
|
9
|
-
Tue, 21 Oct 2025 14:
|
|
37
|
+
Tue, 21 Oct 2025 14:16:59 GMT
|
|
10
38
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.1..@fluentui/react-menu-grid-preview_v0.2.2)
|
|
11
39
|
|
|
12
40
|
### Patches
|
|
13
41
|
|
|
14
|
-
- Bump @fluentui/react-menu to v9.20.2 ([PR #
|
|
15
|
-
- Bump @fluentui/react-table to v9.19.2 ([PR #
|
|
16
|
-
- Bump @fluentui/react-jsx-runtime to v9.3.0 ([PR #
|
|
42
|
+
- Bump @fluentui/react-menu to v9.20.2 ([PR #35343](https://github.com/microsoft/fluentui/pull/35343) by beachball)
|
|
43
|
+
- Bump @fluentui/react-table to v9.19.2 ([PR #35343](https://github.com/microsoft/fluentui/pull/35343) by beachball)
|
|
44
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.0 ([PR #35343](https://github.com/microsoft/fluentui/pull/35343) by beachball)
|
|
17
45
|
|
|
18
46
|
## [0.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.1)
|
|
19
47
|
|
package/dist/index.d.ts
CHANGED
|
@@ -79,7 +79,7 @@ export declare type MenuGridGroupContextValues = {
|
|
|
79
79
|
*/
|
|
80
80
|
export declare const MenuGridGroupHeader: ForwardRefComponent<MenuGridGroupHeaderProps>;
|
|
81
81
|
|
|
82
|
-
export declare const
|
|
82
|
+
export declare const menuGridGroupHeaderClassNames: SlotClassNames<MenuGridGroupHeaderSlots>;
|
|
83
83
|
|
|
84
84
|
export declare type MenuGridGroupHeaderProps = ComponentProps<MenuGridGroupHeaderSlots>;
|
|
85
85
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { MenuGridGroupHeader,
|
|
1
|
+
export { MenuGridGroupHeader, menuGridGroupHeaderClassNames, renderMenuGridGroupHeader_unstable, useMenuGridGroupHeaderStyles_unstable, useMenuGridGroupHeader_unstable } from './components/MenuGridGroupHeader/index';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n menuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './components/MenuGridGroupHeader/index';\n"],"names":["MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":"AAKA,SACEA,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,yCAAyC"}
|
|
@@ -8,10 +8,10 @@ import { useValidateNesting } from '../../utils/useValidateNesting';
|
|
|
8
8
|
* Given user props, returns state and render function for a MenuGridCell.
|
|
9
9
|
*/ export function useMenuGridCell_unstable(props, ref) {
|
|
10
10
|
const { visuallyHidden } = props;
|
|
11
|
-
const validateNestingRef = useValidateNesting('MenuGridCell');
|
|
12
11
|
const { dir } = useFluent();
|
|
13
|
-
const
|
|
12
|
+
const validateNestingRef = useValidateNesting('MenuGridCell');
|
|
14
13
|
const onKeyDownWithPrevent = useEventCallback((event)=>{
|
|
14
|
+
const CloseArrowKey = dir === 'ltr' ? ArrowLeft : ArrowRight;
|
|
15
15
|
if (event.key === CloseArrowKey) {
|
|
16
16
|
event.preventDefault();
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridCell/useMenuGridCell.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';\nimport {\n useMergedRefs,\n useEventCallback,\n mergeCallbacks,\n getIntrinsicElementProps,\n slot,\n} from '@fluentui/react-utilities';\nimport { MenuGridCellProps, MenuGridCellState } from './MenuGridCell.types';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\n\n/**\n * Given user props, returns state and render function for a MenuGridCell.\n */\nexport function useMenuGridCell_unstable(props: MenuGridCellProps, ref: React.Ref<HTMLDivElement>): MenuGridCellState {\n const { visuallyHidden } = props;\n
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridCell/useMenuGridCell.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';\nimport {\n useMergedRefs,\n useEventCallback,\n mergeCallbacks,\n getIntrinsicElementProps,\n slot,\n} from '@fluentui/react-utilities';\nimport { MenuGridCellProps, MenuGridCellState } from './MenuGridCell.types';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\n\n/**\n * Given user props, returns state and render function for a MenuGridCell.\n */\nexport function useMenuGridCell_unstable(props: MenuGridCellProps, ref: React.Ref<HTMLDivElement>): MenuGridCellState {\n const { visuallyHidden } = props;\n\n const { dir } = useFluent();\n const validateNestingRef = useValidateNesting('MenuGridCell');\n\n const onKeyDownWithPrevent = useEventCallback((event: React.KeyboardEvent<HTMLElement>) => {\n const CloseArrowKey = dir === 'ltr' ? ArrowLeft : ArrowRight;\n\n if (event.key === CloseArrowKey) {\n event.preventDefault();\n }\n });\n const onKeyDown = useEventCallback(mergeCallbacks(props.onKeyDown, onKeyDownWithPrevent));\n\n return {\n visuallyHidden,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, validateNestingRef),\n role: 'gridcell',\n ...props,\n onKeyDown,\n }),\n { elementType: 'div' },\n ),\n };\n}\n"],"names":["React","useFluent_unstable","useFluent","ArrowLeft","ArrowRight","useMergedRefs","useEventCallback","mergeCallbacks","getIntrinsicElementProps","slot","useValidateNesting","useMenuGridCell_unstable","props","ref","visuallyHidden","dir","validateNestingRef","onKeyDownWithPrevent","event","CloseArrowKey","key","preventDefault","onKeyDown","components","root","always","role","elementType"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,SAAS,EAAEC,UAAU,QAAQ,0BAA0B;AAChE,SACEC,aAAa,EACbC,gBAAgB,EAChBC,cAAc,EACdC,wBAAwB,EACxBC,IAAI,QACC,4BAA4B;AAEnC,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE;;CAEC,GACD,OAAO,SAASC,yBAAyBC,KAAwB,EAAEC,GAA8B;IAC/F,MAAM,EAAEC,cAAc,EAAE,GAAGF;IAE3B,MAAM,EAAEG,GAAG,EAAE,GAAGb;IAChB,MAAMc,qBAAqBN,mBAAmB;IAE9C,MAAMO,uBAAuBX,iBAAiB,CAACY;QAC7C,MAAMC,gBAAgBJ,QAAQ,QAAQZ,YAAYC;QAElD,IAAIc,MAAME,GAAG,KAAKD,eAAe;YAC/BD,MAAMG,cAAc;QACtB;IACF;IACA,MAAMC,YAAYhB,iBAAiBC,eAAeK,MAAMU,SAAS,EAAEL;IAEnE,OAAO;QACLH;QACAS,YAAY;YACVC,MAAM;QACR;QACAA,MAAMf,KAAKgB,MAAM,CACfjB,yBAAyB,OAAO;YAC9BK,KAAKR,cAAcQ,KAAKG;YACxBU,MAAM;YACN,GAAGd,KAAK;YACRU;QACF,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF"}
|
|
@@ -1,20 +1,26 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
4
4
|
export const menuGridCellClassNames = {
|
|
5
5
|
root: 'fui-MenuGridCell'
|
|
6
6
|
};
|
|
7
7
|
const useRootStyles = /*#__PURE__*/__styles({
|
|
8
|
+
root: {
|
|
9
|
+
mc9l5x: "f22iagw",
|
|
10
|
+
Bt984gj: "f122n59",
|
|
11
|
+
B7ck84d: "f1ewtqcl",
|
|
12
|
+
sshi5w: "f1pha7fy"
|
|
13
|
+
},
|
|
8
14
|
visuallyHidden: {
|
|
9
15
|
qhf8xq: "f1euv43f"
|
|
10
16
|
}
|
|
11
17
|
}, {
|
|
12
|
-
d: [".f1euv43f{position:absolute;}"]
|
|
18
|
+
d: [".f22iagw{display:flex;}", ".f122n59{align-items:center;}", ".f1ewtqcl{box-sizing:border-box;}", ".f1pha7fy{min-height:24px;}", ".f1euv43f{position:absolute;}"]
|
|
13
19
|
});
|
|
14
20
|
export const useMenuGridCellStyles_unstable = state => {
|
|
15
21
|
'use no memo';
|
|
16
22
|
|
|
17
23
|
const rootStyles = useRootStyles();
|
|
18
|
-
state.root.className = mergeClasses(menuGridCellClassNames.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);
|
|
24
|
+
state.root.className = mergeClasses(menuGridCellClassNames.root, rootStyles.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);
|
|
19
25
|
return state;
|
|
20
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","menuGridCellClassNames","root","useRootStyles","mc9l5x","Bt984gj","B7ck84d","sshi5w","visuallyHidden","qhf8xq","d","useMenuGridCellStyles_unstable","state","rootStyles","className"],"sources":["useMenuGridCellStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const menuGridCellClassNames = {\n root: 'fui-MenuGridCell'\n};\nconst useRootStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n minHeight: '24px'\n },\n visuallyHidden: {\n position: 'absolute'\n }\n});\nexport const useMenuGridCellStyles_unstable = (state)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(menuGridCellClassNames.root, rootStyles.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,aAAa,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAUrB,CAAC;AACF,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACnD,aAAa;;EACb,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;EAClCS,KAAK,CAACV,IAAI,CAACY,SAAS,GAAGd,YAAY,CAACC,sBAAsB,CAACC,IAAI,EAAEW,UAAU,CAACX,IAAI,EAAEU,KAAK,CAACJ,cAAc,IAAIK,UAAU,CAACL,cAAc,EAAEI,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;EAC1J,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import {
|
|
2
|
+
import { makeStyles, mergeClasses } from '@griffel/react';
|
|
3
3
|
export const menuGridCellClassNames = {
|
|
4
4
|
root: 'fui-MenuGridCell'
|
|
5
5
|
};
|
|
6
6
|
const useRootStyles = makeStyles({
|
|
7
|
+
root: {
|
|
8
|
+
display: 'flex',
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
boxSizing: 'border-box',
|
|
11
|
+
minHeight: '24px'
|
|
12
|
+
},
|
|
7
13
|
visuallyHidden: {
|
|
8
14
|
position: 'absolute'
|
|
9
15
|
}
|
|
@@ -11,6 +17,6 @@ const useRootStyles = makeStyles({
|
|
|
11
17
|
export const useMenuGridCellStyles_unstable = (state)=>{
|
|
12
18
|
'use no memo';
|
|
13
19
|
const rootStyles = useRootStyles();
|
|
14
|
-
state.root.className = mergeClasses(menuGridCellClassNames.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);
|
|
20
|
+
state.root.className = mergeClasses(menuGridCellClassNames.root, rootStyles.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);
|
|
15
21
|
return state;
|
|
16
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridCell/useMenuGridCellStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridCell/useMenuGridCellStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridCellSlots, MenuGridCellState } from './MenuGridCell.types';\n\nexport const menuGridCellClassNames: SlotClassNames<MenuGridCellSlots> = {\n root: 'fui-MenuGridCell',\n};\n\nconst useRootStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n\n boxSizing: 'border-box',\n minHeight: '24px', // To match small button size\n },\n visuallyHidden: {\n position: 'absolute',\n },\n});\n\nexport const useMenuGridCellStyles_unstable = (state: MenuGridCellState): MenuGridCellState => {\n 'use no memo';\n\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(\n menuGridCellClassNames.root,\n rootStyles.root,\n state.visuallyHidden && rootStyles.visuallyHidden,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","menuGridCellClassNames","root","useRootStyles","display","alignItems","boxSizing","minHeight","visuallyHidden","position","useMenuGridCellStyles_unstable","state","rootStyles","className"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,OAAO,MAAMC,yBAA4D;IACvEC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAgBJ,WAAW;IAC/BG,MAAM;QACJE,SAAS;QACTC,YAAY;QAEZC,WAAW;QACXC,WAAW;IACb;IACAC,gBAAgB;QACdC,UAAU;IACZ;AACF;AAEA,OAAO,MAAMC,iCAAiC,CAACC;IAC7C;IAEA,MAAMC,aAAaT;IACnBQ,MAAMT,IAAI,CAACW,SAAS,GAAGb,aACrBC,uBAAuBC,IAAI,EAC3BU,WAAWV,IAAI,EACfS,MAAMH,cAAc,IAAII,WAAWJ,cAAc,EACjDG,MAAMT,IAAI,CAACW,SAAS;IAGtB,OAAOF;AACT,EAAE"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { MenuGridGroupHeader } from './MenuGridGroupHeader';
|
|
2
2
|
export { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';
|
|
3
3
|
export { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';
|
|
4
|
-
export {
|
|
4
|
+
export { menuGridGroupHeaderClassNames, useMenuGridGroupHeaderStyles_unstable } from './useMenuGridGroupHeaderStyles.styles';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroupHeader/index.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader.types';\nexport { MenuGridGroupHeader } from './MenuGridGroupHeader';\nexport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nexport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nexport {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/index.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader.types';\nexport { MenuGridGroupHeader } from './MenuGridGroupHeader';\nexport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nexport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nexport {\n menuGridGroupHeaderClassNames,\n useMenuGridGroupHeaderStyles_unstable,\n} from './useMenuGridGroupHeaderStyles.styles';\n"],"names":["MenuGridGroupHeader","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeader_unstable","menuGridGroupHeaderClassNames","useMenuGridGroupHeaderStyles_unstable"],"mappings":"AAKA,SAASA,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SACEC,6BAA6B,EAC7BC,qCAAqC,QAChC,wCAAwC"}
|
|
@@ -1,10 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
4
|
+
import { tokens } from '@fluentui/react-theme';
|
|
5
|
+
export const menuGridGroupHeaderClassNames = {
|
|
3
6
|
root: 'fui-MenuGridGroupHeader'
|
|
4
7
|
};
|
|
8
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
9
|
+
root: {
|
|
10
|
+
Be2twd7: "fy9rknc",
|
|
11
|
+
sj55zd: "f11d4kpn",
|
|
12
|
+
uwmqm3: ["f177v4lu", "f19lj068"],
|
|
13
|
+
z189sj: ["f19lj068", "f177v4lu"],
|
|
14
|
+
Bhrd7zp: "fl43uef",
|
|
15
|
+
Bqenvij: "f1d2rq10",
|
|
16
|
+
mc9l5x: "f22iagw",
|
|
17
|
+
Bt984gj: "f122n59"
|
|
18
|
+
}
|
|
19
|
+
}, {
|
|
20
|
+
d: [".fy9rknc{font-size:var(--fontSizeBase200);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f177v4lu{padding-left:8px;}", ".f19lj068{padding-right:8px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1d2rq10{height:32px;}", ".f22iagw{display:flex;}", ".f122n59{align-items:center;}"]
|
|
21
|
+
});
|
|
5
22
|
export const useMenuGridGroupHeaderStyles_unstable = state => {
|
|
6
23
|
'use no memo';
|
|
7
24
|
|
|
8
|
-
|
|
25
|
+
const styles = useStyles();
|
|
26
|
+
state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);
|
|
9
27
|
return state;
|
|
10
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","menuGridGroupHeaderClassNames","root","useStyles","Be2twd7","sj55zd","uwmqm3","z189sj","Bhrd7zp","Bqenvij","mc9l5x","Bt984gj","d","useMenuGridGroupHeaderStyles_unstable","state","styles","className"],"sources":["useMenuGridGroupHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const menuGridGroupHeaderClassNames = {\n root: 'fui-MenuGridGroupHeader'\n};\nconst useStyles = makeStyles({\n root: {\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n paddingLeft: '8px',\n paddingRight: '8px',\n fontWeight: tokens.fontWeightSemibold,\n height: '32px',\n display: 'flex',\n alignItems: 'center'\n }\n});\nexport const useMenuGridGroupHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,6BAA6B,GAAG;EACzCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAWjB,CAAC;AACF,OAAO,MAAMC,qCAAqC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACb,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1BW,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGjB,YAAY,CAACE,6BAA6B,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EAC1G,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import { makeStyles, mergeClasses } from '@griffel/react';
|
|
3
|
+
import { tokens } from '@fluentui/react-theme';
|
|
4
|
+
export const menuGridGroupHeaderClassNames = {
|
|
3
5
|
root: 'fui-MenuGridGroupHeader'
|
|
4
6
|
};
|
|
7
|
+
const useStyles = makeStyles({
|
|
8
|
+
root: {
|
|
9
|
+
fontSize: tokens.fontSizeBase200,
|
|
10
|
+
color: tokens.colorNeutralForeground3,
|
|
11
|
+
paddingLeft: '8px',
|
|
12
|
+
paddingRight: '8px',
|
|
13
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
14
|
+
height: '32px',
|
|
15
|
+
display: 'flex',
|
|
16
|
+
alignItems: 'center'
|
|
17
|
+
}
|
|
18
|
+
});
|
|
5
19
|
export const useMenuGridGroupHeaderStyles_unstable = (state)=>{
|
|
6
20
|
'use no memo';
|
|
7
|
-
|
|
21
|
+
const styles = useStyles();
|
|
22
|
+
state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);
|
|
8
23
|
return state;
|
|
9
24
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupHeaderSlots, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const menuGridGroupHeaderClassNames: SlotClassNames<MenuGridGroupHeaderSlots> = {\n root: 'fui-MenuGridGroupHeader',\n};\n\nconst useStyles = makeStyles({\n root: {\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n paddingLeft: '8px',\n paddingRight: '8px',\n fontWeight: tokens.fontWeightSemibold,\n height: '32px',\n display: 'flex',\n alignItems: 'center',\n },\n});\n\nexport const useMenuGridGroupHeaderStyles_unstable = (state: MenuGridGroupHeaderState): MenuGridGroupHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","menuGridGroupHeaderClassNames","root","useStyles","fontSize","fontSizeBase200","color","colorNeutralForeground3","paddingLeft","paddingRight","fontWeight","fontWeightSemibold","height","display","alignItems","useMenuGridGroupHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAE1D,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,gCAA0E;IACrFC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,UAAUJ,OAAOK,eAAe;QAChCC,OAAON,OAAOO,uBAAuB;QACrCC,aAAa;QACbC,cAAc;QACdC,YAAYV,OAAOW,kBAAkB;QACrCC,QAAQ;QACRC,SAAS;QACTC,YAAY;IACd;AACF;AAEA,OAAO,MAAMC,wCAAwC,CAACC;IACpD;IAEA,MAAMC,SAASd;IACfa,MAAMd,IAAI,CAACgB,SAAS,GAAGnB,aAAaE,8BAA8BC,IAAI,EAAEe,OAAOf,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IAEzG,OAAOF;AACT,EAAE"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
2
4
|
export const menuGridItemClassNames = {
|
|
3
5
|
root: 'fui-MenuGridItem',
|
|
4
6
|
icon: 'fui-MenuGridRow__icon',
|
|
@@ -7,9 +9,43 @@ export const menuGridItemClassNames = {
|
|
|
7
9
|
firstSubAction: 'fui-MenuGridRow__firstSubAction',
|
|
8
10
|
secondSubAction: 'fui-MenuGridRow__secondSubAction'
|
|
9
11
|
};
|
|
12
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
13
|
+
content: {
|
|
14
|
+
Bh6795r: "fqerorx",
|
|
15
|
+
Bqenvij: "f1l02sjl",
|
|
16
|
+
Bf4jedk: "fy77jfu"
|
|
17
|
+
},
|
|
18
|
+
icon: {
|
|
19
|
+
Bqenvij: "f1l02sjl"
|
|
20
|
+
},
|
|
21
|
+
firstSubAction: {
|
|
22
|
+
Bqenvij: "f1l02sjl"
|
|
23
|
+
},
|
|
24
|
+
secondSubAction: {
|
|
25
|
+
Bqenvij: "f1l02sjl"
|
|
26
|
+
}
|
|
27
|
+
}, {
|
|
28
|
+
d: [".fqerorx{flex-grow:1;}", ".f1l02sjl{height:100%;}", ".fy77jfu{min-width:0;}"]
|
|
29
|
+
});
|
|
10
30
|
export const useMenuGridItemStyles_unstable = state => {
|
|
11
31
|
'use no memo';
|
|
12
32
|
|
|
33
|
+
const styles = useStyles();
|
|
13
34
|
state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);
|
|
35
|
+
if (state.icon) {
|
|
36
|
+
state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);
|
|
37
|
+
}
|
|
38
|
+
if (state.content) {
|
|
39
|
+
state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);
|
|
40
|
+
}
|
|
41
|
+
if (state.subText) {
|
|
42
|
+
state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);
|
|
43
|
+
}
|
|
44
|
+
if (state.firstSubAction) {
|
|
45
|
+
state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);
|
|
46
|
+
}
|
|
47
|
+
if (state.secondSubAction) {
|
|
48
|
+
state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);
|
|
49
|
+
}
|
|
14
50
|
return state;
|
|
15
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useMenuGridItemStyles_unstable","state","className"],"sources":["useMenuGridItemStyles.styles.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","Bh6795r","Bqenvij","Bf4jedk","d","useMenuGridItemStyles_unstable","state","styles","className"],"sources":["useMenuGridItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const menuGridItemClassNames = {\n root: 'fui-MenuGridItem',\n icon: 'fui-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__secondSubAction'\n};\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n height: '100%',\n minWidth: 0\n },\n icon: {\n height: '100%'\n },\n firstSubAction: {\n height: '100%'\n },\n secondSubAction: {\n height: '100%'\n }\n});\nexport const useMenuGridItemStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.content) {\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n if (state.subText) {\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n if (state.firstSubAction) {\n state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);\n }\n if (state.secondSubAction) {\n state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);\n }\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,uBAAuB;EAC7BC,OAAO,EAAE,0BAA0B;EACnCC,OAAO,EAAE,0BAA0B;EACnCC,cAAc,EAAE,iCAAiC;EACjDC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAK,OAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAR,IAAA;IAAAO,OAAA;EAAA;EAAAJ,cAAA;IAAAI,OAAA;EAAA;EAAAH,eAAA;IAAAG,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAejB,CAAC;AACF,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACnD,aAAa;;EACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1BM,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACC,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EACtF,IAAIF,KAAK,CAACX,IAAI,EAAE;IACZW,KAAK,CAACX,IAAI,CAACa,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACE,IAAI,EAAEY,MAAM,CAACZ,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACa,SAAS,CAAC;EACvG;EACA,IAAIF,KAAK,CAACV,OAAO,EAAE;IACfU,KAAK,CAACV,OAAO,CAACY,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACG,OAAO,EAAEW,MAAM,CAACX,OAAO,EAAEU,KAAK,CAACV,OAAO,CAACY,SAAS,CAAC;EACnH;EACA,IAAIF,KAAK,CAACT,OAAO,EAAE;IACfS,KAAK,CAACT,OAAO,CAACW,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACI,OAAO,EAAES,KAAK,CAACT,OAAO,CAACW,SAAS,CAAC;EACnG;EACA,IAAIF,KAAK,CAACR,cAAc,EAAE;IACtBQ,KAAK,CAACR,cAAc,CAACU,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACK,cAAc,EAAES,MAAM,CAACT,cAAc,EAAEQ,KAAK,CAACR,cAAc,CAACU,SAAS,CAAC;EAC/I;EACA,IAAIF,KAAK,CAACP,eAAe,EAAE;IACvBO,KAAK,CAACP,eAAe,CAACS,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACM,eAAe,EAAEQ,MAAM,CAACR,eAAe,EAAEO,KAAK,CAACP,eAAe,CAACS,SAAS,CAAC;EACnJ;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import { makeStyles, mergeClasses } from '@griffel/react';
|
|
2
3
|
export const menuGridItemClassNames = {
|
|
3
4
|
root: 'fui-MenuGridItem',
|
|
4
5
|
icon: 'fui-MenuGridRow__icon',
|
|
@@ -7,8 +8,40 @@ export const menuGridItemClassNames = {
|
|
|
7
8
|
firstSubAction: 'fui-MenuGridRow__firstSubAction',
|
|
8
9
|
secondSubAction: 'fui-MenuGridRow__secondSubAction'
|
|
9
10
|
};
|
|
11
|
+
const useStyles = makeStyles({
|
|
12
|
+
content: {
|
|
13
|
+
flexGrow: 1,
|
|
14
|
+
height: '100%',
|
|
15
|
+
minWidth: 0
|
|
16
|
+
},
|
|
17
|
+
icon: {
|
|
18
|
+
height: '100%'
|
|
19
|
+
},
|
|
20
|
+
firstSubAction: {
|
|
21
|
+
height: '100%'
|
|
22
|
+
},
|
|
23
|
+
secondSubAction: {
|
|
24
|
+
height: '100%'
|
|
25
|
+
}
|
|
26
|
+
});
|
|
10
27
|
export const useMenuGridItemStyles_unstable = (state)=>{
|
|
11
28
|
'use no memo';
|
|
29
|
+
const styles = useStyles();
|
|
12
30
|
state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);
|
|
31
|
+
if (state.icon) {
|
|
32
|
+
state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);
|
|
33
|
+
}
|
|
34
|
+
if (state.content) {
|
|
35
|
+
state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);
|
|
36
|
+
}
|
|
37
|
+
if (state.subText) {
|
|
38
|
+
state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);
|
|
39
|
+
}
|
|
40
|
+
if (state.firstSubAction) {
|
|
41
|
+
state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);
|
|
42
|
+
}
|
|
43
|
+
if (state.secondSubAction) {
|
|
44
|
+
state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);
|
|
45
|
+
}
|
|
13
46
|
return state;
|
|
14
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItemStyles.styles.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\nexport const menuGridItemClassNames: SlotClassNames<MenuGridItemSlots> = {\n root: 'fui-MenuGridItem',\n icon: 'fui-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__secondSubAction',\n};\n\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n height: '100%', // ensures content stay centered vertically when menu item's height is overridden\n minWidth: 0,\n },\n icon: {\n height: '100%',\n },\n firstSubAction: {\n height: '100%',\n },\n secondSubAction: {\n height: '100%',\n },\n});\n\nexport const useMenuGridItemStyles_unstable = (state: MenuGridItemState): MenuGridItemState => {\n 'use no memo';\n\n const styles = useStyles();\n\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n\n if (state.content) {\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n\n if (state.subText) {\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n\n if (state.firstSubAction) {\n state.firstSubAction.className = mergeClasses(\n menuGridItemClassNames.firstSubAction,\n styles.firstSubAction,\n state.firstSubAction.className,\n );\n }\n if (state.secondSubAction) {\n state.secondSubAction.className = mergeClasses(\n menuGridItemClassNames.secondSubAction,\n styles.secondSubAction,\n state.secondSubAction.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","flexGrow","height","minWidth","useMenuGridItemStyles_unstable","state","styles","className"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,OAAO,MAAMC,yBAA4D;IACvEC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,gBAAgB;IAChBC,iBAAiB;AACnB,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BK,SAAS;QACPK,UAAU;QACVC,QAAQ;QACRC,UAAU;IACZ;IACAR,MAAM;QACJO,QAAQ;IACV;IACAJ,gBAAgB;QACdI,QAAQ;IACV;IACAH,iBAAiB;QACfG,QAAQ;IACV;AACF;AAEA,OAAO,MAAME,iCAAiC,CAACC;IAC7C;IAEA,MAAMC,SAASN;IAEfK,MAAMX,IAAI,CAACa,SAAS,GAAGf,aAAaC,uBAAuBC,IAAI,EAAEW,MAAMX,IAAI,CAACa,SAAS;IAErF,IAAIF,MAAMV,IAAI,EAAE;QACdU,MAAMV,IAAI,CAACY,SAAS,GAAGf,aAAaC,uBAAuBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IACpG;IAEA,IAAIF,MAAMT,OAAO,EAAE;QACjBS,MAAMT,OAAO,CAACW,SAAS,GAAGf,aAAaC,uBAAuBG,OAAO,EAAEU,OAAOV,OAAO,EAAES,MAAMT,OAAO,CAACW,SAAS;IAChH;IAEA,IAAIF,MAAMR,OAAO,EAAE;QACjBQ,MAAMR,OAAO,CAACU,SAAS,GAAGf,aAAaC,uBAAuBI,OAAO,EAAEQ,MAAMR,OAAO,CAACU,SAAS;IAChG;IAEA,IAAIF,MAAMP,cAAc,EAAE;QACxBO,MAAMP,cAAc,CAACS,SAAS,GAAGf,aAC/BC,uBAAuBK,cAAc,EACrCQ,OAAOR,cAAc,EACrBO,MAAMP,cAAc,CAACS,SAAS;IAElC;IACA,IAAIF,MAAMN,eAAe,EAAE;QACzBM,MAAMN,eAAe,CAACQ,SAAS,GAAGf,aAChCC,uBAAuBM,eAAe,EACtCO,OAAOP,eAAe,EACtBM,MAAMN,eAAe,CAACQ,SAAS;IAEnC;IAEA,OAAOF;AACT,EAAE"}
|
|
@@ -1,10 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { mergeClasses, __resetStyles } from '@griffel/react';
|
|
4
|
+
import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
|
|
5
|
+
import { tokens } from '@fluentui/react-theme';
|
|
6
|
+
import { createFocusOutlineStyle } from '@fluentui/react-tabster';
|
|
2
7
|
export const menuGridRowClassNames = {
|
|
3
8
|
root: 'fui-MenuGridRow'
|
|
4
9
|
};
|
|
10
|
+
// Base styles similar to regular menu item
|
|
11
|
+
// Right now ecludes icon color, hover active style for secondary text
|
|
12
|
+
const useRootBaseStyles = /*#__PURE__*/__resetStyles("r1j5mkl8", "ro8804w", {
|
|
13
|
+
r: [".r1j5mkl8{border-radius:var(--borderRadiusMedium);position:relative;color:var(--colorNeutralForeground2);background-color:var(--colorNeutralBackground1);padding:var(--spacingVerticalXS) var(--spacingVerticalSNudge);box-sizing:border-box;max-width:290px;min-height:32px;flex-shrink:0;display:flex;align-items:start;font-size:var(--fontSizeBase300);cursor:pointer;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;}", ".r1j5mkl8:focus{outline-style:none;}", ".r1j5mkl8:focus-visible{outline-style:none;}", ".r1j5mkl8[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}", ".r1j5mkl8[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}", ".r1j5mkl8:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2Hover);}", ".r1j5mkl8:hover .fui-Icon-filled{display:inline;}", ".r1j5mkl8:hover .fui-Icon-regular{display:none;}", ".r1j5mkl8:hover:active{background-color:var(--colorNeutralBackground1Pressed);color:var(--colorNeutralForeground2Pressed);}", ".ro8804w{border-radius:var(--borderRadiusMedium);position:relative;color:var(--colorNeutralForeground2);background-color:var(--colorNeutralBackground1);padding:var(--spacingVerticalXS) var(--spacingVerticalSNudge);box-sizing:border-box;max-width:290px;min-height:32px;flex-shrink:0;display:flex;align-items:start;font-size:var(--fontSizeBase300);cursor:pointer;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;}", ".ro8804w:focus{outline-style:none;}", ".ro8804w:focus-visible{outline-style:none;}", ".ro8804w[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}", ".ro8804w[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}", ".ro8804w:hover{background-color:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground2Hover);}", ".ro8804w:hover .fui-Icon-filled{display:inline;}", ".ro8804w:hover .fui-Icon-regular{display:none;}", ".ro8804w:hover:active{background-color:var(--colorNeutralBackground1Pressed);color:var(--colorNeutralForeground2Pressed);}"],
|
|
14
|
+
s: ["@media (forced-colors: active){.r1j5mkl8[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}", "@media (forced-colors: active){.r1j5mkl8:hover{background-color:Canvas;border-color:Highlight;color:Highlight;}.r1j5mkl8:focus{outline-style:none;}.r1j5mkl8:focus-visible{outline-style:none;}.r1j5mkl8[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}@media (forced-colors: active){.r1j5mkl8[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}.r1j5mkl8[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid Highlight;border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}}", "@media (forced-colors: active){.ro8804w[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}", "@media (forced-colors: active){.ro8804w:hover{background-color:Canvas;border-color:Highlight;color:Highlight;}.ro8804w:focus{outline-style:none;}.ro8804w:focus-visible{outline-style:none;}.ro8804w[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}@media (forced-colors: active){.ro8804w[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}.ro8804w[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid Highlight;border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}}"]
|
|
15
|
+
});
|
|
5
16
|
export const useMenuGridRowStyles_unstable = state => {
|
|
6
17
|
'use no memo';
|
|
7
18
|
|
|
8
|
-
|
|
19
|
+
const rootBaseStyles = useRootBaseStyles();
|
|
20
|
+
state.root.className = mergeClasses(menuGridRowClassNames.root, rootBaseStyles, state.root.className);
|
|
9
21
|
return state;
|
|
10
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mergeClasses","menuGridRowClassNames","root","useMenuGridRowStyles_unstable","state","className"],"sources":["useMenuGridRowStyles.styles.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"names":["mergeClasses","__resetStyles","iconFilledClassName","iconRegularClassName","tokens","createFocusOutlineStyle","menuGridRowClassNames","root","useRootBaseStyles","r","s","useMenuGridRowStyles_unstable","state","rootBaseStyles","className"],"sources":["useMenuGridRowStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeResetStyles } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const menuGridRowClassNames = {\n root: 'fui-MenuGridRow'\n};\n// Base styles similar to regular menu item\n// Right now ecludes icon color, hover active style for secondary text\nconst useRootBaseStyles = makeResetStyles({\n borderRadius: tokens.borderRadiusMedium,\n position: 'relative',\n color: tokens.colorNeutralForeground2,\n backgroundColor: tokens.colorNeutralBackground1,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalSNudge}`,\n boxSizing: 'border-box',\n maxWidth: '290px',\n minHeight: '32px',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'start',\n fontSize: tokens.fontSizeBase300,\n cursor: 'pointer',\n gap: '4px',\n userSelect: 'none',\n ...createFocusOutlineStyle(),\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n color: tokens.colorNeutralForeground2Pressed\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'Canvas',\n borderColor: 'Highlight',\n color: 'Highlight'\n },\n ...createFocusOutlineStyle({\n style: {\n outlineColor: 'Highlight'\n }\n })\n }\n});\nexport const useMenuGridRowStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyles = useRootBaseStyles();\n state.root.className = mergeClasses(menuGridRowClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,YAAY,EAAAC,aAAA,QAAyB,gBAAgB;AAC9D,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACjF,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,uBAAuB,QAAQ,yBAAyB;AACjE,OAAO,MAAMC,qBAAqB,GAAG;EACjCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA,MAAMC,iBAAiB,gBAAGP,aAAA;EAAAQ,CAAA;EAAAC,CAAA;AAAA,CA4CzB,CAAC;AACF,OAAO,MAAMC,6BAA6B,GAAIC,KAAK,IAAG;EAClD,aAAa;;EACb,MAAMC,cAAc,GAAGL,iBAAiB,CAAC,CAAC;EAC1CI,KAAK,CAACL,IAAI,CAACO,SAAS,GAAGd,YAAY,CAACM,qBAAqB,CAACC,IAAI,EAAEM,cAAc,EAAED,KAAK,CAACL,IAAI,CAACO,SAAS,CAAC;EACrG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,61 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import { mergeClasses, makeResetStyles } from '@griffel/react';
|
|
3
|
+
import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
|
|
4
|
+
import { tokens } from '@fluentui/react-theme';
|
|
5
|
+
import { createFocusOutlineStyle } from '@fluentui/react-tabster';
|
|
2
6
|
export const menuGridRowClassNames = {
|
|
3
7
|
root: 'fui-MenuGridRow'
|
|
4
8
|
};
|
|
9
|
+
// Base styles similar to regular menu item
|
|
10
|
+
// Right now ecludes icon color, hover active style for secondary text
|
|
11
|
+
const useRootBaseStyles = makeResetStyles({
|
|
12
|
+
borderRadius: tokens.borderRadiusMedium,
|
|
13
|
+
position: 'relative',
|
|
14
|
+
color: tokens.colorNeutralForeground2,
|
|
15
|
+
backgroundColor: tokens.colorNeutralBackground1,
|
|
16
|
+
padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalSNudge}`,
|
|
17
|
+
boxSizing: 'border-box',
|
|
18
|
+
maxWidth: '290px',
|
|
19
|
+
minHeight: '32px',
|
|
20
|
+
flexShrink: 0,
|
|
21
|
+
display: 'flex',
|
|
22
|
+
alignItems: 'start',
|
|
23
|
+
fontSize: tokens.fontSizeBase300,
|
|
24
|
+
cursor: 'pointer',
|
|
25
|
+
gap: '4px',
|
|
26
|
+
userSelect: 'none',
|
|
27
|
+
...createFocusOutlineStyle(),
|
|
28
|
+
':hover': {
|
|
29
|
+
backgroundColor: tokens.colorNeutralBackground1Hover,
|
|
30
|
+
color: tokens.colorNeutralForeground2Hover,
|
|
31
|
+
[`& .${iconFilledClassName}`]: {
|
|
32
|
+
display: 'inline'
|
|
33
|
+
},
|
|
34
|
+
[`& .${iconRegularClassName}`]: {
|
|
35
|
+
display: 'none'
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
':hover:active': {
|
|
39
|
+
backgroundColor: tokens.colorNeutralBackground1Pressed,
|
|
40
|
+
color: tokens.colorNeutralForeground2Pressed
|
|
41
|
+
},
|
|
42
|
+
// High contrast styles
|
|
43
|
+
'@media (forced-colors: active)': {
|
|
44
|
+
':hover': {
|
|
45
|
+
backgroundColor: 'Canvas',
|
|
46
|
+
borderColor: 'Highlight',
|
|
47
|
+
color: 'Highlight'
|
|
48
|
+
},
|
|
49
|
+
...createFocusOutlineStyle({
|
|
50
|
+
style: {
|
|
51
|
+
outlineColor: 'Highlight'
|
|
52
|
+
}
|
|
53
|
+
})
|
|
54
|
+
}
|
|
55
|
+
});
|
|
5
56
|
export const useMenuGridRowStyles_unstable = (state)=>{
|
|
6
57
|
'use no memo';
|
|
7
|
-
|
|
58
|
+
const rootBaseStyles = useRootBaseStyles();
|
|
59
|
+
state.root.className = mergeClasses(menuGridRowClassNames.root, rootBaseStyles, state.root.className);
|
|
8
60
|
return state;
|
|
9
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridRow/useMenuGridRowStyles.styles.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridRow/useMenuGridRowStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses, makeResetStyles } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport type { MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nexport const menuGridRowClassNames: SlotClassNames<MenuGridRowSlots> = {\n root: 'fui-MenuGridRow',\n};\n\n// Base styles similar to regular menu item\n// Right now ecludes icon color, hover active style for secondary text\nconst useRootBaseStyles = makeResetStyles({\n borderRadius: tokens.borderRadiusMedium,\n position: 'relative',\n color: tokens.colorNeutralForeground2,\n backgroundColor: tokens.colorNeutralBackground1,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalSNudge}`,\n boxSizing: 'border-box',\n maxWidth: '290px',\n minHeight: '32px',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'start',\n fontSize: tokens.fontSizeBase300,\n cursor: 'pointer',\n gap: '4px',\n userSelect: 'none',\n ...createFocusOutlineStyle(),\n\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground2Hover,\n\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n },\n\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n color: tokens.colorNeutralForeground2Pressed,\n },\n\n // High contrast styles\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'Canvas',\n borderColor: 'Highlight',\n color: 'Highlight',\n },\n ...createFocusOutlineStyle({ style: { outlineColor: 'Highlight' } }),\n },\n});\n\nexport const useMenuGridRowStyles_unstable = (state: MenuGridRowState): MenuGridRowState => {\n 'use no memo';\n\n const rootBaseStyles = useRootBaseStyles();\n state.root.className = mergeClasses(menuGridRowClassNames.root, rootBaseStyles, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","makeResetStyles","iconFilledClassName","iconRegularClassName","tokens","createFocusOutlineStyle","menuGridRowClassNames","root","useRootBaseStyles","borderRadius","borderRadiusMedium","position","color","colorNeutralForeground2","backgroundColor","colorNeutralBackground1","padding","spacingVerticalXS","spacingVerticalSNudge","boxSizing","maxWidth","minHeight","flexShrink","display","alignItems","fontSize","fontSizeBase300","cursor","gap","userSelect","colorNeutralBackground1Hover","colorNeutralForeground2Hover","colorNeutralBackground1Pressed","colorNeutralForeground2Pressed","borderColor","style","outlineColor","useMenuGridRowStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA;AAGA,SAASA,YAAY,EAAEC,eAAe,QAAQ,iBAAiB;AAC/D,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,uBAAuB,QAAQ,0BAA0B;AAElE,OAAO,MAAMC,wBAA0D;IACrEC,MAAM;AACR,EAAE;AAEF,2CAA2C;AAC3C,sEAAsE;AACtE,MAAMC,oBAAoBP,gBAAgB;IACxCQ,cAAcL,OAAOM,kBAAkB;IACvCC,UAAU;IACVC,OAAOR,OAAOS,uBAAuB;IACrCC,iBAAiBV,OAAOW,uBAAuB;IAC/CC,SAAS,GAAGZ,OAAOa,iBAAiB,CAAC,CAAC,EAAEb,OAAOc,qBAAqB,EAAE;IACtEC,WAAW;IACXC,UAAU;IACVC,WAAW;IACXC,YAAY;IACZC,SAAS;IACTC,YAAY;IACZC,UAAUrB,OAAOsB,eAAe;IAChCC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZ,GAAGxB,yBAAyB;IAE5B,UAAU;QACRS,iBAAiBV,OAAO0B,4BAA4B;QACpDlB,OAAOR,OAAO2B,4BAA4B;QAE1C,CAAC,CAAC,GAAG,EAAE7B,qBAAqB,CAAC,EAAE;YAC7BqB,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEpB,sBAAsB,CAAC,EAAE;YAC9BoB,SAAS;QACX;IACF;IAEA,iBAAiB;QACfT,iBAAiBV,OAAO4B,8BAA8B;QACtDpB,OAAOR,OAAO6B,8BAA8B;IAC9C;IAEA,uBAAuB;IACvB,kCAAkC;QAChC,UAAU;YACRnB,iBAAiB;YACjBoB,aAAa;YACbtB,OAAO;QACT;QACA,GAAGP,wBAAwB;YAAE8B,OAAO;gBAAEC,cAAc;YAAY;QAAE,EAAE;IACtE;AACF;AAEA,OAAO,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAMC,iBAAiB/B;IACvB8B,MAAM/B,IAAI,CAACiC,SAAS,GAAGxC,aAAaM,sBAAsBC,IAAI,EAAEgC,gBAAgBD,MAAM/B,IAAI,CAACiC,SAAS;IAEpG,OAAOF;AACT,EAAE"}
|
package/lib/index.js
CHANGED
|
@@ -5,4 +5,4 @@ export { MenuGridCell, menuGridCellClassNames, renderMenuGridCell_unstable, useM
|
|
|
5
5
|
export { MenuGridItem, menuGridItemClassNames, renderMenuGridItem_unstable, useMenuGridItemStyles_unstable, useMenuGridItem_unstable } from './MenuGridItem';
|
|
6
6
|
export { MenuGridRow, menuGridRowClassNames, renderMenuGridRow_unstable, useMenuGridRowStyles_unstable, useMenuGridRow_unstable } from './MenuGridRow';
|
|
7
7
|
export { MenuGridGroup, MenuGridGroupClassNames, renderMenuGridGroup_unstable, useMenuGridGroupContextValues_unstable, useMenuGridGroupStyles_unstable, useMenuGridGroup_unstable } from './MenuGridGroup';
|
|
8
|
-
export { MenuGridGroupHeader,
|
|
8
|
+
export { MenuGridGroupHeader, menuGridGroupHeaderClassNames, renderMenuGridGroupHeader_unstable, useMenuGridGroupHeaderStyles_unstable, useMenuGridGroupHeader_unstable } from './MenuGridGroupHeader';
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { MenuGridContextProvider, useMenuGridContext_unstable } from './contexts/menuGridContext';\nexport type { MenuGridContextValue } from './contexts/menuGridContext';\nexport { MenuGridGroupContextProvider, useMenuGridGroupContext_unstable } from './contexts/menuGridGroupContext';\nexport type { MenuGridGroupContextValue } from './contexts/menuGridGroupContext';\nexport {\n MenuGrid,\n menuGridClassNames,\n renderMenuGrid_unstable,\n useMenuGridContextValues_unstable,\n useMenuGridStyles_unstable,\n useMenuGrid_unstable,\n} from './MenuGrid';\nexport type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid';\nexport {\n MenuGridCell,\n menuGridCellClassNames,\n renderMenuGridCell_unstable,\n useMenuGridCellStyles_unstable,\n useMenuGridCell_unstable,\n} from './MenuGridCell';\nexport type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './MenuGridCell';\nexport {\n MenuGridItem,\n menuGridItemClassNames,\n renderMenuGridItem_unstable,\n useMenuGridItemStyles_unstable,\n useMenuGridItem_unstable,\n} from './MenuGridItem';\nexport type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem';\nexport {\n MenuGridRow,\n menuGridRowClassNames,\n renderMenuGridRow_unstable,\n useMenuGridRowStyles_unstable,\n useMenuGridRow_unstable,\n} from './MenuGridRow';\nexport type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow';\nexport {\n MenuGridGroup,\n MenuGridGroupClassNames,\n renderMenuGridGroup_unstable,\n useMenuGridGroupContextValues_unstable,\n useMenuGridGroupStyles_unstable,\n useMenuGridGroup_unstable,\n} from './MenuGridGroup';\nexport type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup';\nexport {\n MenuGridGroupHeader,\n
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { MenuGridContextProvider, useMenuGridContext_unstable } from './contexts/menuGridContext';\nexport type { MenuGridContextValue } from './contexts/menuGridContext';\nexport { MenuGridGroupContextProvider, useMenuGridGroupContext_unstable } from './contexts/menuGridGroupContext';\nexport type { MenuGridGroupContextValue } from './contexts/menuGridGroupContext';\nexport {\n MenuGrid,\n menuGridClassNames,\n renderMenuGrid_unstable,\n useMenuGridContextValues_unstable,\n useMenuGridStyles_unstable,\n useMenuGrid_unstable,\n} from './MenuGrid';\nexport type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid';\nexport {\n MenuGridCell,\n menuGridCellClassNames,\n renderMenuGridCell_unstable,\n useMenuGridCellStyles_unstable,\n useMenuGridCell_unstable,\n} from './MenuGridCell';\nexport type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './MenuGridCell';\nexport {\n MenuGridItem,\n menuGridItemClassNames,\n renderMenuGridItem_unstable,\n useMenuGridItemStyles_unstable,\n useMenuGridItem_unstable,\n} from './MenuGridItem';\nexport type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem';\nexport {\n MenuGridRow,\n menuGridRowClassNames,\n renderMenuGridRow_unstable,\n useMenuGridRowStyles_unstable,\n useMenuGridRow_unstable,\n} from './MenuGridRow';\nexport type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow';\nexport {\n MenuGridGroup,\n MenuGridGroupClassNames,\n renderMenuGridGroup_unstable,\n useMenuGridGroupContextValues_unstable,\n useMenuGridGroupStyles_unstable,\n useMenuGridGroup_unstable,\n} from './MenuGridGroup';\nexport type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup';\nexport {\n MenuGridGroupHeader,\n menuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './MenuGridGroupHeader';\nexport type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader';\n"],"names":["MenuGridContextProvider","useMenuGridContext_unstable","MenuGridGroupContextProvider","useMenuGridGroupContext_unstable","MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable","MenuGridCell","menuGridCellClassNames","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","useMenuGridCell_unstable","MenuGridItem","menuGridItemClassNames","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","useMenuGridItem_unstable","MenuGridRow","menuGridRowClassNames","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","useMenuGridRow_unstable","MenuGridGroup","MenuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable","MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,2BAA2B,QAAQ,6BAA6B;AAElG,SAASC,4BAA4B,EAAEC,gCAAgC,QAAQ,kCAAkC;AAEjH,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AAEpB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAExB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAExB,SACEC,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,gBAAgB;AAEvB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAOzB,SACEC,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB"}
|
|
@@ -12,8 +12,8 @@ _export(exports, {
|
|
|
12
12
|
MenuGridGroupHeader: function() {
|
|
13
13
|
return _index.MenuGridGroupHeader;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return _index.
|
|
15
|
+
menuGridGroupHeaderClassNames: function() {
|
|
16
|
+
return _index.menuGridGroupHeaderClassNames;
|
|
17
17
|
},
|
|
18
18
|
renderMenuGridGroupHeader_unstable: function() {
|
|
19
19
|
return _index.renderMenuGridGroupHeader_unstable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n menuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './components/MenuGridGroupHeader/index';\n"],"names":["MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":";;;;;;;;;;;;eAMEA,0BAAmB;;;eACnBC,oCAA6B;;;eAC7BC,yCAAkC;;;eAClCC,4CAAqC;;;eACrCC,sCAA+B;;;uBAC1B,yCAAyC"}
|