npm - @fluentui/react-skeleton - Versions diffs - 9.0.0-beta.9 → 9.0.0 - Mend

@fluentui/react-skeleton 9.0.0-beta.9 → 9.0.0

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 (27) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,111 @@
   "name": "@fluentui/react-skeleton",
   "entries": [
     {
-      "date": "Mon, 17 Apr 2023 17:50:07 GMT",
+      "date": "Fri, 12 May 2023 20:22:12 GMT",
+      "tag": "@fluentui/react-skeleton_v9.0.0",
+      "version": "9.0.0",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "871192b67e1bc8a68da1b4c55b4e0ee2aed0b604",
+            "comment": "chore: move makeStyles() calls to .styles.ts files"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "c28decb23d191a0daaaf6d5d1832429715102129",
+            "comment": "chore: exclude .swcrc from being published"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "ff50792abc7c2cc980168f6afae5e3dfc9be75de",
+            "comment": "fix: Scale pulse animation with percentages and flip wave animation's direction."
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "dbda7fa69e3000aaf8dd4a061e254ebd35198b8e",
+            "comment": "fix: update npmignore files to fix npm8/node16 regression how npm publish works"
+          }
+        ],
+        "minor": [
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "c02b44a98770f8d9da499dbacadcf377eb5efb45",
+            "comment": "chore: Releasing react-skeleton to stable."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-field to v9.1.2",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.4.0",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-theme to v9.1.8",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-utilities to v9.8.1",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 24 Apr 2023 08:12:41 GMT",
+      "tag": "@fluentui/react-skeleton_v9.0.0-beta.10",
+      "version": "9.0.0-beta.10",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-skeleton",
+            "commit": "c899af235684ed0e2745db9c8e394692865b6765",
+            "comment": "chore: adopt custom JSX pragma"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-field to v9.1.1",
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2",
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 17 Apr 2023 17:53:56 GMT",
       "tag": "@fluentui/react-skeleton_v9.0.0-beta.9",
       "version": "9.0.0-beta.9",
       "comments": {

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,38 @@
 # Change Log - @fluentui/react-skeleton
-This log was last generated on Mon, 17 Apr 2023 17:50:07 GMT and should not be manually modified.
+This log was last generated on Fri, 12 May 2023 20:22:12 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.0)
+Fri, 12 May 2023 20:22:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.0-beta.10..@fluentui/react-skeleton_v9.0.0)
+### Minor changes
+- chore: Releasing react-skeleton to stable. ([PR #27767](https://github.com/microsoft/fluentui/pull/27767) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.2 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.4.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-utilities to v9.8.1 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.0-beta.10)
+Mon, 24 Apr 2023 08:12:41 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.0-beta.9..@fluentui/react-skeleton_v9.0.0-beta.10)
+### Changes
+- chore: adopt custom JSX pragma ([PR #27623](https://github.com/microsoft/fluentui/pull/27623) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-field to v9.1.1 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
 ## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.0-beta.9)
-Mon, 17 Apr 2023 17:50:07 GMT
+Mon, 17 Apr 2023 17:53:56 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.0-beta.8..@fluentui/react-skeleton_v9.0.0-beta.9)
 ### Changes

package/README.md CHANGED Viewed

@@ -2,4 +2,10 @@
 **React Skeleton components for [Fluent UI React](https://react.fluentui.dev/)**
-These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
+## Usage
+To import `Skeleton`:
+```js
+import { Skeleton, SkeletonItem } from '@fluentui/react-components';
+```

package/lib/components/Skeleton/renderSkeleton.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { getSlots } from '@fluentui/react-utilities';
+/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
 import { SkeletonContextProvider } from '../../contexts/SkeletonContext';
 /**
  * Render the final JSX of Skeleton
@@ -8,9 +8,9 @@ export const renderSkeleton_unstable = (state, contextValues) => {
   const {
     slots,
     slotProps
-  } = getSlots(state);
-  return /*#__PURE__*/React.createElement(SkeletonContextProvider, {
+  } = getSlotsNext(state);
+  return /*#__PURE__*/createElement(SkeletonContextProvider, {
     value: contextValues.skeletonGroup
-  }, /*#__PURE__*/React.createElement(slots.root, slotProps.root));
+  }, /*#__PURE__*/createElement(slots.root, slotProps.root));
 };
 //# sourceMappingURL=renderSkeleton.js.map

package/lib/components/Skeleton/renderSkeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~React~~","~~getSlots~~","SkeletonContextProvider","renderSkeleton_unstable","state","contextValues","slots","slotProps","~~createElement","~~value","skeletonGroup","root"],"sources":["../../../src/components/Skeleton/renderSkeleton.tsx"],"sourcesContent":["~~import~~ * as ~~React~~ from 'react';\nimport { ~~getSlots~~ } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\nimport type { SkeletonContextValues, SkeletonSlots, SkeletonState } from './Skeleton.types';\n\n/*\n Render the final JSX of Skeleton\n */\nexport const renderSkeleton_unstable = (state: SkeletonState, contextValues: SkeletonContextValues) => {\n const { slots, slotProps } = ~~getSlots~~<SkeletonSlots>(state);\n\n return (\n <SkeletonContextProvider value={contextValues.skeletonGroup}>\n <slots.root {...slotProps.root} />\n </SkeletonContextProvider>\n );\n};\n"],"mappings":"AAAA,~~YAAYA~~,~~KAAA~~,~~MAAW~~;~~AACvB~~,SAASC,~~QAAQ~~,QAAQ;~~AACzB~~,SAASC,uBAAuB,QAAQ;AAGxC;;;AAGA,OAAO,MAAMC,uBAAA,GAA0BA,CAACC,KAAA,EAAsBC,aAAA,KAAyC;EACrG,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,~~QAAA~~,~~CAAwBG~~,KAAA;~~EAErD~~,oBACEJ,~~KAAA~~,~~CAAAQ~~,~~aAAA,CAACN,~~uBAAA;~~IAAwBO~~,KAAA,~~EAAOJ~~,aAAA,~~CAAcK~~;~~kBAC5CV~~,~~KAAA~~,~~CAAAQ~~,~~aAAA,CAACF,~~KAAA,~~CAAMK~~,IAAI,~~EAAKJ~~,SAAA,~~CAAUI~~,IAAI;AAGpC"}
1	+ {"version":3,"names":["createElement","getSlotsNext","SkeletonContextProvider","renderSkeleton_unstable","state","contextValues","slots","slotProps","value","skeletonGroup","root"],"sources":["../../../src/components/Skeleton/renderSkeleton.tsx"],"sourcesContent":["/** @jsxRuntime classic /\n/* @jsx createElement /\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\nimport type { SkeletonContextValues, SkeletonSlots, SkeletonState } from './Skeleton.types';\n\n/\n Render the final JSX of Skeleton\n */\nexport const renderSkeleton_unstable = (state: SkeletonState, contextValues: SkeletonContextValues) => {\n const { slots, slotProps } = getSlotsNext<SkeletonSlots>(state);\n\n return (\n <SkeletonContextProvider value={contextValues.skeletonGroup}>\n <slots.root {...slotProps.root} />\n </SkeletonContextProvider>\n );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,uBAAuB,QAAQ;AAGxC;;;AAGA,OAAO,MAAMC,uBAAA,GAA0BA,CAACC,KAAA,EAAsBC,aAAA,KAAyC;EACrG,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAA4BG,KAAA;EAEzD,oBACEJ,aAfJ,CAeKE,uBAAA;IAAwBM,KAAA,EAAOH,aAAA,CAAcI;kBAC5CT,aAhBN,CAgBOM,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI;AAGpC"}

package/lib/components/SkeletonItem/SkeletonItem.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useSkeletonItem_unstable } from './useSkeletonItem';
 import { renderSkeletonItem_unstable } from './renderSkeletonItem';
-import { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles';
+import { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';
 export const SkeletonItem = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useSkeletonItem_unstable(props, ref);
   useSkeletonItemStyles_unstable(state);

package/lib/components/SkeletonItem/SkeletonItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useSkeletonItem_unstable","renderSkeletonItem_unstable","useSkeletonItemStyles_unstable","SkeletonItem","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/SkeletonItem/SkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles';\nimport type { SkeletonItemProps } from './SkeletonItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport const SkeletonItem: ForwardRefComponent<SkeletonItemProps> = React.forwardRef((props, ref) => {\n const state = useSkeletonItem_unstable(props, ref);\n\n useSkeletonItemStyles_unstable(state);\n return renderSkeletonItem_unstable(state);\n});\n\nSkeletonItem.displayName = 'SkeletonItem';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,8BAA8B,QAAQ;AAI/C,OAAO,MAAMC,YAAA,gBAAuDJ,KAAA,CAAMK,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnG,MAAMC,KAAA,GAAQP,wBAAA,CAAyBK,KAAA,EAAOC,GAAA;EAE9CJ,8BAAA,CAA+BK,KAAA;EAC/B,OAAON,2BAAA,CAA4BM,KAAA;AACrC;AAEAJ,YAAA,CAAaK,WAAW,GAAG"}
1	+ {"version":3,"names":["React","useSkeletonItem_unstable","renderSkeletonItem_unstable","useSkeletonItemStyles_unstable","SkeletonItem","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/SkeletonItem/SkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';\nimport type { SkeletonItemProps } from './SkeletonItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport const SkeletonItem: ForwardRefComponent<SkeletonItemProps> = React.forwardRef((props, ref) => {\n const state = useSkeletonItem_unstable(props, ref);\n\n useSkeletonItemStyles_unstable(state);\n return renderSkeletonItem_unstable(state);\n});\n\nSkeletonItem.displayName = 'SkeletonItem';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,8BAA8B,QAAQ;AAI/C,OAAO,MAAMC,YAAA,gBAAuDJ,KAAA,CAAMK,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnG,MAAMC,KAAA,GAAQP,wBAAA,CAAyBK,KAAA,EAAOC,GAAA;EAE9CJ,8BAAA,CAA+BK,KAAA;EAC/B,OAAON,2BAAA,CAA4BM,KAAA;AACrC;AAEAJ,YAAA,CAAaK,WAAW,GAAG"}

package/lib/components/SkeletonItem/index.js CHANGED Viewed

@@ -2,5 +2,5 @@ export * from './SkeletonItem';
 export * from './SkeletonItem.types';
 export * from './renderSkeletonItem';
 export * from './useSkeletonItem';
-export * from './useSkeletonItemStyles';
+export * from './useSkeletonItemStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/SkeletonItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../src/components/SkeletonItem/index.ts"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
1	+ {"version":3,"names":[],"sources":["../../../src/components/SkeletonItem/index.ts"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/SkeletonItem/renderSkeletonItem.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { getSlots } from '@fluentui/react-utilities';
+/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of SkeletonItem
  */
@@ -7,7 +7,7 @@ export const renderSkeletonItem_unstable = state => {
   const {
     slots,
     slotProps
-  } = getSlots(state);
-  return /*#__PURE__*/React.createElement(slots.root, slotProps.root);
+  } = getSlotsNext(state);
+  return /*#__PURE__*/createElement(slots.root, slotProps.root);
 };
 //# sourceMappingURL=renderSkeletonItem.js.map

package/lib/components/SkeletonItem/renderSkeletonItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~React~~","~~getSlots~~","renderSkeletonItem_unstable","state","slots","slotProps","~~createElement","~~root"],"sources":["../../../src/components/SkeletonItem/renderSkeletonItem.tsx"],"sourcesContent":["~~import~~ * as ~~React~~ from 'react';\nimport { ~~getSlots~~ } from '@fluentui/react-utilities';\nimport type { SkeletonItemState, SkeletonItemSlots } from './SkeletonItem.types';\n\n/*\n Render the final JSX of SkeletonItem\n */\nexport const renderSkeletonItem_unstable = (state: SkeletonItemState) => {\n const { slots, slotProps } = ~~getSlots~~<SkeletonItemSlots>(state);\n\n return <slots.root {...slotProps.root} />;\n};\n"],"mappings":"AAAA,~~YAAYA~~,~~KAAA~~,~~MAAW~~;~~AACvB~~,SAASC,~~QAAQ~~,QAAQ;~~AAGzB~~;;;AAGA,OAAO,MAAMC,2BAAA,GAA+BC,KAAA,IAA6B;EACvE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,~~QAAA~~,~~CAA4BE~~,KAAA;~~EAEzD~~,oBAAOH,~~KAAA~~,~~CAAAM~~,~~aAAA,CAACF,~~KAAA,~~CAAMG~~,IAAI,~~EAAKF~~,SAAA,~~CAAUE~~,IAAI;AACvC"}
1	+ {"version":3,"names":["createElement","getSlotsNext","renderSkeletonItem_unstable","state","slots","slotProps","root"],"sources":["../../../src/components/SkeletonItem/renderSkeletonItem.tsx"],"sourcesContent":["/** @jsxRuntime classic /\n/* @jsx createElement /\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { SkeletonItemState, SkeletonItemSlots } from './SkeletonItem.types';\n\n/\n Render the final JSX of SkeletonItem\n */\nexport const renderSkeletonItem_unstable = (state: SkeletonItemState) => {\n const { slots, slotProps } = getSlotsNext<SkeletonItemSlots>(state);\n\n return <slots.root {...slotProps.root} />;\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,2BAAA,GAA+BC,KAAA,IAA6B;EACvE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAgCE,KAAA;EAE7D,oBAAOH,aAbT,CAaUI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI;AACvC"}

package/lib/components/SkeletonItem/{useSkeletonItemStyles.js → useSkeletonItemStyles.styles.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { tokens } from '@fluentui/react-theme';
 export const skeletonItemClassNames = {
   root: 'fui-SkeletonItem'
 };
-const skeletonWaveAnimationRTL = {
+const skeletonWaveAnimation = {
   from: {
     backgroundPositionX: '300% /* @noflip */'
   },
@@ -12,7 +12,7 @@ const skeletonWaveAnimationRTL = {
     backgroundPositionX: '0% /* @noflip */'
   }
 };
-const skeletonWaveAnimation = {
+const skeletonWaveAnimationRTL = {
   from: {
     backgroundPositionX: '0% /* @noflip */'
   },
@@ -21,11 +21,14 @@ const skeletonWaveAnimation = {
   }
 };
 const skeletonPulseAnimation = {
-  from: {
+  '0%': {
     opacity: '1'
   },
-  to: {
+  '50%': {
     opacity: '0.4'
+  },
+  '100%': {
+    opacity: '1'
   }
 };
 /**
@@ -45,15 +48,18 @@ const useStyles = /*#__PURE__*/__styles({
     Ezkn3b: "f452v7t"
   },
   wave: {
-    Bv12yb3: "f105t0nc",
+    Bv12yb3: "fj20wtk",
     Bcmaq0h: ["f101ziu5", "f152emvt"],
     Bpep1pd: "f9jxvrw"
   },
   waveRtl: {
-    Bv12yb3: "fj20wtk"
+    Bv12yb3: "f105t0nc",
+    Bcmaq0h: ["f101ziu5", "f152emvt"],
+    Bpep1pd: "f9jxvrw"
   },
   pulse: {
-    Bv12yb3: "f1lslbfe",
+    Bv12yb3: "fnm2mpv",
+    vin17d: "f1iuewzk",
     De3pzq: "f1gjxg63"
   },
   translucent: {
@@ -63,10 +69,12 @@ const useStyles = /*#__PURE__*/__styles({
     De3pzq: "f162mh4z"
   }
 }, {
-  d: [".f10pi13n{position:relative;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1qx3921{-webkit-background-size:300% 100%;background-size:300% 100%;}", ".fj9j8l8{background-position-x:center;}", ".f1b6djjb{background-position-y:center;}", ".f1dsdmen{background-attachment:fixed;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}", ".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}", ".f101ziu5{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralStencil1) 0%,\n      var(--colorNeutralStencil2) 50%,\n      var(--colorNeutralStencil1) 100%);}", ".f152emvt{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralStencil1) 0%,\n      var(--colorNeutralStencil2) 50%,\n      var(--colorNeutralStencil1) 100%);}", ".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}", ".f1lslbfe{-webkit-animation-name:f1t0xrs;animation-name:f1t0xrs;}", ".f1gjxg63{background-color:var(--colorNeutralStencil1);}", ".fss7axp{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralStencil1Alpha) 0%,\n      var(--colorNeutralStencil2Alpha) 50%,\n      var(--colorNeutralStencil1Alpha) 100%);}", ".f4160cw{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralStencil1Alpha) 0%,\n      var(--colorNeutralStencil2Alpha) 50%,\n      var(--colorNeutralStencil1Alpha) 100%);}", ".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}"],
-  k: ["@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}", "@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}", "@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}", "@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}", "@-webkit-keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}", "@keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}"],
+  d: [".f10pi13n{position:relative;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1qx3921{-webkit-background-size:300% 100%;background-size:300% 100%;}", ".fj9j8l8{background-position-x:center;}", ".f1b6djjb{background-position-y:center;}", ".f1dsdmen{background-attachment:fixed;}", ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}", ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}", ".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}", ".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}", ".f101ziu5{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralStencil1) 0%,\n      var(--colorNeutralStencil2) 50%,\n      var(--colorNeutralStencil1) 100%);}", ".f152emvt{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralStencil1) 0%,\n      var(--colorNeutralStencil2) 50%,\n      var(--colorNeutralStencil1) 100%);}", ".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}", ".fnm2mpv{-webkit-animation-name:f12o7gg6;animation-name:f12o7gg6;}", ".f1iuewzk{-webkit-animation-duration:1s;animation-duration:1s;}", ".f1gjxg63{background-color:var(--colorNeutralStencil1);}", ".fss7axp{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralStencil1Alpha) 0%,\n      var(--colorNeutralStencil2Alpha) 50%,\n      var(--colorNeutralStencil1Alpha) 100%);}", ".f4160cw{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralStencil1Alpha) 0%,\n      var(--colorNeutralStencil2Alpha) 50%,\n      var(--colorNeutralStencil1Alpha) 100%);}", ".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}"],
+  k: ["@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}", "@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}", "@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}", "@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}", "@-webkit-keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}", "@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}"],
   m: [["@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}", {
     m: "screen and (forced-colors: active)"
+  }], ["@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}", {
+    m: "screen and (forced-colors: active)"
   }]]
 });
 const useRectangleStyles = /*#__PURE__*/__styles({
@@ -226,4 +234,4 @@ export const useSkeletonItemStyles_unstable = state => {
   state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);
   return state;
 };
-//# sourceMappingURL=useSkeletonItemStyles.js.map
+//# sourceMappingURL=useSkeletonItemStyles.styles.js.map

package/lib/components/SkeletonItem/useSkeletonItemStyles.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["__styles","mergeClasses","shorthands","useFluent_unstable","useFluent","tokens","skeletonItemClassNames","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["../../../src/components/SkeletonItem/useSkeletonItemStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SkeletonItemSlots, SkeletonItemState } from './SkeletonItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const skeletonItemClassNames: SlotClassNames<SkeletonItemSlots> = {\n root: 'fui-SkeletonItem',\n};\n\nconst skeletonWaveAnimation = {\n from: {\n backgroundPositionX: '300% /* @noflip */',\n },\n to: {\n backgroundPositionX: '0% /* @noflip */',\n },\n};\n\nconst skeletonWaveAnimationRTL = {\n from: {\n backgroundPositionX: '0% /* @noflip */',\n },\n to: {\n backgroundPositionX: '300% /* @noflip */',\n },\n};\n\nconst skeletonPulseAnimation = {\n '0%': {\n opacity: '1',\n },\n '50%': {\n opacity: '0.4',\n },\n '100%': {\n opacity: '1',\n },\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n position: 'relative',\n ...shorthands.overflow('hidden'),\n backgroundSize: '300% 100%',\n backgroundPositionX: 'center',\n backgroundPositionY: 'center',\n backgroundAttachment: 'fixed',\n animationIterationCount: 'infinite',\n animationDuration: '3s',\n animationTimingFunction: 'linear',\n },\n wave: {\n animationName: skeletonWaveAnimation,\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralStencil1} 0%,\n ${tokens.colorNeutralStencil2} 50%,\n ${tokens.colorNeutralStencil1} 100%)`,\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'WindowText',\n },\n },\n waveRtl: {\n animationName: skeletonWaveAnimationRTL,\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralStencil1} 0%,\n ${tokens.colorNeutralStencil2} 50%,\n ${tokens.colorNeutralStencil1} 100%)`,\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'WindowText',\n },\n },\n pulse: {\n animationName: skeletonPulseAnimation,\n animationDuration: '1s',\n backgroundColor: tokens.colorNeutralStencil1,\n },\n translucent: {\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralStencil1Alpha} 0%,\n ${tokens.colorNeutralStencil2Alpha} 50%,\n ${tokens.colorNeutralStencil1Alpha} 100%)`,\n },\n translucentPulse: {\n backgroundColor: tokens.colorNeutralStencil1Alpha,\n },\n});\n\nconst useRectangleStyles = makeStyles({\n root: {\n width: '100%',\n ...shorthands.borderRadius('4px'),\n },\n 8: { height: '8px' },\n 12: { height: '12px' },\n 16: { height: '16px' },\n 20: { height: '20px' },\n 24: { height: '24px' },\n 28: { height: '28px' },\n 32: { height: '32px' },\n 36: { height: '36px' },\n 40: { height: '40px' },\n 48: { height: '48px' },\n 56: { height: '56px' },\n 64: { height: '64px' },\n 72: { height: '72px' },\n 96: { height: '96px' },\n 120: { height: '120px' },\n 128: { height: '128px' },\n});\n\nconst useSizeStyles = makeStyles({\n 8: { width: '8px', height: '8px' },\n 12: { width: '12px', height: '12px' },\n 16: { width: '16px', height: '16px' },\n 20: { width: '20px', height: '20px' },\n 24: { width: '24px', height: '24px' },\n 28: { width: '28px', height: '28px' },\n 32: { width: '32px', height: '32px' },\n 36: { width: '36px', height: '36px' },\n 40: { width: '40px', height: '40px' },\n 48: { width: '48px', height: '48px' },\n 56: { width: '56px', height: '56px' },\n 64: { width: '64px', height: '64px' },\n 72: { width: '72px', height: '72px' },\n 96: { width: '96px', height: '96px' },\n 120: { width: '120px', height: '120px' },\n 128: { width: '128px', height: '128px' },\n});\n\nconst useCircleSizeStyles = makeStyles({\n root: {\n ...shorthands.borderRadius('50%'),\n },\n});\n\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = (state: SkeletonItemState): SkeletonItemState => {\n const { animation, appearance, size, shape } = state;\n const { dir } = useFluent();\n\n const rootStyles = useStyles();\n const rectStyles = useRectangleStyles();\n const sizeStyles = useSizeStyles();\n const circleStyles = useCircleSizeStyles();\n\n state.root.className = mergeClasses(\n skeletonItemClassNames.root,\n rootStyles.root,\n animation === 'wave' && rootStyles.wave,\n animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl,\n animation === 'pulse' && rootStyles.pulse,\n appearance === 'translucent' && rootStyles.translucent,\n animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse,\n shape === 'rectangle' && rectStyles.root,\n shape === 'rectangle' && rectStyles[size],\n shape === 'square' && sizeStyles[size],\n shape === 'circle' && circleStyles.root,\n shape === 'circle' && sizeStyles[size],\n state.root.className,\n );\n\n return state;\n};\n"],"mappings":"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"}

package/lib-commonjs/components/Skeleton/renderSkeleton.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -6,15 +6,14 @@ Object.defineProperty(exports, "renderSkeleton_unstable", {
     enumerable: true,
     get: ()=>renderSkeleton_unstable
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _skeletonContext = require("../../contexts/SkeletonContext");
 const renderSkeleton_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(_skeletonContext.SkeletonContextProvider, {
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_skeletonContext.SkeletonContextProvider, {
         value: contextValues.skeletonGroup
-    }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root));
 }; //# sourceMappingURL=renderSkeleton.js.map
 //# sourceMappingURL=renderSkeleton.js.map

package/lib-commonjs/components/Skeleton/renderSkeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/Skeleton/renderSkeleton.js"],"sourcesContent":["import * as ~~React~~ from 'react';\nimport { ~~getSlots~~ } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\n/*\n Render the final JSX of Skeleton\n /\nexport const renderSkeleton_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = ~~getSlots~~(state);\n return /#__PURE__/~~React.~~createElement(SkeletonContextProvider, {\n value: contextValues.skeletonGroup\n }, /#__PURE__*/~~React.~~createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderSkeleton.js.map"],"names":["renderSkeleton_unstable","state","contextValues","slots","slotProps","~~getSlots~~","~~React","~~createElement","SkeletonContextProvider","value","skeletonGroup","root"],"mappings":";;;;+~~BAMaA~~;;aAAAA~~;;;6DANU~~;~~gCACE~~;~~iCACe~~;AAIjC,MAAMA,0BAA0B,CAACC,OAAOC,gBAAkB;IAC/D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,~~wBAAQ~~,EAACJ;~~IACb~~,OAAO,WAAW,GAAEK,~~OAAMC~~,~~aAAa~~,~~CAACC~~,wCAAuB,EAAE;~~QAC/DC~~,~~OAAOP~~,~~cAAcQ~~,aAAa;IACpC,GAAG,WAAW,~~GAAEJ~~,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMQ~~,IAAI,~~EAAEP~~,~~UAAUO~~,IAAI;~~AAChE~~,GACA,0CAA0C"}
1	+ {"version":3,"sources":["../../../lib/components/Skeleton/renderSkeleton.js"],"sourcesContent":["/** @jsxRuntime classic / /* @jsx createElement /import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { SkeletonContextProvider } from '../../contexts/SkeletonContext';\n/\n Render the final JSX of Skeleton\n /\nexport const renderSkeleton_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /#__PURE__/createElement(SkeletonContextProvider, {\n value: contextValues.skeletonGroup\n }, /#__PURE__*/createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderSkeleton.js.map"],"names":["renderSkeleton_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","SkeletonContextProvider","value","skeletonGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;iCACW;AAIjC,MAAMA,0BAA0B,CAACC,OAAOC,gBAAkB;IAC/D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACzDC,OAAON,cAAcO,aAAa;IACpC,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC1D,GACA,0CAA0C"}

package/lib-commonjs/components/SkeletonItem/SkeletonItem.js CHANGED Viewed

@@ -10,10 +10,10 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useSkeletonItem = require("./useSkeletonItem");
 const _renderSkeletonItem = require("./renderSkeletonItem");
-const _useSkeletonItemStyles = require("./useSkeletonItemStyles");
+const _useSkeletonItemStylesStyles = require("./useSkeletonItemStyles.styles");
 const SkeletonItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useSkeletonItem.useSkeletonItem_unstable)(props, ref);
-    (0, _useSkeletonItemStyles.useSkeletonItemStyles_unstable)(state);
+    (0, _useSkeletonItemStylesStyles.useSkeletonItemStyles_unstable)(state);
     return (0, _renderSkeletonItem.renderSkeletonItem_unstable)(state);
 });
 SkeletonItem.displayName = 'SkeletonItem'; //# sourceMappingURL=SkeletonItem.js.map

package/lib-commonjs/components/SkeletonItem/SkeletonItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/SkeletonItem/SkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles';\nexport const SkeletonItem = /#__PURE__/React.forwardRef((props, ref) => {\n const state = useSkeletonItem_unstable(props, ref);\n useSkeletonItemStyles_unstable(state);\n return renderSkeletonItem_unstable(state);\n});\nSkeletonItem.displayName = 'SkeletonItem';\n//# sourceMappingURL=SkeletonItem.js.map"],"names":["SkeletonItem","React","forwardRef","props","ref","state","useSkeletonItem_unstable","useSkeletonItemStyles_unstable","renderSkeletonItem_unstable","displayName"],"mappings":";;;;+BAIaA;;aAAAA;;;6DAJU;iCACkB;oCACG;~~uCACG~~;AACxC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,~~qDAA8B~~,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACrC;AACAL,aAAaS,WAAW,GAAG,gBAC3B,wCAAwC"}
1	+ {"version":3,"sources":["../../../lib/components/SkeletonItem/SkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useSkeletonItem_unstable } from './useSkeletonItem';\nimport { renderSkeletonItem_unstable } from './renderSkeletonItem';\nimport { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles';\nexport const SkeletonItem = /#__PURE__/React.forwardRef((props, ref) => {\n const state = useSkeletonItem_unstable(props, ref);\n useSkeletonItemStyles_unstable(state);\n return renderSkeletonItem_unstable(state);\n});\nSkeletonItem.displayName = 'SkeletonItem';\n//# sourceMappingURL=SkeletonItem.js.map"],"names":["SkeletonItem","React","forwardRef","props","ref","state","useSkeletonItem_unstable","useSkeletonItemStyles_unstable","renderSkeletonItem_unstable","displayName"],"mappings":";;;;+BAIaA;;aAAAA;;;6DAJU;iCACkB;oCACG;6CACG;AACxC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACrC;AACAL,aAAaS,WAAW,GAAG,gBAC3B,wCAAwC"}

package/lib-commonjs/components/SkeletonItem/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ _exportStar(require("./SkeletonItem"), exports);
 _exportStar(require("./SkeletonItem.types"), exports);
 _exportStar(require("./renderSkeletonItem"), exports);
 _exportStar(require("./useSkeletonItem"), exports);
-_exportStar(require("./useSkeletonItemStyles"), exports);
+_exportStar(require("./useSkeletonItemStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/SkeletonItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/SkeletonItem/index.js"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1	+ {"version":3,"sources":["../../../lib/components/SkeletonItem/index.js"],"sourcesContent":["export * from './SkeletonItem';\nexport * from './SkeletonItem.types';\nexport * from './renderSkeletonItem';\nexport * from './useSkeletonItem';\nexport * from './useSkeletonItemStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/SkeletonItem/renderSkeletonItem.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "renderSkeletonItem_unstable", {
     enumerable: true,
     get: ()=>renderSkeletonItem_unstable
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderSkeletonItem_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root);
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
 }; //# sourceMappingURL=renderSkeletonItem.js.map
 //# sourceMappingURL=renderSkeletonItem.js.map

package/lib-commonjs/components/SkeletonItem/renderSkeletonItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/SkeletonItem/renderSkeletonItem.js"],"sourcesContent":["import * as ~~React~~ from 'react';\nimport { ~~getSlots~~ } from '@fluentui/react-utilities';\n/*\n Render the final JSX of SkeletonItem\n /\nexport const renderSkeletonItem_unstable = state => {\n const {\n slots,\n slotProps\n } = ~~getSlots~~(state);\n return /#__PURE__*/~~React.~~createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderSkeletonItem.js.map"],"names":["renderSkeletonItem_unstable","state","slots","slotProps","~~getSlots~~","~~React","~~createElement","root"],"mappings":";;;;+~~BAKaA~~;;aAAAA~~;;;6DALU~~;~~gCACE~~;~~AAIlB~~,MAAMA,8BAA8BC,CAAAA,QAAS;IAClD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,~~wBAAQ~~,EAACH;~~IACb~~,OAAO,WAAW,GAAEI,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMK~~,IAAI,~~EAAEJ~~,~~UAAUI~~,IAAI;~~AACpE~~,GACA,8CAA8C"}
1	+ {"version":3,"sources":["../../../lib/components/SkeletonItem/renderSkeletonItem.js"],"sourcesContent":["/** @jsxRuntime classic / /* @jsx createElement /import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/\n Render the final JSX of SkeletonItem\n /\nexport const renderSkeletonItem_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /#__PURE__*/createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderSkeletonItem.js.map"],"names":["renderSkeletonItem_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,8BAA8BC,CAAAA,QAAS;IAClD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AAC9D,GACA,8CAA8C"}

package/lib-commonjs/components/SkeletonItem/{useSkeletonItemStyles.js → useSkeletonItemStyles.styles.js} RENAMED Viewed

@@ -17,7 +17,7 @@ const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const skeletonItemClassNames = {
     root: 'fui-SkeletonItem'
 };
-const skeletonWaveAnimationRTL = {
+const skeletonWaveAnimation = {
     from: {
         backgroundPositionX: '300% /* @noflip */'
     },
@@ -25,7 +25,7 @@ const skeletonWaveAnimationRTL = {
         backgroundPositionX: '0% /* @noflip */'
     }
 };
-const skeletonWaveAnimation = {
+const skeletonWaveAnimationRTL = {
     from: {
         backgroundPositionX: '0% /* @noflip */'
     },
@@ -34,11 +34,14 @@ const skeletonWaveAnimation = {
     }
 };
 const skeletonPulseAnimation = {
-    from: {
+    '0%': {
         opacity: '1'
     },
-    to: {
+    '50%': {
         opacity: '0.4'
+    },
+    '100%': {
+        opacity: '1'
     }
 };
 /**
@@ -57,7 +60,7 @@ const skeletonPulseAnimation = {
         Ezkn3b: "f452v7t"
     },
     wave: {
-        Bv12yb3: "f105t0nc",
+        Bv12yb3: "fj20wtk",
         Bcmaq0h: [
             "f101ziu5",
             "f152emvt"
@@ -65,10 +68,16 @@ const skeletonPulseAnimation = {
         Bpep1pd: "f9jxvrw"
     },
     waveRtl: {
-        Bv12yb3: "fj20wtk"
+        Bv12yb3: "f105t0nc",
+        Bcmaq0h: [
+            "f101ziu5",
+            "f152emvt"
+        ],
+        Bpep1pd: "f9jxvrw"
     },
     pulse: {
-        Bv12yb3: "f1lslbfe",
+        Bv12yb3: "fnm2mpv",
+        vin17d: "f1iuewzk",
         De3pzq: "f1gjxg63"
     },
     translucent: {
@@ -92,25 +101,32 @@ const skeletonPulseAnimation = {
         ".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}",
         ".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}",
         ".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}",
-        ".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}",
+        ".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}",
         ".f101ziu5{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralStencil1) 0%,\n      var(--colorNeutralStencil2) 50%,\n      var(--colorNeutralStencil1) 100%);}",
         ".f152emvt{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralStencil1) 0%,\n      var(--colorNeutralStencil2) 50%,\n      var(--colorNeutralStencil1) 100%);}",
-        ".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}",
-        ".f1lslbfe{-webkit-animation-name:f1t0xrs;animation-name:f1t0xrs;}",
+        ".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}",
+        ".fnm2mpv{-webkit-animation-name:f12o7gg6;animation-name:f12o7gg6;}",
+        ".f1iuewzk{-webkit-animation-duration:1s;animation-duration:1s;}",
         ".f1gjxg63{background-color:var(--colorNeutralStencil1);}",
         ".fss7axp{background-image:linear-gradient(\n      to right,\n      var(--colorNeutralStencil1Alpha) 0%,\n      var(--colorNeutralStencil2Alpha) 50%,\n      var(--colorNeutralStencil1Alpha) 100%);}",
         ".f4160cw{background-image:linear-gradient(\n      to left,\n      var(--colorNeutralStencil1Alpha) 0%,\n      var(--colorNeutralStencil2Alpha) 50%,\n      var(--colorNeutralStencil1Alpha) 100%);}",
         ".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}"
     ],
     k: [
-        "@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
-        "@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
         "@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}",
         "@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}",
-        "@-webkit-keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}",
-        "@keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}"
+        "@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
+        "@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}",
+        "@-webkit-keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}",
+        "@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}"
     ],
     m: [
+        [
+            "@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}",
+            {
+                m: "screen and (forced-colors: active)"
+            }
+        ],
         [
             "@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}",
             {
@@ -349,6 +365,6 @@ const useSkeletonItemStyles_unstable = (state)=>{
     const circleStyles = useCircleSizeStyles();
     state.root.className = (0, _react.mergeClasses)(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);
     return state;
-}; //# sourceMappingURL=useSkeletonItemStyles.js.map
+}; //# sourceMappingURL=useSkeletonItemStyles.styles.js.map
-//# sourceMappingURL=useSkeletonItemStyles.js.map
+//# sourceMappingURL=useSkeletonItemStyles.styles.js.map

package/lib-commonjs/components/SkeletonItem/useSkeletonItemStyles.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../lib/components/SkeletonItem/useSkeletonItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\nexport const skeletonItemClassNames = {\n root: 'fui-SkeletonItem'\n};\nconst skeletonWaveAnimation = {\n from: {\n backgroundPositionX: '300% /* @noflip */'\n },\n to: {\n backgroundPositionX: '0% /* @noflip */'\n }\n};\nconst skeletonWaveAnimationRTL = {\n from: {\n backgroundPositionX: '0% /* @noflip */'\n },\n to: {\n backgroundPositionX: '300% /* @noflip */'\n }\n};\nconst skeletonPulseAnimation = {\n '0%': {\n opacity: '1'\n },\n '50%': {\n opacity: '0.4'\n },\n '100%': {\n opacity: '1'\n }\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bkjc3bi: \"f1qx3921\",\n B8a6bjv: \"fj9j8l8\",\n Bpptf2m: \"f1b6djjb\",\n Bgh53k4: \"f1dsdmen\",\n w3vfg9: \"f1cpbl36\",\n vin17d: \"f1a27w2r\",\n Ezkn3b: \"f452v7t\"\n },\n wave: {\n Bv12yb3: \"fj20wtk\",\n Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n Bpep1pd: \"f9jxvrw\"\n },\n waveRtl: {\n Bv12yb3: \"f105t0nc\",\n Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n Bpep1pd: \"f9jxvrw\"\n },\n pulse: {\n Bv12yb3: \"fnm2mpv\",\n vin17d: \"f1iuewzk\",\n De3pzq: \"f1gjxg63\"\n },\n translucent: {\n Bcmaq0h: [\"fss7axp\", \"f4160cw\"]\n },\n translucentPulse: {\n De3pzq: \"f162mh4z\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1qx3921{-webkit-background-size:300% 100%;background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}\", \".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}\", \".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}\", \".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}\", \".f101ziu5{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralStencil1) 0%,\\n var(--colorNeutralStencil2) 50%,\\n var(--colorNeutralStencil1) 100%);}\", \".f152emvt{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralStencil1) 0%,\\n var(--colorNeutralStencil2) 50%,\\n var(--colorNeutralStencil1) 100%);}\", \".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}\", \".fnm2mpv{-webkit-animation-name:f12o7gg6;animation-name:f12o7gg6;}\", \".f1iuewzk{-webkit-animation-duration:1s;animation-duration:1s;}\", \".f1gjxg63{background-color:var(--colorNeutralStencil1);}\", \".fss7axp{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralStencil1Alpha) 0%,\\n var(--colorNeutralStencil2Alpha) 50%,\\n var(--colorNeutralStencil1Alpha) 100%);}\", \".f4160cw{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralStencil1Alpha) 0%,\\n var(--colorNeutralStencil2Alpha) 50%,\\n var(--colorNeutralStencil1Alpha) 100%);}\", \".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}\"],\n k: [\"@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@-webkit-keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}\", \"@keyframes f12o7gg6{0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}}\"],\n m: [[\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n m: \"screen and (forced-colors: active)\"\n }], [\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n m: \"screen and (forced-colors: active)\"\n }]]\n});\nconst useRectangleStyles = /*#__PURE__*/__styles({\n \"8\": {\n Bqenvij: \"f1x82gua\"\n },\n \"12\": {\n Bqenvij: \"fvblgha\"\n },\n \"16\": {\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n Bqenvij: \"fele2au\"\n },\n root: {\n a9b677: \"fly5x3f\",\n Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n Btl43ni: [\"f8wkphi\", \"fwsfkhu\"]\n }\n}, {\n d: [\".f1x82gua{height:8px;}\", \".fvblgha{height:12px;}\", \".fd461yt{height:16px;}\", \".fjamq6b{height:20px;}\", \".frvgh55{height:24px;}\", \".fxldao9{height:28px;}\", \".f1d2rq10{height:32px;}\", \".f8ljn23{height:36px;}\", \".fbhnoac{height:40px;}\", \".ff2sm71{height:48px;}\", \".fzki0ko{height:56px;}\", \".f16k9i2m{height:64px;}\", \".f1shusfg{height:72px;}\", \".fypu0ge{height:96px;}\", \".fjr5b71{height:120px;}\", \".fele2au{height:128px;}\", \".fly5x3f{width:100%;}\", \".fff7au0{border-bottom-right-radius:4px;}\", \".f1bjk9e1{border-bottom-left-radius:4px;}\", \".fwsfkhu{border-top-right-radius:4px;}\", \".f8wkphi{border-top-left-radius:4px;}\"]\n});\nconst useSizeStyles = /*#__PURE__*/__styles({\n \"8\": {\n a9b677: \"f1o3cbw4\",\n Bqenvij: \"f1x82gua\"\n },\n \"12\": {\n a9b677: \"frx94fk\",\n Bqenvij: \"fvblgha\"\n },\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".f1o3cbw4{width:8px;}\", \".f1x82gua{height:8px;}\", \".frx94fk{width:12px;}\", \".fvblgha{height:12px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useCircleSizeStyles = /*#__PURE__*/__styles({\n root: {\n Bbmb7ep: [\"fqgqgel\", \"fchfifz\"],\n Beyfa6y: [\"fchfifz\", \"fqgqgel\"],\n B7oj6ja: [\"fc7b1hi\", \"f1dpx5h9\"],\n Btl43ni: [\"f1dpx5h9\", \"fc7b1hi\"]\n }\n}, {\n d: [\".fqgqgel{border-bottom-right-radius:50%;}\", \".fchfifz{border-bottom-left-radius:50%;}\", \".fc7b1hi{border-top-right-radius:50%;}\", \".f1dpx5h9{border-top-left-radius:50%;}\"]\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = state => {\n const {\n animation,\n appearance,\n size,\n shape\n } = state;\n const {\n dir\n } = useFluent();\n const rootStyles = useStyles();\n const rectStyles = useRectangleStyles();\n const sizeStyles = useSizeStyles();\n const circleStyles = useCircleSizeStyles();\n state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n return state;\n};\n//# sourceMappingURL=useSkeletonItemStyles.styles.js.map"],"names":["skeletonItemClassNames","useSkeletonItemStyles_unstable","root","skeletonWaveAnimation","from","backgroundPositionX","to","skeletonWaveAnimationRTL","skeletonPulseAnimation","opacity","useStyles","__styles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","state","animation","appearance","size","shape","dir","useFluent","rootStyles","rectStyles","sizeStyles","circleStyles","className","mergeClasses"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-skeleton",
-  "version": "9.0.0-beta.9",
+  "version": "9.0.0",
   "description": "Converged v9 Skeleton Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,15 +26,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.0",
-    "@fluentui/react-shared-contexts": "^9.3.3",
-    "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.8.0",
+    "@fluentui/react-field": "^9.1.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.3",
+    "@fluentui/react-shared-contexts": "^9.4.0",
+    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-utilities": "^9.8.1",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },
@@ -47,8 +48,7 @@
   "beachball": {
     "disallowedChangeTypes": [
       "major",
-      "minor",
-      "patch"
+      "prerelease"
     ]
   },
   "exports": {

package/.swcrc DELETED Viewed

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    },
-    "target": "es2019"
-  },
-  "minify": false,
-  "sourceMaps": true
-}

package/lib/components/SkeletonItem/useSkeletonItemStyles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["__styles","mergeClasses","shorthands","useFluent_unstable","useFluent","tokens","skeletonItemClassNames","root","skeletonWaveAnimationRTL","from","backgroundPositionX","to","skeletonWaveAnimation","skeletonPulseAnimation","opacity","useStyles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","useSkeletonItemStyles_unstable","state","animation","appearance","size","shape","dir","rootStyles","rectStyles","sizeStyles","circleStyles","className"],"sources":["../../../src/components/SkeletonItem/useSkeletonItemStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SkeletonItemSlots, SkeletonItemState } from './SkeletonItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const skeletonItemClassNames: SlotClassNames<SkeletonItemSlots> = {\n root: 'fui-SkeletonItem',\n};\n\nconst skeletonWaveAnimationRTL = {\n from: {\n backgroundPositionX: '300% /* @noflip */',\n },\n to: {\n backgroundPositionX: '0% /* @noflip */',\n },\n};\n\nconst skeletonWaveAnimation = {\n from: {\n backgroundPositionX: '0% /* @noflip */',\n },\n to: {\n backgroundPositionX: '300% /* @noflip */',\n },\n};\n\nconst skeletonPulseAnimation = {\n from: {\n opacity: '1',\n },\n to: {\n opacity: '0.4',\n },\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n position: 'relative',\n ...shorthands.overflow('hidden'),\n backgroundSize: '300% 100%',\n backgroundPositionX: 'center',\n backgroundPositionY: 'center',\n backgroundAttachment: 'fixed',\n animationIterationCount: 'infinite',\n animationDuration: '3s',\n animationTimingFunction: 'linear',\n },\n wave: {\n animationName: skeletonWaveAnimation,\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralStencil1} 0%,\n ${tokens.colorNeutralStencil2} 50%,\n ${tokens.colorNeutralStencil1} 100%)`,\n '@media screen and (forced-colors: active)': {\n backgroundColor: 'WindowText',\n },\n },\n waveRtl: {\n animationName: skeletonWaveAnimationRTL,\n },\n pulse: {\n animationName: skeletonPulseAnimation,\n backgroundColor: tokens.colorNeutralStencil1,\n },\n translucent: {\n backgroundImage: `linear-gradient(\n to right,\n ${tokens.colorNeutralStencil1Alpha} 0%,\n ${tokens.colorNeutralStencil2Alpha} 50%,\n ${tokens.colorNeutralStencil1Alpha} 100%)`,\n },\n translucentPulse: {\n backgroundColor: tokens.colorNeutralStencil1Alpha,\n },\n});\n\nconst useRectangleStyles = makeStyles({\n root: {\n width: '100%',\n ...shorthands.borderRadius('4px'),\n },\n 8: { height: '8px' },\n 12: { height: '12px' },\n 16: { height: '16px' },\n 20: { height: '20px' },\n 24: { height: '24px' },\n 28: { height: '28px' },\n 32: { height: '32px' },\n 36: { height: '36px' },\n 40: { height: '40px' },\n 48: { height: '48px' },\n 56: { height: '56px' },\n 64: { height: '64px' },\n 72: { height: '72px' },\n 96: { height: '96px' },\n 120: { height: '120px' },\n 128: { height: '128px' },\n});\n\nconst useSizeStyles = makeStyles({\n 8: { width: '8px', height: '8px' },\n 12: { width: '12px', height: '12px' },\n 16: { width: '16px', height: '16px' },\n 20: { width: '20px', height: '20px' },\n 24: { width: '24px', height: '24px' },\n 28: { width: '28px', height: '28px' },\n 32: { width: '32px', height: '32px' },\n 36: { width: '36px', height: '36px' },\n 40: { width: '40px', height: '40px' },\n 48: { width: '48px', height: '48px' },\n 56: { width: '56px', height: '56px' },\n 64: { width: '64px', height: '64px' },\n 72: { width: '72px', height: '72px' },\n 96: { width: '96px', height: '96px' },\n 120: { width: '120px', height: '120px' },\n 128: { width: '128px', height: '128px' },\n});\n\nconst useCircleSizeStyles = makeStyles({\n root: {\n ...shorthands.borderRadius('50%'),\n },\n});\n\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = (state: SkeletonItemState): SkeletonItemState => {\n const { animation, appearance, size, shape } = state;\n const { dir } = useFluent();\n\n const rootStyles = useStyles();\n const rectStyles = useRectangleStyles();\n const sizeStyles = useSizeStyles();\n const circleStyles = useCircleSizeStyles();\n\n state.root.className = mergeClasses(\n skeletonItemClassNames.root,\n rootStyles.root,\n animation === 'wave' && rootStyles.wave,\n animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl,\n animation === 'pulse' && rootStyles.pulse,\n appearance === 'translucent' && rootStyles.translucent,\n animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse,\n shape === 'rectangle' && rectStyles.root,\n shape === 'rectangle' && rectStyles[size],\n shape === 'square' && sizeStyles[size],\n shape === 'circle' && circleStyles.root,\n shape === 'circle' && sizeStyles[size],\n state.root.className,\n );\n\n return state;\n};\n"],"mappings":"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"}

package/lib-commonjs/components/SkeletonItem/useSkeletonItemStyles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../lib/components/SkeletonItem/useSkeletonItemStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { tokens } from '@fluentui/react-theme';\nexport const skeletonItemClassNames = {\n root: 'fui-SkeletonItem'\n};\nconst skeletonWaveAnimationRTL = {\n from: {\n backgroundPositionX: '300% /* @noflip */'\n },\n to: {\n backgroundPositionX: '0% /* @noflip */'\n }\n};\nconst skeletonWaveAnimation = {\n from: {\n backgroundPositionX: '0% /* @noflip */'\n },\n to: {\n backgroundPositionX: '300% /* @noflip */'\n }\n};\nconst skeletonPulseAnimation = {\n from: {\n opacity: '1'\n },\n to: {\n opacity: '0.4'\n }\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n B68tc82: \"f1p9o1ba\",\n Bmxbyg5: \"f1sil6mw\",\n Bkjc3bi: \"f1qx3921\",\n B8a6bjv: \"fj9j8l8\",\n Bpptf2m: \"f1b6djjb\",\n Bgh53k4: \"f1dsdmen\",\n w3vfg9: \"f1cpbl36\",\n vin17d: \"f1a27w2r\",\n Ezkn3b: \"f452v7t\"\n },\n wave: {\n Bv12yb3: \"f105t0nc\",\n Bcmaq0h: [\"f101ziu5\", \"f152emvt\"],\n Bpep1pd: \"f9jxvrw\"\n },\n waveRtl: {\n Bv12yb3: \"fj20wtk\"\n },\n pulse: {\n Bv12yb3: \"f1lslbfe\",\n De3pzq: \"f1gjxg63\"\n },\n translucent: {\n Bcmaq0h: [\"fss7axp\", \"f4160cw\"]\n },\n translucentPulse: {\n De3pzq: \"f162mh4z\"\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1qx3921{-webkit-background-size:300% 100%;background-size:300% 100%;}\", \".fj9j8l8{background-position-x:center;}\", \".f1b6djjb{background-position-y:center;}\", \".f1dsdmen{background-attachment:fixed;}\", \".f1cpbl36{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}\", \".f1a27w2r{-webkit-animation-duration:3s;animation-duration:3s;}\", \".f452v7t{-webkit-animation-timing-function:linear;animation-timing-function:linear;}\", \".f105t0nc{-webkit-animation-name:fj9wi3p;animation-name:fj9wi3p;}\", \".f101ziu5{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralStencil1) 0%,\\n var(--colorNeutralStencil2) 50%,\\n var(--colorNeutralStencil1) 100%);}\", \".f152emvt{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralStencil1) 0%,\\n var(--colorNeutralStencil2) 50%,\\n var(--colorNeutralStencil1) 100%);}\", \".fj20wtk{-webkit-animation-name:fma800j;animation-name:fma800j;}\", \".f1lslbfe{-webkit-animation-name:f1t0xrs;animation-name:f1t0xrs;}\", \".f1gjxg63{background-color:var(--colorNeutralStencil1);}\", \".fss7axp{background-image:linear-gradient(\\n to right,\\n var(--colorNeutralStencil1Alpha) 0%,\\n var(--colorNeutralStencil2Alpha) 50%,\\n var(--colorNeutralStencil1Alpha) 100%);}\", \".f4160cw{background-image:linear-gradient(\\n to left,\\n var(--colorNeutralStencil1Alpha) 0%,\\n var(--colorNeutralStencil2Alpha) 50%,\\n var(--colorNeutralStencil1Alpha) 100%);}\", \".f162mh4z{background-color:var(--colorNeutralStencil1Alpha);}\"],\n k: [\"@-webkit-keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@keyframes fj9wi3p{from{background-position-x:0%;}to{background-position-x:300%;}}\", \"@-webkit-keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@keyframes fma800j{from{background-position-x:300%;}to{background-position-x:0%;}}\", \"@-webkit-keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}\", \"@keyframes f1t0xrs{from{opacity:1;}to{opacity:0.4;}}\"],\n m: [[\"@media screen and (forced-colors: active){.f9jxvrw{background-color:WindowText;}}\", {\n m: \"screen and (forced-colors: active)\"\n }]]\n});\nconst useRectangleStyles = /*#__PURE__*/__styles({\n \"8\": {\n Bqenvij: \"f1x82gua\"\n },\n \"12\": {\n Bqenvij: \"fvblgha\"\n },\n \"16\": {\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n Bqenvij: \"fele2au\"\n },\n root: {\n a9b677: \"fly5x3f\",\n Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n Btl43ni: [\"f8wkphi\", \"fwsfkhu\"]\n }\n}, {\n d: [\".f1x82gua{height:8px;}\", \".fvblgha{height:12px;}\", \".fd461yt{height:16px;}\", \".fjamq6b{height:20px;}\", \".frvgh55{height:24px;}\", \".fxldao9{height:28px;}\", \".f1d2rq10{height:32px;}\", \".f8ljn23{height:36px;}\", \".fbhnoac{height:40px;}\", \".ff2sm71{height:48px;}\", \".fzki0ko{height:56px;}\", \".f16k9i2m{height:64px;}\", \".f1shusfg{height:72px;}\", \".fypu0ge{height:96px;}\", \".fjr5b71{height:120px;}\", \".fele2au{height:128px;}\", \".fly5x3f{width:100%;}\", \".fff7au0{border-bottom-right-radius:4px;}\", \".f1bjk9e1{border-bottom-left-radius:4px;}\", \".fwsfkhu{border-top-right-radius:4px;}\", \".f8wkphi{border-top-left-radius:4px;}\"]\n});\nconst useSizeStyles = /*#__PURE__*/__styles({\n \"8\": {\n a9b677: \"f1o3cbw4\",\n Bqenvij: \"f1x82gua\"\n },\n \"12\": {\n a9b677: \"frx94fk\",\n Bqenvij: \"fvblgha\"\n },\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".f1o3cbw4{width:8px;}\", \".f1x82gua{height:8px;}\", \".frx94fk{width:12px;}\", \".fvblgha{height:12px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useCircleSizeStyles = /*#__PURE__*/__styles({\n root: {\n Bbmb7ep: [\"fqgqgel\", \"fchfifz\"],\n Beyfa6y: [\"fchfifz\", \"fqgqgel\"],\n B7oj6ja: [\"fc7b1hi\", \"f1dpx5h9\"],\n Btl43ni: [\"f1dpx5h9\", \"fc7b1hi\"]\n }\n}, {\n d: [\".fqgqgel{border-bottom-right-radius:50%;}\", \".fchfifz{border-bottom-left-radius:50%;}\", \".fc7b1hi{border-top-right-radius:50%;}\", \".f1dpx5h9{border-top-left-radius:50%;}\"]\n});\n/**\n * Apply styling to the SkeletonItem slots based on the state\n */\nexport const useSkeletonItemStyles_unstable = state => {\n const {\n animation,\n appearance,\n size,\n shape\n } = state;\n const {\n dir\n } = useFluent();\n const rootStyles = useStyles();\n const rectStyles = useRectangleStyles();\n const sizeStyles = useSizeStyles();\n const circleStyles = useCircleSizeStyles();\n state.root.className = mergeClasses(skeletonItemClassNames.root, rootStyles.root, animation === 'wave' && rootStyles.wave, animation === 'wave' && dir === 'rtl' && rootStyles.waveRtl, animation === 'pulse' && rootStyles.pulse, appearance === 'translucent' && rootStyles.translucent, animation === 'pulse' && appearance === 'translucent' && rootStyles.translucentPulse, shape === 'rectangle' && rectStyles.root, shape === 'rectangle' && rectStyles[size], shape === 'square' && sizeStyles[size], shape === 'circle' && circleStyles.root, shape === 'circle' && sizeStyles[size], state.root.className);\n return state;\n};\n//# sourceMappingURL=useSkeletonItemStyles.js.map"],"names":["skeletonItemClassNames","useSkeletonItemStyles_unstable","root","skeletonWaveAnimationRTL","from","backgroundPositionX","to","skeletonWaveAnimation","skeletonPulseAnimation","opacity","useStyles","__styles","qhf8xq","B68tc82","Bmxbyg5","Bkjc3bi","B8a6bjv","Bpptf2m","Bgh53k4","w3vfg9","vin17d","Ezkn3b","wave","Bv12yb3","Bcmaq0h","Bpep1pd","waveRtl","pulse","De3pzq","translucent","translucentPulse","d","k","m","useRectangleStyles","Bqenvij","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","useSizeStyles","useCircleSizeStyles","state","animation","appearance","size","shape","dir","useFluent","rootStyles","rectStyles","sizeStyles","circleStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,sBAAsB,MAAtBA;IAgNAC,8BAA8B,MAA9BA;;uBAnNsC;qCACH;AAEzC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA,MAAMC,2BAA2B;IAC/BC,MAAM;QACJC,qBAAqB;IACvB;IACAC,IAAI;QACFD,qBAAqB;IACvB;AACF;AACA,MAAME,wBAAwB;IAC5BH,MAAM;QACJC,qBAAqB;IACvB;IACAC,IAAI;QACFD,qBAAqB;IACvB;AACF;AACA,MAAMG,yBAAyB;IAC7BJ,MAAM;QACJK,SAAS;IACX;IACAH,IAAI;QACFG,SAAS;IACX;AACF;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCT,MAAM;QACJU,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;IACV;IACAC,MAAM;QACJC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;IACX;IACAC,SAAS;QACPH,SAAS;IACX;IACAI,OAAO;QACLJ,SAAS;QACTK,QAAQ;IACV;IACAC,aAAa;QACXL,SAAS;YAAC;YAAW;SAAU;IACjC;IACAM,kBAAkB;QAChBF,QAAQ;IACV;AACF,GAAG;IACDG,GAAG;QAAC;QAAiC;QAAiC;QAAiC;QAA2E;QAA2C;QAA4C;QAA2C;QAA6F;QAAmE;QAAwF;QAAqE;QAA0L;QAAyL;QAAoE;QAAqE;QAA4D;QAAwM;QAAuM;KAAgE;IACxnDC,GAAG;QAAC;QAA8F;QAAsF;QAA8F;QAAsF;QAAgE;KAAuD;IACneC,GAAG;QAAC;YAAC;YAAqF;gBACxFA,GAAG;YACL;SAAE;KAAC;AACL;AACA,MAAMC,qBAAqB,WAAW,GAAEvB,IAAAA,kBAAQ,EAAC;IAC/C,KAAK;QACHwB,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,OAAO;QACLA,SAAS;IACX;IACA,OAAO;QACLA,SAAS;IACX;IACAjC,MAAM;QACJkC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;IACjC;AACF,GAAG;IACDT,GAAG;QAAC;QAA0B;QAA0B;QAA0B;QAA0B;QAA0B;QAA0B;QAA2B;QAA0B;QAA0B;QAA0B;QAA0B;QAA2B;QAA2B;QAA0B;QAA2B;QAA2B;QAAyB;QAA6C;QAA6C;QAA0C;KAAwC;AAChnB;AACA,MAAMU,gBAAgB,WAAW,GAAE9B,IAAAA,kBAAQ,EAAC;IAC1C,KAAK;QACHyB,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,MAAM;QACJC,QAAQ;QACRD,SAAS;IACX;IACA,OAAO;QACLC,QAAQ;QACRD,SAAS;IACX;IACA,OAAO;QACLC,QAAQ;QACRD,SAAS;IACX;AACF,GAAG;IACDJ,GAAG;QAAC;QAAyB;QAA0B;QAAyB;QAA0B;QAAyB;QAA0B;QAAyB;QAA0B;QAAyB;QAA0B;QAA0B;QAA0B;QAA0B;QAA2B;QAAyB;QAA0B;QAAyB;QAA0B;QAA0B;QAA0B;QAA0B;QAA0B;QAAyB;QAA2B;QAAyB;QAA2B;QAA0B;QAA0B;QAA0B;QAA2B;QAA2B;KAA0B;AACl0B;AACA,MAAMW,sBAAsB,WAAW,GAAE/B,IAAAA,kBAAQ,EAAC;IAChDT,MAAM;QACJmC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;IAClC;AACF,GAAG;IACDT,GAAG;QAAC;QAA6C;QAA4C;QAA0C;KAAyC;AAClL;AAIO,MAAM9B,iCAAiC0C,CAAAA,QAAS;IACrD,MAAM,EACJC,UAAS,EACTC,WAAU,EACVC,KAAI,EACJC,MAAK,EACN,GAAGJ;IACJ,MAAM,EACJK,IAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,MAAMC,aAAaxC;IACnB,MAAMyC,aAAajB;IACnB,MAAMkB,aAAaX;IACnB,MAAMY,eAAeX;IACrBC,MAAMzC,IAAI,CAACoD,SAAS,GAAGC,IAAAA,mBAAY,EAACvD,uBAAuBE,IAAI,EAAEgD,WAAWhD,IAAI,EAAE0C,cAAc,UAAUM,WAAW5B,IAAI,EAAEsB,cAAc,UAAUI,QAAQ,SAASE,WAAWxB,OAAO,EAAEkB,cAAc,WAAWM,WAAWvB,KAAK,EAAEkB,eAAe,iBAAiBK,WAAWrB,WAAW,EAAEe,cAAc,WAAWC,eAAe,iBAAiBK,WAAWpB,gBAAgB,EAAEiB,UAAU,eAAeI,WAAWjD,IAAI,EAAE6C,UAAU,eAAeI,UAAU,CAACL,KAAK,EAAEC,UAAU,YAAYK,UAAU,CAACN,KAAK,EAAEC,UAAU,YAAYM,aAAanD,IAAI,EAAE6C,UAAU,YAAYK,UAAU,CAACN,KAAK,EAAEH,MAAMzC,IAAI,CAACoD,SAAS;IACnlB,OAAOX;AACT,GACA,iDAAiD"}