@fluentui/react-table 9.15.4 → 9.15.6

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.
Files changed (26) hide show
  1. package/CHANGELOG.md +37 -5
  2. package/lib/components/TableCell/useTableCellStyles.styles.js +29 -17
  3. package/lib/components/TableCell/useTableCellStyles.styles.js.map +1 -1
  4. package/lib/components/TableCellLayout/useTableCellLayoutStyles.styles.js +13 -7
  5. package/lib/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map +1 -1
  6. package/lib/components/TableHeaderCell/useTableHeaderCellStyles.styles.js +71 -32
  7. package/lib/components/TableHeaderCell/useTableHeaderCellStyles.styles.js.map +1 -1
  8. package/lib/components/TableResizeHandle/useTableResizeHandleStyles.styles.js +9 -6
  9. package/lib/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map +1 -1
  10. package/lib/components/TableRow/useTableRowStyles.styles.js +74 -66
  11. package/lib/components/TableRow/useTableRowStyles.styles.js.map +1 -1
  12. package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js +29 -17
  13. package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map +1 -1
  14. package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js +42 -46
  15. package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js +19 -10
  17. package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.js +104 -87
  19. package/lib-commonjs/components/TableHeaderCell/useTableHeaderCellStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js +11 -14
  21. package/lib-commonjs/components/TableResizeHandle/useTableResizeHandleStyles.styles.js.map +1 -1
  22. package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js +89 -183
  23. package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js.map +1 -1
  24. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js +42 -46
  25. package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map +1 -1
  26. package/package.json +11 -11
