@fluentui/react-label 9.1.23 → 9.1.24

package/CHANGELOG.json

@@ -2,7 +2,46 @@
   "name": "@fluentui/react-label",
   "entries": [
     {
-      "date": "Fri, 04 Aug 2023 08:48:25 GMT",
+      "date": "Wed, 09 Aug 2023 13:11:39 GMT",
+      "tag": "@fluentui/react-label_v9.1.24",
+      "version": "9.1.24",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-label",
+            "commit": "796e4426c50ede34b30e2dc2392328dcbadc2702",
+            "comment": "chore(cxe-red): migrate to new slot API"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-label",
+            "commit": "b090c0339983847a62b9dc6187d08dc8c4b1d55f",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.2",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-theme to v9.1.11",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 04 Aug 2023 08:52:58 GMT",
       "tag": "@fluentui/react-label_v9.1.23",
       "version": "9.1.23",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,25 @@
 # Change Log - @fluentui/react-label
 
-This log was last generated on Fri, 04 Aug 2023 08:48:25 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Aug 2023 13:11:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.24)
+
+Wed, 09 Aug 2023 13:11:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.23..@fluentui/react-label_v9.1.24)
+
+### Patches
+
+- chore(cxe-red): migrate to new slot API ([PR #28753](https://github.com/microsoft/fluentui/pull/28753) by bernardo.sunderhus@gmail.com)
+- chore: Update Griffel to latest version ([PR #28684](https://github.com/microsoft/fluentui/pull/28684) by olfedias@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.7.2 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-theme to v9.1.11 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+
 ## [9.1.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.23)
 
-Fri, 04 Aug 2023 08:48:25 GMT 
+Fri, 04 Aug 2023 08:52:58 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.22..@fluentui/react-label_v9.1.23)
 
 ### Patches

package/lib/components/Label/renderLabel.js

@@ -1,8 +1,8 @@
 /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Label
  */ export const renderLabel_unstable = (state)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root, state.root.children, slots.required && /*#__PURE__*/ createElement(slots.required, slotProps.required));
+    assertSlots(state);
+    return /*#__PURE__*/ createElement(state.root, null, state.root.children, state.required && /*#__PURE__*/ createElement(state.required, null));
 };

package/lib/components/Label/renderLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderLabel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { LabelState, LabelSlots } from './Label.types';\n\n/**\n * Render the final JSX of Label\n */\nexport const renderLabel_unstable = (state: LabelState) => {\n  const { slots, slotProps } = getSlotsNext<LabelSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.root.children}\n      {slots.required && <slots.required {...slotProps.required} />}\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","renderLabel_unstable","state","slots","slotProps","root","children","required"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,QAAsB;IACzD,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAyBE;IAEtD,qBACE,AAdJ,cAcKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAC3BH,MAAMG,IAAI,CAACC,QAAQ,EACnBH,MAAMI,QAAQ,kBAAI,AAhBzB,cAgB0BJ,MAAMI,QAAQ,EAAKH,UAAUG,QAAQ;AAG/D,EAAE"}
+{"version":3,"sources":["renderLabel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { LabelState, LabelSlots } from './Label.types';\n\n/**\n * Render the final JSX of Label\n */\nexport const renderLabel_unstable = (state: LabelState) => {\n  assertSlots<LabelSlots>(state);\n\n  return (\n    <state.root>\n      {state.root.children}\n      {state.required && <state.required />}\n    </state.root>\n  );\n};\n"],"names":["createElement","assertSlots","renderLabel_unstable","state","root","children","required"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,QAAsB;IACzDF,YAAwBE;IAExB,qBACE,AAdJ,cAcKA,MAAMC,IAAI,QACRD,MAAMC,IAAI,CAACC,QAAQ,EACnBF,MAAMG,QAAQ,kBAAI,AAhBzB,cAgB0BH,MAAMG,QAAQ;AAGxC,EAAE"}

package/lib/components/Label/useLabel.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
-import { resolveShorthand } from '@fluentui/react-utilities';
+import { getNativeElementProps, slot } from '@fluentui/react-utilities';
 /**
  * Create the state required to render Label.
  *
@@ -13,10 +12,11 @@ import { resolveShorthand } from '@fluentui/react-utilities';
     const { disabled =false , required =false , weight ='regular' , size ='medium'  } = props;
     return {
         disabled,
-        required: resolveShorthand(required === true ? '*' : required || undefined, {
+        required: slot.optional(required === true ? '*' : required || undefined, {
             defaultProps: {
                 'aria-hidden': 'true'
-            }
+            },
+            elementType: 'span'
         }),
         weight,
         size,
@@ -24,9 +24,11 @@ import { resolveShorthand } from '@fluentui/react-utilities';
             root: 'label',
             required: 'span'
         },
-        root: getNativeElementProps('label', {
+        root: slot.always(getNativeElementProps('label', {
             ref,
             ...props
+        }), {
+            elementType: 'label'
         })
     };
 };

package/lib/components/Label/useLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { LabelProps, LabelState } from './Label.types';\nimport { resolveShorthand } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render Label.\n *\n * The returned state can be modified with hooks such as useLabelStyles_unstable,\n * before being passed to renderLabel_unstable.\n *\n * @param props - props from this instance of Label\n * @param ref - reference to root HTMLElement of Label\n */\nexport const useLabel_unstable = (props: LabelProps, ref: React.Ref<HTMLElement>): LabelState => {\n  const { disabled = false, required = false, weight = 'regular', size = 'medium' } = props;\n  return {\n    disabled,\n    required: resolveShorthand(required === true ? '*' : required || undefined, {\n      defaultProps: { 'aria-hidden': 'true' },\n    }),\n    weight,\n    size,\n    components: { root: 'label', required: 'span' },\n    root: getNativeElementProps('label', { ref, ...props }),\n  };\n};\n"],"names":["React","getNativeElementProps","resolveShorthand","useLabel_unstable","props","ref","disabled","required","weight","size","undefined","defaultProps","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAA4C;IAC/F,MAAM,EAAEC,UAAW,KAAK,CAAA,EAAEC,UAAW,KAAK,CAAA,EAAEC,QAAS,UAAS,EAAEC,MAAO,SAAQ,EAAE,GAAGL;IACpF,OAAO;QACLE;QACAC,UAAUL,iBAAiBK,aAAa,IAAI,GAAG,MAAMA,YAAYG,SAAS,EAAE;YAC1EC,cAAc;gBAAE,eAAe;YAAO;QACxC;QACAH;QACAC;QACAG,YAAY;YAAEC,MAAM;YAASN,UAAU;QAAO;QAC9CM,MAAMZ,sBAAsB,SAAS;YAAEI;YAAK,GAAGD,KAAK;QAAC;IACvD;AACF,EAAE"}
+{"version":3,"sources":["useLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport type { LabelProps, LabelState } from './Label.types';\n\n/**\n * Create the state required to render Label.\n *\n * The returned state can be modified with hooks such as useLabelStyles_unstable,\n * before being passed to renderLabel_unstable.\n *\n * @param props - props from this instance of Label\n * @param ref - reference to root HTMLElement of Label\n */\nexport const useLabel_unstable = (props: LabelProps, ref: React.Ref<HTMLElement>): LabelState => {\n  const { disabled = false, required = false, weight = 'regular', size = 'medium' } = props;\n  return {\n    disabled,\n    required: slot.optional(required === true ? '*' : required || undefined, {\n      defaultProps: { 'aria-hidden': 'true' },\n      elementType: 'span',\n    }),\n    weight,\n    size,\n    components: { root: 'label', required: 'span' },\n    root: slot.always(getNativeElementProps('label', { ref, ...props }), { elementType: 'label' }),\n  };\n};\n"],"names":["React","getNativeElementProps","slot","useLabel_unstable","props","ref","disabled","required","weight","size","optional","undefined","defaultProps","elementType","components","root","always"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAGxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAA4C;IAC/F,MAAM,EAAEC,UAAW,KAAK,CAAA,EAAEC,UAAW,KAAK,CAAA,EAAEC,QAAS,UAAS,EAAEC,MAAO,SAAQ,EAAE,GAAGL;IACpF,OAAO;QACLE;QACAC,UAAUL,KAAKQ,QAAQ,CAACH,aAAa,IAAI,GAAG,MAAMA,YAAYI,SAAS,EAAE;YACvEC,cAAc;gBAAE,eAAe;YAAO;YACtCC,aAAa;QACf;QACAL;QACAC;QACAK,YAAY;YAAEC,MAAM;YAASR,UAAU;QAAO;QAC9CQ,MAAMb,KAAKc,MAAM,CAACf,sBAAsB,SAAS;YAAEI;YAAK,GAAGD,KAAK;QAAC,IAAI;YAAES,aAAa;QAAQ;IAC9F;AACF,EAAE"}

package/lib-commonjs/components/Label/renderLabel.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderLabel_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderLabel_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, state.root.children, slots.required && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.required, slotProps.required));
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.root.children, state.required && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.required, null));
 };

