@fluentui/react-card 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.2

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

@@ -3,63 +3,73 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardHeaderStyles = void 0;
-
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+exports.useCardHeaderStyles_unstable = exports.cardHeaderCSSVars = exports.cardHeaderClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
 /**
- * Styles for the root slot
+ * Static CSS class names used internally for the component slots.
  */
-
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
-  "root": {
-    "mc9l5x": "f22iagw",
-    "Beiy3e4": "f1063pyq",
-    "Bt984gj": "f122n59",
-    "rmohyg": "fsbu5mz",
-    "Bqenvij": "f1d2rq10"
+exports.cardHeaderClassNames = {
+  root: 'fui-CardHeader',
+  image: 'fui-CardHeader__image',
+  header: 'fui-CardHeader__header',
+  description: 'fui-CardHeader__description',
+  action: 'fui-CardHeader__action'
+};
+/**
+ * CSS variable names used internally for uniform styling in CardHeader.
+ */
+exports.cardHeaderCSSVars = {
+  cardHeaderGapVar: '--fui-CardHeader--gap'
+};
+const useStyles = /*#__PURE__*/react_1.__styles({
+  root: {
+    Bkc6ea2: "fkufhic",
+    mc9l5x: "f13qh94s",
+    t4k1zu: "f8a668j",
+    v29qe6: "f4h39za",
+    Bt984gj: "f122n59"
+  },
+  image: {
+    mc9l5x: "ftuwxu6",
+    t21cq0: ["fql5097", "f6yss9k"],
+    Br312pm: "fwpfdsa",
+    Ijaq50: "fldnz9j"
+  },
+  header: {
+    Br312pm: "fd46tj4",
+    Ijaq50: "f16hsg94"
   },
-  "image": {
-    "Bf4jedk": "f17fgpbq",
-    "sshi5w": "f1pha7fy",
-    "B2u0y6b": "f44c6la",
-    "Bxyxcbc": "f17bzqcb",
-    "mc9l5x": "f22iagw",
-    "Bt984gj": "f122n59",
-    "uw7vt1": "fgn7ydb",
-    "Dzuj6k": "f1jevvm1",
-    "zsb7ef": "fqihwjc",
-    "f2epyl": "f6x1sus"
+  description: {
+    Br312pm: "fd46tj4",
+    Ijaq50: "faunodf"
   },
-  "textContainer": {
-    "mc9l5x": "f22iagw",
-    "Beiy3e4": "f1vx9l62",
-    "Bh6795r": "fqerorx",
-    "Bqenvij": "fwk23hs",
-    "Bn3e79g": "f1con4nn"
+  action: {
+    Frg6f3: ["f6yss9k", "fql5097"],
+    Br312pm: "fis13di",
+    Ijaq50: "fldnz9j"
   }
 }, {
-  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fsbu5mz{gap:12px;}", ".f1d2rq10{height:32px;}", ".f17fgpbq{min-width:24px;}", ".f1pha7fy{min-height:24px;}", ".f44c6la{max-width:32px;}", ".f17bzqcb{max-height:32px;}", ".fgn7ydb>*{min-width:inherit;}", ".f1jevvm1>*{min-height:inherit;}", ".fqihwjc>*{max-width:100%;}", ".f6x1sus>*{max-height:100%;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".fwk23hs{height:inherit;}", ".f1con4nn>*{height:50%;}"]
+  d: [".fkufhic{--fui-CardHeader--gap:12px;}", ".f13qh94s{display:grid;}", ".f8a668j{grid-auto-columns:min-content 1fr min-content;}", ".f4h39za{grid-auto-rows:1fr min-content;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fql5097{margin-right:var(--fui-CardHeader--gap);}", ".f6yss9k{margin-left:var(--fui-CardHeader--gap);}", ".fwpfdsa{grid-column-start:1;}", ".fldnz9j{grid-row-start:span 2;}", ".fd46tj4{grid-column-start:2;}", ".f16hsg94{grid-row-start:1;}", ".faunodf{grid-row-start:2;}", ".fis13di{grid-column-start:3;}"]
 });
 /**
- * Apply styling to the CardHeader slots based on the state
+ * Apply styling to the CardHeader slots based on the state.
  */
-
-
-var useCardHeaderStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
-
+const useCardHeaderStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.cardHeaderClassNames.root, styles.root, state.root.className);
   if (state.image) {
-    state.image.className = react_make_styles_1.mergeClasses(styles.image, state.image.className);
+    state.image.className = react_1.mergeClasses(exports.cardHeaderClassNames.image, styles.image, state.image.className);
   }
-
-  if (state.content) {
-    state.content.className = react_make_styles_1.mergeClasses(styles.textContainer, state.content.className);
+  if (state.header) {
+    state.header.className = react_1.mergeClasses(exports.cardHeaderClassNames.header, styles.header, state.header.className);
+  }
+  if (state.description) {
+    state.description.className = react_1.mergeClasses(exports.cardHeaderClassNames.description, styles.description, state.description.className);
+  }
+  if (state.action) {
+    state.action.className = react_1.mergeClasses(exports.cardHeaderClassNames.action, styles.action, state.action.className);
   }
-
   return state;
 };
-
-exports.useCardHeaderStyles = useCardHeaderStyles;
+exports.useCardHeaderStyles_unstable = useCardHeaderStyles_unstable;
 //# sourceMappingURL=useCardHeaderStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardHeader/useCardHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqCA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;;AAEA,MAAI,KAAK,CAAC,KAAV,EAAiB;AACf,IAAA,KAAK,CAAC,KAAN,CAAY,SAAZ,GAAwB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,KAApB,EAA2B,KAAK,CAAC,KAAN,CAAY,SAAvC,CAAxB;AACD;;AAED,MAAI,KAAK,CAAC,OAAV,EAAmB;AACjB,IAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,aAApB,EAAmC,KAAK,CAAC,OAAN,CAAc,SAAjD,CAA1B;AACD;;AAED,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
+{"version":3,"names":["react_1","require","exports","cardHeaderClassNames","root","image","header","description","action","cardHeaderCSSVars","cardHeaderGapVar","useStyles","__styles","Bkc6ea2","mc9l5x","t4k1zu","v29qe6","Bt984gj","t21cq0","Br312pm","Ijaq50","Frg6f3","d","useCardHeaderStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-card/src/components/CardHeader/useCardHeaderStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } 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({\n  root: {\n    [cardHeaderCSSVars.cardHeaderGapVar]: '12px',\n    display: 'grid',\n    gridAutoColumns: 'min-content 1fr min-content',\n    gridAutoRows: '1fr min-content',\n    alignItems: 'center',\n  },\n  image: {\n    display: 'inline-flex',\n    marginRight: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n    gridColumnStart: '1',\n    gridRowStart: 'span 2',\n  },\n  header: {\n    gridColumnStart: '2',\n    gridRowStart: '1',\n  },\n  description: {\n    gridColumnStart: '2',\n    gridRowStart: '2',\n  },\n  action: {\n    marginLeft: `var(${cardHeaderCSSVars.cardHeaderGapVar})`,\n    gridColumnStart: '3',\n    gridRowStart: 'span 2',\n  },\n});\n\n/**\n * Apply styling to the CardHeader slots based on the state.\n */\nexport const useCardHeaderStyles_unstable = (state: CardHeaderState): CardHeaderState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(cardHeaderClassNames.root, styles.root, state.root.className);\n\n  if (state.image) {\n    state.image.className = mergeClasses(cardHeaderClassNames.image, styles.image, state.image.className);\n  }\n\n  if (state.header) {\n    state.header.className = mergeClasses(cardHeaderClassNames.header, styles.header, state.header.className);\n  }\n\n  if (state.description) {\n    state.description.className = mergeClasses(\n      cardHeaderClassNames.description,\n      styles.description,\n      state.description.className,\n    );\n  }\n\n  if (state.action) {\n    state.action.className = mergeClasses(cardHeaderClassNames.action, styles.action, state.action.className);\n  }\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGA;;;AAGaC,OAAA,CAAAC,oBAAoB,GAAoC;EACnEC,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,uBAAuB;EAC9BC,MAAM,EAAE,wBAAwB;EAChCC,WAAW,EAAE,6BAA6B;EAC1CC,MAAM,EAAE;CACT;AAED;;;AAGaN,OAAA,CAAAO,iBAAiB,GAAG;EAC/BC,gBAAgB,EAAE;CACnB;AAED,MAAMC,SAAS,gBAAGX,OAAA,CAAAY,QAAU;EAAAR,IAAA;IAAAS,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAZ,KAAA;IAAAS,MAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAd,MAAA;IAAAa,OAAA;IAAAC,MAAA;EAAA;EAAAb,WAAA;IAAAY,OAAA;IAAAC,MAAA;EAAA;EAAAZ,MAAA;IAAAa,MAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EA2B1B;AAEF;;;AAGO,MAAMC,4BAA4B,GAAIC,KAAsB,IAAqB;EACtF,MAAMC,MAAM,GAAGd,SAAS,EAAE;EAC1Ba,KAAK,CAACpB,IAAI,CAACsB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACzB,OAAA,CAAAC,oBAAoB,CAACC,IAAI,EAAEqB,MAAM,CAACrB,IAAI,EAAEoB,KAAK,CAACpB,IAAI,CAACsB,SAAS,CAAC;EAEjG,IAAIF,KAAK,CAACnB,KAAK,EAAE;IACfmB,KAAK,CAACnB,KAAK,CAACqB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACzB,OAAA,CAAAC,oBAAoB,CAACE,KAAK,EAAEoB,MAAM,CAACpB,KAAK,EAAEmB,KAAK,CAACnB,KAAK,CAACqB,SAAS,CAAC;;EAGvG,IAAIF,KAAK,CAAClB,MAAM,EAAE;IAChBkB,KAAK,CAAClB,MAAM,CAACoB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACzB,OAAA,CAAAC,oBAAoB,CAACG,MAAM,EAAEmB,MAAM,CAACnB,MAAM,EAAEkB,KAAK,CAAClB,MAAM,CAACoB,SAAS,CAAC;;EAG3G,IAAIF,KAAK,CAACjB,WAAW,EAAE;IACrBiB,KAAK,CAACjB,WAAW,CAACmB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CACxCzB,OAAA,CAAAC,oBAAoB,CAACI,WAAW,EAChCkB,MAAM,CAAClB,WAAW,EAClBiB,KAAK,CAACjB,WAAW,CAACmB,SAAS,CAC5B;;EAGH,IAAIF,KAAK,CAAChB,MAAM,EAAE;IAChBgB,KAAK,CAAChB,MAAM,CAACkB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACzB,OAAA,CAAAC,oBAAoB,CAACK,MAAM,EAAEiB,MAAM,CAACjB,MAAM,EAAEgB,KAAK,CAAChB,MAAM,CAACkB,SAAS,CAAC;;EAG3G,OAAOF,KAAK;AACd,CAAC;AAzBYtB,OAAA,CAAAqB,4BAA4B,GAAAA,4BAAA"}

package/lib-commonjs/components/CardPreview/CardPreview.js

@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardPreview = void 0;
-
-var React = /*#__PURE__*/require("react");
-
-var useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
-
-var renderCardPreview_1 = /*#__PURE__*/require("./renderCardPreview");
-
-var useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
+const React = /*#__PURE__*/require("react");
+const useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
+const renderCardPreview_1 = /*#__PURE__*/require("./renderCardPreview");
+const useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
 /**
  * Component to render image previews of documents or articles in a Card component.
  */
-
-
-exports.CardPreview = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useCardPreview_1.useCardPreview(props, ref);
-  useCardPreviewStyles_1.useCardPreviewStyles(state);
-  return renderCardPreview_1.renderCardPreview(state);
+exports.CardPreview = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useCardPreview_1.useCardPreview_unstable(props, ref);
+  useCardPreviewStyles_1.useCardPreviewStyles_unstable(state);
+  return renderCardPreview_1.renderCardPreview_unstable(state);
 });
 exports.CardPreview.displayName = 'CardPreview';
 //# sourceMappingURL=CardPreview.js.map

package/lib-commonjs/components/CardPreview/CardPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardPreview/CardPreview.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5F,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AACA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP;AACD,CALiE,CAArD;AAOb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}
+{"version":3,"names":["React","require","useCardPreview_1","renderCardPreview_1","useCardPreviewStyles_1","exports","CardPreview","forwardRef","props","ref","state","useCardPreview_unstable","useCardPreviewStyles_unstable","renderCardPreview_unstable","displayName"],"sources":["../src/packages/react-components/react-card/src/components/CardPreview/CardPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCardPreview_unstable } from './useCardPreview';\nimport { renderCardPreview_unstable } from './renderCardPreview';\nimport { useCardPreviewStyles_unstable } from './useCardPreviewStyles';\nimport type { CardPreviewProps } from './CardPreview.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Component to render image previews of documents or articles in a Card component.\n */\nexport const CardPreview: ForwardRefComponent<CardPreviewProps> = React.forwardRef((props, ref) => {\n  const state = useCardPreview_unstable(props, ref);\n\n  useCardPreviewStyles_unstable(state);\n  return renderCardPreview_unstable(state);\n});\n\nCardPreview.displayName = 'CardPreview';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,WAAW,gBAA0CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGR,gBAAA,CAAAS,uBAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDL,sBAAA,CAAAQ,6BAA6B,CAACF,KAAK,CAAC;EACpC,OAAOP,mBAAA,CAAAU,0BAA0B,CAACH,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEFL,OAAA,CAAAC,WAAW,CAACQ,WAAW,GAAG,aAAa"}

package/lib-commonjs/components/CardPreview/CardPreview.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
+{"version":3,"names":[],"sources":["../src/packages/react-components/react-card/src/components/CardPreview/CardPreview.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Slots available in the Card component.\n */\nexport type CardPreviewSlots = {\n  /**\n   * Root element of the component.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * Container that holds a logo related to the image preview provided.\n   */\n  logo?: Slot<'div', 'img'>;\n};\n\n/**\n * CardPreview component props.\n */\nexport type CardPreviewProps = ComponentProps<CardPreviewSlots>;\n\n/**\n * State used in rendering CardPreview.\n */\nexport type CardPreviewState = ComponentState<CardPreviewSlots>;\n"],"mappings":""}

package/lib-commonjs/components/CardPreview/index.js

@@ -3,16 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
+const tslib_1 = /*#__PURE__*/require("tslib");
 tslib_1.__exportStar(require("./CardPreview"), exports);
-
 tslib_1.__exportStar(require("./CardPreview.types"), exports);
-
 tslib_1.__exportStar(require("./renderCardPreview"), exports);
-
 tslib_1.__exportStar(require("./useCardPreview"), exports);
-
 tslib_1.__exportStar(require("./useCardPreviewStyles"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/CardPreview/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardPreview/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-card/src/components/CardPreview/index.ts"],"sourcesContent":["export * from './CardPreview';\nexport * from './CardPreview.types';\nexport * from './renderCardPreview';\nexport * from './useCardPreview';\nexport * from './useCardPreviewStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}

package/lib-commonjs/components/CardPreview/renderCardPreview.js

@@ -3,27 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderCardPreview = void 0;
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var React = /*#__PURE__*/require("react");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var useCardPreview_1 = /*#__PURE__*/require("./useCardPreview");
+exports.renderCardPreview_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
- * Render the final JSX of CardPreview
+ * Render the final JSX of CardPreview.
  */
-
-
-var renderCardPreview = function (state) {
-  var _a = react_utilities_1.getSlots(state, useCardPreview_1.cardPreviewShorthandProps),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), slotProps.root.children, React.createElement(slots.logo, tslib_1.__assign({}, slotProps.logo)));
+const renderCardPreview_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, slotProps.root.children, slots.logo && React.createElement(slots.logo, {
+    ...slotProps.logo
+  }));
 };
