@fluentui/react-card 0.0.0-nightly-20250703-1103.1 → 0.0.0-nightly-20250704-0407.1

package/lib-commonjs/components/CardFooter/useCardFooterStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CardFooter/useCardFooterStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { CardFooterSlots, CardFooterState } from './CardFooter.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardFooterClassNames: SlotClassNames<CardFooterSlots> = {\n  root: 'fui-CardFooter',\n  action: 'fui-CardFooter__action',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: '12px',\n  },\n  action: {\n    marginLeft: 'auto',\n\n    // when the card is selected or hovered, it has custom high contrast color and background styles\n    // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n    '@media (forced-colors: active)': {\n      '& .fui-Button, & .fui-Link': {\n        ...shorthands.borderColor('currentColor'),\n        color: 'currentColor',\n        outlineColor: 'currentColor',\n      },\n    },\n  },\n});\n\n/**\n * Apply styling to the CardFooter slots based on the state.\n */\nexport const useCardFooterStyles_unstable = (state: CardFooterState): CardFooterState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardFooterClassNames.root, styles.root, state.root.className);\n\n  if (state.action) {\n    state.action.className = mergeClasses(cardFooterClassNames.action, styles.action, state.action.className);\n  }\n\n  return state;\n};\n"],"names":["cardFooterClassNames","useCardFooterStyles_unstable","root","action","useStyles","makeStyles","display","flexDirection","gap","marginLeft","shorthands","borderColor","color","outlineColor","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOaA,oBAAAA;eAAAA;;IA6BAC,4BAAAA;eAAAA;;;uBAnCwC;AAM9C,MAAMD,uBAAwD;IACnEE,MAAM;IACNC,QAAQ;AACV;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BH,MAAM;QACJI,SAAS;QACTC,eAAe;QACfC,KAAK;IACP;IACAL,QAAQ;QACNM,YAAY;QAEZ,gGAAgG;QAChG,qGAAqG;QACrG,kCAAkC;YAChC,8BAA8B;gBAC5B,GAAGC,iBAAAA,CAAWC,WAAW,CAAC,eAAe;gBACzCC,OAAO;gBACPC,cAAc;YAChB;QACF;IACF;AACF;AAKO,MAAMZ,+BAA+B,CAACa;IAC3C;IAEA,MAAMC,SAASX;IACfU,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAAA,EAAajB,qBAAqBE,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMZ,IAAI,CAACc,SAAS;IAEhG,IAAIF,MAAMX,MAAM,EAAE;QAChBW,MAAMX,MAAM,CAACa,SAAS,GAAGC,IAAAA,mBAAAA,EAAajB,qBAAqBG,MAAM,EAAEY,OAAOZ,MAAM,EAAEW,MAAMX,MAAM,CAACa,SAAS;IAC1G;IAEA,OAAOF;AACT"}

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.raw.js

@@ -1,118 +0,0 @@
-"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, {
-    cardHeaderCSSVars: function() {
-        return cardHeaderCSSVars;
-    },
-    cardHeaderClassNames: function() {
-        return cardHeaderClassNames;
-    },
-    useCardHeaderStyles_unstable: function() {
-        return useCardHeaderStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const cardHeaderClassNames = {
-    root: 'fui-CardHeader',
-    image: 'fui-CardHeader__image',
-    header: 'fui-CardHeader__header',
-    description: 'fui-CardHeader__description',
-    action: 'fui-CardHeader__action'
-};
-const cardHeaderCSSVars = {
-    cardHeaderGapVar: '--fui-CardHeader--gap'
-};
-const useStyles = (0, _react.makeStyles)({
-    root: {
-        [cardHeaderCSSVars.cardHeaderGapVar]: '12px',
-        alignItems: 'center'
-    },
-    image: {
-        display: 'inline-flex',
-        marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`
-    },
-    header: {
-        display: 'flex'
-    },
-    description: {
-        display: 'flex'
-    },
-    action: {
-        marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,
-        // when the card is selected or hovered, it has custom high contrast color and background styles
-        // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode
-        '@media (forced-colors: active)': {
-            '& .fui-Button, & .fui-Link': {
-                ..._react.shorthands.borderColor('currentColor'),
-                color: 'currentColor',
-                outlineColor: 'currentColor'
-            }
-        }
-    }
-});
-const useStylesGrid = (0, _react.makeStyles)({
-    root: {
-        display: 'grid',
-        gridAutoColumns: 'min-content 1fr min-content'
-    },
-    image: {
-        gridColumnStart: '1',
-        gridRowStart: 'span 2'
-    },
-    header: {
-        gridColumnStart: '2',
-        gridRowStart: '1'
-    },
-    description: {
-        gridColumnStart: '2',
-        gridRowStart: '2'
-    },
-    action: {
-        gridColumnStart: '3',
-        gridRowStart: 'span 2'
-    }
-});
-const useStylesFlex = (0, _react.makeStyles)({
-    root: {
-        display: 'flex'
-    },
-    header: {
-        flexGrow: 1
-    },
-    image: {},
-    description: {},
-    action: {}
-});
-const useCardHeaderStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    const stylesGrid = useStylesGrid();
-    const stylesFlex = useStylesFlex();
-    const boxModelStyles = state.description ? stylesGrid : stylesFlex;
-    const getSlotStyles = (slotName)=>{
-        var _state_slotName;
-        return (0, _react.mergeClasses)(cardHeaderClassNames[slotName], styles[slotName], boxModelStyles[slotName], (_state_slotName = state[slotName]) === null || _state_slotName === void 0 ? void 0 : _state_slotName.className);
-    };
-    state.root.className = getSlotStyles('root');
-    if (state.image) {
-        state.image.className = getSlotStyles('image');
-    }
-    if (state.header) {
-        state.header.className = getSlotStyles('header');
-    }
-    if (state.description) {
-        state.description.className = getSlotStyles('description');
-    }
-    if (state.action) {
-        state.action.className = getSlotStyles('action');
-    }
-    return state;
-};

package/lib-commonjs/components/CardHeader/useCardHeaderStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CardHeader/useCardHeaderStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { CardHeaderSlots, CardHeaderState } from './CardHeader.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardHeaderClassNames: SlotClassNames<CardHeaderSlots> = {\n  root: 'fui-CardHeader',\n  image: 'fui-CardHeader__image',\n  header: 'fui-CardHeader__header',\n  description: 'fui-CardHeader__description',\n  action: 'fui-CardHeader__action',\n};\n\n/**\n * CSS variable names used internally for uniform styling in CardHeader.\n */\nexport const cardHeaderCSSVars = {\n  cardHeaderGapVar: '--fui-CardHeader--gap',\n};\n\nconst useStyles = makeStyles<keyof CardHeaderSlots>({\n  root: {\n    [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n    alignItems: 'center',\n  },\n  image: {\n    display: 'inline-flex',\n    marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n  },\n  header: {\n    display: 'flex',\n  },\n  description: {\n    display: 'flex',\n  },\n  action: {\n    marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n\n    // when the card is selected or hovered, it has custom high contrast color and background styles\n    // setting this ensures action buttons adopt those colors and are still visible in forced-colors mode\n    '@media (forced-colors: active)': {\n      '& .fui-Button, & .fui-Link': {\n        ...shorthands.borderColor('currentColor'),\n        color: 'currentColor',\n        outlineColor: 'currentColor',\n      },\n    },\n  },\n});\n\nconst useStylesGrid = makeStyles<keyof CardHeaderSlots>({\n  root: {\n    display: 'grid',\n    gridAutoColumns: 'min-content 1fr min-content',\n  },\n\n  image: {\n    gridColumnStart: '1',\n    gridRowStart: 'span 2',\n  },\n\n  header: {\n    gridColumnStart: '2',\n    gridRowStart: '1',\n  },\n\n  description: {\n    gridColumnStart: '2',\n    gridRowStart: '2',\n  },\n\n  action: {\n    gridColumnStart: '3',\n    gridRowStart: 'span 2',\n  },\n});\n\nconst useStylesFlex = makeStyles<keyof CardHeaderSlots>({\n  root: {\n    display: 'flex',\n  },\n\n  header: {\n    flexGrow: 1,\n  },\n\n  image: {},\n  description: {},\n  action: {},\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = (state: CardHeaderState): CardHeaderState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const stylesGrid = useStylesGrid();\n  const stylesFlex = useStylesFlex();\n\n  const boxModelStyles = state.description ? stylesGrid : stylesFlex;\n\n  const getSlotStyles = (slotName: keyof CardHeaderSlots): string => {\n    return mergeClasses(\n      cardHeaderClassNames[slotName],\n      styles[slotName],\n      boxModelStyles[slotName],\n      state[slotName]?.className,\n    );\n  };\n\n  state.root.className = getSlotStyles('root');\n\n  if (state.image) {\n    state.image.className = getSlotStyles('image');\n  }\n\n  if (state.header) {\n    state.header.className = getSlotStyles('header');\n  }\n\n  if (state.description) {\n    state.description.className = getSlotStyles('description');\n  }\n\n  if (state.action) {\n    state.action.className = getSlotStyles('action');\n  }\n\n  return state;\n};\n"],"names":["cardHeaderCSSVars","cardHeaderClassNames","useCardHeaderStyles_unstable","root","image","header","description","action","cardHeaderGapVar","useStyles","makeStyles","alignItems","display","marginRight","marginLeft","shorthands","borderColor","color","outlineColor","useStylesGrid","gridAutoColumns","gridColumnStart","gridRowStart","useStylesFlex","flexGrow","state","styles","stylesGrid","stylesFlex","boxModelStyles","getSlotStyles","slotName","mergeClasses","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAkBaA,iBAAAA;eAAAA;;IAXAC,oBAAAA;eAAAA;;IAyFAC,4BAAAA;eAAAA;;;uBA/FwC;AAM9C,MAAMD,uBAAwD;IACnEE,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,aAAa;IACbC,QAAQ;AACV;AAKO,MAAMP,oBAAoB;IAC/BQ,kBAAkB;AACpB;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAkC;IAClDP,MAAM;QACJ,CAACH,kBAAkBQ,gBAAgB,CAAC,EAAE;QACtCG,YAAY;IACd;IACAP,OAAO;QACLQ,SAAS;QACTC,aAAa,CAAC,IAAI,EAAEb,kBAAkBQ,gBAAgB,CAAC,CAAC,CAAC;IAC3D;IACAH,QAAQ;QACNO,SAAS;IACX;IACAN,aAAa;QACXM,SAAS;IACX;IACAL,QAAQ;QACNO,YAAY,CAAC,IAAI,EAAEd,kBAAkBQ,gBAAgB,CAAC,CAAC,CAAC;QAExD,gGAAgG;QAChG,qGAAqG;QACrG,kCAAkC;YAChC,8BAA8B;gBAC5B,GAAGO,iBAAAA,CAAWC,WAAW,CAAC,eAAe;gBACzCC,OAAO;gBACPC,cAAc;YAChB;QACF;IACF;AACF;AAEA,MAAMC,gBAAgBT,IAAAA,iBAAAA,EAAkC;IACtDP,MAAM;QACJS,SAAS;QACTQ,iBAAiB;IACnB;IAEAhB,OAAO;QACLiB,iBAAiB;QACjBC,cAAc;IAChB;IAEAjB,QAAQ;QACNgB,iBAAiB;QACjBC,cAAc;IAChB;IAEAhB,aAAa;QACXe,iBAAiB;QACjBC,cAAc;IAChB;IAEAf,QAAQ;QACNc,iBAAiB;QACjBC,cAAc;IAChB;AACF;AAEA,MAAMC,gBAAgBb,IAAAA,iBAAAA,EAAkC;IACtDP,MAAM;QACJS,SAAS;IACX;IAEAP,QAAQ;QACNmB,UAAU;IACZ;IAEApB,OAAO,CAAC;IACRE,aAAa,CAAC;IACdC,QAAQ,CAAC;AACX;AAKO,MAAML,+BAA+B,CAACuB;IAC3C;IAEA,MAAMC,SAASjB;IACf,MAAMkB,aAAaR;IACnB,MAAMS,aAAaL;IAEnB,MAAMM,iBAAiBJ,MAAMnB,WAAW,GAAGqB,aAAaC;IAExD,MAAME,gBAAgB,CAACC;YAKnBN;QAJF,OAAOO,IAAAA,mBAAAA,EACL/B,oBAAoB,CAAC8B,SAAS,EAC9BL,MAAM,CAACK,SAAS,EAChBF,cAAc,CAACE,SAAS,EAAA,AACxBN,CAAAA,kBAAAA,KAAK,CAACM,SAAS,AAATA,MAAS,QAAfN,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAiBQ,SAAS;IAE9B;IAEAR,MAAMtB,IAAI,CAAC8B,SAAS,GAAGH,cAAc;IAErC,IAAIL,MAAMrB,KAAK,EAAE;QACfqB,MAAMrB,KAAK,CAAC6B,SAAS,GAAGH,cAAc;IACxC;IAEA,IAAIL,MAAMpB,MAAM,EAAE;QAChBoB,MAAMpB,MAAM,CAAC4B,SAAS,GAAGH,cAAc;IACzC;IAEA,IAAIL,MAAMnB,WAAW,EAAE;QACrBmB,MAAMnB,WAAW,CAAC2B,SAAS,GAAGH,cAAc;IAC9C;IAEA,IAAIL,MAAMlB,MAAM,EAAE;QAChBkB,MAAMlB,MAAM,CAAC0B,SAAS,GAAGH,cAAc;IACzC;IAEA,OAAOL;AACT"}

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.raw.js

@@ -1,49 +0,0 @@
-"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, {
-    cardPreviewClassNames: function() {
-        return cardPreviewClassNames;
-    },
-    useCardPreviewStyles_unstable: function() {
-        return useCardPreviewStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const cardPreviewClassNames = {
-    root: 'fui-CardPreview',
-    logo: 'fui-CardPreview__logo'
-};
-const useStyles = (0, _react.makeStyles)({
-    root: {
-        position: 'relative',
-        [`> :not(.${cardPreviewClassNames.logo})`]: {
-            display: 'block',
-            height: '100%',
-            width: '100%'
-        }
-    },
-    logo: {
-        position: 'absolute',
-        bottom: '12px',
-        left: '12px',
-        width: '32px',
-        height: '32px'
-    }
-});
-const useCardPreviewStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(cardPreviewClassNames.root, styles.root, state.root.className);
-    if (state.logo) {
-        state.logo.className = (0, _react.mergeClasses)(cardPreviewClassNames.logo, styles.logo, state.logo.className);
-    }
-    return state;
-};

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CardPreview/useCardPreviewStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CardPreviewSlots, CardPreviewState } from './CardPreview.types';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const cardPreviewClassNames: SlotClassNames<CardPreviewSlots> = {\n  root: 'fui-CardPreview',\n  logo: 'fui-CardPreview__logo',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'relative',\n\n    [`> :not(.${cardPreviewClassNames.logo})`]: {\n      display: 'block',\n      height: '100%',\n      width: '100%',\n    },\n  },\n\n  logo: {\n    position: 'absolute',\n    bottom: '12px',\n    left: '12px',\n    width: '32px',\n    height: '32px',\n  },\n});\n\n/**\n * Apply styling to the CardPreview slots based on the state.\n */\nexport const useCardPreviewStyles_unstable = (state: CardPreviewState): CardPreviewState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardPreviewClassNames.root, styles.root, state.root.className);\n\n  if (state.logo) {\n    state.logo.className = mergeClasses(cardPreviewClassNames.logo, styles.logo, state.logo.className);\n  }\n\n  return state;\n};\n"],"names":["cardPreviewClassNames","useCardPreviewStyles_unstable","root","logo","useStyles","makeStyles","position","display","height","width","bottom","left","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOaA,qBAAAA;eAAAA;;IA4BAC,6BAAAA;eAAAA;;;uBAlC4B;AAMlC,MAAMD,wBAA0D;IACrEE,MAAM;IACNC,MAAM;AACR;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BH,MAAM;QACJI,UAAU;QAEV,CAAC,CAAC,QAAQ,EAAEN,sBAAsBG,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1CI,SAAS;YACTC,QAAQ;YACRC,OAAO;QACT;IACF;IAEAN,MAAM;QACJG,UAAU;QACVI,QAAQ;QACRC,MAAM;QACNF,OAAO;QACPD,QAAQ;IACV;AACF;AAKO,MAAMP,gCAAgC,CAACW;IAC5C;IAEA,MAAMC,SAAST;IACfQ,MAAMV,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAAA,EAAaf,sBAAsBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IAEjG,IAAIF,MAAMT,IAAI,EAAE;QACdS,MAAMT,IAAI,CAACW,SAAS,GAAGC,IAAAA,mBAAAA,EAAaf,sBAAsBG,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnG;IAEA,OAAOF;AACT"}