npm - @fluentui/react-charts - Versions diffs - 0.0.0-nightly-20251110-0407.1 → 0.0.0-nightly-20251111-0407.1 - Mend

@fluentui/react-charts 0.0.0-nightly-20251110-0407.1 → 0.0.0-nightly-20251111-0407.1

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

package/lib-commonjs/components/AreaChart/useAreaChartStyles.styles.js CHANGED Viewed

@@ -45,16 +45,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bg96gwp: "f1i3iumi",
         mc9l5x: "f22iagw",
         Beiy3e4: "f1vx9l62",
-        z8tnut: "f17mpqex",
-        z189sj: [
-            "f1vdfbxk",
-            "f1f5gg8d"
-        ],
-        Byoj8tv: "fdvome7",
-        uwmqm3: [
-            "f1f5gg8d",
-            "f1vdfbxk"
-        ],
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1bnz8pu",
         qhf8xq: "f1euv43f",
         fsow6f: "f17mccla",
         Bhzewxz: "fr6rvge",
@@ -75,10 +70,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".f1i3iumi{line-height:var(--lineHeightBase300);}",
         ".f22iagw{display:flex;}",
         ".f1vx9l62{flex-direction:column;}",
-        ".f17mpqex{padding-top:var(--spacingHorizontalS);}",
-        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
-        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
-        ".fdvome7{padding-bottom:var(--spacingHorizontalS);}",
+        [
+            ".f1bnz8pu{padding:var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ],
         ".f1euv43f{position:absolute;}",
         ".f17mccla{text-align:center;}",
         ".fr6rvge{top:var(--spacingVerticalNone);}",

package/lib-commonjs/components/AreaChart/useAreaChartStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useAreaChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getTooltipStyle } from '../../utilities/index';\nexport const areaChartClassNames = {\n tooltip: 'fui-ac__tooltip',\n root: '',\n xAxis: '',\n yAxis: '',\n legendContainer: '',\n hover: '',\n descriptionMessage: '',\n axisTitle: '',\n chartTitle: '',\n opacityChangeOnHover: '',\n shapeStyles: '',\n chartWrapper: '',\n svgTooltip: '',\n chart: '',\n axisAnnotation: '',\n plotContainer: '',\n annotationLayer: ''\n};\nconst useStyles = makeStyles({\n tooltip: getTooltipStyle()\n});\n/*\n Apply styling to the AreaChart slots based on the state\n / export const useAreaChartStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /props.styles?.tooltip*/ )\n };\n};\n"],"names":["__styles","mergeClasses","getTooltipStyle","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","~~z8tnut~~","z189sj","~~Byoj8tv~~","~~uwmqm3~~","qhf8xq","fsow6f","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","d","p","useAreaChartStyles","props","baseStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,mBAAmB;;;sBAwBG;;;;uBA1BM,gBAAgB;AAElD,4BAA4B;IAC/BC,OAAO,EAAE,iBAAiB;IAC1BC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,EAAE;IACTC,eAAe,EAAE,EAAE;IACnBC,KAAK,EAAE,EAAE;IACTC,kBAAkB,EAAE,EAAE;IACtBC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,oBAAoB,EAAE,EAAE;IACxBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE,EAAE;IAClBC,aAAa,EAAE,EAAE;IACjBC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,GAAGrB,mBAAA,EAAA;IAAAI,OAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,~~MAAA~~,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;~~QAAAC,~~OAAA~~,EAAA;QAAAC,MAAA,EAAA;~~YAAA~~;~~YAAA;SAAA;~~QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;~~QAAA~~;~~QAAA~~;~~QAAA~~;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;~~gBAAAC~~,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA,CAEjB,CAAC;AAGS,MAAMC,sBAAsBC,KAAK,IAAG;IAC3C,MAAMC,UAAU,~~GAAG1B~~,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHjB,OAAO,MAAEH,mBAAY,EAACE,mBAAmB,CAACC,OAAO,~~EAAE2C~~,UAAU,~~CAAC3C~~,OAAO,CAAC,uBAAA,EAA0B;IACpG,CAAC;AACL,CAAC"}
1	+ {"version":3,"sources":["useAreaChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getTooltipStyle } from '../../utilities/index';\nexport const areaChartClassNames = {\n tooltip: 'fui-ac__tooltip',\n root: '',\n xAxis: '',\n yAxis: '',\n legendContainer: '',\n hover: '',\n descriptionMessage: '',\n axisTitle: '',\n chartTitle: '',\n opacityChangeOnHover: '',\n shapeStyles: '',\n chartWrapper: '',\n svgTooltip: '',\n chart: '',\n axisAnnotation: '',\n plotContainer: '',\n annotationLayer: ''\n};\nconst useStyles = makeStyles({\n tooltip: getTooltipStyle()\n});\n/*\n Apply styling to the AreaChart slots based on the state\n / export const useAreaChartStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /props.styles?.tooltip*/ )\n };\n};\n"],"names":["__styles","mergeClasses","getTooltipStyle","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","qhf8xq","fsow6f","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","d","p","useAreaChartStyles","props","baseStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,mBAAmB;;;sBAwBG;;;;uBA1BM,gBAAgB;AAElD,4BAA4B;IAC/BC,OAAO,EAAE,iBAAiB;IAC1BC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,EAAE;IACTC,eAAe,EAAE,EAAE;IACnBC,KAAK,EAAE,EAAE;IACTC,kBAAkB,EAAE,EAAE;IACtBC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,oBAAoB,EAAE,EAAE;IACxBC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE,EAAE;IAClBC,aAAa,EAAE,EAAE;IACjBC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,GAAGrB,mBAAA,EAAA;IAAAI,OAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA,CAEjB,CAAC;AAGS,MAAMC,sBAAsBC,KAAK,IAAG;IAC3C,MAAMC,UAAU,GAAG3B,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHjB,OAAO,MAAEH,mBAAY,EAACE,mBAAmB,CAACC,OAAO,EAAE4C,UAAU,CAAC5C,OAAO,CAAC,uBAAA,EAA0B;IACpG,CAAC;AACL,CAAC"}

package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.js CHANGED Viewed

@@ -40,104 +40,68 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         Bg96gwp: "fwrc4pm",
         De3pzq: "f16xq7d1",
         sj55zd: "f19n0e5",
-        z8tnut: "f17mpqex",
-        z189sj: [
-            "f1vdfbxk",
-            "f1f5gg8d"
-        ],
-        Byoj8tv: "fdvome7",
-        uwmqm3: [
-            "f1f5gg8d",
-            "f1vdfbxk"
-        ],
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1bnz8pu",
         fsow6f: [
             "f1o700av",
             "fes3tcz"
         ],
-        B4j52fo: "f18zi460",
-        Bekrc4i: [
-            "f1wpluaz",
-            "fsfsuhs"
-        ],
-        Bn0qgzm: "fmklw6v",
-        ibv6hh: [
-            "fsfsuhs",
-            "f1wpluaz"
-        ],
-        icvyot: "fzkkow9",
-        vrafjx: [
-            "fcdblym",
-            "fjik90z"
-        ],
-        oivjwe: "fg706s2",
-        wvpqe5: [
-            "fjik90z",
-            "fcdblym"
-        ],
-        g2u3we: "f68mrw8",
-        h3c5rm: [
-            "f7pw515",
-            "fw35ms5"
-        ],
-        B9xav0g: "frpde29",
-        zhjwy3: [
-            "fw35ms5",
-            "f7pw515"
-        ],
-        Bsw6fvg: "f8pusc0",
-        Bbusuzp: "fqgauei"
+        Bgfg5da: 0,
+        B9xav0g: 0,
+        oivjwe: 0,
+        Bn0qgzm: 0,
+        B4g9neb: 0,
+        zhjwy3: 0,
+        wvpqe5: 0,
+        ibv6hh: 0,
+        u1mtju: 0,
+        h3c5rm: 0,
+        vrafjx: 0,
+        Bekrc4i: 0,
+        i8vvqc: 0,
+        g2u3we: 0,
+        icvyot: 0,
+        B4j52fo: 0,
+        irswps: "fox1scm",
+        By8wz76: "ftx6bta",
+        B7iucu3: "fhs7xo9"
     },
     bodyCell: {
         Bahqtrf: "fk6fouc",
         Be2twd7: "fy9rknc",
         Bhrd7zp: "figsok6",
         Bg96gwp: "fwrc4pm",
-        z8tnut: "f17mpqex",
-        z189sj: [
-            "f1vdfbxk",
-            "f1f5gg8d"
-        ],
-        Byoj8tv: "fdvome7",
-        uwmqm3: [
-            "f1f5gg8d",
-            "f1vdfbxk"
-        ],
-        B4j52fo: "f18zi460",
-        Bekrc4i: [
-            "f1wpluaz",
-            "fsfsuhs"
-        ],
-        Bn0qgzm: "fmklw6v",
-        ibv6hh: [
-            "fsfsuhs",
-            "f1wpluaz"
-        ],
-        icvyot: "fzkkow9",
-        vrafjx: [
-            "fcdblym",
-            "fjik90z"
-        ],
-        oivjwe: "fg706s2",
-        wvpqe5: [
-            "fjik90z",
-            "fcdblym"
-        ],
-        g2u3we: "f68mrw8",
-        h3c5rm: [
-            "f7pw515",
-            "fw35ms5"
-        ],
-        B9xav0g: "frpde29",
-        zhjwy3: [
-            "fw35ms5",
-            "f7pw515"
-        ],
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1bnz8pu",
+        Bgfg5da: 0,
+        B9xav0g: 0,
+        oivjwe: 0,
+        Bn0qgzm: 0,
+        B4g9neb: 0,
+        zhjwy3: 0,
+        wvpqe5: 0,
+        ibv6hh: 0,
+        u1mtju: 0,
+        h3c5rm: 0,
+        vrafjx: 0,
+        Bekrc4i: 0,
+        i8vvqc: 0,
+        g2u3we: 0,
+        icvyot: 0,
+        B4j52fo: 0,
+        irswps: "fox1scm",
         sj55zd: "f19n0e5",
         fsow6f: [
             "f1o700av",
             "fes3tcz"
         ],
-        Bbusuzp: "fqgauei"
+        B7iucu3: "fhs7xo9"
     }
 }, {
     d: [
@@ -150,35 +114,43 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
         ".fwrc4pm{line-height:var(--lineHeightBase200);}",
         ".f16xq7d1{background-color:var(--colorNeutralBackground3);}",
         ".f19n0e5{color:var(--colorNeutralForeground1);}",
-        ".f17mpqex{padding-top:var(--spacingHorizontalS);}",
-        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
-        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
-        ".fdvome7{padding-bottom:var(--spacingHorizontalS);}",
+        [
+            ".f1bnz8pu{padding:var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ],
         ".f1o700av{text-align:left;}",
         ".fes3tcz{text-align:right;}",
-        ".f18zi460{border-top-width:var(--strokeWidthThick);}",
-        ".f1wpluaz{border-right-width:var(--strokeWidthThick);}",
-        ".fsfsuhs{border-left-width:var(--strokeWidthThick);}",
-        ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}",
-        ".fzkkow9{border-top-style:solid;}",
-        ".fcdblym{border-right-style:solid;}",
-        ".fjik90z{border-left-style:solid;}",
-        ".fg706s2{border-bottom-style:solid;}",
-        ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}",
-        ".f7pw515{border-right-color:var(--colorNeutralStroke2);}",
-        ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}",
-        ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}"
+        [
+            ".fox1scm{border:var(--strokeWidthThick) solid var(--colorNeutralStroke2);}",
+            {
+                p: -2
+            }
+        ],
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        [
+            ".f1bnz8pu{padding:var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fox1scm{border:var(--strokeWidthThick) solid var(--colorNeutralStroke2);}",
+            {
+                p: -2
+            }
+        ]
     ],
     m: [
         [
-            "@media (forced-colors: active){.f8pusc0{background-color:Window;}}",
+            "@media (forced-colors: active){.ftx6bta{background-color:Window;}}",
             {
                 m: "(forced-colors: active)"
             }
         ],
         [
-            "@media (forced-colors: active){.fqgauei{color:WindowText;}}",
+            "@media (forced-colors: active){.fhs7xo9{color:WindowText;}}",
             {
                 m: "(forced-colors: active)"
             }

package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useChartTableStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, ~~shorthands~~ } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/*\n @internal\n / export const chartTableClassNames = {\n root: 'fui-ChartTable__root',\n table: 'fui-ChartTable__table',\n headerCell: 'fui-ChartTable__headerCell',\n bodyCell: 'fui-ChartTable__bodyCell',\n chart: 'fui-ChartTable__chart'\n};\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n overflowX: 'auto'\n },\n table: {\n borderCollapse: 'collapse'\n },\n headerCell: {\n ...typographyStyles.caption1,\n fontWeight: tokens.fontWeightSemibold,\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground1,\n ~~...shorthands.~~padding(tokens.spacingHorizontalS),\n textAlign: 'left',\n ~~...shorthands.~~border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2~~),\~~n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText'\n }\n },\n bodyCell: {\n ...typographyStyles.caption1,\n ~~...shorthands.~~padding(tokens.spacingHorizontalS),\n ~~...shorthands.~~border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2~~),\~~n color: tokens.colorNeutralForeground1,\n textAlign: 'left',\n '@media (forced-colors: active)': {\n color: 'WindowText'\n }\n }\n});\n/\n Apply styling to the ChartTable slots based on the state\n / export const useChartTableStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n root: mergeClasses(chartTableClassNames.root, baseStyles.root /props.styles?.root/ ),\n table: mergeClasses(chartTableClassNames.table, baseStyles.table /props.styles?.table/ ),\n headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /props.styles?.headerCell/ ),\n bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /props.styles?.bodyCell/ ),\n chart: mergeClasses(chartTableClassNames.chart /props.styles?.chart*/ )\n };\n};\n"],"names":["__styles","mergeClasses","~~shorthands","~~tokens","typographyStyles","chartTableClassNames","root","table","headerCell","bodyCell","chart","useStyles","a9b677","B68tc82","po53p8","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","De3pzq","sj55zd","~~z8tnut~~","z189sj","~~Byoj8tv~~","~~uwmqm3~~","fsow6f","~~B4j52fo~~","~~Bekrc4i~~","Bn0qgzm","ibv6hh","~~icvyot~~","vrafjx","~~oivjwe~~","~~wvpqe5~~","g2u3we","~~h3c5rm~~","~~B9xav0g~~","~~zhjwy3~~","~~Bsw6fvg~~","~~Bbusuzp~~","d","m","useChartTableStyles","props","baseStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;~~IAKKK~~,oBAAoB;;;uBAyCD;~~eAAnBqC~~;;;~~uBA7CoC~~,gBAAgB;~~AAI1D~~,6BAA6B;~~IACpCpC~~,IAAI,EAAE,sBAAsB;IAC5BC,KAAK,EAAE,uBAAuB;IAC9BC,UAAU,EAAE,4BAA4B;IACxCC,QAAQ,EAAE,0BAA0B;IACpCC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,~~OAAGX~~,eAAA,EAAA;~~IAAAM~~,IAAA,EAAA;QAAAM,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAN,KAAA,EAAA;QAAAO,MAAA,EAAA;IAAA;IAAAN,UAAA,EAAA;QAAAO,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,~~MAAA~~,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;~~QAAAC,~~OAAA~~,EAAA;QAAAC,MAAA,EAAA;~~YAAA~~;~~YAAA;SAAA;~~QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;~~YAAA~~;~~YAAA~~;~~SAAA;~~QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA~~;~~YAAA;SAAA;~~QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;~~QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA~~;~~YAAA~~;~~SAAA;~~QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;~~QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;~~QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;~~IAAA9B~~,QAAA,EAAA;QAAAM,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAG,~~MAAA~~,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;~~QAAAC,~~OAAA~~,EAAA;QAAAC,MAAA,EAAA;~~YAAA~~;~~YAAA;SAAA;~~QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;~~YAAA~~;~~YAAA~~;~~SAAA;~~QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA~~;~~YAAA;SAAA;~~QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;~~QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA~~;~~YAAA~~;~~SAAA;~~QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;~~QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;~~YAAA;YAAA;SAAA;QAAAjB~~,MAAA,EAAA;~~QAAAK~~,MAAA,EAAA;YAAA;YAAA;SAAA;~~QAAAc~~,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;~~QAAA~~;~~QAAA~~;~~QAAA~~;~~QAAA~~;~~QAAA~~;QAAA;QAAA;QAAA;~~QAAA~~;~~QAAA~~;~~QAAA~~;~~QAAA~~;~~QAAA~~;QAAA;QAAA;~~QAAA~~;~~QAAA~~;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CA+BjB,CAAC;AAGS,6BAA6BE,KAAK,IAAG;IAC5C,MAAMC,UAAU,~~GAAGjC~~,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHL,IAAI,~~MAAEL~~,mBAAY,~~EAACI~~,oBAAoB,CAACC,IAAI,~~EAAEsC~~,UAAU,~~CAACtC~~,IAAI,CAAC,oBAAA,EAAuB,CAAC;QACtFC,KAAK,~~MAAEN~~,mBAAY,~~EAACI~~,oBAAoB,CAACE,KAAK,~~EAAEqC~~,UAAU,~~CAACrC~~,KAAK,CAAC,qBAAA,EAAwB,CAAC;QAC1FC,UAAU,~~EAAEP~~,uBAAY,~~EAACI~~,oBAAoB,CAACG,UAAU,~~EAAEoC~~,UAAU,~~CAACpC~~,UAAU,CAAC,0BAAA,EAA6B,CAAC;QAC9GC,QAAQ,~~MAAER~~,mBAAY,~~EAACI~~,oBAAoB,CAACI,QAAQ,~~EAAEmC~~,UAAU,~~CAACnC~~,QAAQ,CAAC,wBAAA,EAA2B,CAAC;QACtGC,KAAK,~~MAAET~~,mBAAY,~~EAACI~~,oBAAoB,CAACK,KAAK,CAAC,qBAAA,EAAwB;IAC3E,CAAC;AACL,CAAC"}
1	+ {"version":3,"sources":["useChartTableStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/*\n @internal\n / export const chartTableClassNames = {\n root: 'fui-ChartTable__root',\n table: 'fui-ChartTable__table',\n headerCell: 'fui-ChartTable__headerCell',\n bodyCell: 'fui-ChartTable__bodyCell',\n chart: 'fui-ChartTable__chart'\n};\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n overflowX: 'auto'\n },\n table: {\n borderCollapse: 'collapse'\n },\n headerCell: {\n ...typographyStyles.caption1,\n fontWeight: tokens.fontWeightSemibold,\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground1,\n padding: tokens.spacingHorizontalS,\n textAlign: 'left',\n border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText'\n }\n },\n bodyCell: {\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalS,\n border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,\n color: tokens.colorNeutralForeground1,\n textAlign: 'left',\n '@media (forced-colors: active)': {\n color: 'WindowText'\n }\n }\n});\n/\n Apply styling to the ChartTable slots based on the state\n / export const useChartTableStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n root: mergeClasses(chartTableClassNames.root, baseStyles.root /props.styles?.root/ ),\n table: mergeClasses(chartTableClassNames.table, baseStyles.table /props.styles?.table/ ),\n headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /props.styles?.headerCell/ ),\n bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /props.styles?.bodyCell/ ),\n chart: mergeClasses(chartTableClassNames.chart /props.styles?.chart*/ )\n };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","chartTableClassNames","root","table","headerCell","bodyCell","chart","useStyles","a9b677","B68tc82","po53p8","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","De3pzq","sj55zd","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","fsow6f","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","By8wz76","B7iucu3","d","p","m","useChartTableStyles","props","baseStyles"],"mappings":"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"}