-
-exports.renderCardPreview = renderCardPreview;
+exports.renderCardPreview_unstable = renderCardPreview_unstable;
 //# sourceMappingURL=renderCardPreview.js.map

package/lib-commonjs/components/CardPreview/renderCardPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardPreview/renderCardPreview.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,EAAkC,gBAAA,CAAA,yBAAlC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
+{"version":3,"names":["React","require","react_utilities_1","renderCardPreview_unstable","state","slots","slotProps","getSlots","createElement","root","children","logo","exports"],"sources":["../src/packages/react-components/react-card/src/components/CardPreview/renderCardPreview.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { CardPreviewSlots, CardPreviewState } from './CardPreview.types';\n\n/**\n * Render the final JSX of CardPreview.\n */\nexport const renderCardPreview_unstable = (state: CardPreviewState) => {\n  const { slots, slotProps } = getSlots<CardPreviewSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slotProps.root.children}\n      {slots.logo && <slots.logo {...slotProps.logo} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAmBH,KAAK,CAAC;EAE9D,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BH,SAAS,CAACG,IAAI,CAACC,QAAQ,EACvBL,KAAK,CAACM,IAAI,IAAIX,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,EAAI,CACtC;AAEjB,CAAC;AATYC,OAAA,CAAAT,0BAA0B,GAAAA,0BAAA"}

package/lib-commonjs/components/CardPreview/useCardPreview.js

@@ -3,40 +3,63 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardPreview = exports.cardPreviewShorthandProps = void 0;
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Array of all shorthand properties listed in CardPreviewShorthandProps
- */
-
-
-exports.cardPreviewShorthandProps = ['root', 'logo'];
+exports.useCardPreview_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const CardContext_1 = /*#__PURE__*/require("../Card/CardContext");
+const useCardPreviewStyles_1 = /*#__PURE__*/require("./useCardPreviewStyles");
 /**
  * Create the state required to render CardPreview.
  *
- * The returned state can be modified with hooks such as useCardPreviewStyles,
- * before being passed to renderCardPreview.
+ * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,
+ * before being passed to renderCardPreview_unstable.
  *
  * @param props - props from this instance of CardPreview
  * @param ref - reference to root HTMLElement of CardPreview
  */
-
-var useCardPreview = function (props, ref) {
-  var logo = props.logo;
+const useCardPreview_unstable = (props, ref) => {
+  const {
+    logo
+  } = props;
+  const {
+    selectableA11yProps: {
+      referenceLabel,
+      referenceId,
+      setReferenceLabel,
+      setReferenceId
+    }
+  } = CardContext_1.useCardContext_unstable();
+  const previewRef = react_utilities_1.useMergedRefs(ref, React.useRef(null));
+  React.useEffect(() => {
+    if (referenceLabel && referenceId) {
+      return;
+    }
+    if (previewRef.current && previewRef.current.parentNode) {
+      const img = previewRef.current.parentNode.querySelector(`.${useCardPreviewStyles_1.cardPreviewClassNames.root} > img`);
+      if (img) {
+        const ariaLabel = img.getAttribute('aria-label');
+        const ariaDescribedby = img.getAttribute('aria-describedby');
+        if (ariaDescribedby) {
+          setReferenceId(ariaDescribedby);
+        } else if (img.alt) {
+          setReferenceLabel(img.alt);
+        } else if (ariaLabel) {
+          setReferenceLabel(ariaLabel);
+        }
+      }
+    }
+  }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);
   return {
     components: {
       root: 'div',
       logo: 'div'
     },
-    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
-      ref: ref
-    }, props)),
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref: previewRef,
+      ...props
+    }),
     logo: react_utilities_1.resolveShorthand(logo)
   };
 };
