Private
Public Access
1
0
Files
power-apps-codeapps-blog-part2/node_modules/@fluentui/react-table/lib-commonjs/components/TableRow/useTableRowStyles.styles.js

303 lines
8.5 KiB
JavaScript

'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
tableRowClassName: function() {
return tableRowClassName;
},
tableRowClassNames: function() {
return tableRowClassNames;
},
useTableRowStyles_unstable: function() {
return useTableRowStyles_unstable;
}
});
const _react = require("@griffel/react");
const tableRowClassName = 'fui-TableRow';
const tableRowClassNames = {
root: tableRowClassName
};
const useTableLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
mc9l5x: "f1u0rzck"
}
}, {
d: [
".f1u0rzck{display:table-row;}"
]
});
const useFlexLayoutStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
mc9l5x: "f22iagw",
Bt984gj: "f122n59"
}
}, {
d: [
".f22iagw{display:flex;}",
".f122n59{align-items:center;}"
]
});
/**
* Styles for the root slot
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
sj55zd: "f19n0e5",
B7ck84d: "f1ewtqcl",
Bconypa: "f1jazu75",
B6guboy: "f1xeqee6",
Bfpq7zp: 0,
g9k6zt: 0,
Bn4voq9: 0,
giviqs: "f1dxfoyt",
Bw81rd7: 0,
kdpuga: 0,
dm238s: 0,
B6xbmo0: 0,
B3whbx2: "f2krc9w"
},
rootInteractive: {
B6guboy: "f1xeqee6",
ecr2s2: "f1wfn5kd",
lj723h: "f1g4hkjv",
B43xm9u: "f15ngxrw",
i921ia: "fjbbrdp",
Jwef8y: "f1t94bn6",
Bi91k9c: "feu1g3u",
Bpt6rm4: "f1uorfem",
ff6mpl: "fw60kww",
Bahaeuw: "f1v3eptx",
F230oe: "f8gmj8i",
Bdw8ktp: [
"f1ap8nzx",
"fjag8bx"
],
Bj1xduy: "f1igan7k",
Bhh2cfd: [
"fjag8bx",
"f1ap8nzx"
]
},
medium: {
B9xav0g: 0,
oivjwe: 0,
Bn0qgzm: 0,
Bgfg5da: "f1facbz3"
},
small: {
B9xav0g: 0,
oivjwe: 0,
Bn0qgzm: 0,
Bgfg5da: "f1facbz3"
},
"extra-small": {
Be2twd7: "fy9rknc"
},
brand: {
De3pzq: "f16xkysk",
g2u3we: "f1bh3yvw",
h3c5rm: [
"fmi79ni",
"f11fozsx"
],
B9xav0g: "fnzw4c6",
zhjwy3: [
"f11fozsx",
"fmi79ni"
],
ecr2s2: "f7tkmfy",
lj723h: "f1r2dosr",
wmvzou: 0,
sc4o1m: 0,
wymq9i: 0,
u9orzk: 0,
puiv5t: 0,
Bosien3: 0,
b2z72d: 0,
Beulxaw: 0,
B57pkaw: 0,
Jcjdmf: 0,
B8qgbzl: 0,
Bbmb0sr: 0,
B14q8qp: 0,
Bcq6wej: 0,
Byz1pjr: 0,
kr9cjb: 0,
Ff9ifp: "f1msmgpi",
Bmclvqj: 0,
psczho: 0,
B0tx59b: 0,
sk7i8k: 0,
zlwzm7: "fbo0xvd",
Bkp2nk: "fjuvmhu",
gy0h4g: "f1kvufhq"
},
neutral: {
wmvzou: 0,
sc4o1m: 0,
wymq9i: 0,
u9orzk: 0,
puiv5t: 0,
Bosien3: 0,
b2z72d: 0,
Beulxaw: 0,
B57pkaw: 0,
Jcjdmf: 0,
B8qgbzl: 0,
Bbmb0sr: 0,
B14q8qp: 0,
Bcq6wej: 0,
Byz1pjr: 0,
kr9cjb: 0,
Ff9ifp: "f1msmgpi",
Bmclvqj: 0,
psczho: 0,
B0tx59b: 0,
sk7i8k: 0,
zlwzm7: "fbo0xvd",
Bkp2nk: "fjuvmhu",
gy0h4g: "f1kvufhq",
De3pzq: "fq5gl1p",
sj55zd: "f1cgsbmv",
ecr2s2: "fa9o754",
g2u3we: "frmsihh",
h3c5rm: [
"frttxa5",
"f11o2r7f"
],
B9xav0g: "fem5et0",
zhjwy3: [
"f11o2r7f",
"frttxa5"
]
},
none: {}
}, {
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);}",
{
p: -1
}
],
[
".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
{
p: -1
}
],
[
".f1facbz3{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);}",
{
p: -1
}
],
[
".f1facbz3{border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);}",
{
p: -1
}
],
".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);}"
],
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);}"
],
h: [
".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
".f1uorfem:hover .fui-TableCellActions{opacity:1;}",
".fw60kww:hover .fui-TableSelectionCell{opacity:1;}"
],
m: [
[
"@media (forced-colors: active){.f1v3eptx:hover{color:Highlight;}}",
{
m: "(forced-colors: active)"
}
],
[
"@media (forced-colors: active){.f8gmj8i:hover{border-top-color:Highlight;}}",
{
m: "(forced-colors: active)"
}
],
[
"@media (forced-colors: active){.f1ap8nzx:hover{border-right-color:Highlight;}.fjag8bx:hover{border-left-color:Highlight;}}",
{
m: "(forced-colors: active)"
}
],
[
"@media (forced-colors: active){.f1igan7k:hover{border-bottom-color:Highlight;}}",
{
m: "(forced-colors: active)"
}
],
[
"@media (forced-colors: active){.f1msmgpi{border:2px solid transparent;}}",
{
p: -2,
m: "(forced-colors: active)"
}
],
[
"@media (forced-colors: active){.fbo0xvd{border-radius:var(--borderRadiusMedium);}}",
{
p: -1,
m: "(forced-colors: active)"
}
],
[
"@media (forced-colors: active){.fjuvmhu{box-sizing:border-box;}}",
{
m: "(forced-colors: active)"
}
],
[
"@media (forced-colors: active){.f1kvufhq:focus-visible{outline-offset:-4px;}}",
{
m: "(forced-colors: active)"
}
]
]
});
const useTableRowStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
const layoutStyles = {
table: useTableLayoutStyles(),
flex: useFlexLayoutStyles()
};
state.root.className = (0, _react.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);
return state;
};