62 lines
2.4 KiB
JavaScript
62 lines
2.4 KiB
JavaScript
'use client';
|
|
|
|
import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
|
|
import { DIALOG_GAP, DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';
|
|
export const dialogActionsClassNames = {
|
|
root: 'fui-DialogActions'
|
|
};
|
|
/**
|
|
* Styles for the root slot
|
|
*/
|
|
const useResetStyles = /*#__PURE__*/__resetStyles("rhfpeu0", null, {
|
|
r: [".rhfpeu0{gap:8px;height:fit-content;box-sizing:border-box;display:flex;grid-row-start:3;grid-row-end:3;}"],
|
|
s: ["@media screen and (max-width: 480px){.rhfpeu0{flex-direction:column;justify-self:stretch;}}"]
|
|
});
|
|
const useStyles = /*#__PURE__*/__styles({
|
|
gridPositionEnd: {
|
|
Bdqf98w: "f1a7i8kp",
|
|
Br312pm: "fd46tj4",
|
|
Bw0ie65: "fsyjsko",
|
|
Btsd7tp: "f1n00o3b",
|
|
ufxxby: "f1mvsp37",
|
|
Bq5p579: "flbz1vp"
|
|
},
|
|
gridPositionStart: {
|
|
Bdqf98w: "fsxvdwy",
|
|
Br312pm: "fwpfdsa",
|
|
Bw0ie65: "f1e2fz10",
|
|
Ew0qkd: "f119phc2",
|
|
ufxxby: "f1j719yo",
|
|
Bq5p579: "flbz1vp"
|
|
},
|
|
fluidStart: {
|
|
Bw0ie65: "fsyjsko"
|
|
},
|
|
fluidEnd: {
|
|
Br312pm: "fwpfdsa"
|
|
}
|
|
}, {
|
|
d: [".f1a7i8kp{justify-self:end;}", ".fd46tj4{grid-column-start:2;}", ".fsyjsko{grid-column-end:4;}", ".fsxvdwy{justify-self:start;}", ".fwpfdsa{grid-column-start:1;}", ".f1e2fz10{grid-column-end:2;}"],
|
|
m: [["@media screen and (max-width: 480px){.f1n00o3b{grid-column-start:1;}}", {
|
|
m: "screen and (max-width: 480px)"
|
|
}], ["@media screen and (max-width: 480px){.f1mvsp37{grid-row-start:4;}}", {
|
|
m: "screen and (max-width: 480px)"
|
|
}], ["@media screen and (max-width: 480px){.flbz1vp{grid-row-end:auto;}}", {
|
|
m: "screen and (max-width: 480px)"
|
|
}], ["@media screen and (max-width: 480px){.f119phc2{grid-column-end:4;}}", {
|
|
m: "screen and (max-width: 480px)"
|
|
}], ["@media screen and (max-width: 480px){.f1j719yo{grid-row-start:3;}}", {
|
|
m: "screen and (max-width: 480px)"
|
|
}]]
|
|
});
|
|
/**
|
|
* Apply styling to the DialogActions slots based on the state
|
|
*/
|
|
export const useDialogActionsStyles_unstable = state => {
|
|
'use no memo';
|
|
|
|
const resetStyles = useResetStyles();
|
|
const styles = useStyles();
|
|
state.root.className = mergeClasses(dialogActionsClassNames.root, resetStyles, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);
|
|
return state;
|
|
}; |