package/lib/components/TableRow/useTableRowStyles.styles.js CHANGED
@@ -31,13 +31,15 @@ const useStyles = /*#__PURE__*/__styles({
31
31
  B7ck84d: "f1ewtqcl",
32
32
  Bconypa: "f1jazu75",
33
33
  B6guboy: "f1xeqee6",
34
- Bn4voq9: "fz36nt7",
35
- g9k6zt: "f9znhxp",
36
- Bfpq7zp: "fqrak0z",
37
- kdpuga: ["f1o2ludy", "f1kjnpwc"],
38
- Bw81rd7: ["f1kjnpwc", "f1o2ludy"],
39
- B6xbmo0: ["fxmnebo", "f1witrsb"],
40
- dm238s: ["f1witrsb", "fxmnebo"]
34
+ Bfpq7zp: 0,
35
+ g9k6zt: 0,
36
+ Bn4voq9: 0,
37
+ giviqs: "f1dxfoyt",
38
+ Bw81rd7: 0,
39
+ kdpuga: 0,
40
+ dm238s: 0,
41
+ B6xbmo0: 0,
42
+ B3whbx2: "f2krc9w"
41
43
  },
42
44
  rootInteractive: {
43
45
  ecr2s2: "f1wfn5kd",
@@ -55,14 +57,16 @@ const useStyles = /*#__PURE__*/__styles({
55
57
  Bpnjhaq: ["f1x4h75k", "fiob0tu"]
56
58
  },
57
59
  medium: {
58
- Bn0qgzm: "f1vxd6vx",
59
- oivjwe: "fg706s2",
60
- B9xav0g: "frpde29"
60
+ B9xav0g: 0,
61
+ oivjwe: 0,
62
+ Bn0qgzm: 0,
63
+ Bgfg5da: "f1facbz3"
61
64
  },
62
65
  small: {
63
- Bn0qgzm: "f1vxd6vx",
64
- oivjwe: "fg706s2",
65
- B9xav0g: "frpde29"
66
+ B9xav0g: 0,
67
+ oivjwe: 0,
68
+ Bn0qgzm: 0,
69
+ Bgfg5da: "f1facbz3"
66
70
  },
67
71
  "extra-small": {
68
72
  Be2twd7: "fy9rknc"
@@ -75,42 +79,54 @@ const useStyles = /*#__PURE__*/__styles({
75
79
  zhjwy3: ["f11fozsx", "fmi79ni"],
76
80
  ecr2s2: "f7tkmfy",
77
81
  lj723h: "f1r2dosr",
78
- gwxt9v: "fqlf3fd",
79
- v3aym: ["f9dpb3h", "fw2muls"],
80
- Bc736ss: "f1yat0gj",
81
- Bk6ri7n: ["fw2muls", "f9dpb3h"],
82
- Bk5ld8o: "f7nae3y",
83
- c4eypz: ["fkbere7", "fa97sf3"],
84
- felo30: "fmtyzcc",
85
- Eshu5l: ["fa97sf3", "fkbere7"],
86
- Bjwas2f: "fb6zhgp",
87
- Bn1d65q: ["fyowp6c", "fz08sq8"],
88
- Bxeuatn: "f9dii88",
89
- n51gp8: ["fz08sq8", "fyowp6c"],
90
- Beo2b4z: ["f1afxoft", "flqq2yx"],
91
- h6lo6r: ["flqq2yx", "f1afxoft"],
92
- Btyw6ap: ["f1b5xrmd", "f1831rx6"],
93
- w1pwid: ["f1831rx6", "f1b5xrmd"],
82
+ uu68id: 0,
83
+ Bxeuatn: 0,
84
+ felo30: 0,
85
+ Bc736ss: 0,
86
+ Bhz882k: 0,
87
+ n51gp8: 0,
88
+ Eshu5l: 0,
89
+ Bk6ri7n: 0,
90
+ v49c4f: 0,
91
+ Bn1d65q: 0,
92
+ c4eypz: 0,
93
+ v3aym: 0,
94
+ hft9gk: 0,
95
+ Bjwas2f: 0,
96
+ Bk5ld8o: 0,
97
+ gwxt9v: 0,
98
+ B6k8go: "f95l9gw",
99
+ h6lo6r: 0,
100
+ Beo2b4z: 0,
101
+ w1pwid: 0,
102
+ Btyw6ap: 0,
103
+ Hkxhyr: "fw8kmcu",
94
104
  Brwvgy3: "fd94n53",
95
105
  yadkgm: "f1e0wld5"
96
106
  },
97
107
  neutral: {
98
- gwxt9v: "fqlf3fd",
99
- v3aym: ["f9dpb3h", "fw2muls"],
100
- Bc736ss: "f1yat0gj",
101
- Bk6ri7n: ["fw2muls", "f9dpb3h"],
102
- Bk5ld8o: "f7nae3y",
103
- c4eypz: ["fkbere7", "fa97sf3"],
104
- felo30: "fmtyzcc",
105
- Eshu5l: ["fa97sf3", "fkbere7"],
106
- Bjwas2f: "fb6zhgp",
107
- Bn1d65q: ["fyowp6c", "fz08sq8"],
108
- Bxeuatn: "f9dii88",
109
- n51gp8: ["fz08sq8", "fyowp6c"],
110
- Beo2b4z: ["f1afxoft", "flqq2yx"],
111
- h6lo6r: ["flqq2yx", "f1afxoft"],
112
- Btyw6ap: ["f1b5xrmd", "f1831rx6"],
113
- w1pwid: ["f1831rx6", "f1b5xrmd"],
108
+ uu68id: 0,
109
+ Bxeuatn: 0,
110
+ felo30: 0,
111
+ Bc736ss: 0,
112
+ Bhz882k: 0,
113
+ n51gp8: 0,
114
+ Eshu5l: 0,
115
+ Bk6ri7n: 0,
116
+ v49c4f: 0,
117
+ Bn1d65q: 0,
118
+ c4eypz: 0,
119
+ v3aym: 0,
120
+ hft9gk: 0,
121
+ Bjwas2f: 0,
122
+ Bk5ld8o: 0,
123
+ gwxt9v: 0,
124
+ B6k8go: "f95l9gw",
125
+ h6lo6r: 0,
126
+ Beo2b4z: 0,
127
+ w1pwid: 0,
128
+ Btyw6ap: 0,
129
+ Hkxhyr: "fw8kmcu",
114
130
  Brwvgy3: "fd94n53",
115
131
  yadkgm: "f1e0wld5",
116
132
  De3pzq: "fq5gl1p",
@@ -124,7 +140,15 @@ const useStyles = /*#__PURE__*/__styles({
124
140
  },
125
141
  none: {}
126
142
  }, {
127
- d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1jazu75[data-fui-focus-within]:focus-within .fui-TableSelectionCell{opacity:1;}", ".f1xeqee6[data-fui-focus-within]:focus-within .fui-TableCellActions{opacity:1;}", ".fz36nt7[data-fui-focus-visible]{outline-width:2px;}", ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}", ".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}", ".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}", ".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fg706s2{border-bottom-style:solid;}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".f1bh3yvw{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fmi79ni{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f11fozsx{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fnzw4c6{border-bottom-color:var(--colorTransparentStrokeInteractive);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1cgsbmv{color:var(--colorNeutralForeground1Hover);}", ".frmsihh{border-top-color:var(--colorNeutralStrokeOnBrand);}", ".frttxa5{border-right-color:var(--colorNeutralStrokeOnBrand);}", ".f11o2r7f{border-left-color:var(--colorNeutralStrokeOnBrand);}", ".fem5et0{border-bottom-color:var(--colorNeutralStrokeOnBrand);}"],
143
+ d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1ewtqcl{box-sizing:border-box;}", ".f1jazu75[data-fui-focus-within]:focus-within .fui-TableSelectionCell{opacity:1;}", ".f1xeqee6[data-fui-focus-within]:focus-within .fui-TableCellActions{opacity:1;}", [".f1dxfoyt[data-fui-focus-visible]{outline:2px solid var(--colorStrokeFocus2);}", {
144
+ p: -1
145
+ }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
146
+ p: -1
147
+ }], [".f1facbz3{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);}", {
148
+ p: -1
149
+ }], [".f1facbz3{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);}", {
150
+ p: -1
151
+ }], ".fy9rknc{font-size:var(--fontSizeBase200);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".f1bh3yvw{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fmi79ni{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f11fozsx{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fnzw4c6{border-bottom-color:var(--colorTransparentStrokeInteractive);}", ".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}", ".f1cgsbmv{color:var(--colorNeutralForeground1Hover);}", ".frmsihh{border-top-color:var(--colorNeutralStrokeOnBrand);}", ".frttxa5{border-right-color:var(--colorNeutralStrokeOnBrand);}", ".f11o2r7f{border-left-color:var(--colorNeutralStrokeOnBrand);}", ".fem5et0{border-bottom-color:var(--colorNeutralStrokeOnBrand);}"],
128
152
  a: [".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}", ".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}", ".f15ngxrw:active .fui-TableCellActions{opacity:1;}", ".fjbbrdp:active .fui-TableSelectionCell{opacity:1;}", ".f7tkmfy:active{background-color:var(--colorBrandBackground2);}", ".f1r2dosr:active{color:var(--colorNeutralForeground1);}", ".fa9o754:active{background-color:var(--colorSubtleBackgroundSelected);}"],
129
153
  h: [".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}", ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}", ".f1uorfem:hover .fui-TableCellActions{opacity:1;}", ".fw60kww:hover .fui-TableSelectionCell{opacity:1;}", ".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}"],
130
154
  m: [["@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}", {
@@ -135,27 +159,11 @@ const useStyles = /*#__PURE__*/__styles({
135
159
  m: "(forced-colors: active)"
136
160
  }], ["@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}", {
137
161
  m: "(forced-colors: active)"
138
- }], ["@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}", {
162
+ }], ["@media (forced-colors: active){.f95l9gw{border:2px solid transparent;}}", {
163
+ p: -2,
139
164
  m: "(forced-colors: active)"
140
- }], ["@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}", {
141
- m: "(forced-colors: active)"
142
- }], ["@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}", {
143
- m: "(forced-colors: active)"
144
- }], ["@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}", {
145
- m: "(forced-colors: active)"
146
- }], ["@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}", {
147
- m: "(forced-colors: active)"
148
- }], ["@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}", {
149
- m: "(forced-colors: active)"
150
- }], ["@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}", {
151
- m: "(forced-colors: active)"
152
- }], ["@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}", {
153
- m: "(forced-colors: active)"
154
- }], ["@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}", {
155
- m: "(forced-colors: active)"
156
- }], ["@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}", {
157
- m: "(forced-colors: active)"
158
- }], ["@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}", {
165
+ }], ["@media (forced-colors: active){.fw8kmcu{border-radius:var(--borderRadiusMedium);}}", {
166
+ p: -1,
159
167
  m: "(forced-colors: active)"
160
168
  }], ["@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}", {
161
169
  m: "(forced-colors: active)"
package/lib/components/TableRow/useTableRowStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","tableCellActionsClassNames","tableSelectionCellClassNames","createCustomFocusIndicatorStyle","tableRowClassName","tableRowClassNames","root","useTableLayoutStyles","mc9l5x","d","useFlexLayoutStyles","Bt984gj","useStyles","sj55zd","B7ck84d","Bconypa","B6guboy","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","rootInteractive","ecr2s2","lj723h","B43xm9u","i921ia","Jwef8y","Bi91k9c","Bpt6rm4","ff6mpl","ze5xyy","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","medium","Bn0qgzm","oivjwe","B9xav0g","small","Be2twd7","brand","De3pzq","g2u3we","h3c5rm","zhjwy3","gwxt9v","v3aym","Bc736ss","Bk6ri7n","Bk5ld8o","c4eypz","felo30","Eshu5l","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Beo2b4z","h6lo6r","Btyw6ap","w1pwid","Brwvgy3","yadkgm","neutral","none","a","h","m","useTableRowStyles_unstable","state","styles","layoutStyles","table","flex","className","isHeaderRow","size","noNativeElements","appearance"],"sources":["useTableRowStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames = {\n root: tableRowClassName\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-row'\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n boxSizing: 'border-box',\n ...createCustomFocusIndicatorStyle({\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1\n },\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1\n }\n }, {\n selector: 'focus-within'\n }),\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium)\n }, {\n selector: 'focus'\n })\n },\n rootInteractive: {\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground1Pressed,\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1\n },\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1\n }\n },\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground1Hover,\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1\n },\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1\n }\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight',\n ...shorthands.borderColor('Highlight')\n }\n }\n },\n medium: {\n ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2)\n },\n small: {\n ...shorthands.borderBottom(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2)\n },\n 'extra-small': {\n fontSize: tokens.fontSizeBase200\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n ':active': {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorNeutralForeground1\n },\n '@media(forced-colors: active)': {\n ...shorthands.border('2px', 'solid', 'transparent'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n boxSizing: 'border-box',\n ':focus-visible': {\n outlineOffset: '-4px'\n }\n }\n },\n neutral: {\n '@media(forced-colors: active)': {\n ...shorthands.border('2px', 'solid', 'transparent'),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n boxSizing: 'border-box',\n ':focus-visible': {\n outlineOffset: '-4px'\n }\n },\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground1Hover,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundSelected\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundSelected\n },\n ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand)\n },\n none: {}\n});\n/**\n * Apply styling to the TableRow slots based on the state\n */ export const useTableRowStyles_unstable = (state)=>{\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableRowClassNames.root, styles.root, !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","tableCellActionsClassNames","tableSelectionCellClassNames","createCustomFocusIndicatorStyle","tableRowClassName","tableRowClassNames","root","useTableLayoutStyles","mc9l5x","d","useFlexLayoutStyles","Bt984gj","useStyles","sj55zd","B7ck84d","Bconypa","B6guboy","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","rootInteractive","ecr2s2","lj723h","B43xm9u","i921ia","Jwef8y","Bi91k9c","Bpt6rm4","ff6mpl","ze5xyy","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","medium","B9xav0g","oivjwe","Bn0qgzm","Bgfg5da","small","Be2twd7","brand","De3pzq","g2u3we","h3c5rm","zhjwy3","uu68id","Bxeuatn","felo30","Bc736ss","Bhz882k","n51gp8","Eshu5l","Bk6ri7n","v49c4f","Bn1d65q","c4eypz","v3aym","hft9gk","Bjwas2f","Bk5ld8o","gwxt9v","B6k8go","h6lo6r","Beo2b4z","w1pwid","Btyw6ap","Hkxhyr","Brwvgy3","yadkgm","neutral","none","p","a","h","m","useTableRowStyles_unstable","state","styles","layoutStyles","table","flex","className","isHeaderRow","size","noNativeElements","appearance"],"sources":["useTableRowStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames = {\n root: tableRowClassName\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-row'\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n boxSizing: 'border-box',\n ...createCustomFocusIndicatorStyle({\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1\n },\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1\n }\n }, {\n selector: 'focus-within'\n }),\n ...createCustomFocusIndicatorStyle({\n outline: `2px solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus'\n })\n },\n rootInteractive: {\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground1Pressed,\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1\n },\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1\n }\n },\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground1Hover,\n [`& .${tableCellActionsClassNames.root}`]: {\n opacity: 1\n },\n [`& .${tableSelectionCellClassNames.root}`]: {\n opacity: 1\n }\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight',\n ...shorthands.borderColor('Highlight')\n }\n }\n },\n medium: {\n borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`\n },\n small: {\n borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`\n },\n 'extra-small': {\n fontSize: tokens.fontSizeBase200\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n ':active': {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorNeutralForeground1\n },\n '@media(forced-colors: active)': {\n border: '2px solid transparent',\n borderRadius: tokens.borderRadiusMedium,\n boxSizing: 'border-box',\n ':focus-visible': {\n outlineOffset: '-4px'\n }\n }\n },\n neutral: {\n '@media(forced-colors: active)': {\n border: '2px solid transparent',\n borderRadius: tokens.borderRadiusMedium,\n boxSizing: 'border-box',\n ':focus-visible': {\n outlineOffset: '-4px'\n }\n },\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground1Hover,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundSelected\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundSelected\n },\n ...shorthands.borderColor(tokens.colorNeutralStrokeOnBrand)\n },\n none: {}\n});\n/**\n * Apply styling to the TableRow slots based on the state\n */ export const useTableRowStyles_unstable = (state)=>{\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableRowClassNames.root, styles.root, !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import { __styles, mergeClasses, shorthands } from '@griffel/react';
1
+ import { __styles, mergeClasses } from '@griffel/react';
2
2
  import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
3
3
  import { tokens } from '@fluentui/react-theme';
4
4
  export const CELL_WIDTH = 44;
@@ -18,15 +18,18 @@ const useTableLayoutStyles = /*#__PURE__*/__styles({
18
18
  const useFlexLayoutStyles = /*#__PURE__*/__styles({
19
19
  root: {
20
20
  mc9l5x: "f22iagw",
21
- Bh6795r: "fqerorx",
22
- Bnnss6s: "f1neuvcm",
23
- xawz: "fkjuxzh",
21
+ xawz: 0,
22
+ Bh6795r: 0,
23
+ Bnnss6s: 0,
24
+ fkmc3a: "f1izfyrr",
24
25
  Bf4jedk: "fvrlu0f",
25
26
  B2u0y6b: "f1c71y05",
26
27
  Brf1p80: "f4d9j23"
27
28
  }
28
29
  }, {
29
- d: [".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f1neuvcm{flex-shrink:1;}", ".fkjuxzh{flex-basis:0px;}", ".fvrlu0f{min-width:44px;}", ".f1c71y05{max-width:44px;}", ".f4d9j23{justify-content:center;}"]
30
+ d: [".f22iagw{display:flex;}", [".f1izfyrr{flex:1 1 0px;}", {
31
+ p: -1
32
+ }], ".fvrlu0f{min-width:44px;}", ".f1c71y05{max-width:44px;}", ".f4d9j23{justify-content:center;}"]
30
33
  });
31
34
  /**
32
35
  * Styles for the root slot
@@ -35,17 +38,20 @@ const useStyles = /*#__PURE__*/__styles({
35
38
  root: {
36
39
  fsow6f: "f17mccla",
37
40
  Huce71: "fz5stix",
38
- z8tnut: "f1g0x7ka",
39
- z189sj: ["fhxju0i", "f1cnd47f"],
40
- Byoj8tv: "f1qch9an",
41
- uwmqm3: ["f1cnd47f", "fhxju0i"],
42
- Bn4voq9: "fz36nt7",
43
- g9k6zt: "f9znhxp",
44
- Bfpq7zp: "fqrak0z",
45
- kdpuga: ["f1o2ludy", "f1kjnpwc"],
46
- Bw81rd7: ["f1kjnpwc", "f1o2ludy"],
47
- B6xbmo0: ["fxmnebo", "f1witrsb"],
48
- dm238s: ["f1witrsb", "fxmnebo"]
41
+ Byoj8tv: 0,
42
+ uwmqm3: 0,
43
+ z189sj: 0,
44
+ z8tnut: 0,
45
+ B0ocmuz: "f1mk8lai",
46
+ Bfpq7zp: 0,
47
+ g9k6zt: 0,
48
+ Bn4voq9: 0,
49
+ giviqs: "f1dxfoyt",
50
+ Bw81rd7: 0,
51
+ kdpuga: 0,
52
+ dm238s: 0,
53
+ B6xbmo0: 0,
54
+ B3whbx2: "f2krc9w"
49
55
  },
50
56
  radioIndicator: {
51
57
  mc9l5x: "f22iagw",
@@ -61,7 +67,13 @@ const useStyles = /*#__PURE__*/__styles({
61
67
  abs64n: "fk73vx1"
62
68
  }
63
69
  }, {
64
- d: [".f17mccla{text-align:center;}", ".fz5stix{white-space:nowrap;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fz36nt7[data-fui-focus-visible]{outline-width:2px;}", ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}", ".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}", ".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}", ".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}", ".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f122n59{align-items:center;}", ".f4d9j23{justify-content:center;}", ".fk73vx1{opacity:0;}", ".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}"]
70
+ d: [".f17mccla{text-align:center;}", ".fz5stix{white-space:nowrap;}", [".f1mk8lai{padding:0;}", {
71
+ p: -1
72
+ }], [".f1dxfoyt[data-fui-focus-visible]{outline:2px solid var(--colorStrokeFocus2);}", {
73
+ p: -1
74
+ }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
75
+ p: -1
76
+ }], ".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f122n59{align-items:center;}", ".f4d9j23{justify-content:center;}", ".fk73vx1{opacity:0;}", ".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}"]
65
77
  });
66
78
  /**
67
79
  * Apply styling to the TableSelectionCell slots based on the state
package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","CELL_WIDTH","tableSelectionCellClassNames","root","checkboxIndicator","radioIndicator","useTableLayoutStyles","mc9l5x","a9b677","d","useFlexLayoutStyles","Bh6795r","Bnnss6s","xawz","Bf4jedk","B2u0y6b","Brf1p80","useStyles","fsow6f","Huce71","z8tnut","z189sj","Byoj8tv","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","Bt984gj","subtle","abs64n","B8a84jv","hidden","useTableSelectionCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements","checked"],"sources":["useTableSelectionCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const CELL_WIDTH = 44;\nexport const tableSelectionCellClassNames = {\n root: 'fui-TableSelectionCell',\n checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',\n radioIndicator: 'fui-TableSelectionCell__radioIndicator'\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n width: `${CELL_WIDTH}px`\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n ...shorthands.flex(1, 1, '0px'),\n minWidth: `${CELL_WIDTH}px`,\n maxWidth: `${CELL_WIDTH}px`,\n justifyContent: 'center'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n textAlign: 'center',\n whiteSpace: 'nowrap',\n ...shorthands.padding(0),\n ...createCustomFocusIndicatorStyle({\n ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n ...shorthands.borderRadius(tokens.borderRadiusMedium)\n }, {\n selector: 'focus'\n })\n },\n radioIndicator: {\n display: 'flex',\n flexGrow: 1,\n alignItems: 'center',\n justifyContent: 'center'\n },\n subtle: {\n opacity: 0,\n ...createCustomFocusIndicatorStyle({\n opacity: 1\n }, {\n selector: 'focus-within'\n })\n },\n hidden: {\n opacity: 0\n }\n});\n/**\n * Apply styling to the TableSelectionCell slots based on the state\n */ export const useTableSelectionCellStyles_unstable = (state)=>{\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableSelectionCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.subtle && state.checked === false && styles.subtle, state.hidden && styles.hidden, state.root.className);\n if (state.checkboxIndicator) {\n state.checkboxIndicator.className = mergeClasses(tableSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);\n }\n if (state.radioIndicator) {\n state.radioIndicator.className = mergeClasses(tableSelectionCellClassNames.radioIndicator, styles.radioIndicator, state.radioIndicator.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,4BAA4B,GAAG;EACxCC,IAAI,EAAE,wBAAwB;EAC9BC,iBAAiB,EAAE,2CAA2C;EAC9DC,cAAc,EAAE;AACpB,CAAC;AACD,MAAMC,oBAAoB,gBAAGV,QAAA;EAAAO,IAAA;IAAAI,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAK5B,CAAC;AACF,MAAMC,mBAAmB,gBAAGd,QAAA;EAAAO,IAAA;IAAAI,MAAA;IAAAI,OAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAP,CAAA;AAAA,CAQ3B,CAAC;AACF;AACA;AACA;AAAI,MAAMQ,SAAS,gBAAGrB,QAAA;EAAAO,IAAA;IAAAe,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAzB,cAAA;IAAAE,MAAA;IAAAI,OAAA;IAAAoB,OAAA;IAAAf,OAAA;EAAA;EAAAgB,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAF,MAAA;EAAA;AAAA;EAAAxB,CAAA;AAAA,CA6BrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAM2B,oCAAoC,GAAIC,KAAK,IAAG;EAC7D,MAAMC,MAAM,GAAGrB,SAAS,CAAC,CAAC;EAC1B,MAAMsB,YAAY,GAAG;IACjBC,KAAK,EAAElC,oBAAoB,CAAC,CAAC;IAC7BmC,IAAI,EAAE/B,mBAAmB,CAAC;EAC9B,CAAC;EACD2B,KAAK,CAAClC,IAAI,CAACuC,SAAS,GAAG7C,YAAY,CAACK,4BAA4B,CAACC,IAAI,EAAEmC,MAAM,CAACnC,IAAI,EAAEkC,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACtC,IAAI,GAAGoC,YAAY,CAACC,KAAK,CAACrC,IAAI,EAAEkC,KAAK,CAACL,MAAM,IAAIK,KAAK,CAACO,OAAO,KAAK,KAAK,IAAIN,MAAM,CAACN,MAAM,EAAEK,KAAK,CAACF,MAAM,IAAIG,MAAM,CAACH,MAAM,EAAEE,KAAK,CAAClC,IAAI,CAACuC,SAAS,CAAC;EAC7Q,IAAIL,KAAK,CAACjC,iBAAiB,EAAE;IACzBiC,KAAK,CAACjC,iBAAiB,CAACsC,SAAS,GAAG7C,YAAY,CAACK,4BAA4B,CAACE,iBAAiB,EAAEiC,KAAK,CAACjC,iBAAiB,CAACsC,SAAS,CAAC;EACvI;EACA,IAAIL,KAAK,CAAChC,cAAc,EAAE;IACtBgC,KAAK,CAAChC,cAAc,CAACqC,SAAS,GAAG7C,YAAY,CAACK,4BAA4B,CAACG,cAAc,EAAEiC,MAAM,CAACjC,cAAc,EAAEgC,KAAK,CAAChC,cAAc,CAACqC,SAAS,CAAC;EACrJ;EACA,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","CELL_WIDTH","tableSelectionCellClassNames","root","checkboxIndicator","radioIndicator","useTableLayoutStyles","mc9l5x","a9b677","d","useFlexLayoutStyles","xawz","Bh6795r","Bnnss6s","fkmc3a","Bf4jedk","B2u0y6b","Brf1p80","p","useStyles","fsow6f","Huce71","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","Bt984gj","subtle","abs64n","B8a84jv","hidden","useTableSelectionCellStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements","checked"],"sources":["useTableSelectionCellStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const CELL_WIDTH = 44;\nexport const tableSelectionCellClassNames = {\n root: 'fui-TableSelectionCell',\n checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',\n radioIndicator: 'fui-TableSelectionCell__radioIndicator'\n};\nconst useTableLayoutStyles = makeStyles({\n root: {\n display: 'table-cell',\n width: `${CELL_WIDTH}px`\n }\n});\nconst useFlexLayoutStyles = makeStyles({\n root: {\n display: 'flex',\n flex: '1 1 0px',\n minWidth: `${CELL_WIDTH}px`,\n maxWidth: `${CELL_WIDTH}px`,\n justifyContent: 'center'\n }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n textAlign: 'center',\n whiteSpace: 'nowrap',\n padding: '0',\n ...createCustomFocusIndicatorStyle({\n outline: `2px solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium\n }, {\n selector: 'focus'\n })\n },\n radioIndicator: {\n display: 'flex',\n flexGrow: 1,\n alignItems: 'center',\n justifyContent: 'center'\n },\n subtle: {\n opacity: 0,\n ...createCustomFocusIndicatorStyle({\n opacity: 1\n }, {\n selector: 'focus-within'\n })\n },\n hidden: {\n opacity: 0\n }\n});\n/**\n * Apply styling to the TableSelectionCell slots based on the state\n */ export const useTableSelectionCellStyles_unstable = (state)=>{\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableSelectionCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.subtle && state.checked === false && styles.subtle, state.hidden && styles.hidden, state.root.className);\n if (state.checkboxIndicator) {\n state.checkboxIndicator.className = mergeClasses(tableSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);\n }\n if (state.radioIndicator) {\n state.radioIndicator.className = mergeClasses(tableSelectionCellClassNames.radioIndicator, styles.radioIndicator, state.radioIndicator.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,4BAA4B,GAAG;EACxCC,IAAI,EAAE,wBAAwB;EAC9BC,iBAAiB,EAAE,2CAA2C;EAC9DC,cAAc,EAAE;AACpB,CAAC;AACD,MAAMC,oBAAoB,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAK5B,CAAC;AACF,MAAMC,mBAAmB,gBAAGb,QAAA;EAAAM,IAAA;IAAAI,MAAA;IAAAI,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAR,CAAA;IAAAS,CAAA;EAAA;AAAA,CAQ3B,CAAC;AACF;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGtB,QAAA;EAAAM,IAAA;IAAAiB,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAA9B,cAAA;IAAAE,MAAA;IAAAK,OAAA;IAAAwB,OAAA;IAAAnB,OAAA;EAAA;EAAAoB,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAF,MAAA;EAAA;AAAA;EAAA7B,CAAA;IAAAS,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA6BrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMuB,oCAAoC,GAAIC,KAAK,IAAG;EAC7D,MAAMC,MAAM,GAAGxB,SAAS,CAAC,CAAC;EAC1B,MAAMyB,YAAY,GAAG;IACjBC,KAAK,EAAEvC,oBAAoB,CAAC,CAAC;IAC7BwC,IAAI,EAAEpC,mBAAmB,CAAC;EAC9B,CAAC;EACDgC,KAAK,CAACvC,IAAI,CAAC4C,SAAS,GAAGjD,YAAY,CAACI,4BAA4B,CAACC,IAAI,EAAEwC,MAAM,CAACxC,IAAI,EAAEuC,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAAC3C,IAAI,GAAGyC,YAAY,CAACC,KAAK,CAAC1C,IAAI,EAAEuC,KAAK,CAACL,MAAM,IAAIK,KAAK,CAACO,OAAO,KAAK,KAAK,IAAIN,MAAM,CAACN,MAAM,EAAEK,KAAK,CAACF,MAAM,IAAIG,MAAM,CAACH,MAAM,EAAEE,KAAK,CAACvC,IAAI,CAAC4C,SAAS,CAAC;EAC7Q,IAAIL,KAAK,CAACtC,iBAAiB,EAAE;IACzBsC,KAAK,CAACtC,iBAAiB,CAAC2C,SAAS,GAAGjD,YAAY,CAACI,4BAA4B,CAACE,iBAAiB,EAAEsC,KAAK,CAACtC,iBAAiB,CAAC2C,SAAS,CAAC;EACvI;EACA,IAAIL,KAAK,CAACrC,cAAc,EAAE;IACtBqC,KAAK,CAACrC,cAAc,CAAC0C,SAAS,GAAGjD,YAAY,CAACI,4BAA4B,CAACG,cAAc,EAAEsC,MAAM,CAACtC,cAAc,EAAEqC,KAAK,CAACrC,cAAc,CAAC0C,SAAS,CAAC;EACrJ;EACA,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js CHANGED
@@ -52,9 +52,10 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
52
52
  mc9l5x: "f22iagw",
53
53
  Bf4jedk: "f10tiqix",
54
54
  Bt984gj: "f122n59",
55
- Bh6795r: "fqerorx",
56
- Bnnss6s: "f1neuvcm",
57
- xawz: "fkjuxzh"
55
+ xawz: 0,
56
+ Bh6795r: 0,
57
+ Bnnss6s: 0,
58
+ fkmc3a: "f1izfyrr"
58
59
  },
59
60
  medium: {
60
61
  sshi5w: "f5pgtk9"
@@ -70,9 +71,12 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
70
71
  ".f22iagw{display:flex;}",
71
72
  ".f10tiqix{min-width:0px;}",
72
73
  ".f122n59{align-items:center;}",
73
- ".fqerorx{flex-grow:1;}",
74
- ".f1neuvcm{flex-shrink:1;}",
75
- ".fkjuxzh{flex-basis:0px;}",
74
+ [
75
+ ".f1izfyrr{flex:1 1 0px;}",
76
+ {
77
+ p: -1
78
+ }
79
+ ],
76
80
  ".f5pgtk9{min-height:44px;}",
77
81
  ".fcep9tg{min-height:34px;}",
78
82
  ".f1pha7fy{min-height:24px;}"
@@ -83,50 +87,42 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
83
87
  */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
84
88
  root: {
85
89
  qhf8xq: "f10pi13n",
86
- z8tnut: "f1nbblvp",
87
- z189sj: [
88
- "f1vdfbxk",
89
- "f1f5gg8d"
90
- ],
91
- Byoj8tv: "f1ov4xf1",
92
- uwmqm3: [
93
- "f1f5gg8d",
94
- "f1vdfbxk"
95
- ],
96
- Bn4voq9: "fz36nt7",
97
- g9k6zt: "f9znhxp",
98
- Bfpq7zp: "fqrak0z",
99
- kdpuga: [
100
- "f1o2ludy",
101
- "f1kjnpwc"
102
- ],
103
- Bw81rd7: [
104
- "f1kjnpwc",
105
- "f1o2ludy"
106
- ],
107
- B6xbmo0: [
108
- "fxmnebo",
109
- "f1witrsb"
110
- ],
111
- dm238s: [
112
- "f1witrsb",
113
- "fxmnebo"
114
- ]
90
+ Byoj8tv: 0,
91
+ uwmqm3: 0,
92
+ z189sj: 0,
93
+ z8tnut: 0,
94
+ B0ocmuz: "f3gpkru",
95
+ Bfpq7zp: 0,
96
+ g9k6zt: 0,
97
+ Bn4voq9: 0,
98
+ giviqs: "f1dxfoyt",
99
+ Bw81rd7: 0,
100
+ kdpuga: 0,
101
+ dm238s: 0,
102
+ B6xbmo0: 0,
103
+ B3whbx2: "f2krc9w"
115
104
  }
116
105
  }, {
117
106
  d: [
118
107
  ".f10pi13n{position:relative;}",
119
- ".f1nbblvp{padding-top:0px;}",
120
- ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
121
- ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
122
- ".f1ov4xf1{padding-bottom:0px;}",
123
- ".fz36nt7[data-fui-focus-visible]{outline-width:2px;}",
124
- ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}",
125
- ".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}",
126
- ".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}",
127
- ".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}",
128
- ".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}",
129
- ".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}"
108
+ [
109
+ ".f3gpkru{padding:0px var(--spacingHorizontalS);}",
110
+ {
111
+ p: -1
112
+ }
113
+ ],
114
+ [
115
+ ".f1dxfoyt[data-fui-focus-visible]{outline:2px solid var(--colorStrokeFocus2);}",
116
+ {
117
+ p: -1
118
+ }
119
+ ],
120
+ [
121
+ ".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
122
+ {
123
+ p: -1
124
+ }
125
+ ]
130
126
  ]
131
127
  });
132
128
  const useTableCellStyles_unstable = (state)=>{
package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n root: tableCellClassName\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f15pt5es\",\n ha4doy: \"fmrv4ls\"\n },\n medium: {\n Bqenvij: \"f1ft4266\"\n },\n small: {\n Bqenvij: \"fbsu25e\"\n },\n \"extra-small\": {\n Bqenvij: \"frvgh55\"\n }\n}, {\n d: [\".f15pt5es{display:table-cell;}\", \".fmrv4ls{vertical-align:middle;}\", \".f1ft4266{height:44px;}\", \".fbsu25e{height:34px;}\", \".frvgh55{height:24px;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Bf4jedk: \"f10tiqix\",\n Bt984gj: \"f122n59\",\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"fkjuxzh\"\n },\n medium: {\n sshi5w: \"f5pgtk9\"\n },\n small: {\n sshi5w: \"fcep9tg\"\n },\n \"extra-small\": {\n sshi5w: \"f1pha7fy\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f10tiqix{min-width:0px;}\", \".f122n59{align-items:center;}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".fkjuxzh{flex-basis:0px;}\", \".f5pgtk9{min-height:44px;}\", \".fcep9tg{min-height:34px;}\", \".f1pha7fy{min-height:24px;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n z8tnut: \"f1nbblvp\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1ov4xf1\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n Bn4voq9: \"fz36nt7\",\n g9k6zt: \"f9znhxp\",\n Bfpq7zp: \"fqrak0z\",\n kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n dm238s: [\"f1witrsb\", \"fxmnebo\"]\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1nbblvp{padding-top:0px;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fz36nt7[data-fui-focus-visible]{outline-width:2px;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\"]\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */\nexport const useTableCellStyles_unstable = state => {\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n return state;\n};\n//# sourceMappingURL=useTableCellStyles.styles.js.map"],"names":["tableCellClassName","tableCellClassNames","useTableCellStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","Bh6795r","Bnnss6s","xawz","sshi5w","useStyles","qhf8xq","z8tnut","z189sj","Byoj8tv","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements","size"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IACAC,mBAAmB;eAAnBA;;IAiEAC,2BAA2B;eAA3BA;;;uBArEsC;AAG5C,MAAMF,qBAAqB;AAC3B,MAAMC,sBAAsB;IACjCE,MAAMH;AACR;AACA,MAAMI,uBAAuB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACjDF,MAAM;QACJG,QAAQ;QACRC,QAAQ;IACV;IACAC,QAAQ;QACNC,SAAS;IACX;IACAC,OAAO;QACLD,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAkC;QAAoC;QAA2B;QAA0B;KAAyB;AAC1J;AACA,MAAMC,sBAAsB,WAAW,GAAEP,IAAAA,eAAQ,EAAC;IAChDF,MAAM;QACJG,QAAQ;QACRO,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAT,QAAQ;QACNU,QAAQ;IACV;IACAR,OAAO;QACLQ,QAAQ;IACV;IACA,eAAe;QACbA,QAAQ;IACV;AACF,GAAG;IACDP,GAAG;QAAC;QAA2B;QAA6B;QAAiC;QAA0B;QAA6B;QAA6B;QAA8B;QAA8B;KAA8B;AAC7Q;AACA;;CAEC,GACD,MAAMQ,YAAY,WAAW,GAAEd,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJiB,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDpB,GAAG;QAAC;QAAiC;QAA+B;QAAuD;QAAsD;QAAkC;QAAwD;QAA0D;QAA6E;QAA4F;QAA2F;QAAwF;KAAuF;AAC1vB;AAIO,MAAMT,8BAA8B8B,CAAAA;IACzC,MAAMC,SAASd;IACf,MAAMe,eAAe;QACnBC,OAAO/B;QACPgC,MAAMxB;IACR;IACAoB,MAAM7B,IAAI,CAACkC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,oBAAoBE,IAAI,EAAE8B,OAAO9B,IAAI,EAAE6B,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACjC,IAAI,GAAG+B,aAAaC,KAAK,CAAChC,IAAI,EAAE6B,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACJ,MAAMQ,IAAI,CAAC,GAAGN,aAAaC,KAAK,CAACH,MAAMQ,IAAI,CAAC,EAAER,MAAM7B,IAAI,CAACkC,SAAS;IACnQ,OAAOL;AACT,GACA,qDAAqD"}
1
+ {"version":3,"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n root: tableCellClassName\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f15pt5es\",\n ha4doy: \"fmrv4ls\"\n },\n medium: {\n Bqenvij: \"f1ft4266\"\n },\n small: {\n Bqenvij: \"fbsu25e\"\n },\n \"extra-small\": {\n Bqenvij: \"frvgh55\"\n }\n}, {\n d: [\".f15pt5es{display:table-cell;}\", \".fmrv4ls{vertical-align:middle;}\", \".f1ft4266{height:44px;}\", \".fbsu25e{height:34px;}\", \".frvgh55{height:24px;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Bf4jedk: \"f10tiqix\",\n Bt984gj: \"f122n59\",\n xawz: 0,\n Bh6795r: 0,\n Bnnss6s: 0,\n fkmc3a: \"f1izfyrr\"\n },\n medium: {\n sshi5w: \"f5pgtk9\"\n },\n small: {\n sshi5w: \"fcep9tg\"\n },\n \"extra-small\": {\n sshi5w: \"f1pha7fy\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f10tiqix{min-width:0px;}\", \".f122n59{align-items:center;}\", [\".f1izfyrr{flex:1 1 0px;}\", {\n p: -1\n }], \".f5pgtk9{min-height:44px;}\", \".fcep9tg{min-height:34px;}\", \".f1pha7fy{min-height:24px;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f3gpkru\",\n Bfpq7zp: 0,\n g9k6zt: 0,\n Bn4voq9: 0,\n giviqs: \"f1dxfoyt\",\n Bw81rd7: 0,\n kdpuga: 0,\n dm238s: 0,\n B6xbmo0: 0,\n B3whbx2: \"f2krc9w\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", [\".f3gpkru{padding:0px var(--spacingHorizontalS);}\", {\n p: -1\n }], [\".f1dxfoyt[data-fui-focus-visible]{outline:2px solid var(--colorStrokeFocus2);}\", {\n p: -1\n }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }]]\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */\nexport const useTableCellStyles_unstable = state => {\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n return state;\n};\n//# sourceMappingURL=useTableCellStyles.styles.js.map"],"names":["tableCellClassName","tableCellClassNames","useTableCellStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","xawz","Bh6795r","Bnnss6s","fkmc3a","sshi5w","p","useStyles","qhf8xq","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements","size"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB;eAAlBA;;IACAC,mBAAmB;eAAnBA;;IA6EAC,2BAA2B;eAA3BA;;;uBAjF0B;AAGhC,MAAMF,qBAAqB;AAC3B,MAAMC,sBAAsB;IACjCE,MAAMH;AACR;AACA,MAAMI,uBAAuB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACjDF,MAAM;QACJG,QAAQ;QACRC,QAAQ;IACV;IACAC,QAAQ;QACNC,SAAS;IACX;IACAC,OAAO;QACLD,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAkC;QAAoC;QAA2B;QAA0B;KAAyB;AAC1J;AACA,MAAMC,sBAAsB,WAAW,GAAEP,IAAAA,eAAQ,EAAC;IAChDF,MAAM;QACJG,QAAQ;QACRO,SAAS;QACTC,SAAS;QACTC,MAAM;QACNC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAV,QAAQ;QACNW,QAAQ;IACV;IACAT,OAAO;QACLS,QAAQ;IACV;IACA,eAAe;QACbA,QAAQ;IACV;AACF,GAAG;IACDR,GAAG;QAAC;QAA2B;QAA6B;QAAiC;YAAC;YAA4B;gBACxHS,GAAG,CAAC;YACN;SAAE;QAAE;QAA8B;QAA8B;KAA8B;AAChG;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEhB,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJmB,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDzB,GAAG;QAAC;QAAiC;YAAC;YAAoD;gBACxFS,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAkF;gBACrFA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA8E;gBACjFA,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AAIO,MAAMlB,8BAA8BmC,CAAAA;IACzC,MAAMC,SAASjB;IACf,MAAMkB,eAAe;QACnBC,OAAOpC;QACPqC,MAAM7B;IACR;IACAyB,MAAMlC,IAAI,CAACuC,SAAS,GAAGC,IAAAA,mBAAY,EAAC1C,oBAAoBE,IAAI,EAAEmC,OAAOnC,IAAI,EAAEkC,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACtC,IAAI,GAAGoC,aAAaC,KAAK,CAACrC,IAAI,EAAEkC,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACJ,MAAMQ,IAAI,CAAC,GAAGN,aAAaC,KAAK,CAACH,MAAMQ,IAAI,CAAC,EAAER,MAAMlC,IAAI,CAACuC,SAAS;IACnQ,OAAOL;AACT,GACA,qDAAqD"}
package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js CHANGED
@@ -30,11 +30,13 @@ const tableCellLayoutClassNames = {
30
30
  root: {
31
31
  mc9l5x: "f22iagw",
32
32
  Bt984gj: "f122n59",
33
- i8kkvl: "fsnqrgy",
34
- Belr9w4: "fylz90v",
35
- Bh6795r: "fqerorx",
36
- Bnnss6s: "f1neuvcm",
37
- xawz: "fkjuxzh"
33
+ i8kkvl: 0,
34
+ Belr9w4: 0,
35
+ rmohyg: "faqewft",
36
+ xawz: 0,
37
+ Bh6795r: 0,
38
+ Bnnss6s: 0,
39
+ fkmc3a: "f1izfyrr"
38
40
  },
39
41
  rootTruncate: {
40
42
  B68tc82: "f1p9o1ba"
@@ -78,11 +80,18 @@ const tableCellLayoutClassNames = {
78
80
  d: [
79
81
  ".f22iagw{display:flex;}",
80
82
  ".f122n59{align-items:center;}",
81
- ".fsnqrgy{column-gap:var(--spacingHorizontalS);}",
82
- ".fylz90v{row-gap:var(--spacingHorizontalS);}",
83
- ".fqerorx{flex-grow:1;}",
84
- ".f1neuvcm{flex-shrink:1;}",
85
- ".fkjuxzh{flex-basis:0px;}",
83
+ [
84
+ ".faqewft{gap:var(--spacingHorizontalS);}",
85
+ {
86
+ p: -1
87
+ }
88
+ ],
89
+ [
90
+ ".f1izfyrr{flex:1 1 0px;}",
91
+ {
92
+ p: -1
93
+ }
94
+ ],
86
95
  ".f1p9o1ba{overflow-x:hidden;}",
87
96
  ".f1vx9l62{flex-direction:column;}",
88
97
  ".f4ybsrx{font-size:16px;}",
package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n root: 'fui-TableCellLayout',\n media: 'fui-TableCellLayout__media',\n main: 'fui-TableCellLayout__main',\n description: 'fui-TableCellLayout__description',\n content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n i8kkvl: \"fsnqrgy\",\n Belr9w4: \"fylz90v\",\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"fkjuxzh\"\n },\n rootTruncate: {\n B68tc82: \"f1p9o1ba\"\n },\n content: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n },\n contentTruncate: {\n B68tc82: \"f1p9o1ba\"\n },\n media: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\"\n },\n mediaExtraSmall: {\n Be2twd7: \"f4ybsrx\"\n },\n mediaSmallAndMedium: {\n Be2twd7: \"fe5j1ua\"\n },\n mediaPrimary: {\n Be2twd7: \"f1rt2boy\"\n },\n mainPrimary: {\n Bhrd7zp: \"fl43uef\"\n },\n mainTruncate: {\n B68tc82: \"f1p9o1ba\",\n Huce71: \"fz5stix\",\n ygn44y: \"f1cmbuwj\"\n },\n description: {\n sj55zd: \"fkfq4zb\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".fsnqrgy{column-gap:var(--spacingHorizontalS);}\", \".fylz90v{row-gap:var(--spacingHorizontalS);}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".fkjuxzh{flex-basis:0px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1vx9l62{flex-direction:column;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fz5stix{white-space:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = state => {\n const styles = useStyles();\n const {\n truncate\n } = state;\n state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n const primary = state.appearance === 'primary';\n if (state.media) {\n const mediaSizedStyles = {\n small: styles.mediaSmallAndMedium,\n medium: styles.mediaSmallAndMedium,\n 'extra-small': styles.mediaExtraSmall\n };\n state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n }\n if (state.main) {\n state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n }\n if (state.content) {\n state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n }\n return state;\n};\n//# sourceMappingURL=useTableCellLayoutStyles.styles.js.map"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","Bh6795r","Bnnss6s","xawz","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IAgEAC,iCAAiC;eAAjCA;;;uBAnEsC;AAG5C,MAAMD,4BAA4B;IACvCE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCN,MAAM;QACJO,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAC,cAAc;QACZC,SAAS;IACX;IACAX,SAAS;QACPG,QAAQ;QACRS,SAAS;IACX;IACAC,iBAAiB;QACfF,SAAS;IACX;IACAd,OAAO;QACLM,QAAQ;QACRC,SAAS;IACX;IACAU,iBAAiB;QACfC,SAAS;IACX;IACAC,qBAAqB;QACnBD,SAAS;IACX;IACAE,cAAc;QACZF,SAAS;IACX;IACAG,aAAa;QACXC,SAAS;IACX;IACAC,cAAc;QACZT,SAAS;QACTU,QAAQ;QACRC,QAAQ;IACV;IACAvB,aAAa;QACXwB,QAAQ;QACRC,SAAS;QACTT,SAAS;QACTI,SAAS;QACTM,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAiC;QAAmD;QAAgD;QAA0B;QAA6B;QAA6B;QAAiC;QAAqC;QAA6B;QAA6B;QAA8B;QAAoD;QAAiC;QAAsC;QAAmD;QAAgD;QAA+C;QAAmD;KAAkD;AACzwB;AAIO,MAAM/B,oCAAoCgC,CAAAA;IAC/C,MAAMC,SAAS3B;IACf,MAAM,EACJ4B,QAAQ,EACT,GAAGF;IACJA,MAAM/B,IAAI,CAACkC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BE,IAAI,EAAEgC,OAAOhC,IAAI,EAAEiC,YAAYD,OAAOlB,YAAY,EAAEiB,MAAM/B,IAAI,CAACkC,SAAS;IACtI,MAAME,UAAUL,MAAMM,UAAU,KAAK;IACrC,IAAIN,MAAM9B,KAAK,EAAE;QACf,MAAMqC,mBAAmB;YACvBC,OAAOP,OAAOZ,mBAAmB;YACjCoB,QAAQR,OAAOZ,mBAAmB;YAClC,eAAeY,OAAOd,eAAe;QACvC;QACAa,MAAM9B,KAAK,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BG,KAAK,EAAE+B,OAAO/B,KAAK,EAAEqC,gBAAgB,CAACP,MAAMU,IAAI,CAAC,EAAEL,WAAWJ,OAAOX,YAAY,EAAEU,MAAM9B,KAAK,CAACiC,SAAS;IACzK;IACA,IAAIH,MAAM7B,IAAI,EAAE;QACd6B,MAAM7B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BI,IAAI,EAAE+B,YAAYD,OAAOR,YAAY,EAAEY,WAAWJ,OAAOV,WAAW,EAAES,MAAM7B,IAAI,CAACgC,SAAS;IAC1J;IACA,IAAIH,MAAM5B,WAAW,EAAE;QACrB4B,MAAM5B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BK,WAAW,EAAE6B,OAAO7B,WAAW,EAAE4B,MAAM5B,WAAW,CAAC+B,SAAS;IACnI;IACA,IAAIH,MAAM3B,OAAO,EAAE;QACjB2B,MAAM3B,OAAO,CAAC8B,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BM,OAAO,EAAE4B,OAAO5B,OAAO,EAAE6B,YAAYD,OAAOf,eAAe,EAAEc,MAAM3B,OAAO,CAAC8B,SAAS;IACvJ;IACA,OAAOH;AACT,GACA,2DAA2D"}
1
+ {"version":3,"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n root: 'fui-TableCellLayout',\n media: 'fui-TableCellLayout__media',\n main: 'fui-TableCellLayout__main',\n description: 'fui-TableCellLayout__description',\n content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n i8kkvl: 0,\n Belr9w4: 0,\n rmohyg: \"faqewft\",\n xawz: 0,\n Bh6795r: 0,\n Bnnss6s: 0,\n fkmc3a: \"f1izfyrr\"\n },\n rootTruncate: {\n B68tc82: \"f1p9o1ba\"\n },\n content: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\"\n },\n contentTruncate: {\n B68tc82: \"f1p9o1ba\"\n },\n media: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\"\n },\n mediaExtraSmall: {\n Be2twd7: \"f4ybsrx\"\n },\n mediaSmallAndMedium: {\n Be2twd7: \"fe5j1ua\"\n },\n mediaPrimary: {\n Be2twd7: \"f1rt2boy\"\n },\n mainPrimary: {\n Bhrd7zp: \"fl43uef\"\n },\n mainTruncate: {\n B68tc82: \"f1p9o1ba\",\n Huce71: \"fz5stix\",\n ygn44y: \"f1cmbuwj\"\n },\n description: {\n sj55zd: \"fkfq4zb\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", [\".faqewft{gap:var(--spacingHorizontalS);}\", {\n p: -1\n }], [\".f1izfyrr{flex:1 1 0px;}\", {\n p: -1\n }], \".f1p9o1ba{overflow-x:hidden;}\", \".f1vx9l62{flex-direction:column;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fz5stix{white-space:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = state => {\n const styles = useStyles();\n const {\n truncate\n } = state;\n state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n const primary = state.appearance === 'primary';\n if (state.media) {\n const mediaSizedStyles = {\n small: styles.mediaSmallAndMedium,\n medium: styles.mediaSmallAndMedium,\n 'extra-small': styles.mediaExtraSmall\n };\n state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n }\n if (state.main) {\n state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n }\n if (state.description) {\n state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n }\n if (state.content) {\n state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n }\n return state;\n};\n//# sourceMappingURL=useTableCellLayoutStyles.styles.js.map"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","rmohyg","xawz","Bh6795r","Bnnss6s","fkmc3a","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","p","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IAsEAC,iCAAiC;eAAjCA;;;uBAzE0B;AAGhC,MAAMD,4BAA4B;IACvCE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCN,MAAM;QACJO,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,MAAM;QACNC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,cAAc;QACZC,SAAS;IACX;IACAb,SAAS;QACPG,QAAQ;QACRW,SAAS;IACX;IACAC,iBAAiB;QACfF,SAAS;IACX;IACAhB,OAAO;QACLM,QAAQ;QACRC,SAAS;IACX;IACAY,iBAAiB;QACfC,SAAS;IACX;IACAC,qBAAqB;QACnBD,SAAS;IACX;IACAE,cAAc;QACZF,SAAS;IACX;IACAG,aAAa;QACXC,SAAS;IACX;IACAC,cAAc;QACZT,SAAS;QACTU,QAAQ;QACRC,QAAQ;IACV;IACAzB,aAAa;QACX0B,QAAQ;QACRC,SAAS;QACTT,SAAS;QACTI,SAAS;QACTM,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAiC;YAAC;YAA4C;gBAC3GC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA4B;gBAC/BA,GAAG,CAAC;YACN;SAAE;QAAE;QAAiC;QAAqC;QAA6B;QAA6B;QAA8B;QAAoD;QAAiC;QAAsC;QAAmD;QAAgD;QAA+C;QAAmD;KAAkD;AACthB;AAIO,MAAMlC,oCAAoCmC,CAAAA;IAC/C,MAAMC,SAAS9B;IACf,MAAM,EACJ+B,QAAQ,EACT,GAAGF;IACJA,MAAMlC,IAAI,CAACqC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BE,IAAI,EAAEmC,OAAOnC,IAAI,EAAEoC,YAAYD,OAAOnB,YAAY,EAAEkB,MAAMlC,IAAI,CAACqC,SAAS;IACtI,MAAME,UAAUL,MAAMM,UAAU,KAAK;IACrC,IAAIN,MAAMjC,KAAK,EAAE;QACf,MAAMwC,mBAAmB;YACvBC,OAAOP,OAAOb,mBAAmB;YACjCqB,QAAQR,OAAOb,mBAAmB;YAClC,eAAea,OAAOf,eAAe;QACvC;QACAc,MAAMjC,KAAK,CAACoC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BG,KAAK,EAAEkC,OAAOlC,KAAK,EAAEwC,gBAAgB,CAACP,MAAMU,IAAI,CAAC,EAAEL,WAAWJ,OAAOZ,YAAY,EAAEW,MAAMjC,KAAK,CAACoC,SAAS;IACzK;IACA,IAAIH,MAAMhC,IAAI,EAAE;QACdgC,MAAMhC,IAAI,CAACmC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BI,IAAI,EAAEkC,YAAYD,OAAOT,YAAY,EAAEa,WAAWJ,OAAOX,WAAW,EAAEU,MAAMhC,IAAI,CAACmC,SAAS;IAC1J;IACA,IAAIH,MAAM/B,WAAW,EAAE;QACrB+B,MAAM/B,WAAW,CAACkC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BK,WAAW,EAAEgC,OAAOhC,WAAW,EAAE+B,MAAM/B,WAAW,CAACkC,SAAS;IACnI;IACA,IAAIH,MAAM9B,OAAO,EAAE;QACjB8B,MAAM9B,OAAO,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,0BAA0BM,OAAO,EAAE+B,OAAO/B,OAAO,EAAEgC,YAAYD,OAAOhB,eAAe,EAAEe,MAAM9B,OAAO,CAACiC,SAAS;IACvJ;IACA,OAAOH;AACT,GACA,2DAA2D"}