-
-exports.useCardPreview = useCardPreview;
+exports.useCardPreview_unstable = useCardPreview_unstable;
 //# sourceMappingURL=useCardPreview.js.map

package/lib-commonjs/components/CardPreview/useCardPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardPreview/useCardPreview.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,yBAAA,GAA2D,CAAC,MAAD,EAAS,MAAT,CAA3D;AAEb;;;;;;;;AAQG;;AACI,IAAM,cAAc,GAAG,UAAC,KAAD,EAA0B,GAA1B,EAAqD;AACzE,MAAA,IAAI,GAAK,KAAK,CAAV,IAAJ;AACR,SAAO;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KADP;AAML,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAA3B,CAND;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,IAAjB;AAVD,GAAP;AAYD,CAdM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
+{"version":3,"names":["React","require","react_utilities_1","CardContext_1","useCardPreviewStyles_1","useCardPreview_unstable","props","ref","logo","selectableA11yProps","referenceLabel","referenceId","setReferenceLabel","setReferenceId","useCardContext_unstable","previewRef","useMergedRefs","useRef","useEffect","current","parentNode","img","querySelector","cardPreviewClassNames","root","ariaLabel","getAttribute","ariaDescribedby","alt","components","getNativeElementProps","resolveShorthand","exports"],"sources":["../src/packages/react-components/react-card/src/components/CardPreview/useCardPreview.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport type { CardPreviewProps, CardPreviewState } from './CardPreview.types';\nimport { useCardContext_unstable } from '../Card/CardContext';\nimport { cardPreviewClassNames } from './useCardPreviewStyles';\n\n/**\n * Create the state required to render CardPreview.\n *\n * The returned state can be modified with hooks such as useCardPreviewStyles_unstable,\n * before being passed to renderCardPreview_unstable.\n *\n * @param props - props from this instance of CardPreview\n * @param ref - reference to root HTMLElement of CardPreview\n */\nexport const useCardPreview_unstable = (props: CardPreviewProps, ref: React.Ref<HTMLElement>): CardPreviewState => {\n  const { logo } = props;\n\n  const {\n    selectableA11yProps: { referenceLabel, referenceId, setReferenceLabel, setReferenceId },\n  } = useCardContext_unstable();\n  const previewRef = useMergedRefs(ref, React.useRef<HTMLDivElement>(null));\n\n  React.useEffect(() => {\n    if (referenceLabel && referenceId) {\n      return;\n    }\n\n    if (previewRef.current && previewRef.current.parentNode) {\n      const img = previewRef.current.parentNode.querySelector<HTMLImageElement>(`.${cardPreviewClassNames.root} > img`);\n\n      if (img) {\n        const ariaLabel = img.getAttribute('aria-label');\n        const ariaDescribedby = img.getAttribute('aria-describedby');\n\n        if (ariaDescribedby) {\n          setReferenceId(ariaDescribedby);\n        } else if (img.alt) {\n          setReferenceLabel(img.alt);\n        } else if (ariaLabel) {\n          setReferenceLabel(ariaLabel);\n        }\n      }\n    }\n  }, [setReferenceLabel, referenceLabel, previewRef, referenceId, setReferenceId]);\n\n  return {\n    components: {\n      root: 'div',\n      logo: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ref: previewRef,\n      ...props,\n    }),\n    logo: resolveShorthand(logo),\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,aAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAEA;;;;;;;;;AASO,MAAMI,uBAAuB,GAAGA,CAACC,KAAuB,EAAEC,GAA2B,KAAsB;EAChH,MAAM;IAAEC;EAAI,CAAE,GAAGF,KAAK;EAEtB,MAAM;IACJG,mBAAmB,EAAE;MAAEC,cAAc;MAAEC,WAAW;MAAEC,iBAAiB;MAAEC;IAAc;EAAE,CACxF,GAAGV,aAAA,CAAAW,uBAAuB,EAAE;EAC7B,MAAMC,UAAU,GAAGb,iBAAA,CAAAc,aAAa,CAACT,GAAG,EAAEP,KAAK,CAACiB,MAAM,CAAiB,IAAI,CAAC,CAAC;EAEzEjB,KAAK,CAACkB,SAAS,CAAC,MAAK;IACnB,IAAIR,cAAc,IAAIC,WAAW,EAAE;MACjC;;IAGF,IAAII,UAAU,CAACI,OAAO,IAAIJ,UAAU,CAACI,OAAO,CAACC,UAAU,EAAE;MACvD,MAAMC,GAAG,GAAGN,UAAU,CAACI,OAAO,CAACC,UAAU,CAACE,aAAa,CAAmB,IAAIlB,sBAAA,CAAAmB,qBAAqB,CAACC,IAAI,QAAQ,CAAC;MAEjH,IAAIH,GAAG,EAAE;QACP,MAAMI,SAAS,GAAGJ,GAAG,CAACK,YAAY,CAAC,YAAY,CAAC;QAChD,MAAMC,eAAe,GAAGN,GAAG,CAACK,YAAY,CAAC,kBAAkB,CAAC;QAE5D,IAAIC,eAAe,EAAE;UACnBd,cAAc,CAACc,eAAe,CAAC;SAChC,MAAM,IAAIN,GAAG,CAACO,GAAG,EAAE;UAClBhB,iBAAiB,CAACS,GAAG,CAACO,GAAG,CAAC;SAC3B,MAAM,IAAIH,SAAS,EAAE;UACpBb,iBAAiB,CAACa,SAAS,CAAC;;;;EAIpC,CAAC,EAAE,CAACb,iBAAiB,EAAEF,cAAc,EAAEK,UAAU,EAAEJ,WAAW,EAAEE,cAAc,CAAC,CAAC;EAEhF,OAAO;IACLgB,UAAU,EAAE;MACVL,IAAI,EAAE,KAAK;MACXhB,IAAI,EAAE;KACP;IAEDgB,IAAI,EAAEtB,iBAAA,CAAA4B,qBAAqB,CAAC,KAAK,EAAE;MACjCvB,GAAG,EAAEQ,UAAU;MACf,GAAGT;KACJ,CAAC;IACFE,IAAI,EAAEN,iBAAA,CAAA6B,gBAAgB,CAACvB,IAAI;GAC5B;AACH,CAAC;AA3CYwB,OAAA,CAAA3B,uBAAuB,GAAAA,uBAAA"}

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

@@ -3,49 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardPreviewStyles = void 0;
-
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+exports.useCardPreviewStyles_unstable = exports.cardPreviewClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
 /**
- * Styles for the root slot
+ * Static CSS class names used internally for the component slots.
  */
-
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
-  "root": {
-    "qhf8xq": "f10pi13n",
-    "B6of3ja": "f1hu3pq6",
-    "t21cq0": ["f8nhgx1", "f16yxz7i"],
-    "jrapky": "f19f4twv",
-    "Frg6f3": ["f16yxz7i", "f8nhgx1"],
-    "Bb0eobv": "floiv14",
-    "m1g0b5": "f1r7p6p5"
+exports.cardPreviewClassNames = {
+  root: 'fui-CardPreview',
+  logo: 'fui-CardPreview__logo'
+};
+const useStyles = /*#__PURE__*/react_1.__styles({
+  root: {
+    qhf8xq: "f10pi13n",
+    pnb5jt: "f1rzl30s",
+    Elg2ur: "f1chxnfo",
+    B184ckt: "f17xb19f"
   },
-  "logo": {
-    "qhf8xq": "f1euv43f",
-    "B5kzvoi": "f1gcvs1y",
-    "oyh7mz": ["f1t6tvco", "ffrfxm3"],
-    "a9b677": "f1szoe96",
-    "Bqenvij": "f1d2rq10"
+  logo: {
+    qhf8xq: "f1euv43f",
+    B5kzvoi: "f1gcvs1y",
+    oyh7mz: ["f1t6tvco", "ffrfxm3"],
+    a9b677: "f1szoe96",
+    Bqenvij: "f1d2rq10"
   }
 }, {
-  "d": [".f10pi13n{position:relative;}", ".f1hu3pq6{margin-top:0;}", ".f8nhgx1{margin-right:-12px;}", ".f16yxz7i{margin-left:-12px;}", ".f19f4twv{margin-bottom:0;}", ".floiv14>*{display:block;}", ".f1r7p6p5>*{width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
+  d: [".f10pi13n{position:relative;}", ".f1rzl30s>:not(.fui-CardPreview__logo){display:block;}", ".f1chxnfo>:not(.fui-CardPreview__logo){height:100%;}", ".f17xb19f>:not(.fui-CardPreview__logo){width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
 });
 /**
- * Apply styling to the CardPreview slots based on the state
+ * Apply styling to the CardPreview slots based on the state.
  */
-
-
-var useCardPreviewStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses('fluentui-react-card-preview', styles.root, state.root.className);
-
+const useCardPreviewStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.cardPreviewClassNames.root, styles.root, state.root.className);
   if (state.logo) {
-    state.logo.className = react_make_styles_1.mergeClasses(styles.logo, state.logo.className);
+    state.logo.className = react_1.mergeClasses(exports.cardPreviewClassNames.logo, styles.logo, state.logo.className);
   }
-
   return state;
 };
-
-exports.useCardPreviewStyles = useCardPreviewStyles;
+exports.useCardPreviewStyles_unstable = useCardPreviewStyles_unstable;
 //# sourceMappingURL=useCardPreviewStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAAwB;AAC1D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,6BAAb,EAA4C,MAAM,CAAC,IAAnD,EAAyD,KAAK,CAAC,IAAN,CAAW,SAApE,CAAvB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
+{"version":3,"names":["react_1","require","exports","cardPreviewClassNames","root","logo","useStyles","__styles","qhf8xq","pnb5jt","Elg2ur","B184ckt","B5kzvoi","oyh7mz","a9b677","Bqenvij","d","useCardPreviewStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-card/src/components/CardPreview/useCardPreviewStyles.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  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"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGA;;;AAGaC,OAAA,CAAAC,qBAAqB,GAAqC;EACrEC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAH,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAN,IAAA;IAAAG,MAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAkB1B;AAEF;;;AAGO,MAAMC,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,MAAM,GAAGb,SAAS,EAAE;EAC1BY,KAAK,CAACd,IAAI,CAACgB,SAAS,GAAGpB,OAAA,CAAAqB,YAAY,CAACnB,OAAA,CAAAC,qBAAqB,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;EAElG,IAAIF,KAAK,CAACb,IAAI,EAAE;IACda,KAAK,CAACb,IAAI,CAACe,SAAS,GAAGpB,OAAA,CAAAqB,YAAY,CAACnB,OAAA,CAAAC,qBAAqB,CAACE,IAAI,EAAEc,MAAM,CAACd,IAAI,EAAEa,KAAK,CAACb,IAAI,CAACe,SAAS,CAAC;;EAGpG,OAAOF,KAAK;AACd,CAAC;AATYhB,OAAA,CAAAe,6BAA6B,GAAAA,6BAAA"}

package/lib-commonjs/index.js

@@ -3,14 +3,154 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-tslib_1.__exportStar(require("./Card"), exports);
-
-tslib_1.__exportStar(require("./CardFooter"), exports);
-
-tslib_1.__exportStar(require("./CardHeader"), exports);
-
-tslib_1.__exportStar(require("./CardPreview"), exports);
+exports.useCardContext_unstable = exports.CardProvider = exports.useCardPreview_unstable = exports.useCardPreviewStyles_unstable = exports.renderCardPreview_unstable = exports.cardPreviewClassNames = exports.CardPreview = exports.useCardHeader_unstable = exports.useCardHeaderStyles_unstable = exports.renderCardHeader_unstable = exports.cardHeaderCSSVars = exports.cardHeaderClassNames = exports.CardHeader = exports.useCardFooter_unstable = exports.useCardFooterStyles_unstable = exports.renderCardFooter_unstable = exports.cardFooterClassNames = exports.CardFooter = exports.useCard_unstable = exports.useCardStyles_unstable = exports.renderCard_unstable = exports.cardCSSVars = exports.cardClassNames = exports.Card = void 0;
+var Card_1 = /*#__PURE__*/require("./Card");
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return Card_1.Card;
+  }
+});
+Object.defineProperty(exports, "cardClassNames", {
+  enumerable: true,
+  get: function () {
+    return Card_1.cardClassNames;
+  }
+});
+Object.defineProperty(exports, "cardCSSVars", {
+  enumerable: true,
+  get: function () {
+    return Card_1.cardCSSVars;
+  }
+});
+Object.defineProperty(exports, "renderCard_unstable", {
+  enumerable: true,
+  get: function () {
+    return Card_1.renderCard_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Card_1.useCardStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCard_unstable", {
+  enumerable: true,
+  get: function () {
+    return Card_1.useCard_unstable;
+  }
+});
+var CardFooter_1 = /*#__PURE__*/require("./CardFooter");
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.CardFooter;
+  }
+});
+Object.defineProperty(exports, "cardFooterClassNames", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.cardFooterClassNames;
+  }
+});
+Object.defineProperty(exports, "renderCardFooter_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.renderCardFooter_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardFooterStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.useCardFooterStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardFooter_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardFooter_1.useCardFooter_unstable;
+  }
+});
+var CardHeader_1 = /*#__PURE__*/require("./CardHeader");
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.CardHeader;
+  }
+});
+Object.defineProperty(exports, "cardHeaderClassNames", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.cardHeaderClassNames;
+  }
+});
+Object.defineProperty(exports, "cardHeaderCSSVars", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.cardHeaderCSSVars;
+  }
+});
+Object.defineProperty(exports, "renderCardHeader_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.renderCardHeader_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardHeaderStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.useCardHeaderStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardHeader_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardHeader_1.useCardHeader_unstable;
+  }
+});
+var CardPreview_1 = /*#__PURE__*/require("./CardPreview");
+Object.defineProperty(exports, "CardPreview", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.CardPreview;
+  }
+});
+Object.defineProperty(exports, "cardPreviewClassNames", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.cardPreviewClassNames;
+  }
+});
+Object.defineProperty(exports, "renderCardPreview_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.renderCardPreview_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardPreviewStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.useCardPreviewStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCardPreview_unstable", {
+  enumerable: true,
+  get: function () {
+    return CardPreview_1.useCardPreview_unstable;
+  }
+});
+var Card_2 = /*#__PURE__*/require("./Card");
+Object.defineProperty(exports, "CardProvider", {
+  enumerable: true,
+  get: function () {
+    return Card_2.CardProvider;
+  }
+});
+Object.defineProperty(exports, "useCardContext_unstable", {
+  enumerable: true,
+  get: function () {
+    return Card_2.useCardContext_unstable;
+  }
+});
 //# sourceMappingURL=index.js.map