package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.raw.js CHANGED Viewed

@@ -39,9 +39,9 @@ const useStyles = (0, _react.makeStyles)({
         fontWeight: _reacttheme.tokens.fontWeightSemibold,
         backgroundColor: _reacttheme.tokens.colorNeutralBackground3,
         color: _reacttheme.tokens.colorNeutralForeground1,
-        ..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
+        padding: _reacttheme.tokens.spacingHorizontalS,
         textAlign: 'left',
-        ..._react.shorthands.border(_reacttheme.tokens.strokeWidthThick, 'solid', _reacttheme.tokens.colorNeutralStroke2),
+        border: `${_reacttheme.tokens.strokeWidthThick} solid ${_reacttheme.tokens.colorNeutralStroke2}`,
         '@media (forced-colors: active)': {
             backgroundColor: 'Window',
             color: 'WindowText'
@@ -49,8 +49,8 @@ const useStyles = (0, _react.makeStyles)({
     },
     bodyCell: {
         ..._reacttheme.typographyStyles.caption1,
-        ..._react.shorthands.padding(_reacttheme.tokens.spacingHorizontalS),
-        ..._react.shorthands.border(_reacttheme.tokens.strokeWidthThick, 'solid', _reacttheme.tokens.colorNeutralStroke2),
+        padding: _reacttheme.tokens.spacingHorizontalS,
+        border: `${_reacttheme.tokens.strokeWidthThick} solid ${_reacttheme.tokens.colorNeutralStroke2}`,
         color: _reacttheme.tokens.colorNeutralForeground1,
         textAlign: 'left',
         '@media (forced-colors: active)': {

package/lib-commonjs/components/ChartTable/useChartTableStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/ChartTable/useChartTableStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, ~~shorthands~~ } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { ChartTableProps, ChartTableStyles } from './ChartTable.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\n/*\n @internal\n /\nexport const chartTableClassNames: SlotClassNames<ChartTableStyles> = {\n root: 'fui-ChartTable__root',\n table: 'fui-ChartTable__table',\n headerCell: 'fui-ChartTable__headerCell',\n bodyCell: 'fui-ChartTable__bodyCell',\n chart: 'fui-ChartTable__chart',\n};\n\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n overflowX: 'auto',\n },\n table: {\n borderCollapse: 'collapse',\n },\n headerCell: {\n ...typographyStyles.caption1,\n fontWeight: tokens.fontWeightSemibold,\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground1,\n ~~...shorthands.~~padding(tokens.spacingHorizontalS),\n textAlign: 'left',\n ~~...shorthands.~~border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2~~),\~~n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n },\n },\n bodyCell: {\n ...typographyStyles.caption1,\n ~~...shorthands.~~padding(tokens.spacingHorizontalS),\n ~~...shorthands.~~border(tokens.strokeWidthThick, 'solid', tokens.colorNeutralStroke2~~),\~~n color: tokens.colorNeutralForeground1,\n textAlign: 'left',\n '@media (forced-colors: active)': {\n color: 'WindowText',\n },\n },\n});\n\n/\n Apply styling to the ChartTable slots based on the state\n /\nexport const useChartTableStyles = (props: ChartTableProps): ChartTableStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(chartTableClassNames.root, baseStyles.root /props.styles?.root/),\n table: mergeClasses(chartTableClassNames.table, baseStyles.table /props.styles?.table/),\n headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /props.styles?.headerCell/),\n bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /props.styles?.bodyCell/),\n chart: mergeClasses(chartTableClassNames.chart /props.styles?.chart*/),\n };\n};\n"],"names":["makeStyles","mergeClasses","~~shorthands","~~tokens","typographyStyles","chartTableClassNames","root","table","headerCell","bodyCell","chart","useStyles","width","overflowX","borderCollapse","caption1","fontWeight","fontWeightSemibold","backgroundColor","colorNeutralBackground3","color","colorNeutralForeground1","padding","spacingHorizontalS","textAlign","border","strokeWidthThick","colorNeutralStroke2","useChartTableStyles","props","baseStyles"],"mappings":"AAAA;;;;;;;;;;;;~~IAUaK~~,oBAAAA;;;~~uBA4CAuB;eAAAA;;;uBApDwC~~,iBAAiB;~~4BAG7B~~,wBAAwB;AAK1D,6BAA+D;IACpEtB,MAAM;IACNC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,OAAO;AACT,EAAE;AAEF,MAAMC,~~gBAAYX~~,iBAAAA,EAAW;~~IAC3BM~~,MAAM;QACJM,OAAO;QACPC,WAAW;IACb;IACAN,OAAO;QACLO,gBAAgB;IAClB;IACAN,YAAY;QACV,GAAGJ,4BAAAA,CAAiBW,QAAQ;QAC5BC,YAAYb,kBAAAA,CAAOc,kBAAkB;QACrCC,iBAAiBf,kBAAAA,CAAOgB,uBAAuB;QAC/CC,OAAOjB,kBAAAA,CAAOkB,uBAAuB;~~QACrC~~,~~GAAGnB~~,~~iBAAAA,CAAWoB,OAAO,CAACnB,~~kBAAAA,CAAOoB,kBAAkB~~,CAAC~~;~~QAChDC~~,WAAW;~~QACX~~,GAAGtB,~~iBAAAA,CAAWuB,MAAM,CAACtB,~~kBAAAA,CAAOuB,gBAAgB,~~EAAE~~,~~SAASvB~~,kBAAAA,CAAOwB,mBAAmB,~~CAAC~~;~~QAClF~~,kCAAkC;YAChCT,iBAAiB;YACjBE,OAAO;QACT;IACF;IACAX,UAAU;QACR,GAAGL,4BAAAA,CAAiBW,QAAQ;~~QAC5B~~,~~GAAGb~~,~~iBAAAA,CAAWoB,OAAO,CAACnB,~~kBAAAA,CAAOoB,kBAAkB~~,CAAC~~;~~QAChD~~,~~GAAGrB~~,~~iBAAAA~~,~~CAAWuB,MAAM,CAACtB,~~kBAAAA,CAAOuB,gBAAgB,~~EAAE~~,~~SAASvB~~,kBAAAA,CAAOwB,mBAAmB,~~CAAC~~;~~QAClFP~~,OAAOjB,kBAAAA,CAAOkB,uBAAuB;QACrCG,WAAW;QACX,kCAAkC;YAChCJ,OAAO;QACT;IACF;AACF;AAKO,4BAA4B,CAACS;IAClC,MAAMC,aAAanB;IAEnB,OAAO;QACLL,~~UAAML~~,mBAAAA,~~EAAaI~~,qBAAqBC,IAAI,EAAEwB,WAAWxB,IAAI,CAAC,oBAAoB;QAClFC,~~WAAON~~,mBAAAA,~~EAAaI~~,qBAAqBE,KAAK,EAAEuB,WAAWvB,KAAK,CAAC,qBAAqB;QACtFC,~~gBAAYP~~,mBAAAA,~~EAAaI~~,qBAAqBG,UAAU,EAAEsB,WAAWtB,UAAU,CAAC,0BAA0B;QAC1GC,~~cAAUR~~,mBAAAA,~~EAAaI~~,qBAAqBI,QAAQ,EAAEqB,WAAWrB,QAAQ,CAAC,wBAAwB;QAClGC,~~WAAOT~~,mBAAAA,~~EAAaI~~,qBAAqBK,KAAK,CAAC,qBAAqB;IACtE;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/ChartTable/useChartTableStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { ChartTableProps, ChartTableStyles } from './ChartTable.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\n/*\n @internal\n /\nexport const chartTableClassNames: SlotClassNames<ChartTableStyles> = {\n root: 'fui-ChartTable__root',\n table: 'fui-ChartTable__table',\n headerCell: 'fui-ChartTable__headerCell',\n bodyCell: 'fui-ChartTable__bodyCell',\n chart: 'fui-ChartTable__chart',\n};\n\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n overflowX: 'auto',\n },\n table: {\n borderCollapse: 'collapse',\n },\n headerCell: {\n ...typographyStyles.caption1,\n fontWeight: tokens.fontWeightSemibold,\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground1,\n padding: tokens.spacingHorizontalS,\n textAlign: 'left',\n border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n },\n },\n bodyCell: {\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalS,\n border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,\n color: tokens.colorNeutralForeground1,\n textAlign: 'left',\n '@media (forced-colors: active)': {\n color: 'WindowText',\n },\n },\n});\n\n/\n Apply styling to the ChartTable slots based on the state\n /\nexport const useChartTableStyles = (props: ChartTableProps): ChartTableStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(chartTableClassNames.root, baseStyles.root /props.styles?.root/),\n table: mergeClasses(chartTableClassNames.table, baseStyles.table /props.styles?.table/),\n headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /props.styles?.headerCell/),\n bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /props.styles?.bodyCell/),\n chart: mergeClasses(chartTableClassNames.chart /props.styles?.chart*/),\n };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","chartTableClassNames","root","table","headerCell","bodyCell","chart","useStyles","width","overflowX","borderCollapse","caption1","fontWeight","fontWeightSemibold","backgroundColor","colorNeutralBackground3","color","colorNeutralForeground1","padding","spacingHorizontalS","textAlign","border","strokeWidthThick","colorNeutralStroke2","useChartTableStyles","props","baseStyles"],"mappings":"AAAA;;;;;;;;;;;;IAUaI,oBAAAA;;;IA4CAuB,mBAAAA;;;;uBApD4B,iBAAiB;4BAGjB,wBAAwB;AAK1D,6BAA+D;IACpEtB,MAAM;IACNC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,OAAO;AACT,EAAE;AAEF,MAAMC,gBAAYV,iBAAAA,EAAW;IAC3BK,MAAM;QACJM,OAAO;QACPC,WAAW;IACb;IACAN,OAAO;QACLO,gBAAgB;IAClB;IACAN,YAAY;QACV,GAAGJ,4BAAAA,CAAiBW,QAAQ;QAC5BC,YAAYb,kBAAAA,CAAOc,kBAAkB;QACrCC,iBAAiBf,kBAAAA,CAAOgB,uBAAuB;QAC/CC,OAAOjB,kBAAAA,CAAOkB,uBAAuB;QACrCC,SAASnB,kBAAAA,CAAOoB,kBAAkB;QAClCC,WAAW;QACXC,QAAQ,GAAGtB,kBAAAA,CAAOuB,gBAAgB,CAAC,OAAO,EAAEvB,kBAAAA,CAAOwB,mBAAmB,EAAE;QACxE,kCAAkC;YAChCT,iBAAiB;YACjBE,OAAO;QACT;IACF;IACAX,UAAU;QACR,GAAGL,4BAAAA,CAAiBW,QAAQ;QAC5BO,SAASnB,kBAAAA,CAAOoB,kBAAkB;QAClCE,QAAQ,GAAGtB,kBAAAA,CAAOuB,gBAAgB,CAAC,OAAO,EAAEvB,kBAAAA,CAAOwB,mBAAmB,EAAE;QACxEP,OAAOjB,kBAAAA,CAAOkB,uBAAuB;QACrCG,WAAW;QACX,kCAAkC;YAChCJ,OAAO;QACT;IACF;AACF;AAKO,4BAA4B,CAACS;IAClC,MAAMC,aAAanB;IAEnB,OAAO;QACLL,UAAMJ,mBAAAA,EAAaG,qBAAqBC,IAAI,EAAEwB,WAAWxB,IAAI,CAAC,oBAAoB;QAClFC,WAAOL,mBAAAA,EAAaG,qBAAqBE,KAAK,EAAEuB,WAAWvB,KAAK,CAAC,qBAAqB;QACtFC,gBAAYN,mBAAAA,EAAaG,qBAAqBG,UAAU,EAAEsB,WAAWtB,UAAU,CAAC,0BAA0B;QAC1GC,cAAUP,mBAAAA,EAAaG,qBAAqBI,QAAQ,EAAEqB,WAAWrB,QAAQ,CAAC,wBAAwB;QAClGC,WAAOR,mBAAAA,EAAaG,qBAAqBK,KAAK,CAAC,qBAAqB;IACtE;AACF,EAAE"}