@fluentui/react-breadcrumb 9.4.0 → 9.4.2

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 (71) hide show
  1. package/CHANGELOG.md +32 -2
  2. package/dist/index.d.ts +11 -9
  3. package/lib/Breadcrumb.js +1 -1
  4. package/lib/Breadcrumb.js.map +1 -1
  5. package/lib/components/Breadcrumb/BreadcrumbContext.js.map +1 -1
  6. package/lib/components/Breadcrumb/index.js +1 -0
  7. package/lib/components/Breadcrumb/index.js.map +1 -1
  8. package/lib/components/Breadcrumb/renderBreadcrumb.js.map +1 -1
  9. package/lib/components/Breadcrumb/useBreadcrumb.js +0 -1
  10. package/lib/components/Breadcrumb/useBreadcrumb.js.map +1 -1
  11. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js +2 -0
  12. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +1 -1
  13. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js +2 -0
  14. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js.map +1 -1
  15. package/lib/components/BreadcrumbButton/BreadcrumbButton.types.js.map +1 -1
  16. package/lib/components/BreadcrumbButton/renderBreadcrumbButton.js.map +1 -1
  17. package/lib/components/BreadcrumbButton/useBreadcrumbButton.js +6 -5
  18. package/lib/components/BreadcrumbButton/useBreadcrumbButton.js.map +1 -1
  19. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js +2 -0
  20. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +1 -1
  21. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js +2 -0
  22. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map +1 -1
  23. package/lib/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map +1 -1
  24. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js +1 -0
  25. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +1 -1
  26. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js +1 -0
  27. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map +1 -1
  28. package/lib/components/BreadcrumbItem/renderBreadcrumbItem.js.map +1 -1
  29. package/lib/components/BreadcrumbItem/useBreadcrumbItem.js +0 -1
  30. package/lib/components/BreadcrumbItem/useBreadcrumbItem.js.map +1 -1
  31. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js +1 -0
  32. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +1 -1
  33. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js +1 -0
  34. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js.map +1 -1
  35. package/lib/index.js +1 -1
  36. package/lib/index.js.map +1 -1
  37. package/lib-commonjs/Breadcrumb.js +3 -0
  38. package/lib-commonjs/Breadcrumb.js.map +1 -1
  39. package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.js.map +1 -1
  40. package/lib-commonjs/components/Breadcrumb/index.js +4 -0
  41. package/lib-commonjs/components/Breadcrumb/index.js.map +1 -1
  42. package/lib-commonjs/components/Breadcrumb/renderBreadcrumb.js.map +1 -1
  43. package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js +0 -2
  44. package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js.map +1 -1
  45. package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js +2 -0
  46. package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +1 -1
  47. package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js +2 -0
  48. package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.raw.js.map +1 -1
  49. package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js.map +1 -1
  50. package/lib-commonjs/components/BreadcrumbButton/renderBreadcrumbButton.js.map +1 -1
  51. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js +5 -5
  52. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js.map +1 -1
  53. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js +2 -0
  54. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +1 -1
  55. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js +2 -0
  56. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.raw.js.map +1 -1
  57. package/lib-commonjs/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map +1 -1
  58. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js +1 -0
  59. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +1 -1
  60. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js +1 -0
  61. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.raw.js.map +1 -1
  62. package/lib-commonjs/components/BreadcrumbItem/renderBreadcrumbItem.js.map +1 -1
  63. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js +0 -2
  64. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js.map +1 -1
  65. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js +1 -0
  66. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +1 -1
  67. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js +1 -0
  68. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.raw.js.map +1 -1
  69. package/lib-commonjs/index.js +3 -0
  70. package/lib-commonjs/index.js.map +1 -1
  71. package/package.json +7 -7
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Breadcrumb,\n renderBreadcrumb_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n useBreadcrumbStyles_unstable,\n breadcrumbClassNames,\n} from './Breadcrumb';\nexport type {\n BreadcrumbSlots,\n BreadcrumbProps,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './Breadcrumb';\nexport {\n BreadcrumbDivider,\n breadcrumbDividerClassNames,\n renderBreadcrumbDivider_unstable,\n useBreadcrumbDividerStyles_unstable,\n useBreadcrumbDivider_unstable,\n useBreadcrumbDividerBase_unstable,\n} from './BreadcrumbDivider';\nexport type {\n BreadcrumbDividerProps,\n BreadcrumbDividerSlots,\n BreadcrumbDividerState,\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n} from './BreadcrumbDivider';\nexport {\n BreadcrumbItem,\n breadcrumbItemClassNames,\n renderBreadcrumbItem_unstable,\n useBreadcrumbItemStyles_unstable,\n useBreadcrumbItem_unstable,\n useBreadcrumbItemBase_unstable,\n} from './BreadcrumbItem';\nexport type {\n BreadcrumbItemProps,\n BreadcrumbItemSlots,\n BreadcrumbItemState,\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n} from './BreadcrumbItem';\nexport {\n partitionBreadcrumbItems,\n truncateBreadcrumbLongName,\n truncateBreadcrumLongTooltip,\n isTruncatableBreadcrumbContent,\n} from './utils/index';\nexport type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index';\nexport {\n BreadcrumbButton,\n breadcrumbButtonClassNames,\n renderBreadcrumbButton_unstable,\n useBreadcrumbButtonStyles_unstable,\n useBreadcrumbButton_unstable,\n useBreadcrumbButtonBase_unstable,\n} from './BreadcrumbButton';\nexport type {\n BreadcrumbButtonProps,\n BreadcrumbButtonSlots,\n BreadcrumbButtonState,\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n} from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\nexport type { BreadcrumbContextValues } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbStyles_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,yBAAyB,EACzBC,sBAAsB,EACtBC,0BAA0B,EAC1BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,oBAAoB,QACf,eAAe;AAQtB,SACEC,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,EAC7BC,iCAAiC,QAC5B,sBAAsB;AAQ7B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,mBAAmB;AAQ1B,SACEC,wBAAwB,EACxBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,8BAA8B,QACzB,gBAAgB;AAEvB,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,gCAAgC,QAC3B,qBAAqB;AAQ5B,SAASC,kBAAkB,EAAEC,6BAA6B,QAAQ,eAAe"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Breadcrumb,\n renderBreadcrumb_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n useBreadcrumbStyles_unstable,\n useBreadcrumbContextValues_unstable,\n breadcrumbClassNames,\n} from './Breadcrumb';\nexport type {\n BreadcrumbSlots,\n BreadcrumbProps,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './Breadcrumb';\nexport {\n BreadcrumbDivider,\n breadcrumbDividerClassNames,\n renderBreadcrumbDivider_unstable,\n useBreadcrumbDividerStyles_unstable,\n useBreadcrumbDivider_unstable,\n useBreadcrumbDividerBase_unstable,\n} from './BreadcrumbDivider';\nexport type {\n BreadcrumbDividerProps,\n BreadcrumbDividerSlots,\n BreadcrumbDividerState,\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n} from './BreadcrumbDivider';\nexport {\n BreadcrumbItem,\n breadcrumbItemClassNames,\n renderBreadcrumbItem_unstable,\n useBreadcrumbItemStyles_unstable,\n useBreadcrumbItem_unstable,\n useBreadcrumbItemBase_unstable,\n} from './BreadcrumbItem';\nexport type {\n BreadcrumbItemProps,\n BreadcrumbItemSlots,\n BreadcrumbItemState,\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n} from './BreadcrumbItem';\nexport {\n partitionBreadcrumbItems,\n truncateBreadcrumbLongName,\n truncateBreadcrumLongTooltip,\n isTruncatableBreadcrumbContent,\n} from './utils/index';\nexport type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index';\nexport {\n BreadcrumbButton,\n breadcrumbButtonClassNames,\n renderBreadcrumbButton_unstable,\n useBreadcrumbButtonStyles_unstable,\n useBreadcrumbButton_unstable,\n useBreadcrumbButtonBase_unstable,\n} from './BreadcrumbButton';\nexport type {\n BreadcrumbButtonProps,\n BreadcrumbButtonSlots,\n BreadcrumbButtonState,\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n} from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\nexport type { BreadcrumbContextValues } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbStyles_unstable","useBreadcrumbContextValues_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":"AAAA,SACEA,UAAU,EACVC,yBAAyB,EACzBC,sBAAsB,EACtBC,0BAA0B,EAC1BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,mCAAmC,EACnCC,oBAAoB,QACf,eAAe;AAQtB,SACEC,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,EAC7BC,iCAAiC,QAC5B,sBAAsB;AAQ7B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,mBAAmB;AAQ1B,SACEC,wBAAwB,EACxBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,8BAA8B,QACzB,gBAAgB;AAEvB,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,gCAAgC,QAC3B,qBAAqB;AAQ5B,SAASC,kBAAkB,EAAEC,6BAA6B,QAAQ,eAAe"}
@@ -30,6 +30,9 @@ _export(exports, {
30
30
  useBreadcrumbBase_unstable: function() {
31
31
  return _index.useBreadcrumbBase_unstable;
32
32
  },
33
+ useBreadcrumbContextValues_unstable: function() {
34
+ return _index.useBreadcrumbContextValues_unstable;
35
+ },
33
36
  useBreadcrumbContext_unstable: function() {
34
37
  return _index.useBreadcrumbContext_unstable;
35
38
  },
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Breadcrumb.ts"],"sourcesContent":["export type {\n BreadcrumbContextValues,\n BreadcrumbProps,\n BreadcrumbSlots,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './components/Breadcrumb/index';\nexport {\n Breadcrumb,\n BreadcrumbProvider,\n breadcrumbClassNames,\n breadcrumbDefaultValue,\n renderBreadcrumb_unstable,\n useBreadcrumbContext_unstable,\n useBreadcrumbStyles_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n} from './components/Breadcrumb/index';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbClassNames","breadcrumbDefaultValue","renderBreadcrumb_unstable","useBreadcrumbContext_unstable","useBreadcrumbStyles_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable"],"mappings":";;;;;;;;;;;IASEA;gCAAU;;;eACVC,yBAAkB;;;eAClBC,2BAAoB;;;eACpBC,6BAAsB;;;eACtBC,gCAAyB;;;eAKzBK,yCAAkC;;8BADR;eAA1BD;;;eAHAH,oCAA6B;;gCACD;eAA5BC;;;eACAC,6BAAsB;;;uBAGjB,gCAAgC"}
1
+ {"version":3,"sources":["../src/Breadcrumb.ts"],"sourcesContent":["export type {\n BreadcrumbContextValues,\n BreadcrumbProps,\n BreadcrumbSlots,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './components/Breadcrumb/index';\nexport {\n Breadcrumb,\n BreadcrumbProvider,\n breadcrumbClassNames,\n breadcrumbDefaultValue,\n renderBreadcrumb_unstable,\n useBreadcrumbContext_unstable,\n useBreadcrumbStyles_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbContextValues_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n} from './components/Breadcrumb/index';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbClassNames","breadcrumbDefaultValue","renderBreadcrumb_unstable","useBreadcrumbContext_unstable","useBreadcrumbStyles_unstable","useBreadcrumb_unstable","useBreadcrumbContextValues_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable"],"mappings":";;;;;;;;;;;IASEA;gCAAU;;;eACVC,yBAAkB;;;eAClBC,2BAAoB;;;eACpBC,6BAAsB;;;eACtBC,gCAAyB;;sCAMS;eAAlCM;;;eADAD,iCAA0B;;;eAD1BD,0CAAmC;;iCAHN;eAA7BH;;;eACAC,mCAA4B;;;eAC5BC,6BAAsB;;;uBAIjB,gCAAgC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Breadcrumb/BreadcrumbContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { BreadcrumbContextValues } from './Breadcrumb.types';\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValues | undefined>(undefined);\n\n/**\n * @internal\n */\nexport const breadcrumbDefaultValue: BreadcrumbContextValues = {\n size: 'medium',\n};\n\n/**\n * @internal\n */\nexport const BreadcrumbProvider = BreadcrumbContext.Provider;\n\n/**\n * @internal\n */\nexport const useBreadcrumbContext_unstable = (): BreadcrumbContextValues =>\n React.useContext(BreadcrumbContext) ?? breadcrumbDefaultValue;\n"],"names":["React","BreadcrumbContext","createContext","undefined","breadcrumbDefaultValue","size","BreadcrumbProvider","Provider","useBreadcrumbContext_unstable","useContext"],"mappings":"AAAA;;;;;;;;;;;;sBAiBaM;eAAAA;;0BAPAF;;;iCAYAI;;;;;iEApBU,QAAQ;AAG/B,MAAMP,kCAAoBD,OAAME,aAAa,CAAsCC;AAK5E,MAAMC,yBAAkD;IAC7DC,MAAM;AACR,EAAE;AAKK,2BAA2BJ,kBAAkBM,QAAQ,CAAC;AAKtD,MAAMC,gCAAgC;QAC3CR;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACR,kBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAuCI;EAAuB"}
1
+ {"version":3,"sources":["../src/components/Breadcrumb/BreadcrumbContext.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { BreadcrumbContextValues } from './Breadcrumb.types';\n\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValues | undefined>(undefined);\n\n/**\n * @internal\n */\nexport const breadcrumbDefaultValue: BreadcrumbContextValues = {\n size: 'medium',\n};\n\n/**\n * @internal\n */\nexport const BreadcrumbProvider = BreadcrumbContext.Provider;\n\n/**\n * @internal\n */\nexport const useBreadcrumbContext_unstable = (): BreadcrumbContextValues =>\n React.useContext(BreadcrumbContext) ?? breadcrumbDefaultValue;\n"],"names":["React","BreadcrumbContext","createContext","undefined","breadcrumbDefaultValue","size","BreadcrumbProvider","Provider","useBreadcrumbContext_unstable","useContext"],"mappings":"AAAA;;;;;;;;;;;;sBAiBaM;eAAAA;;0BAPAF;;;iCAYAI;;;;;iEApBU,QAAQ;AAG/B,MAAMP,kCAAoBD,OAAME,aAAa,CAAsCC;AAK5E,MAAMC,yBAAkD;IAC7DC,MAAM;AACR,EAAE;AAKK,2BAA2BJ,kBAAkBM,QAAQ,CAAC;AAKtD,MAAMC,gCAAgC;QAC3CR;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACR,kBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAuCI;EAAuB"}
@@ -30,6 +30,9 @@ _export(exports, {
30
30
  useBreadcrumbBase_unstable: function() {
31
31
  return _useBreadcrumb.useBreadcrumbBase_unstable;
32
32
  },
33
+ useBreadcrumbContextValues_unstable: function() {
34
+ return _useBreadcrumbContextValue.useBreadcrumbContextValues_unstable;
35
+ },
33
36
  useBreadcrumbContext_unstable: function() {
34
37
  return _BreadcrumbContext.useBreadcrumbContext_unstable;
35
38
  },
@@ -44,4 +47,5 @@ const _Breadcrumb = require("./Breadcrumb");
44
47
  const _BreadcrumbContext = require("./BreadcrumbContext");
45
48
  const _renderBreadcrumb = require("./renderBreadcrumb");
46
49
  const _useBreadcrumb = require("./useBreadcrumb");
50
+ const _useBreadcrumbContextValue = require("./useBreadcrumbContextValue");
47
51
  const _useBreadcrumbStylesstyles = require("./useBreadcrumbStyles.styles");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Breadcrumb/index.ts"],"sourcesContent":["export { Breadcrumb } from './Breadcrumb';\nexport type {\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n BreadcrumbContextValues,\n BreadcrumbProps,\n BreadcrumbSlots,\n BreadcrumbState,\n} from './Breadcrumb.types';\nexport { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from './BreadcrumbContext';\nexport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nexport {\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n} from './useBreadcrumb';\nexport { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbDefaultValue","useBreadcrumbContext_unstable","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","breadcrumbClassNames","useBreadcrumbStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;qCAAU;;;eASVC,qCAAkB;;IAOlBO,oBAAoB;;;;eAPAN,yCAAsB;;;eAC1CE,2CAAyB;;;eAIhCG,iDAAkC;;;eADlCD,yCAA0B;;;eAJyBH,gDAA6B;;;eAOnDM,uDAA4B;;;eAJzDJ,qCAAsB;;;4BAZG,eAAe;mCASgD,sBAAsB;kCACtE,qBAAqB;+BAKxD,kBAAkB;2CAC0C,+BAA+B"}
1
+ {"version":3,"sources":["../src/components/Breadcrumb/index.ts"],"sourcesContent":["export { Breadcrumb } from './Breadcrumb';\nexport type {\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n BreadcrumbContextValues,\n BreadcrumbProps,\n BreadcrumbSlots,\n BreadcrumbState,\n} from './Breadcrumb.types';\nexport { BreadcrumbProvider, breadcrumbDefaultValue, useBreadcrumbContext_unstable } from './BreadcrumbContext';\nexport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nexport {\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n} from './useBreadcrumb';\nexport { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nexport { breadcrumbClassNames, useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\n"],"names":["Breadcrumb","BreadcrumbProvider","breadcrumbDefaultValue","useBreadcrumbContext_unstable","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbContextValues_unstable","breadcrumbClassNames","useBreadcrumbStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;qCAAU;;;eASVC,qCAAkB;;;eAQlBQ,+CAAoB;;;eARAP,yCAAsB;;;eAC1CE,2CAAyB;;;eAIhCG,iDAAkC;;;eADlCD,yCAA0B;;;eAGnBE,8DAAmC;;;eAPSL,gDAA6B;;;eAQnDO,uDAA4B;;IALzDL;oDAAsB;;;4BAZG,eAAe;mCASgD,sBAAsB;kCACtE,qBAAqB;+BAKxD,kBAAkB;2CAC2B,8BAA8B;2CACf,+BAA+B"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Breadcrumb/renderBreadcrumb.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { BreadcrumbProvider } from './BreadcrumbContext';\nimport type { BreadcrumbState, BreadcrumbSlots, BreadcrumbContextValues } from './Breadcrumb.types';\n/**\n * Render the final JSX of Breadcrumb\n */\nexport const renderBreadcrumb_unstable = (\n state: BreadcrumbState,\n contextValues: BreadcrumbContextValues,\n): JSXElement => {\n assertSlots<BreadcrumbSlots>(state);\n return (\n <state.root>\n <BreadcrumbProvider value={contextValues}>\n {state.list && <state.list>{state.root.children}</state.list>}\n </BreadcrumbProvider>\n </state.root>\n );\n};\n"],"names":["assertSlots","BreadcrumbProvider","renderBreadcrumb_unstable","state","contextValues","root","value","list","children"],"mappings":";;;;+BAWaE;;;;;;4BAVb,gDAAiD;gCAErB,4BAA4B;mCAGrB,sBAAsB;AAKlD,kCAAkC,CACvCC,OACAC;QAEAJ,2BAAAA,EAA6BG;IAC7B,OAAA,WAAA,OACE,eAAA,EAACA,MAAME,IAAI,EAAA;kBACT,WAAA,GAAA,mBAAA,EAACJ,qCAAAA,EAAAA;YAAmBK,OAAOF;sBACxBD,MAAMI,IAAI,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,IAAI,EAAA;0BAAEJ,MAAME,IAAI,CAACG,QAAQ;;;;AAIvD,EAAE"}
1
+ {"version":3,"sources":["../src/components/Breadcrumb/renderBreadcrumb.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { BreadcrumbProvider } from './BreadcrumbContext';\nimport type { BreadcrumbBaseState, BreadcrumbSlots, BreadcrumbContextValues } from './Breadcrumb.types';\n/**\n * Render the final JSX of Breadcrumb\n */\nexport const renderBreadcrumb_unstable = (\n state: BreadcrumbBaseState,\n contextValues: BreadcrumbContextValues,\n): JSXElement => {\n assertSlots<BreadcrumbSlots>(state);\n return (\n <state.root>\n <BreadcrumbProvider value={contextValues}>\n {state.list && <state.list>{state.root.children}</state.list>}\n </BreadcrumbProvider>\n </state.root>\n );\n};\n"],"names":["assertSlots","BreadcrumbProvider","renderBreadcrumb_unstable","state","contextValues","root","value","list","children"],"mappings":";;;;+BAWaE;;;;;;4BAVb,gDAAiD;gCAErB,4BAA4B;mCAGrB,sBAAsB;AAKlD,kCAAkC,CACvCC,OACAC;QAEAJ,2BAAAA,EAA6BG;IAC7B,OAAA,WAAA,OACE,eAAA,EAACA,MAAME,IAAI,EAAA;kBACT,WAAA,GAAA,mBAAA,EAACJ,qCAAAA,EAAAA;YAAmBK,OAAOF;sBACxBD,MAAMI,IAAI,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,IAAI,EAAA;0BAAEJ,MAAME,IAAI,CAACG,QAAQ;;;;AAIvD,EAAE"}
@@ -20,8 +20,6 @@ _export(exports, {
20
20
  return useBreadcrumb_unstable;
21
21
  }
22
22
  });
23
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
24
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
25
23
  const _reactutilities = require("@fluentui/react-utilities");
26
24
  const _reacttabster = require("@fluentui/react-tabster");
27
25
  const useBreadcrumb_unstable = (props, ref)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumb.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbBaseProps, BreadcrumbBaseState, BreadcrumbProps, BreadcrumbState } from './Breadcrumb.types';\nimport { TabsterDOMAttribute, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Create the state required to render Breadcrumb.\n *\n * The returned state can be modified with hooks such as useBreadcrumbStyles_unstable,\n * before being passed to renderBreadcrumb_unstable.\n *\n * @param props - props from this instance of Breadcrumb\n * @param ref - reference to root HTMLElement of Breadcrumb\n */\nexport const useBreadcrumb_unstable = (props: BreadcrumbProps, ref: React.Ref<HTMLElement>): BreadcrumbState => {\n const { focusMode = 'tab', size = 'medium', ...breadcrumbProps } = props;\n const state = useBreadcrumbBase_unstable(breadcrumbProps, ref);\n const focusAttributes = useBreadcrumbA11yBehavior_unstable({ focusMode });\n\n return {\n ...state,\n root: {\n ...focusAttributes,\n ...state.root,\n },\n size,\n };\n};\n\n/**\n * Base hook for Breadcrumb component, which manages state related to slots structure and ARIA attributes.\n *\n * Note: keyboard navigation behavior is not handled in this hook, but in useBreadcrumbA11yBehavior_unstable.\n *\n * @param props - props from this instance of Breadcrumb\n * @param ref - reference to root HTMLElement of Breadcrumb\n */\nexport const useBreadcrumbBase_unstable = (\n props: BreadcrumbBaseProps,\n ref: React.Ref<HTMLElement>,\n): BreadcrumbBaseState => {\n const { focusMode = 'tab', list, ...rest } = props;\n\n return {\n components: {\n root: 'nav',\n list: 'ol',\n },\n root: slot.always(\n getIntrinsicElementProps('nav', {\n ref,\n 'aria-label': props['aria-label'] ?? 'breadcrumb',\n ...rest,\n }),\n { elementType: 'nav' },\n ),\n list: slot.optional(list, { renderByDefault: true, defaultProps: { role: 'list' }, elementType: 'ol' }),\n };\n};\n\n/**\n * Hook to get accessibility attributes for Breadcrumb component, such as roving tab index.\n * Based on Tabster's useArrowNavigationGroup.\n *\n * @param focusMode - whether the Breadcrumb uses arrow key navigation or tab key navigation\n * @returns Tabster DOM attributes\n */\nexport const useBreadcrumbA11yBehavior_unstable = ({\n focusMode,\n}: Pick<BreadcrumbBaseProps, 'focusMode'>): Partial<TabsterDOMAttribute> => {\n const focusAttributes = useArrowNavigationGroup({\n circular: true,\n axis: 'horizontal',\n memorizeCurrent: true,\n });\n\n return focusMode === 'arrow' ? focusAttributes : {};\n};\n"],"names":["React","getIntrinsicElementProps","slot","useArrowNavigationGroup","useBreadcrumb_unstable","props","ref","focusMode","size","breadcrumbProps","state","useBreadcrumbBase_unstable","focusAttributes","useBreadcrumbA11yBehavior_unstable","root","list","rest","components","always","elementType","optional","renderByDefault","defaultProps","role","circular","axis","memorizeCurrent"],"mappings":"AAAA;;;;;;;;;;;;sCAqEaa;eAAAA;;IA9BAF,0BAAAA;;;0BAvBAP;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;8BAEd,0BAA0B;AAWhF,MAAMA,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,YAAY,KAAK,EAAEC,OAAO,QAAQ,EAAE,GAAGC,iBAAiB,GAAGJ;IACnE,MAAMK,QAAQC,2BAA2BF,iBAAiBH;IAC1D,MAAMM,kBAAkBC,mCAAmC;QAAEN;IAAU;IAEvE,OAAO;QACL,GAAGG,KAAK;QACRI,MAAM;YACJ,GAAGF,eAAe;YAClB,GAAGF,MAAMI,IAAI;QACf;QACAN;IACF;AACF,EAAE;AAUK,mCAAmC,CACxCH,OACAC;IAEA,MAAM,EAAEC,YAAY,KAAK,EAAEQ,IAAI,EAAE,GAAGC,MAAM,GAAGX;QAUzBA;IARpB,OAAO;QACLY,YAAY;YACVH,MAAM;YACNC,MAAM;QACR;QACAD,MAAMZ,oBAAAA,CAAKgB,MAAM,KACfjB,wCAAAA,EAAyB,OAAO;YAC9BK;YACA,cAAcD,CAAAA,mBAAAA,KAAK,CAAC,aAAA,AAAa,MAAA,QAAnBA,qBAAAA,KAAAA,IAAAA,mBAAuB;YACrC,GAAGW,IAAI;QACT,IACA;YAAEG,aAAa;QAAM;QAEvBJ,MAAMb,oBAAAA,CAAKkB,QAAQ,CAACL,MAAM;YAAEM,iBAAiB;YAAMC,cAAc;gBAAEC,MAAM;YAAO;YAAGJ,aAAa;QAAK;IACvG;AACF,EAAE;AASK,2CAA2C,CAAC,EACjDZ,SAAS,EAC8B;IACvC,MAAMK,sBAAkBT,qCAAAA,EAAwB;QAC9CqB,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,OAAOnB,cAAc,UAAUK,kBAAkB,CAAC;AACpD,EAAE"}
1
+ {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumb.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbBaseProps, BreadcrumbBaseState, BreadcrumbProps, BreadcrumbState } from './Breadcrumb.types';\nimport type { TabsterDOMAttribute } from '@fluentui/react-tabster';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Create the state required to render Breadcrumb.\n *\n * The returned state can be modified with hooks such as useBreadcrumbStyles_unstable,\n * before being passed to renderBreadcrumb_unstable.\n *\n * @param props - props from this instance of Breadcrumb\n * @param ref - reference to root HTMLElement of Breadcrumb\n */\nexport const useBreadcrumb_unstable = (props: BreadcrumbProps, ref: React.Ref<HTMLElement>): BreadcrumbState => {\n const { focusMode = 'tab', size = 'medium', ...breadcrumbProps } = props;\n const state = useBreadcrumbBase_unstable(breadcrumbProps, ref);\n const focusAttributes = useBreadcrumbA11yBehavior_unstable({ focusMode });\n\n return {\n ...state,\n root: {\n ...focusAttributes,\n ...state.root,\n },\n size,\n };\n};\n\n/**\n * Base hook for Breadcrumb component, which manages state related to slots structure and ARIA attributes.\n *\n * Note: keyboard navigation behavior is not handled in this hook, but in useBreadcrumbA11yBehavior_unstable.\n *\n * @param props - props from this instance of Breadcrumb\n * @param ref - reference to root HTMLElement of Breadcrumb\n */\nexport const useBreadcrumbBase_unstable = (\n props: BreadcrumbBaseProps,\n ref: React.Ref<HTMLElement>,\n): BreadcrumbBaseState => {\n const { focusMode = 'tab', list, ...rest } = props;\n\n return {\n components: {\n root: 'nav',\n list: 'ol',\n },\n root: slot.always(\n getIntrinsicElementProps('nav', {\n ref,\n 'aria-label': props['aria-label'] ?? 'breadcrumb',\n ...rest,\n }),\n { elementType: 'nav' },\n ),\n list: slot.optional(list, { renderByDefault: true, defaultProps: { role: 'list' }, elementType: 'ol' }),\n };\n};\n\n/**\n * Hook to get accessibility attributes for Breadcrumb component, such as roving tab index.\n * Based on Tabster's useArrowNavigationGroup.\n *\n * @param focusMode - whether the Breadcrumb uses arrow key navigation or tab key navigation\n * @returns Tabster DOM attributes\n */\nexport const useBreadcrumbA11yBehavior_unstable = ({\n focusMode,\n}: Pick<BreadcrumbBaseProps, 'focusMode'>): Partial<TabsterDOMAttribute> => {\n const focusAttributes = useArrowNavigationGroup({\n circular: true,\n axis: 'horizontal',\n memorizeCurrent: true,\n });\n\n return focusMode === 'arrow' ? focusAttributes : {};\n};\n"],"names":["getIntrinsicElementProps","slot","useArrowNavigationGroup","useBreadcrumb_unstable","props","ref","focusMode","size","breadcrumbProps","state","useBreadcrumbBase_unstable","focusAttributes","useBreadcrumbA11yBehavior_unstable","root","list","rest","components","always","elementType","optional","renderByDefault","defaultProps","role","circular","axis","memorizeCurrent"],"mappings":"AAAA;;;;;;;;;;;;sCAsEaY;eAAAA;;IA9BAF,0BAAAA;;;0BAvBAP;;;;gCAdkC,4BAA4B;8BAGnC,0BAA0B;AAW3D,MAAMA,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,YAAY,KAAK,EAAEC,OAAO,QAAQ,EAAE,GAAGC,iBAAiB,GAAGJ;IACnE,MAAMK,QAAQC,2BAA2BF,iBAAiBH;IAC1D,MAAMM,kBAAkBC,mCAAmC;QAAEN;IAAU;IAEvE,OAAO;QACL,GAAGG,KAAK;QACRI,MAAM;YACJ,GAAGF,eAAe;YAClB,GAAGF,MAAMI,IAAI;QACf;QACAN;IACF;AACF,EAAE;AAUK,mCAAmC,CACxCH,OACAC;IAEA,MAAM,EAAEC,YAAY,KAAK,EAAEQ,IAAI,EAAE,GAAGC,MAAM,GAAGX;QAUzBA;IARpB,OAAO;QACLY,YAAY;YACVH,MAAM;YACNC,MAAM;QACR;QACAD,MAAMZ,oBAAAA,CAAKgB,MAAM,KACfjB,wCAAAA,EAAyB,OAAO;YAC9BK;YACA,cAAcD,CAAAA,mBAAAA,KAAK,CAAC,aAAA,AAAa,MAAA,QAAnBA,qBAAAA,KAAAA,IAAAA,mBAAuB;YACrC,GAAGW,IAAI;QACT,IACA;YAAEG,aAAa;QAAM;QAEvBJ,MAAMb,oBAAAA,CAAKkB,QAAQ,CAACL,MAAM;YAAEM,iBAAiB;YAAMC,cAAc;gBAAEC,MAAM;YAAO;YAAGJ,aAAa;QAAK;IACvG;AACF,EAAE;AASK,2CAA2C,CAAC,EACjDZ,SAAS,EAC8B;IACvC,MAAMK,sBAAkBT,qCAAAA,EAAwB;QAC9CqB,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IAEA,OAAOnB,cAAc,UAAUK,kBAAkB,CAAC;AACpD,EAAE"}
@@ -28,8 +28,10 @@ const useListClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rc5rb6b", null
28
28
  const useBreadcrumbStyles_unstable = (state)=>{
29
29
  'use no memo';
30
30
  const listBaseClassName = useListClassName();
31
+ // eslint-disable-next-line react-hooks/immutability
31
32
  state.root.className = (0, _react.mergeClasses)(breadcrumbClassNames.root, state.root.className);
32
33
  if (state.list) {
34
+ // eslint-disable-next-line react-hooks/immutability
33
35
  state.list.className = (0, _react.mergeClasses)(listBaseClassName, breadcrumbClassNames.list, state.list.className);
34
36
  }
35
37
  return state;
@@ -1 +1 @@
1
- {"version":3,"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0\n});\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */ export const useBreadcrumbStyles_unstable = (state)=>{\n 'use no memo';\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,oBAAoB;;;gCAaY;eAA5BI;;;uBAd6B,gBAAgB;AACvD,6BAA6B;IAChCH,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,GAAA,WAAA,GAAGL,wBAAA,EAAA,WAAA,MAAA;IAAA;CAMxB,CAAC;AAGS,sCAAsCO,KAAK,IAAG;IACrD,aAAa;IACb,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;IAC5CE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,uBAAY,EAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;IACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;QACZG,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC3G;IACA,OAAOF,KAAK;AAChB,CAAC"}
1
+ {"version":3,"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0\n});\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */ export const useBreadcrumbStyles_unstable = (state)=>{\n 'use no memo';\n const listBaseClassName = useListClassName();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n // eslint-disable-next-line react-hooks/immutability\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,oBAAoB;;;gCAaY;eAA5BI;;;uBAd6B,gBAAgB;AACvD,6BAA6B;IAChCH,IAAI,EAAE,gBAAgB;IACtBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,gBAAgB,GAAA,WAAA,GAAGL,wBAAA,EAAA,WAAA,MAAA;IAAA;CAMxB,CAAC;AAGS,sCAAsCO,KAAK,IAAG;IACrD,aAAa;IACb,MAAMC,iBAAiB,GAAGH,gBAAgB,CAAC,CAAC;IAC5C,oDAAA;IACAE,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGR,uBAAY,EAACC,oBAAoB,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;IACpF,IAAIF,KAAK,CAACH,IAAI,EAAE;QACZ,oDAAA;QACAG,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACO,iBAAiB,EAAEN,oBAAoB,CAACE,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC3G;IACA,OAAOF,KAAK;AAChB,CAAC"}
@@ -32,8 +32,10 @@ const useListClassName = (0, _react.makeResetStyles)({
32
32
  const useBreadcrumbStyles_unstable = (state)=>{
33
33
  'use no memo';
34
34
  const listBaseClassName = useListClassName();
35
+ // eslint-disable-next-line react-hooks/immutability
35
36
  state.root.className = (0, _react.mergeClasses)(breadcrumbClassNames.root, state.root.className);
36
37
  if (state.list) {
38
+ // eslint-disable-next-line react-hooks/immutability
37
39
  state.list.className = (0, _react.mergeClasses)(listBaseClassName, breadcrumbClassNames.list, state.list.className);
38
40
  }
39
41
  return state;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n 'use no memo';\n\n const listBaseClassName = useListClassName();\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","listStyleType","display","alignItems","margin","padding","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,oBAAAA;;;IAgBAS,4BAAAA;;;;uBApBiC,iBAAiB;AAIxD,6BAA8D;IACnER,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,uBAAmBL,sBAAAA,EAAgB;IACvCM,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,SAAS;AACX;AAKO,qCAAqC,CAACE;IAC3C;IAEA,MAAMC,oBAAoBR;IAC1BO,MAAMT,IAAI,CAACW,SAAS,OAAGb,mBAAAA,EAAaC,qBAAqBC,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnF,IAAIF,MAAMR,IAAI,EAAE;QACdQ,MAAMR,IAAI,CAACU,SAAS,OAAGb,mBAAAA,EAAaY,mBAAmBX,qBAAqBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACxG;IACA,OAAOF;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/Breadcrumb/useBreadcrumbStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbSlots, BreadcrumbState } from './Breadcrumb.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbClassNames: SlotClassNames<BreadcrumbSlots> = {\n root: 'fui-Breadcrumb',\n list: 'fui-Breadcrumb__list',\n};\n\nconst useListClassName = makeResetStyles({\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n margin: 0,\n padding: 0,\n});\n\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = (state: BreadcrumbState): BreadcrumbState => {\n 'use no memo';\n\n const listBaseClassName = useListClassName();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n if (state.list) {\n // eslint-disable-next-line react-hooks/immutability\n state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n }\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","breadcrumbClassNames","root","list","useListClassName","listStyleType","display","alignItems","margin","padding","useBreadcrumbStyles_unstable","state","listBaseClassName","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,oBAAAA;;;IAgBAS,4BAAAA;;;;uBApBiC,iBAAiB;AAIxD,6BAA8D;IACnER,MAAM;IACNC,MAAM;AACR,EAAE;AAEF,MAAMC,uBAAmBL,sBAAAA,EAAgB;IACvCM,eAAe;IACfC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,SAAS;AACX;AAKO,qCAAqC,CAACE;IAC3C;IAEA,MAAMC,oBAAoBR;IAC1B,oDAAoD;IACpDO,MAAMT,IAAI,CAACW,SAAS,OAAGb,mBAAAA,EAAaC,qBAAqBC,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACnF,IAAIF,MAAMR,IAAI,EAAE;QACd,oDAAoD;QACpDQ,MAAMR,IAAI,CAACU,SAAS,OAAGb,mBAAAA,EAAaY,mBAAmBX,qBAAqBE,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IACxG;IACA,OAAOF;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-button';\nimport { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbButtonSlots = ButtonSlots;\n\n/**\n * BreadcrumbButton Props\n */\nexport type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> &\n Pick<BreadcrumbProps, 'size'> &\n Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {\n /**\n * Defines current sate of BreadcrumbButton.\n *\n * @default false\n */\n current?: boolean;\n };\n\n/**\n * State used in rendering BreadcrumbButton\n */\nexport type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> &\n Omit<ButtonState, keyof ButtonSlots | 'components'> &\n Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;\n\nexport type BreadcrumbButtonBaseProps = Omit<BreadcrumbButtonProps, 'size'>;\n\nexport type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'size'>;\n"],"names":[],"mappings":""}
1
+ {"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-button';\nimport type { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbButtonSlots = ButtonSlots;\n\n/**\n * BreadcrumbButton Props\n */\nexport type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> &\n Pick<BreadcrumbProps, 'size'> &\n Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {\n /**\n * Defines current sate of BreadcrumbButton.\n *\n * @default false\n */\n current?: boolean;\n };\n\n/**\n * State used in rendering BreadcrumbButton\n */\nexport type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> &\n Omit<ButtonState, keyof ButtonSlots | 'components'> &\n Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;\n\nexport type BreadcrumbButtonBaseProps = Omit<BreadcrumbButtonProps, 'size'>;\n\nexport type BreadcrumbButtonBaseState = Omit<BreadcrumbButtonState, 'appearance' | 'size' | 'shape'>;\n"],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbButton/renderBreadcrumbButton.tsx"],"sourcesContent":["import type { BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { renderButton_unstable } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of BreadcrumbButton\n */\nexport const renderBreadcrumbButton_unstable = (state: BreadcrumbButtonState): JSXElement => {\n return renderButton_unstable(state);\n};\n"],"names":["renderButton_unstable","renderBreadcrumbButton_unstable","state"],"mappings":";;;;;;;;;;6BAGsC,yBAAyB;AAKxD,MAAMC,kCAAkC,CAACC;IAC9C,WAAOF,kCAAAA,EAAsBE;AAC/B,EAAE"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbButton/renderBreadcrumbButton.tsx"],"sourcesContent":["import type { BreadcrumbButtonBaseState } from './BreadcrumbButton.types';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport { renderButton_unstable } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of BreadcrumbButton\n */\nexport const renderBreadcrumbButton_unstable = (state: BreadcrumbButtonBaseState): JSXElement => {\n return renderButton_unstable(state);\n};\n"],"names":["renderButton_unstable","renderBreadcrumbButton_unstable","state"],"mappings":";;;;;;;;;;6BAGsC,yBAAyB;AAKxD,MAAMC,kCAAkC,CAACC;IAC9C,WAAOF,kCAAAA,EAAsBE;AAC/B,EAAE"}
@@ -17,23 +17,23 @@ _export(exports, {
17
17
  return useBreadcrumbButton_unstable;
18
18
  }
19
19
  });
20
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
21
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
22
20
  const _reactbutton = require("@fluentui/react-button");
23
21
  const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
24
22
  const useBreadcrumbButton_unstable = (props, ref)=>{
25
23
  const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
26
24
  const state = useBreadcrumbButtonBase_unstable(props, ref);
27
25
  return {
28
- ...state,
29
- size
26
+ appearance: 'subtle',
27
+ size,
28
+ shape: 'rounded',
29
+ ...state
30
30
  };
31
31
  };
32
32
  const useBreadcrumbButtonBase_unstable = (props, ref)=>{
33
33
  const { current = false, as, ...rest } = props;
34
34
  const controlType = (as !== null && as !== void 0 ? as : props.href) ? 'a' : 'button';
35
35
  var _props_ariacurrent, _props_ariadisabled;
36
- const { size: _size, ...buttonState } = (0, _reactbutton.useButton_unstable)({
36
+ const buttonState = (0, _reactbutton.useButtonBase_unstable)({
37
37
  role: undefined,
38
38
  type: undefined,
39
39
  as: controlType,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButton.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ARIAButtonProps } from '@fluentui/react-aria';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport type { ButtonProps } from '@fluentui/react-button';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport type {\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n BreadcrumbButtonProps,\n BreadcrumbButtonState,\n} from './BreadcrumbButton.types';\n\n/**\n * Create the state required to render BreadcrumbButton.\n *\n * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,\n * before being passed to renderBreadcrumbButton_unstable.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButton_unstable = (\n props: BreadcrumbButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonState => {\n const { size } = useBreadcrumbContext_unstable();\n const state = useBreadcrumbButtonBase_unstable(props, ref);\n\n return {\n ...state,\n size,\n };\n};\n\n/**\n * Base hook for BreadcrumbButton component, which manages state related to button behavior,\n * ARIA attributes (aria-current, aria-disabled), and slot structure without design props.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButtonBase_unstable = (\n props: BreadcrumbButtonBaseProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonBaseState => {\n const { current = false, as, ...rest } = props;\n\n const controlType = as ?? (props as ARIAButtonProps<'a'>).href ? 'a' : 'button';\n\n const { size: _size, ...buttonState } = useButton_unstable(\n {\n role: undefined,\n type: undefined,\n as: controlType,\n iconPosition: 'before',\n 'aria-current': current ? props['aria-current'] ?? 'page' : undefined,\n 'aria-disabled': current ? props['aria-disabled'] ?? true : undefined,\n ...rest,\n } as ButtonProps,\n ref,\n );\n\n return {\n ...buttonState,\n current,\n };\n};\n"],"names":["React","useButton_unstable","useBreadcrumbContext_unstable","useBreadcrumbButton_unstable","props","ref","size","state","useBreadcrumbButtonBase_unstable","current","as","rest","controlType","href","_size","buttonState","role","undefined","type","iconPosition"],"mappings":"AAAA;;;;;;;;;;;;IA2CaQ,gCAAAA;;;gCApBAL;;;;;iEArBU,QAAQ;6BAEI,yBAAyB;mCAEd,kCAAkC;AAiBzE,MAAMA,+BAA+B,CAC1CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IACjB,MAAMK,QAAQC,iCAAiCJ,OAAOC;IAEtD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AASK,yCAAyC,CAC9CF,OACAC;IAEA,MAAM,EAAEI,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGP;IAEzC,MAAMQ,cAAcF,CAAAA,OAAAA,QAAAA,OAAAA,KAAAA,IAAAA,KAAON,MAA+BS,IAAAA,AAAG,IAAI,MAAM;QAQzCT,oBACCA;IAP/B,MAAM,EAAEE,MAAMQ,KAAK,EAAE,GAAGC,aAAa,OAAGd,+BAAAA,EACtC;QACEe,MAAMC;QACNC,MAAMD;QACNP,IAAIE;QACJO,cAAc;QACd,gBAAgBV,UAAUL,CAAAA,qBAAAA,KAAK,CAAC,eAAA,AAAe,MAAA,QAArBA,uBAAAA,KAAAA,IAAAA,qBAAyB,SAASa;QAC5D,iBAAiBR,UAAUL,CAAAA,sBAAAA,KAAK,CAAC,gBAAA,AAAgB,MAAA,QAAtBA,wBAAAA,KAAAA,IAAAA,sBAA0B,OAAOa;QAC5D,GAAGN,IAAI;IACT,GACAN;IAGF,OAAO;QACL,GAAGU,WAAW;QACdN;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { ARIAButtonProps } from '@fluentui/react-aria';\nimport { useButtonBase_unstable } from '@fluentui/react-button';\nimport type { ButtonBaseProps } from '@fluentui/react-button';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport type {\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n BreadcrumbButtonProps,\n BreadcrumbButtonState,\n} from './BreadcrumbButton.types';\n\n/**\n * Create the state required to render BreadcrumbButton.\n *\n * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,\n * before being passed to renderBreadcrumbButton_unstable.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButton_unstable = (\n props: BreadcrumbButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonState => {\n const { size } = useBreadcrumbContext_unstable();\n const state = useBreadcrumbButtonBase_unstable(props, ref);\n\n return {\n appearance: 'subtle',\n size,\n shape: 'rounded',\n ...state,\n };\n};\n\n/**\n * Base hook for BreadcrumbButton component, which manages state related to button behavior,\n * ARIA attributes (aria-current, aria-disabled), and slot structure without design props.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButtonBase_unstable = (\n props: BreadcrumbButtonBaseProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonBaseState => {\n const { current = false, as, ...rest } = props;\n\n const controlType = as ?? (props as ARIAButtonProps<'a'>).href ? 'a' : 'button';\n\n const buttonState = useButtonBase_unstable(\n {\n role: undefined,\n type: undefined,\n as: controlType,\n iconPosition: 'before',\n 'aria-current': current ? props['aria-current'] ?? 'page' : undefined,\n 'aria-disabled': current ? props['aria-disabled'] ?? true : undefined,\n ...rest,\n } as ButtonBaseProps,\n ref,\n );\n\n return {\n ...buttonState,\n current,\n };\n};\n"],"names":["useButtonBase_unstable","useBreadcrumbContext_unstable","useBreadcrumbButton_unstable","props","ref","size","state","useBreadcrumbButtonBase_unstable","appearance","shape","current","as","rest","controlType","href","buttonState","role","undefined","type","iconPosition"],"mappings":"AAAA;;;;;;;;;;;;IA6CaO,gCAAAA;;;gCAtBAL;;;;6BAnB0B,yBAAyB;mCAElB,kCAAkC;AAiBzE,MAAMA,+BAA+B,CAC1CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IACjB,MAAMK,QAAQC,iCAAiCJ,OAAOC;IAEtD,OAAO;QACLI,YAAY;QACZH;QACAI,OAAO;QACP,GAAGH,KAAK;IACV;AACF,EAAE;AASK,yCAAyC,CAC9CH,OACAC;IAEA,MAAM,EAAEM,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGT;IAEzC,MAAMU,cAAcF,CAAAA,OAAAA,QAAAA,OAAAA,KAAAA,IAAAA,KAAOR,MAA+BW,IAAAA,AAAG,IAAI,MAAM;QAQzCX,oBACCA;IAP/B,MAAMY,kBAAcf,mCAAAA,EAClB;QACEgB,MAAMC;QACNC,MAAMD;QACNN,IAAIE;QACJM,cAAc;QACd,gBAAgBT,UAAUP,CAAAA,qBAAAA,KAAK,CAAC,eAAA,AAAe,MAAA,QAArBA,uBAAAA,KAAAA,IAAAA,qBAAyB,SAASc;QAC5D,iBAAiBP,UAAUP,CAAAA,sBAAAA,KAAK,CAAC,gBAAA,AAAgB,MAAA,QAAtBA,wBAAAA,KAAAA,IAAAA,sBAA0B,OAAOc;QAC5D,GAAGL,IAAI;IACT,GACAR;IAGF,OAAO;QACL,GAAGW,WAAW;QACdL;IACF;AACF,EAAE"}
@@ -231,8 +231,10 @@ const useBreadcrumbButtonStyles_unstable = (state)=>{
231
231
  medium: styles.currentMedium,
232
232
  large: styles.currentLarge
233
233
  };
234
+ // eslint-disable-next-line react-hooks/immutability
234
235
  state.root.className = (0, _react.mergeClasses)(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);
235
236
  if (state.icon) {
237
+ // eslint-disable-next-line react-hooks/immutability
236
238
  state.icon.className = (0, _react.mergeClasses)(iconStyles.base, iconStyles[state.size], state.icon.className);
237
239
  }
238
240
  (0, _reactbutton.useButtonStyles_unstable)(state);
@@ -1 +1 @@
1
- {"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */ const breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n }\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap'\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS\n },\n current: {\n ':hover': {\n ...currentIconStyles\n },\n ':hover:active': {\n ...currentIconStyles\n },\n ':disabled': {\n ...currentIconStyles\n }\n },\n currentSmall: {\n ...typographyStyles.caption1Strong\n },\n currentMedium: {\n ...typographyStyles.body1Strong\n },\n currentLarge: {\n ...typographyStyles.subtitle2\n }\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"names":["__styles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"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"}
1
+ {"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */ const breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n }\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap'\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS\n },\n current: {\n ':hover': {\n ...currentIconStyles\n },\n ':hover:active': {\n ...currentIconStyles\n },\n ':disabled': {\n ...currentIconStyles\n }\n },\n currentSmall: {\n ...typographyStyles.caption1Strong\n },\n currentMedium: {\n ...typographyStyles.body1Strong\n },\n currentLarge: {\n ...typographyStyles.subtitle2\n }\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"names":["__styles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"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"}
@@ -119,8 +119,10 @@ const useBreadcrumbButtonStyles_unstable = (state)=>{
119
119
  medium: styles.currentMedium,
120
120
  large: styles.currentLarge
121
121
  };
122
+ // eslint-disable-next-line react-hooks/immutability
122
123
  state.root.className = (0, _react.mergeClasses)(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);
123
124
  if (state.icon) {
125
+ // eslint-disable-next-line react-hooks/immutability
124
126
  state.icon.className = (0, _react.mergeClasses)(iconStyles.base, iconStyles[state.size], state.icon.className);
125
127
  }
126
128
  (0, _reactbutton.useButtonStyles_unstable)(state);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\n\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */\nconst breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height',\n};\n\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS,\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200,\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400,\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600,\n },\n});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\n\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset',\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n};\n\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap',\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge,\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge,\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS,\n },\n current: {\n ':hover': {\n ...currentIconStyles,\n },\n ':hover:active': {\n ...currentIconStyles,\n },\n ':disabled': {\n ...currentIconStyles,\n },\n },\n currentSmall: {\n ...typographyStyles.caption1Strong,\n },\n currentMedium: {\n ...typographyStyles.body1Strong,\n },\n currentLarge: {\n ...typographyStyles.subtitle2,\n },\n});\n\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge,\n };\n state.root.className = mergeClasses(\n breadcrumbButtonClassNames.root,\n styles[state.size],\n styles.root,\n state.current && currentSizeMap[state.size],\n state.current && styles.current,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n\n useButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","fontSize","height","lineHeight","width","marginRight","spacingHorizontalXS","small","lineHeightBase200","medium","lineHeightBase400","large","lineHeightBase600","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","minWidth","textWrap","caption1","padding","spacingHorizontalSNudge","body1","body2","spacingHorizontalS","current","currentSmall","caption1Strong","currentMedium","body1Strong","currentLarge","subtitle2","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"AAAA;;;;;;;;;;;;IAYaQ,0BAAAA;;;sCAmGA4C;eAAAA;;;uBA7G4B,iBAAiB;6BAGC,yBAAyB;4BAC3C,wBAAwB;4BACP,wBAAwB;AAK3E,mCAA0E;IAC/E3C,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,oBAAoB;IACxBC,uBAAuB;IACvBC,6BAA6B;AAC/B;AAEA,MAAMC,oBAAgBd,iBAAAA,EAAW;IAC/Be,MAAM;QACJC,UAAU,CAAC,IAAI,EAAEL,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QAC3DK,QAAQ,CAAC,IAAI,EAAEN,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QACzDM,YAAY,CAAC,IAAI,EAAEP,kBAAkBE,2BAA2B,CAAC,CAAC,CAAC;QACnEM,OAAO,CAAC,IAAI,EAAER,kBAAkBC,qBAAqB,CAAC,CAAC,CAAC;QACxDQ,aAAahB,kBAAAA,CAAOiB,mBAAmB;IACzC;IACAC,OAAO;QACL,CAACX,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,kBAAAA,CAAOmB,iBAAiB;IAC3E;IACAC,QAAQ;QACN,CAACb,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,kBAAAA,CAAOqB,iBAAiB;IAC3E;IACAC,OAAO;QACL,CAACf,kBAAkBC,qBAAqB,CAAC,EAAE;QAC3C,CAACD,kBAAkBE,2BAA2B,CAAC,EAAET,kBAAAA,CAAOuB,iBAAiB;IAC3E;AACF;AAEA,MAAMC,sBAAsB;IAC1BC,iBAAiBzB,kBAAAA,CAAO0B,0BAA0B;IAClDC,OAAO3B,kBAAAA,CAAO4B,uBAAuB;IACrCC,QAAQ;AACV;AAEA,MAAMC,oBAAoB;IACxB,GAAGN,mBAAmB;IACtB,CAAC,CAAC,GAAG,EAAEzB,6BAAAA,CAAiBO,IAAI,EAAE,CAAC,EAAE;QAC/BqB,OAAO;IACT;IACA,CAAC,CAAC,GAAG,EAAEzB,+BAAAA,EAAqB,CAAC,EAAE;QAC7B6B,SAAS;IACX;IACA,CAAC,CAAC,GAAG,EAAE5B,gCAAAA,EAAsB,CAAC,EAAE;QAC9B4B,SAAS;IACX;AACF;AAEA,MAAMC,YAAYpC,qBAAAA,EAAW;IAC3BS,MAAM;QACJ4B,UAAU;QACVC,UAAU;IACZ;IACAhB,OAAO;QACLL,QAAQ;QACR,GAAGZ,4BAAAA,CAAiBkC,QAAQ;QAC5BC,SAASpC,kBAAAA,CAAOqC,uBAAuB;IACzC;IACAjB,QAAQ;QACNP,QAAQ;QACR,GAAGZ,4BAAAA,CAAiBqC,KAAK;QACzBF,SAASpC,kBAAAA,CAAOqC,uBAAuB;IACzC;IACAf,OAAO;QACLT,QAAQ;QACR,GAAGZ,4BAAAA,CAAiBsC,KAAK;QACzBH,SAASpC,kBAAAA,CAAOwC,kBAAkB;IACpC;IACAC,SAAS;QACP,UAAU;YACR,GAAGX,iBAAiB;QACtB;QACA,iBAAiB;YACf,GAAGA,iBAAiB;QACtB;QACA,aAAa;YACX,GAAGA,iBAAiB;QACtB;IACF;IACAY,cAAc;QACZ,GAAGzC,4BAAAA,CAAiB0C,cAAc;IACpC;IACAC,eAAe;QACb,GAAG3C,4BAAAA,CAAiB4C,WAAW;IACjC;IACAC,cAAc;QACZ,GAAG7C,4BAAAA,CAAiB8C,SAAS;IAC/B;AACF;AAKO,2CAA2C,CAACE;IACjD;IAEA,MAAMC,SAASlB;IACf,MAAMmB,aAAazC;IAEnB,MAAM0C,iBAAiB;QACrBlC,OAAOgC,OAAOR,YAAY;QAC1BtB,QAAQ8B,OAAON,aAAa;QAC5BtB,OAAO4B,OAAOJ,YAAY;IAC5B;IACAG,MAAM5C,IAAI,CAACgD,SAAS,OAAGxD,mBAAAA,EACrBO,2BAA2BC,IAAI,EAC/B6C,MAAM,CAACD,MAAMK,IAAI,CAAC,EAClBJ,OAAO7C,IAAI,EACX4C,MAAMR,OAAO,IAAIW,cAAc,CAACH,MAAMK,IAAI,CAAC,EAC3CL,MAAMR,OAAO,IAAIS,OAAOT,OAAO,EAC/BQ,MAAM5C,IAAI,CAACgD,SAAS;IAGtB,IAAIJ,MAAM3C,IAAI,EAAE;QACd2C,MAAM3C,IAAI,CAAC+C,SAAS,OAAGxD,mBAAAA,EAAasD,WAAWxC,IAAI,EAAEwC,UAAU,CAACF,MAAMK,IAAI,CAAC,EAAEL,MAAM3C,IAAI,CAAC+C,SAAS;IACnG;QAEAvD,qCAAAA,EAAyBmD;IAEzB,OAAOA;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames: SlotClassNames<BreadcrumbButtonSlots> = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon',\n};\n\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */\nconst breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height',\n};\n\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS,\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200,\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400,\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600,\n },\n});\n\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto',\n};\n\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset',\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n};\n\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap',\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n padding: tokens.spacingHorizontalSNudge,\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n padding: tokens.spacingHorizontalSNudge,\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n padding: tokens.spacingHorizontalS,\n },\n current: {\n ':hover': {\n ...currentIconStyles,\n },\n ':hover:active': {\n ...currentIconStyles,\n },\n ':disabled': {\n ...currentIconStyles,\n },\n },\n currentSmall: {\n ...typographyStyles.caption1Strong,\n },\n currentMedium: {\n ...typographyStyles.body1Strong,\n },\n currentLarge: {\n ...typographyStyles.subtitle2,\n },\n});\n\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = (state: BreadcrumbButtonState): BreadcrumbButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge,\n };\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n breadcrumbButtonClassNames.root,\n styles[state.size],\n styles.root,\n state.current && currentSizeMap[state.size],\n state.current && styles.current,\n state.root.className,\n );\n\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n\n useButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","fontSize","height","lineHeight","width","marginRight","spacingHorizontalXS","small","lineHeightBase200","medium","lineHeightBase400","large","lineHeightBase600","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","minWidth","textWrap","caption1","padding","spacingHorizontalSNudge","body1","body2","spacingHorizontalS","current","currentSmall","caption1Strong","currentMedium","body1Strong","currentLarge","subtitle2","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { BreadcrumbDividerState, BreadcrumbDividerSlots } from './BreadcrumbDivider.types';\n\n/**\n * Render the final JSX of BreadcrumbDivider\n */\nexport const renderBreadcrumbDivider_unstable = (state: BreadcrumbDividerState): JSXElement => {\n assertSlots<BreadcrumbDividerSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderBreadcrumbDivider_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAQjD,MAAMC,mCAAmC,CAACC;QAC/CF,2BAAAA,EAAoCE;IAEpC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { BreadcrumbDividerBaseState, BreadcrumbDividerSlots } from './BreadcrumbDivider.types';\n\n/**\n * Render the final JSX of BreadcrumbDivider\n */\nexport const renderBreadcrumbDivider_unstable = (state: BreadcrumbDividerBaseState): JSXElement => {\n assertSlots<BreadcrumbDividerSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderBreadcrumbDivider_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAQjD,MAAMC,mCAAmC,CAACC;QAC/CF,2BAAAA,EAAoCE;IAEpC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
@@ -48,6 +48,7 @@ const useBreadcrumbDividerStyles_unstable = (state)=>{
48
48
  const styles = useStyles();
49
49
  const iconStyles = useIconStyles();
50
50
  const { size = 'medium' } = state;
51
+ // eslint-disable-next-line react-hooks/immutability
51
52
  state.root.className = (0, _react.mergeClasses)(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);
52
53
  return state;
53
54
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n display: 'flex'\n});\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px'\n },\n medium: {\n fontSize: '16px'\n },\n large: {\n fontSize: '20px'\n }\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n return state;\n};\n"],"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECG,2BAA2B;;;uCAqBY;;;;uBAtBM,gBAAgB;AACnE,oCAAoC;IACvCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,oBAAA,EAAA,WAAA,MAAA;IAAA;CAErB,CAAC;AACF,MAAMK,aAAa,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAO,KAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,KAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,MAAMC,uCAAuCC,KAAK,IAAG;IAC5D,aAAa;IACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;IAClC,MAAM,EAAEU,IAAI,GAAG,QAAA,EAAU,GAAGH,KAAK;IACjCA,KAAK,CAACT,IAAI,CAACa,SAAS,OAAGf,mBAAY,EAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;IACrH,OAAOJ,KAAK;AAChB,CAAC"}
1
+ {"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n display: 'flex'\n});\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px'\n },\n medium: {\n fontSize: '16px'\n },\n large: {\n fontSize: '20px'\n }\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n return state;\n};\n"],"names":["__styles","__resetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","useIconStyles","small","Be2twd7","medium","large","d","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECG,2BAA2B;;;uCAqBY;eAAnCS;;;uBAtByC,gBAAgB;AACnE,oCAAoC;IACvCR,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,oBAAA,EAAA,WAAA,MAAA;IAAA;CAErB,CAAC;AACF,MAAMK,aAAa,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAO,KAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,KAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,6CAA6CE,KAAK,IAAG;IAC5D,aAAa;IACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;IAClC,MAAM,EAAEU,IAAI,GAAG,QAAA,EAAU,GAAGH,KAAK;IACjC,oDAAA;IACAA,KAAK,CAACT,IAAI,CAACa,SAAS,OAAGf,mBAAY,EAACC,2BAA2B,CAACC,IAAI,EAAEU,MAAM,EAAEC,UAAU,CAACC,IAAI,CAAC,EAAEH,KAAK,CAACT,IAAI,CAACa,SAAS,CAAC;IACrH,OAAOJ,KAAK;AAChB,CAAC"}
@@ -42,6 +42,7 @@ const useBreadcrumbDividerStyles_unstable = (state)=>{
42
42
  const styles = useStyles();
43
43
  const iconStyles = useIconStyles();
44
44
  const { size = 'medium' } = state;
45
+ // eslint-disable-next-line react-hooks/immutability
45
46
  state.root.className = (0, _react.mergeClasses)(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);
46
47
  return state;
47
48
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\n\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px',\n },\n medium: {\n fontSize: '16px',\n },\n large: {\n fontSize: '20px',\n },\n});\n\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","display","useIconStyles","small","fontSize","medium","large","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaG,2BAAAA;;;IA0BAS,mCAAAA;;;;uBA9B6C,iBAAiB;AAIpE,oCAA4E;IACjFR,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,sBAAAA,EAAgB;IAChCK,SAAS;AACX;AAEA,MAAMC,oBAAgBP,iBAAAA,EAAW;IAC/BQ,OAAO;QACLC,UAAU;IACZ;IACAC,QAAQ;QACND,UAAU;IACZ;IACAE,OAAO;QACLF,UAAU;IACZ;AACF;AAKO,4CAA4C,CAACI;IAClD;IAEA,MAAMC,SAAST;IACf,MAAMU,aAAaR;IACnB,MAAM,EAAES,OAAO,QAAQ,EAAE,GAAGH;IAE5BA,MAAMT,IAAI,CAACa,SAAS,OAAGf,mBAAAA,EAAaC,4BAA4BC,IAAI,EAAEU,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMT,IAAI,CAACa,SAAS;IAEpH,OAAOJ;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const breadcrumbDividerClassNames: SlotClassNames<BreadcrumbDividerSlots> = {\n root: 'fui-BreadcrumbDivider',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n display: 'flex',\n});\n\nconst useIconStyles = makeStyles({\n small: {\n fontSize: '12px',\n },\n medium: {\n fontSize: '16px',\n },\n large: {\n fontSize: '20px',\n },\n});\n\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = (state: BreadcrumbDividerState): BreadcrumbDividerState => {\n 'use no memo';\n\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const { size = 'medium' } = state;\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","breadcrumbDividerClassNames","root","useStyles","display","useIconStyles","small","fontSize","medium","large","useBreadcrumbDividerStyles_unstable","state","styles","iconStyles","size","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaG,2BAAAA;;;IA0BAS,mCAAAA;;;;uBA9B6C,iBAAiB;AAIpE,oCAA4E;IACjFR,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,sBAAAA,EAAgB;IAChCK,SAAS;AACX;AAEA,MAAMC,oBAAgBP,iBAAAA,EAAW;IAC/BQ,OAAO;QACLC,UAAU;IACZ;IACAC,QAAQ;QACND,UAAU;IACZ;IACAE,OAAO;QACLF,UAAU;IACZ;AACF;AAKO,4CAA4C,CAACI;IAClD;IAEA,MAAMC,SAAST;IACf,MAAMU,aAAaR;IACnB,MAAM,EAAES,OAAO,QAAQ,EAAE,GAAGH;IAE5B,oDAAoD;IACpDA,MAAMT,IAAI,CAACa,SAAS,OAAGf,mBAAAA,EAAaC,4BAA4BC,IAAI,EAAEU,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMT,IAAI,CAACa,SAAS;IAEpH,OAAOJ;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbItem/renderBreadcrumbItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { BreadcrumbItemState, BreadcrumbItemSlots } from './BreadcrumbItem.types';\n\n/**\n * Render the final JSX of BreadcrumbItem\n */\nexport const renderBreadcrumbItem_unstable = (state: BreadcrumbItemState): JSXElement => {\n assertSlots<BreadcrumbItemSlots>(state);\n\n return <state.root>{state.root.children}</state.root>;\n};\n"],"names":["assertSlots","renderBreadcrumbItem_unstable","state","root","children"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAQjD,MAAMC,gCAAgC,CAACC;QAC5CF,2BAAAA,EAAiCE;IAEjC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA;kBAAED,MAAMC,IAAI,CAACC,QAAQ;;AACzC,EAAE"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbItem/renderBreadcrumbItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { BreadcrumbItemBaseState, BreadcrumbItemSlots } from './BreadcrumbItem.types';\n\n/**\n * Render the final JSX of BreadcrumbItem\n */\nexport const renderBreadcrumbItem_unstable = (state: BreadcrumbItemBaseState): JSXElement => {\n assertSlots<BreadcrumbItemSlots>(state);\n\n return <state.root>{state.root.children}</state.root>;\n};\n"],"names":["assertSlots","renderBreadcrumbItem_unstable","state","root","children"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAQjD,MAAMC,gCAAgC,CAACC;QAC5CF,2BAAAA,EAAiCE;IAEjC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA;kBAAED,MAAMC,IAAI,CAACC,QAAQ;;AACzC,EAAE"}
@@ -17,8 +17,6 @@ _export(exports, {
17
17
  return useBreadcrumbItem_unstable;
18
18
  }
19
19
  });
20
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
21
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
22
20
  const _reactutilities = require("@fluentui/react-utilities");
23
21
  const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
24
22
  const useBreadcrumbItem_unstable = (props, ref)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n BreadcrumbItemProps,\n BreadcrumbItemState,\n} from './BreadcrumbItem.types';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItem_unstable = (\n props: BreadcrumbItemProps,\n ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemState => {\n const { size } = useBreadcrumbContext_unstable();\n const state = useBreadcrumbItemBase_unstable(props, ref);\n\n return {\n ...state,\n size,\n };\n};\n\n/**\n * Base hook for BreadcrumbItem component, which manages state related to slots structure\n * without design props. Note: size is provided via BreadcrumbContext in the full hook.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItemBase_unstable = (\n props: BreadcrumbItemBaseProps,\n ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemBaseState => {\n return {\n components: { root: 'li' },\n root: slot.always(\n getIntrinsicElementProps('li', {\n ref,\n ...props,\n }),\n { elementType: 'li' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBreadcrumbContext_unstable","useBreadcrumbItem_unstable","props","ref","size","state","useBreadcrumbItemBase_unstable","components","root","always","elementType"],"mappings":"AAAA;;;;;;;;;;;;IAyCaS,8BAAAA;;;8BApBAL;;;;;iEAnBU,QAAQ;gCACgB,4BAA4B;mCAO7B,kCAAkC;AAWzE,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IACjB,MAAMK,QAAQC,+BAA+BJ,OAAOC;IAEpD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AASK,uCAAuC,CAC5CF,OACAC;IAEA,OAAO;QACLI,YAAY;YAAEC,MAAM;QAAK;QACzBA,MAAMT,oBAAAA,CAAKU,MAAM,KACfX,wCAAAA,EAAyB,MAAM;YAC7BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEQ,aAAa;QAAK;IAExB;AACF,EAAE"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n BreadcrumbItemProps,\n BreadcrumbItemState,\n} from './BreadcrumbItem.types';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItem_unstable = (\n props: BreadcrumbItemProps,\n ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemState => {\n const { size } = useBreadcrumbContext_unstable();\n const state = useBreadcrumbItemBase_unstable(props, ref);\n\n return {\n ...state,\n size,\n };\n};\n\n/**\n * Base hook for BreadcrumbItem component, which manages state related to slots structure\n * without design props. Note: size is provided via BreadcrumbContext in the full hook.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItemBase_unstable = (\n props: BreadcrumbItemBaseProps,\n ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemBaseState => {\n return {\n components: { root: 'li' },\n root: slot.always(\n getIntrinsicElementProps('li', {\n ref,\n ...props,\n }),\n { elementType: 'li' },\n ),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useBreadcrumbContext_unstable","useBreadcrumbItem_unstable","props","ref","size","state","useBreadcrumbItemBase_unstable","components","root","always","elementType"],"mappings":"AAAA;;;;;;;;;;;;IAyCaQ,8BAAAA;;;8BApBAL;;;;gCAlBkC,4BAA4B;mCAO7B,kCAAkC;AAWzE,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IACjB,MAAMK,QAAQC,+BAA+BJ,OAAOC;IAEpD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AASK,uCAAuC,CAC5CF,OACAC;IAEA,OAAO;QACLI,YAAY;YAAEC,MAAM;QAAK;QACzBA,MAAMT,oBAAAA,CAAKU,MAAM,KACfX,wCAAAA,EAAyB,MAAM;YAC7BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEQ,aAAa;QAAK;IAExB;AACF,EAAE"}
@@ -27,6 +27,7 @@ const useBreadcrumbItemResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1
27
27
  const useBreadcrumbItemStyles_unstable = (state)=>{
28
28
  'use no memo';
29
29
  const resetStyles = useBreadcrumbItemResetStyles();
30
+ // eslint-disable-next-line react-hooks/immutability
30
31
  state.root.className = (0, _react.mergeClasses)(breadcrumbItemClassNames.root, resetStyles, state.root.className);
31
32
  return state;
32
33
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap'\n});\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n 'use no memo';\n const resetStyles = useBreadcrumbItemResetStyles();\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;oCAYY;;;;uBAdH,gBAAgB;AAEvD,MAAMG,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;CAMpC,CAAC;AAGS,MAAMM,oCAAoCC,KAAK,IAAG;IACzD,aAAa;IACb,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;IAClDE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}
1
+ {"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap'\n});\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n 'use no memo';\n const resetStyles = useBreadcrumbItemResetStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;oCAYY;;;;uBAdH,gBAAgB;AAEvD,MAAMG,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,4BAA4B,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;CAMpC,CAAC;AAGS,MAAMM,oCAAoCC,KAAK,IAAG;IACzD,aAAa;IACb,MAAMC,WAAW,GAAGH,4BAA4B,CAAC,CAAC;IAClD,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEI,WAAW,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}
@@ -32,6 +32,7 @@ const useBreadcrumbItemResetStyles = (0, _react.makeResetStyles)({
32
32
  const useBreadcrumbItemStyles_unstable = (state)=>{
33
33
  'use no memo';
34
34
  const resetStyles = useBreadcrumbItemResetStyles();
35
+ // eslint-disable-next-line react-hooks/immutability
35
36
  state.root.className = (0, _react.mergeClasses)(breadcrumbItemClassNames.root, resetStyles, state.root.className);
36
37
  return state;
37
38
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n 'use no memo';\n\n const resetStyles = useBreadcrumbItemResetStyles();\n\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","display","alignItems","color","colorNeutralForeground2","boxSizing","textWrap","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA;;;;;;;;;;;;4BAOaG;;;oCAeAS;;;;uBApBiC,iBAAiB;4BAGxC,wBAAwB;AAExC,MAAMT,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,MAAMC,mCAA+BL,sBAAAA,EAAgB;IACnDM,SAAS;IACTC,YAAY;IACZC,OAAON,kBAAAA,CAAOO,uBAAuB;IACrCC,WAAW;IACXC,UAAU;AACZ;AAKO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,cAAcT;IAEpBQ,MAAMT,IAAI,CAACW,SAAS,OAAGd,mBAAAA,EAAaE,yBAAyBC,IAAI,EAAEU,aAAaD,MAAMT,IAAI,CAACW,SAAS;IAEpG,OAAOF;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const breadcrumbItemClassNames: SlotClassNames<BreadcrumbItemSlots> = {\n root: 'fui-BreadcrumbItem',\n};\n\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n display: 'flex',\n alignItems: 'center',\n color: tokens.colorNeutralForeground2,\n boxSizing: 'border-box',\n textWrap: 'nowrap',\n});\n\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = (state: BreadcrumbItemState): BreadcrumbItemState => {\n 'use no memo';\n\n const resetStyles = useBreadcrumbItemResetStyles();\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n\n return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","breadcrumbItemClassNames","root","useBreadcrumbItemResetStyles","display","alignItems","color","colorNeutralForeground2","boxSizing","textWrap","useBreadcrumbItemStyles_unstable","state","resetStyles","className"],"mappings":"AAAA;;;;;;;;;;;;IAOaG,wBAAAA;;;oCAeAS;eAAAA;;;uBApBiC,iBAAiB;4BAGxC,wBAAwB;AAExC,iCAAsE;IAC3ER,MAAM;AACR,EAAE;AAEF,MAAMC,mCAA+BL,sBAAAA,EAAgB;IACnDM,SAAS;IACTC,YAAY;IACZC,OAAON,kBAAAA,CAAOO,uBAAuB;IACrCC,WAAW;IACXC,UAAU;AACZ;AAKO,yCAAyC,CAACE;IAC/C;IAEA,MAAMC,cAAcT;IAEpB,oDAAoD;IACpDQ,MAAMT,IAAI,CAACW,SAAS,OAAGd,mBAAAA,EAAaE,yBAAyBC,IAAI,EAAEU,aAAaD,MAAMT,IAAI,CAACW,SAAS;IAEpG,OAAOF;AACT,EAAE"}
@@ -75,6 +75,9 @@ _export(exports, {
75
75
  useBreadcrumbButton_unstable: function() {
76
76
  return _BreadcrumbButton.useBreadcrumbButton_unstable;
77
77
  },
78
+ useBreadcrumbContextValues_unstable: function() {
79
+ return _Breadcrumb.useBreadcrumbContextValues_unstable;
80
+ },
78
81
  useBreadcrumbContext_unstable: function() {
79
82
  return _Breadcrumb.useBreadcrumbContext_unstable;
80
83
  },
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Breadcrumb,\n renderBreadcrumb_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n useBreadcrumbStyles_unstable,\n breadcrumbClassNames,\n} from './Breadcrumb';\nexport type {\n BreadcrumbSlots,\n BreadcrumbProps,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './Breadcrumb';\nexport {\n BreadcrumbDivider,\n breadcrumbDividerClassNames,\n renderBreadcrumbDivider_unstable,\n useBreadcrumbDividerStyles_unstable,\n useBreadcrumbDivider_unstable,\n useBreadcrumbDividerBase_unstable,\n} from './BreadcrumbDivider';\nexport type {\n BreadcrumbDividerProps,\n BreadcrumbDividerSlots,\n BreadcrumbDividerState,\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n} from './BreadcrumbDivider';\nexport {\n BreadcrumbItem,\n breadcrumbItemClassNames,\n renderBreadcrumbItem_unstable,\n useBreadcrumbItemStyles_unstable,\n useBreadcrumbItem_unstable,\n useBreadcrumbItemBase_unstable,\n} from './BreadcrumbItem';\nexport type {\n BreadcrumbItemProps,\n BreadcrumbItemSlots,\n BreadcrumbItemState,\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n} from './BreadcrumbItem';\nexport {\n partitionBreadcrumbItems,\n truncateBreadcrumbLongName,\n truncateBreadcrumLongTooltip,\n isTruncatableBreadcrumbContent,\n} from './utils/index';\nexport type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index';\nexport {\n BreadcrumbButton,\n breadcrumbButtonClassNames,\n renderBreadcrumbButton_unstable,\n useBreadcrumbButtonStyles_unstable,\n useBreadcrumbButton_unstable,\n useBreadcrumbButtonBase_unstable,\n} from './BreadcrumbButton';\nexport type {\n BreadcrumbButtonProps,\n BreadcrumbButtonSlots,\n BreadcrumbButtonState,\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n} from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\nexport type { BreadcrumbContextValues } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbStyles_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":";;;;;;;;;;;IACEA,UAAU;;;;eAqDVuB,kCAAgB;;;eArChBhB,oCAAiB;;;eAejBM,8BAAc;;;eAoCPgB,8BAAkB;;;eAbzBL,4CAA0B;;;eAhD1BlB,gCAAoB;;;eAWpBE,8CAA2B;;;eAe3BM,wCAAwB;;kCAiBM;eAA9BQ;;;eAHAH,+BAAwB;;IASxBM,+BAA+B;;;IArC/BhB;kEAAgC;;;eAehCM,6CAA6B;;;eAhC7Bd,qCAAyB;;;eA+CzBoB,mCAA4B;;;eAD5BD,iCAA0B;;;eA3C1BhB,8CAAkC;;;eADlCD,sCAA0B;;IAuD1ByB,gCAAgC;;;;eAFhCF,oDAAkC;;;eAClCC,8CAA4B;;;eAUDG,yCAA6B,QAAQ,eAAe;;;eA9C/ElB,oDAAiC;;;eAFjCF,sDAAmC;;;eACnCC,gDAA6B;;;eAgB7BO,8CAA8B;;;eAF9BF,gDAAgC;;;eAChCC,0CAA0B;;gCA9BE;eAA5BZ;;;eAHAH,kCAAsB;;;4BAKjB,eAAe;mCAef,sBAAsB;gCAetB,mBAAmB;uBAanB,gBAAgB;kCAShB,qBAAqB"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Breadcrumb,\n renderBreadcrumb_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n useBreadcrumbStyles_unstable,\n useBreadcrumbContextValues_unstable,\n breadcrumbClassNames,\n} from './Breadcrumb';\nexport type {\n BreadcrumbSlots,\n BreadcrumbProps,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './Breadcrumb';\nexport {\n BreadcrumbDivider,\n breadcrumbDividerClassNames,\n renderBreadcrumbDivider_unstable,\n useBreadcrumbDividerStyles_unstable,\n useBreadcrumbDivider_unstable,\n useBreadcrumbDividerBase_unstable,\n} from './BreadcrumbDivider';\nexport type {\n BreadcrumbDividerProps,\n BreadcrumbDividerSlots,\n BreadcrumbDividerState,\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n} from './BreadcrumbDivider';\nexport {\n BreadcrumbItem,\n breadcrumbItemClassNames,\n renderBreadcrumbItem_unstable,\n useBreadcrumbItemStyles_unstable,\n useBreadcrumbItem_unstable,\n useBreadcrumbItemBase_unstable,\n} from './BreadcrumbItem';\nexport type {\n BreadcrumbItemProps,\n BreadcrumbItemSlots,\n BreadcrumbItemState,\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n} from './BreadcrumbItem';\nexport {\n partitionBreadcrumbItems,\n truncateBreadcrumbLongName,\n truncateBreadcrumLongTooltip,\n isTruncatableBreadcrumbContent,\n} from './utils/index';\nexport type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index';\nexport {\n BreadcrumbButton,\n breadcrumbButtonClassNames,\n renderBreadcrumbButton_unstable,\n useBreadcrumbButtonStyles_unstable,\n useBreadcrumbButton_unstable,\n useBreadcrumbButtonBase_unstable,\n} from './BreadcrumbButton';\nexport type {\n BreadcrumbButtonProps,\n BreadcrumbButtonSlots,\n BreadcrumbButtonState,\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n} from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\nexport type { BreadcrumbContextValues } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbStyles_unstable","useBreadcrumbContextValues_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":";;;;;;;;;;;IACEA,UAAU;;;IAsDVwB,gBAAgB;;;;eArChBhB,oCAAiB;;;eAejBM,8BAAc;;;eAoCPgB,8BAAkB;;IAbzBL;2DAA0B;;IAhD1BlB;+CAAoB;;;eAWpBE,8CAA2B;;IAe3BM,wBAAwB;;;kCAiBM;eAA9BQ;;;eAHAH,+BAAwB;;IASxBM;gEAA+B;;;eArC/BhB,mDAAgC;;iCAeH;eAA7BM;;;eAjCAf,qCAAyB;;;eAgDzBqB,mCAA4B;;;eAD5BD,iCAA0B;;;eA5C1BjB,8CAAkC;;;eADlCD,sCAA0B;;;eAwD1B0B,kDAAgC;;;eAFhCF,oDAAkC;;IAClCC,4BAA4B;;;;eApD5BtB,+CAAmC;;IA8DRyB;wDAA6B,QAAQ,eAAe;;;eA9C/ElB,oDAAiC;;;eAFjCF,sDAAmC;;;eACnCC,gDAA6B;;IAgB7BO;6DAA8B;;;eAF9BF,gDAAgC;;;eAChCC,0CAA0B;;;eA/B1Bb,wCAA4B;;;eAH5BH,kCAAsB;;;4BAMjB,eAAe;mCAef,sBAAsB;gCAetB,mBAAmB;uBAanB,gBAAgB;kCAShB,qBAAqB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-breadcrumb",
3
- "version": "9.4.0",
3
+ "version": "9.4.2",
4
4
  "description": "Breadcrumb component for Fluent UI React.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -12,15 +12,15 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui/react-aria": "^9.17.10",
16
- "@fluentui/react-button": "^9.9.0",
15
+ "@fluentui/react-aria": "^9.17.12",
16
+ "@fluentui/react-button": "^9.9.2",
17
17
  "@fluentui/react-icons": "^2.0.245",
18
- "@fluentui/react-link": "^9.8.0",
18
+ "@fluentui/react-link": "^9.8.2",
19
19
  "@fluentui/react-shared-contexts": "^9.26.2",
20
- "@fluentui/react-tabster": "^9.26.13",
20
+ "@fluentui/react-tabster": "^9.26.15",
21
21
  "@fluentui/react-theme": "^9.2.1",
22
- "@fluentui/react-utilities": "^9.26.2",
23
- "@fluentui/react-jsx-runtime": "^9.4.1",
22
+ "@fluentui/react-utilities": "^9.26.4",
23
+ "@fluentui/react-jsx-runtime": "^9.4.3",
24
24
  "@griffel/react": "^1.5.32",
25
25
  "@swc/helpers": "^0.5.1"
26
26
  },