package/lib-commonjs/components/Label/renderLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderLabel.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 Label\n */ export const renderLabel_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, state.root.children, slots.required && /*#__PURE__*/ createElement(slots.required, slotProps.required));\n};\n"],"names":["renderLabel_unstable","state","slots","slotProps","getSlotsNext","createElement","root","children","required"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,uBAAuB,CAACC,QAAQ;IAC7C,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEL,MAAMK,IAAI,CAACC,QAAQ,EAAEL,MAAMM,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,QAAQ,EAAEL,UAAUK,QAAQ;AACxK"}
+{"version":3,"sources":["renderLabel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Label\n */ export const renderLabel_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.root.children, state.required && /*#__PURE__*/ createElement(state.required, null));\n};\n"],"names":["renderLabel_unstable","state","assertSlots","createElement","root","children","required"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,uBAAuB,CAACC,QAAQ;IAC7CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMG,IAAI,CAACC,QAAQ,EAAEJ,MAAMK,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,QAAQ,EAAE,IAAI;AAChJ"}

package/lib-commonjs/components/Label/useLabel.js

@@ -13,10 +13,11 @@ const useLabel_unstable = (props, ref)=>{
     const { disabled =false , required =false , weight ='regular' , size ='medium'  } = props;
     return {
         disabled,
-        required: (0, _reactUtilities.resolveShorthand)(required === true ? '*' : required || undefined, {
+        required: _reactUtilities.slot.optional(required === true ? '*' : required || undefined, {
             defaultProps: {
                 'aria-hidden': 'true'
-            }
+            },
+            elementType: 'span'
         }),
         weight,
         size,
@@ -24,9 +25,11 @@ const useLabel_unstable = (props, ref)=>{
             root: 'label',
             required: 'span'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('label', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('label', {
             ref,
             ...props
+        }), {
+            elementType: 'label'
         })
     };
 };

package/lib-commonjs/components/Label/useLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { resolveShorthand } from '@fluentui/react-utilities';\n/**\n * Create the state required to render Label.\n *\n * The returned state can be modified with hooks such as useLabelStyles_unstable,\n * before being passed to renderLabel_unstable.\n *\n * @param props - props from this instance of Label\n * @param ref - reference to root HTMLElement of Label\n */ export const useLabel_unstable = (props, ref)=>{\n    const { disabled =false , required =false , weight ='regular' , size ='medium'  } = props;\n    return {\n        disabled,\n        required: resolveShorthand(required === true ? '*' : required || undefined, {\n            defaultProps: {\n                'aria-hidden': 'true'\n            }\n        }),\n        weight,\n        size,\n        components: {\n            root: 'label',\n            required: 'span'\n        },\n        root: getNativeElementProps('label', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useLabel_unstable","props","ref","disabled","required","weight","size","resolveShorthand","undefined","defaultProps","components","root","getNativeElementProps"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACe;AAU3B,MAAMA,oBAAoB,CAACC,OAAOC,MAAM;IAC/C,MAAM,EAAEC,UAAU,KAAK,CAAA,EAAGC,UAAU,KAAK,CAAA,EAAGC,QAAQ,UAAS,EAAGC,MAAM,SAAQ,EAAG,GAAGL;IACpF,OAAO;QACHE;QACAC,UAAUG,IAAAA,gCAAgB,EAACH,aAAa,IAAI,GAAG,MAAMA,YAAYI,SAAS,EAAE;YACxEC,cAAc;gBACV,eAAe;YACnB;QACJ;QACAJ;QACAC;QACAI,YAAY;YACRC,MAAM;YACNP,UAAU;QACd;QACAO,MAAMC,IAAAA,qCAAqB,EAAC,SAAS;YACjCV;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
+{"version":3,"sources":["useLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render Label.\n *\n * The returned state can be modified with hooks such as useLabelStyles_unstable,\n * before being passed to renderLabel_unstable.\n *\n * @param props - props from this instance of Label\n * @param ref - reference to root HTMLElement of Label\n */ export const useLabel_unstable = (props, ref)=>{\n    const { disabled =false , required =false , weight ='regular' , size ='medium'  } = props;\n    return {\n        disabled,\n        required: slot.optional(required === true ? '*' : required || undefined, {\n            defaultProps: {\n                'aria-hidden': 'true'\n            },\n            elementType: 'span'\n        }),\n        weight,\n        size,\n        components: {\n            root: 'label',\n            required: 'span'\n        },\n        root: slot.always(getNativeElementProps('label', {\n            ref,\n            ...props\n        }), {\n            elementType: 'label'\n        })\n    };\n};\n"],"names":["useLabel_unstable","props","ref","disabled","required","weight","size","slot","optional","undefined","defaultProps","elementType","components","root","always","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACqB;AASjC,MAAMA,oBAAoB,CAACC,OAAOC,MAAM;IAC/C,MAAM,EAAEC,UAAU,KAAK,CAAA,EAAGC,UAAU,KAAK,CAAA,EAAGC,QAAQ,UAAS,EAAGC,MAAM,SAAQ,EAAG,GAAGL;IACpF,OAAO;QACHE;QACAC,UAAUG,oBAAI,CAACC,QAAQ,CAACJ,aAAa,IAAI,GAAG,MAAMA,YAAYK,SAAS,EAAE;YACrEC,cAAc;gBACV,eAAe;YACnB;YACAC,aAAa;QACjB;QACAN;QACAC;QACAM,YAAY;YACRC,MAAM;YACNT,UAAU;QACd;QACAS,MAAMN,oBAAI,CAACO,MAAM,CAACC,IAAAA,qCAAqB,EAAC,SAAS;YAC7Cb;YACA,GAAGD,KAAK;QACZ,IAAI;YACAU,aAAa;QACjB;IACJ;AACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-label",
-  "version": "9.1.23",
+  "version": "9.1.24",
   "description": "Fluent UI React Label component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,11 +33,11 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.7.1",
-    "@fluentui/react-theme": "^9.1.10",
+    "@fluentui/react-shared-contexts": "^9.7.2",
+    "@fluentui/react-theme": "^9.1.11",
     "@fluentui/react-utilities": "^9.11.0",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.13",
-    "@griffel/react": "^1.5.7",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.14",
+    "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {