@fluentui/react-badge 9.1.3 → 9.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (115) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +73 -1
  3. package/CHANGELOG.md +27 -2
  4. package/lib/Badge.js.map +1 -1
  5. package/lib/CounterBadge.js.map +1 -1
  6. package/lib/PresenceBadge.js.map +1 -1
  7. package/lib/components/Badge/Badge.js.map +1 -1
  8. package/lib/components/Badge/Badge.types.js.map +1 -1
  9. package/lib/components/Badge/index.js.map +1 -1
  10. package/lib/components/Badge/renderBadge.js +1 -7
  11. package/lib/components/Badge/renderBadge.js.map +1 -1
  12. package/lib/components/Badge/useBadge.js +1 -0
  13. package/lib/components/Badge/useBadge.js.map +1 -1
  14. package/lib/components/Badge/useBadgeStyles.js.map +1 -1
  15. package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
  16. package/lib/components/CounterBadge/CounterBadge.types.js.map +1 -1
  17. package/lib/components/CounterBadge/index.js.map +1 -1
  18. package/lib/components/CounterBadge/useCounterBadge.js +1 -0
  19. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
  20. package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  21. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
  22. package/lib/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  23. package/lib/components/PresenceBadge/index.js.map +1 -1
  24. package/lib/components/PresenceBadge/presenceIcons.js +34 -41
  25. package/lib/components/PresenceBadge/presenceIcons.js.map +1 -1
  26. package/lib/components/PresenceBadge/usePresenceBadge.js +2 -2
  27. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  28. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +1 -1
  29. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  30. package/lib/index.js.map +1 -1
  31. package/lib-commonjs/Badge.js +5 -4
  32. package/lib-commonjs/Badge.js.map +1 -1
  33. package/lib-commonjs/CounterBadge.js +5 -4
  34. package/lib-commonjs/CounterBadge.js.map +1 -1
  35. package/lib-commonjs/PresenceBadge.js +5 -4
  36. package/lib-commonjs/PresenceBadge.js.map +1 -1
  37. package/lib-commonjs/components/Badge/Badge.js +19 -20
  38. package/lib-commonjs/components/Badge/Badge.js.map +1 -1
  39. package/lib-commonjs/components/Badge/Badge.types.js +3 -2
  40. package/lib-commonjs/components/Badge/Badge.types.js.map +1 -1
  41. package/lib-commonjs/components/Badge/index.js +8 -7
  42. package/lib-commonjs/components/Badge/index.js.map +1 -1
  43. package/lib-commonjs/components/Badge/renderBadge.js +13 -19
  44. package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
  45. package/lib-commonjs/components/Badge/useBadge.js +29 -34
  46. package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
  47. package/lib-commonjs/components/Badge/useBadgeStyles.js +608 -310
  48. package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
  49. package/lib-commonjs/components/CounterBadge/CounterBadge.js +19 -20
  50. package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
  51. package/lib-commonjs/components/CounterBadge/CounterBadge.types.js +3 -2
  52. package/lib-commonjs/components/CounterBadge/CounterBadge.types.js.map +1 -1
  53. package/lib-commonjs/components/CounterBadge/index.js +8 -7
  54. package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
  55. package/lib-commonjs/components/CounterBadge/useCounterBadge.js +24 -30
  56. package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
  57. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +54 -34
  58. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  59. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +19 -20
  60. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
  61. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js +3 -2
  62. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  63. package/lib-commonjs/components/PresenceBadge/index.js +8 -7
  64. package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
  65. package/lib-commonjs/components/PresenceBadge/presenceIcons.js +146 -134
  66. package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -1
  67. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +61 -65
  68. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  69. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +102 -78
  70. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  71. package/lib-commonjs/index.js +28 -85
  72. package/lib-commonjs/index.js.map +1 -1
  73. package/package.json +9 -8
  74. package/lib-amd/Badge.js +0 -6
  75. package/lib-amd/Badge.js.map +0 -1
  76. package/lib-amd/CounterBadge.js +0 -6
  77. package/lib-amd/CounterBadge.js.map +0 -1
  78. package/lib-amd/PresenceBadge.js +0 -6
  79. package/lib-amd/PresenceBadge.js.map +0 -1
  80. package/lib-amd/components/Badge/Badge.js +0 -17
  81. package/lib-amd/components/Badge/Badge.js.map +0 -1
  82. package/lib-amd/components/Badge/Badge.types.js +0 -5
  83. package/lib-amd/components/Badge/Badge.types.js.map +0 -1
  84. package/lib-amd/components/Badge/index.js +0 -9
  85. package/lib-amd/components/Badge/index.js.map +0 -1
  86. package/lib-amd/components/Badge/renderBadge.js +0 -14
  87. package/lib-amd/components/Badge/renderBadge.js.map +0 -1
  88. package/lib-amd/components/Badge/useBadge.js +0 -27
  89. package/lib-amd/components/Badge/useBadge.js.map +0 -1
  90. package/lib-amd/components/Badge/useBadgeStyles.js +0 -212
  91. package/lib-amd/components/Badge/useBadgeStyles.js.map +0 -1
  92. package/lib-amd/components/CounterBadge/CounterBadge.js +0 -17
  93. package/lib-amd/components/CounterBadge/CounterBadge.js.map +0 -1
  94. package/lib-amd/components/CounterBadge/CounterBadge.types.js +0 -5
  95. package/lib-amd/components/CounterBadge/CounterBadge.types.js.map +0 -1
  96. package/lib-amd/components/CounterBadge/index.js +0 -9
  97. package/lib-amd/components/CounterBadge/index.js.map +0 -1
  98. package/lib-amd/components/CounterBadge/useCounterBadge.js +0 -18
  99. package/lib-amd/components/CounterBadge/useCounterBadge.js.map +0 -1
  100. package/lib-amd/components/CounterBadge/useCounterBadgeStyles.js +0 -28
  101. package/lib-amd/components/CounterBadge/useCounterBadgeStyles.js.map +0 -1
  102. package/lib-amd/components/PresenceBadge/PresenceBadge.js +0 -17
  103. package/lib-amd/components/PresenceBadge/PresenceBadge.js.map +0 -1
  104. package/lib-amd/components/PresenceBadge/PresenceBadge.types.js +0 -5
  105. package/lib-amd/components/PresenceBadge/PresenceBadge.types.js.map +0 -1
  106. package/lib-amd/components/PresenceBadge/index.js +0 -9
  107. package/lib-amd/components/PresenceBadge/index.js.map +0 -1
  108. package/lib-amd/components/PresenceBadge/presenceIcons.js +0 -146
  109. package/lib-amd/components/PresenceBadge/presenceIcons.js.map +0 -1
  110. package/lib-amd/components/PresenceBadge/usePresenceBadge.js +0 -53
  111. package/lib-amd/components/PresenceBadge/usePresenceBadge.js.map +0 -1
  112. package/lib-amd/components/PresenceBadge/usePresenceBadgeStyles.js +0 -101
  113. package/lib-amd/components/PresenceBadge/usePresenceBadgeStyles.js.map +0 -1
  114. package/lib-amd/index.js +0 -19
  115. package/lib-amd/index.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"names":["react_1","require","react_theme_1","exports","badgeClassNames","root","icon","textPadding","tokens","spacingHorizontalXXS","useRootClassName","__resetStyles","useRootStyles","__styles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","small","medium","large","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","useBadgeStyles_unstable","state","rootClassName","rootStyles","smallToTiny","size","className","mergeClasses","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"sources":["../src/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts"],"sourcesContent":["import { shorthands, makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { BadgeSlots, BadgeState } from './Badge.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const badgeClassNames: SlotClassNames<BadgeSlots> = {\n root: 'fui-Badge',\n icon: 'fui-Badge__icon',\n};\n\n// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.\n// Instead, add extra padding to the root, and a negative margin on the icon to \"remove\" the extra padding on the icon.\nconst textPadding = tokens.spacingHorizontalXXS;\n\nconst useRootClassName = makeResetStyles({\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n ...typographyStyles.caption1Strong,\n height: '20px',\n minWidth: '20px',\n padding: `0 calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n borderRadius: tokens.borderRadiusCircular,\n // Use a transparent stroke (rather than no border) so the border is visible in high contrast\n borderColor: tokens.colorTransparentStroke,\n\n '::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n borderStyle: 'solid',\n borderColor: 'inherit',\n borderWidth: tokens.strokeWidthThin,\n borderRadius: 'inherit',\n },\n});\n\nconst useRootStyles = makeStyles({\n fontSmallToTiny: {\n ...typographyStyles.caption2Strong,\n },\n\n // size\n\n tiny: {\n width: '6px',\n height: '6px',\n fontSize: '4px',\n lineHeight: '4px',\n minWidth: 'unset',\n ...shorthands.padding('unset'),\n },\n 'extra-small': {\n width: '10px',\n height: '10px',\n fontSize: '6px',\n lineHeight: '6px',\n minWidth: 'unset',\n ...shorthands.padding('unset'),\n },\n small: {\n minWidth: '16px',\n height: '16px',\n ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`),\n },\n medium: {\n // Set by useRootClassName\n },\n large: {\n minWidth: '24px',\n height: '24px',\n ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXS} + ${textPadding})`),\n },\n 'extra-large': {\n minWidth: '32px',\n height: '32px',\n ...shorthands.padding(0, `calc(${tokens.spacingHorizontalSNudge} + ${textPadding})`),\n },\n\n // shape\n\n square: {\n ...shorthands.borderRadius(tokens.borderRadiusNone),\n },\n rounded: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n roundedSmallToTiny: {\n ...shorthands.borderRadius(tokens.borderRadiusSmall),\n },\n circular: {\n // Set by useRootClassName\n },\n\n // hide the boder when appearance is \"ghost\"\n\n borderGhost: {\n // The border is applied in an ::after pseudo-element because it should not affect layout.\n // The padding and size of the badge should be the same regardless of whether or not it has a border.\n '::after': {\n display: 'none',\n },\n },\n\n // appearance: filled\n\n filled: {\n // Set by useRootClassName\n },\n 'filled-brand': {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n },\n 'filled-danger': {\n backgroundColor: tokens.colorPaletteRedBackground3,\n color: tokens.colorNeutralForegroundOnBrand,\n },\n 'filled-important': {\n backgroundColor: tokens.colorNeutralForeground1,\n color: tokens.colorNeutralBackground1,\n },\n 'filled-informative': {\n backgroundColor: tokens.colorNeutralBackground5,\n color: tokens.colorNeutralForeground3,\n },\n 'filled-severe': {\n backgroundColor: tokens.colorPaletteDarkOrangeBackground3,\n color: tokens.colorNeutralForegroundOnBrand,\n },\n 'filled-subtle': {\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n },\n 'filled-success': {\n backgroundColor: tokens.colorPaletteGreenBackground3,\n color: tokens.colorNeutralForegroundOnBrand,\n },\n 'filled-warning': {\n backgroundColor: tokens.colorPaletteYellowBackground3,\n color: tokens.colorNeutralForeground1Static,\n },\n\n // appearance: ghost\n\n ghost: {\n // No shared colors between ghost appearances\n },\n 'ghost-brand': {\n color: tokens.colorBrandForeground1,\n },\n 'ghost-danger': {\n color: tokens.colorPaletteRedForeground3,\n },\n 'ghost-important': {\n color: tokens.colorNeutralForeground1,\n },\n 'ghost-informative': {\n color: tokens.colorNeutralForeground3,\n },\n 'ghost-severe': {\n color: tokens.colorPaletteDarkOrangeForeground3,\n },\n 'ghost-subtle': {\n color: tokens.colorNeutralForegroundStaticInverted,\n },\n 'ghost-success': {\n color: tokens.colorPaletteGreenForeground3,\n },\n 'ghost-warning': {\n color: tokens.colorPaletteYellowForeground2,\n },\n\n // appearance: outline\n\n outline: {\n ...shorthands.borderColor('currentColor'),\n },\n 'outline-brand': {\n color: tokens.colorBrandForeground1,\n },\n 'outline-danger': {\n color: tokens.colorPaletteRedForeground3,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder2),\n },\n 'outline-important': {\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible),\n },\n 'outline-informative': {\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n 'outline-severe': {\n color: tokens.colorPaletteDarkOrangeForeground3,\n },\n 'outline-subtle': {\n color: tokens.colorNeutralForegroundStaticInverted,\n },\n 'outline-success': {\n color: tokens.colorPaletteGreenForeground3,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder2),\n },\n 'outline-warning': {\n color: tokens.colorPaletteYellowForeground2,\n },\n\n // appearance: tint\n\n tint: {\n // No shared colors between tint appearances\n },\n 'tint-brand': {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2,\n ...shorthands.borderColor(tokens.colorBrandStroke2),\n },\n 'tint-danger': {\n backgroundColor: tokens.colorPaletteRedBackground1,\n color: tokens.colorPaletteRedForeground1,\n ...shorthands.borderColor(tokens.colorPaletteRedBorder1),\n },\n 'tint-important': {\n backgroundColor: tokens.colorNeutralForeground3,\n color: tokens.colorNeutralBackground1,\n ...shorthands.borderColor(tokens.colorTransparentStroke),\n },\n 'tint-informative': {\n backgroundColor: tokens.colorNeutralBackground4,\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n 'tint-severe': {\n backgroundColor: tokens.colorPaletteDarkOrangeBackground1,\n color: tokens.colorPaletteDarkOrangeForeground1,\n ...shorthands.borderColor(tokens.colorPaletteDarkOrangeBorder1),\n },\n 'tint-subtle': {\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground3,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n },\n 'tint-success': {\n backgroundColor: tokens.colorPaletteGreenBackground1,\n color: tokens.colorPaletteGreenForeground1,\n ...shorthands.borderColor(tokens.colorPaletteGreenBorder1),\n },\n 'tint-warning': {\n backgroundColor: tokens.colorPaletteYellowBackground1,\n color: tokens.colorPaletteYellowForeground1,\n ...shorthands.borderColor(tokens.colorPaletteYellowBorder1),\n },\n});\n\nconst useIconRootClassName = makeResetStyles({\n display: 'flex',\n lineHeight: '1',\n margin: `0 calc(-1 * ${textPadding})`, // Remove text padding added to root\n fontSize: '12px',\n});\n\nconst useIconStyles = makeStyles({\n beforeText: {\n marginRight: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`,\n },\n afterText: {\n marginLeft: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`,\n },\n\n beforeTextXL: {\n marginRight: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n },\n afterTextXL: {\n marginLeft: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n },\n\n // size\n\n tiny: {\n fontSize: '6px',\n },\n 'extra-small': {\n fontSize: '10px',\n },\n small: {\n fontSize: '12px',\n },\n medium: {\n // Set by useIconRootClassName\n },\n large: {\n fontSize: '16px',\n },\n 'extra-large': {\n fontSize: '20px',\n },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles_unstable = (state: BadgeState): BadgeState => {\n const rootClassName = useRootClassName();\n const rootStyles = useRootStyles();\n\n const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n\n state.root.className = mergeClasses(\n badgeClassNames.root,\n rootClassName,\n smallToTiny && rootStyles.fontSmallToTiny,\n rootStyles[state.size],\n rootStyles[state.shape],\n state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny,\n state.appearance === 'ghost' && rootStyles.borderGhost,\n rootStyles[state.appearance],\n rootStyles[`${state.appearance}-${state.color}` as const],\n state.root.className,\n );\n\n const iconRootClassName = useIconRootClassName();\n const iconStyles = useIconStyles();\n if (state.icon) {\n let iconPositionClass;\n if (state.root.children) {\n if (state.size === 'extra-large') {\n iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;\n } else {\n iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;\n }\n }\n\n state.icon.className = mergeClasses(\n badgeClassNames.icon,\n iconRootClassName,\n iconPositionClass,\n iconStyles[state.size],\n state.icon.className,\n );\n }\n\n return state;\n};\n"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../lib/components/Badge/useBadgeStyles.js"],"sourcesContent":["import { shorthands, __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const badgeClassNames = {\n root: 'fui-Badge',\n icon: 'fui-Badge__icon'\n};\n// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.\n// Instead, add extra padding to the root, and a negative margin on the icon to \"remove\" the extra padding on the icon.\nconst textPadding = tokens.spacingHorizontalXXS;\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r1iycov\", \"r115jdol\", [\".r1iycov{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;min-width:20px;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".r1iycov::after{content:\\\"\\\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\", \".r115jdol{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;min-width:20px;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".r115jdol::after{content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n fontSmallToTiny: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f13mqy1h\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fcpl73t\"\n },\n tiny: {\n a9b677: \"f16dn6v3\",\n Bqenvij: \"f3mu39s\",\n Be2twd7: \"f130uwy9\",\n Bg96gwp: \"fod1mrr\",\n Bf4jedk: \"f18p0k4z\",\n z8tnut: \"f1q8r6hh\",\n z189sj: [\"fio2s09\", \"fkiw60q\"],\n Byoj8tv: \"f9yu9nh\",\n uwmqm3: [\"fkiw60q\", \"fio2s09\"]\n },\n \"extra-small\": {\n a9b677: \"fpd43o0\",\n Bqenvij: \"f30q22z\",\n Be2twd7: \"f1tccstq\",\n Bg96gwp: \"f1y3arg5\",\n Bf4jedk: \"f18p0k4z\",\n z8tnut: \"f1q8r6hh\",\n z189sj: [\"fio2s09\", \"fkiw60q\"],\n Byoj8tv: \"f9yu9nh\",\n uwmqm3: [\"fkiw60q\", \"fio2s09\"]\n },\n small: {\n Bf4jedk: \"fq2vo04\",\n Bqenvij: \"fd461yt\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fps1v9c\", \"f17ae1jz\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f17ae1jz\", \"fps1v9c\"]\n },\n medium: {},\n large: {\n Bf4jedk: \"f17fgpbq\",\n Bqenvij: \"frvgh55\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f17a92cs\", \"f1pe0i86\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1pe0i86\", \"f17a92cs\"]\n },\n \"extra-large\": {\n Bf4jedk: \"fwbmr0d\",\n Bqenvij: \"f1d2rq10\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fqznh8f\", \"f1xile11\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1xile11\", \"fqznh8f\"]\n },\n square: {\n Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n Btl43ni: [\"f13av6d4\", \"f3fg2lr\"]\n },\n rounded: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n roundedSmallToTiny: {\n Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n },\n circular: {},\n borderGhost: {\n ap17g6: \"f10ludwy\"\n },\n filled: {},\n \"filled-brand\": {\n De3pzq: \"ffp7eso\",\n sj55zd: \"f1phragk\"\n },\n \"filled-danger\": {\n De3pzq: \"fdl5y0r\",\n sj55zd: \"f1phragk\"\n },\n \"filled-important\": {\n De3pzq: \"f1c73kur\",\n sj55zd: \"fr0bkrk\"\n },\n \"filled-informative\": {\n De3pzq: \"f3vzo32\",\n sj55zd: \"f11d4kpn\"\n },\n \"filled-severe\": {\n De3pzq: \"f1s438gw\",\n sj55zd: \"f1phragk\"\n },\n \"filled-subtle\": {\n De3pzq: \"fxugw4r\",\n sj55zd: \"f19n0e5\"\n },\n \"filled-success\": {\n De3pzq: \"flxk52p\",\n sj55zd: \"f1phragk\"\n },\n \"filled-warning\": {\n De3pzq: \"ffq97bm\",\n sj55zd: \"ff5vbop\"\n },\n ghost: {},\n \"ghost-brand\": {\n sj55zd: \"f16muhyy\"\n },\n \"ghost-danger\": {\n sj55zd: \"f1whyuy6\"\n },\n \"ghost-important\": {\n sj55zd: \"f19n0e5\"\n },\n \"ghost-informative\": {\n sj55zd: \"f11d4kpn\"\n },\n \"ghost-severe\": {\n sj55zd: \"f1l8vj45\"\n },\n \"ghost-subtle\": {\n sj55zd: \"fonrgv7\"\n },\n \"ghost-success\": {\n sj55zd: \"f1m7fhi8\"\n },\n \"ghost-warning\": {\n sj55zd: \"fpti2h4\"\n },\n outline: {\n g2u3we: \"f23ftbb\",\n h3c5rm: [\"f1gkuv52\", \"f1p1bl80\"],\n B9xav0g: \"fioka3i\",\n zhjwy3: [\"f1p1bl80\", \"f1gkuv52\"]\n },\n \"outline-brand\": {\n sj55zd: \"f16muhyy\"\n },\n \"outline-danger\": {\n sj55zd: \"f1whyuy6\",\n g2u3we: \"fyqpifd\",\n h3c5rm: [\"f3ukxca\", \"f1k7dugc\"],\n B9xav0g: \"f1njxb2b\",\n zhjwy3: [\"f1k7dugc\", \"f3ukxca\"]\n },\n \"outline-important\": {\n sj55zd: \"f11d4kpn\",\n g2u3we: \"fq0vr37\",\n h3c5rm: [\"f1byw159\", \"f11cr0be\"],\n B9xav0g: \"f1c1zstj\",\n zhjwy3: [\"f11cr0be\", \"f1byw159\"]\n },\n \"outline-informative\": {\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"outline-severe\": {\n sj55zd: \"f1l8vj45\"\n },\n \"outline-subtle\": {\n sj55zd: \"fonrgv7\"\n },\n \"outline-success\": {\n sj55zd: \"f1m7fhi8\",\n g2u3we: \"f1mmhl11\",\n h3c5rm: [\"f1tjpp2f\", \"f1ocn5n7\"],\n B9xav0g: \"f1gjv25d\",\n zhjwy3: [\"f1ocn5n7\", \"f1tjpp2f\"]\n },\n \"outline-warning\": {\n sj55zd: \"fpti2h4\"\n },\n tint: {},\n \"tint-brand\": {\n De3pzq: \"f16xkysk\",\n sj55zd: \"faj9fo0\",\n g2u3we: \"f161y7kd\",\n h3c5rm: [\"f1c8dzaj\", \"f1sl6hi9\"],\n B9xav0g: \"f1619yhw\",\n zhjwy3: [\"f1sl6hi9\", \"f1c8dzaj\"]\n },\n \"tint-danger\": {\n De3pzq: \"ff0poqj\",\n sj55zd: \"f1hcrxcs\",\n g2u3we: \"f1oqjm8o\",\n h3c5rm: [\"fkgrb8g\", \"frb5wm0\"],\n B9xav0g: \"f1iai1ph\",\n zhjwy3: [\"frb5wm0\", \"fkgrb8g\"]\n },\n \"tint-important\": {\n De3pzq: \"f945g0u\",\n sj55zd: \"fr0bkrk\",\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"]\n },\n \"tint-informative\": {\n De3pzq: \"f1ctqxl6\",\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"tint-severe\": {\n De3pzq: \"f1xzsg4\",\n sj55zd: \"f1k5f75o\",\n g2u3we: \"fxy9dsj\",\n h3c5rm: [\"f54u6j2\", \"fcm23ze\"],\n B9xav0g: \"f4vf0uq\",\n zhjwy3: [\"fcm23ze\", \"f54u6j2\"]\n },\n \"tint-subtle\": {\n De3pzq: \"fxugw4r\",\n sj55zd: \"f11d4kpn\",\n g2u3we: \"f68mrw8\",\n h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n B9xav0g: \"frpde29\",\n zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n },\n \"tint-success\": {\n De3pzq: \"f2vsrz6\",\n sj55zd: \"ffmvakt\",\n g2u3we: \"fdmic9h\",\n h3c5rm: [\"f196y6m\", \"fetptd8\"],\n B9xav0g: \"f1pev5xq\",\n zhjwy3: [\"fetptd8\", \"f196y6m\"]\n },\n \"tint-warning\": {\n De3pzq: \"f10s6hli\",\n sj55zd: \"f42v8de\",\n g2u3we: \"fn9i3n\",\n h3c5rm: [\"f1aw8cx4\", \"f51if14\"],\n B9xav0g: \"fvq8iai\",\n zhjwy3: [\"f51if14\", \"f1aw8cx4\"]\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", \".f130uwy9{font-size:4px;}\", \".fod1mrr{line-height:4px;}\", \".f18p0k4z{min-width:unset;}\", \".f1q8r6hh{padding-top:unset;}\", \".fio2s09{padding-right:unset;}\", \".fkiw60q{padding-left:unset;}\", \".f9yu9nh{padding-bottom:unset;}\", \".fpd43o0{width:10px;}\", \".f30q22z{height:10px;}\", \".f1tccstq{font-size:6px;}\", \".f1y3arg5{line-height:6px;}\", \".fq2vo04{min-width:16px;}\", \".fd461yt{height:16px;}\", \".f1g0x7ka{padding-top:0;}\", \".fps1v9c{padding-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f17ae1jz{padding-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f1qch9an{padding-bottom:0;}\", \".f17fgpbq{min-width:24px;}\", \".frvgh55{height:24px;}\", \".f17a92cs{padding-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1pe0i86{padding-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".fwbmr0d{min-width:32px;}\", \".f1d2rq10{height:32px;}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f10ludwy::after{display:none;}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}\", \".f1c73kur{background-color:var(--colorNeutralForeground1);}\", \".fr0bkrk{color:var(--colorNeutralBackground1);}\", \".f3vzo32{background-color:var(--colorNeutralBackground5);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".flxk52p{background-color:var(--colorPaletteGreenBackground3);}\", \".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}\", \".ff5vbop{color:var(--colorNeutralForeground1Static);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f1whyuy6{color:var(--colorPaletteRedForeground3);}\", \".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}\", \".fpti2h4{color:var(--colorPaletteYellowForeground2);}\", \".f23ftbb{border-top-color:currentColor;}\", \".f1gkuv52{border-right-color:currentColor;}\", \".f1p1bl80{border-left-color:currentColor;}\", \".fioka3i{border-bottom-color:currentColor;}\", \".fyqpifd{border-top-color:var(--colorPaletteRedBorder2);}\", \".f3ukxca{border-right-color:var(--colorPaletteRedBorder2);}\", \".f1k7dugc{border-left-color:var(--colorPaletteRedBorder2);}\", \".f1njxb2b{border-bottom-color:var(--colorPaletteRedBorder2);}\", \".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}\", \".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}\", \".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1mmhl11{border-top-color:var(--colorPaletteGreenBorder2);}\", \".f1tjpp2f{border-right-color:var(--colorPaletteGreenBorder2);}\", \".f1ocn5n7{border-left-color:var(--colorPaletteGreenBorder2);}\", \".f1gjv25d{border-bottom-color:var(--colorPaletteGreenBorder2);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f161y7kd{border-top-color:var(--colorBrandStroke2);}\", \".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}\", \".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}\", \".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}\", \".ff0poqj{background-color:var(--colorPaletteRedBackground1);}\", \".f1hcrxcs{color:var(--colorPaletteRedForeground1);}\", \".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}\", \".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}\", \".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}\", \".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}\", \".f945g0u{background-color:var(--colorNeutralForeground3);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f1ctqxl6{background-color:var(--colorNeutralBackground4);}\", \".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}\", \".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}\", \".fxy9dsj{border-top-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f54u6j2{border-right-color:var(--colorPaletteDarkOrangeBorder1);}\", \".fcm23ze{border-left-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f4vf0uq{border-bottom-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}\", \".ffmvakt{color:var(--colorPaletteGreenForeground1);}\", \".fdmic9h{border-top-color:var(--colorPaletteGreenBorder1);}\", \".f196y6m{border-right-color:var(--colorPaletteGreenBorder1);}\", \".fetptd8{border-left-color:var(--colorPaletteGreenBorder1);}\", \".f1pev5xq{border-bottom-color:var(--colorPaletteGreenBorder1);}\", \".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}\", \".f42v8de{color:var(--colorPaletteYellowForeground1);}\", \".fn9i3n{border-top-color:var(--colorPaletteYellowBorder1);}\", \".f1aw8cx4{border-right-color:var(--colorPaletteYellowBorder1);}\", \".f51if14{border-left-color:var(--colorPaletteYellowBorder1);}\", \".fvq8iai{border-bottom-color:var(--colorPaletteYellowBorder1);}\"]\n});\nconst useIconRootClassName = /*#__PURE__*/__resetStyles(\"rttl5z0\", null, [\".rttl5z0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}\"]);\nconst useIconStyles = /*#__PURE__*/__styles({\n beforeText: {\n t21cq0: [\"f1t8l4o1\", \"f11juvx6\"]\n },\n afterText: {\n Frg6f3: [\"f11juvx6\", \"f1t8l4o1\"]\n },\n beforeTextXL: {\n t21cq0: [\"f1rs9grm\", \"f1kwmkpi\"]\n },\n afterTextXL: {\n Frg6f3: [\"f1kwmkpi\", \"f1rs9grm\"]\n },\n tiny: {\n Be2twd7: \"f1tccstq\"\n },\n \"extra-small\": {\n Be2twd7: \"fnmn6fi\"\n },\n small: {\n Be2twd7: \"f1ugzwwg\"\n },\n medium: {},\n large: {\n Be2twd7: \"f4ybsrx\"\n },\n \"extra-large\": {\n Be2twd7: \"fe5j1ua\"\n }\n}, {\n d: [\".f1t8l4o1{margin-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f11juvx6{margin-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f1rs9grm{margin-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1kwmkpi{margin-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1tccstq{font-size:6px;}\", \".fnmn6fi{font-size:10px;}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles_unstable = state => {\n const rootClassName = useRootClassName();\n const rootStyles = useRootStyles();\n const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance === 'ghost' && rootStyles.borderGhost, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);\n const iconRootClassName = useIconRootClassName();\n const iconStyles = useIconStyles();\n if (state.icon) {\n let iconPositionClass;\n if (state.root.children) {\n if (state.size === 'extra-large') {\n iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;\n } else {\n iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;\n }\n }\n state.icon.className = mergeClasses(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useBadgeStyles.js.map"],"names":["badgeClassNames","useBadgeStyles_unstable","root","icon","textPadding","tokens","spacingHorizontalXXS","useRootClassName","__resetStyles","useRootStyles","__styles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","small","medium","large","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","state","rootClassName","rootStyles","smallToTiny","size","className","mergeClasses","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"mappings":"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"}
@@ -1,25 +1,24 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "CounterBadge", {
6
+ enumerable: true,
7
+ get: ()=>CounterBadge
5
8
  });
6
- exports.CounterBadge = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const useCounterBadge_1 = /*#__PURE__*/require("./useCounterBadge");
9
- const useCounterBadgeStyles_1 = /*#__PURE__*/require("./useCounterBadgeStyles");
10
- const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
11
- const index_1 = /*#__PURE__*/require("../Badge/index");
12
- /**
13
- * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
14
- */
15
- exports.CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
16
- const state = useCounterBadge_1.useCounterBadge_unstable(props, ref);
17
- useCounterBadgeStyles_1.useCounterBadgeStyles_unstable(state);
18
- const {
19
- useCounterBadgeStyles_unstable: useCustomStyles
20
- } = react_shared_contexts_1.useCustomStyleHooks_unstable();
21
- useCustomStyles(state);
22
- return index_1.renderBadge_unstable(state);
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _useCounterBadge = require("./useCounterBadge");
12
+ const _useCounterBadgeStyles = require("./useCounterBadgeStyles");
13
+ const _reactSharedContexts = require("@fluentui/react-shared-contexts");
14
+ const _index = require("../Badge/index");
15
+ const CounterBadge = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
+ const state = (0, _useCounterBadge.useCounterBadge_unstable)(props, ref);
17
+ (0, _useCounterBadgeStyles.useCounterBadgeStyles_unstable)(state);
18
+ const { useCounterBadgeStyles_unstable: useCustomStyles } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
19
+ useCustomStyles(state);
20
+ return (0, _index.renderBadge_unstable)(state);
23
21
  });
24
- exports.CounterBadge.displayName = 'CounterBadge';
22
+ CounterBadge.displayName = 'CounterBadge'; //# sourceMappingURL=CounterBadge.js.map
23
+
25
24
  //# sourceMappingURL=CounterBadge.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","useCounterBadge_1","useCounterBadgeStyles_1","react_shared_contexts_1","index_1","exports","CounterBadge","forwardRef","props","ref","state","useCounterBadge_unstable","useCounterBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"sources":["../src/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge: ForwardRefComponent<CounterBadgeProps> = React.forwardRef((props, ref) => {\n const state = useCounterBadge_unstable(props, ref);\n\n useCounterBadgeStyles_unstable(state);\n\n const { useCounterBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AACA,MAAAI,OAAA,gBAAAJ,OAAA;AAIA;;;AAGaK,OAAA,CAAAC,YAAY,gBAA2CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGT,iBAAA,CAAAU,wBAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDP,uBAAA,CAAAU,8BAA8B,CAACF,KAAK,CAAC;EAErC,MAAM;IAAEE,8BAA8B,EAAEC;EAAe,CAAE,GAAGV,uBAAA,CAAAW,4BAA4B,EAAE;EAC1FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAON,OAAA,CAAAW,oBAAoB,CAACL,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,YAAY,CAACU,WAAW,GAAG,cAAc"}
1
+ {"version":3,"sources":["../../../lib/components/CounterBadge/CounterBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../Badge/index';\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useCounterBadge_unstable(props, ref);\n useCounterBadgeStyles_unstable(state);\n const {\n useCounterBadgeStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderBadge_unstable(state);\n});\nCounterBadge.displayName = 'CounterBadge';\n//# sourceMappingURL=CounterBadge.js.map"],"names":["CounterBadge","React","forwardRef","props","ref","state","useCounterBadge_unstable","useCounterBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;iCACkB;uCACM;qCACF;uBACR;AAI9B,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,qDAA8B,EAACF;IAC/B,MAAM,EACJE,gCAAgCC,gBAAe,EAChD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,2BAAoB,EAACL;AAC9B;AACAL,aAAaW,WAAW,GAAG,gBAC3B,wCAAwC"}
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
5
+ //# sourceMappingURL=CounterBadge.types.js.map
6
+
6
7
  //# sourceMappingURL=CounterBadge.types.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../src/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.types.ts"],"sourcesContent":["import type { BadgeProps, BadgeState } from '../Badge/index';\n\nexport type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'color' | 'shape'> & {\n /**\n * A Badge can have different appearances that emphasize certain parts of it:\n * - filled: The default appearance if one is not specified.\n * The badge background is filled with color with a contrasting foreground text to match.\n * - ghost: The badge background is transparent, with the foreground text taking color to emphasize it.\n * @default filled\n */\n appearance?: 'filled' | 'ghost';\n\n /**\n * Semantic colors for a counter badge\n * @default brand\n */\n color?: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;\n\n /**\n * Value displayed by the Badge\n * @default 0\n */\n count?: number;\n\n /**\n * If a dot should be displayed without the count\n * @default false\n */\n dot?: boolean;\n\n /**\n * Max number to be displayed\n * @default 99\n */\n overflowCount?: number;\n\n /**\n * A Badge can be circular or rounded\n * @default circular\n */\n shape?: 'circular' | 'rounded';\n\n /**\n * If the badge should be shown when count is 0\n * @default false\n */\n showZero?: boolean;\n};\n\nexport type CounterBadgeState = Omit<BadgeState, 'appearance' | 'color' | 'shape'> &\n Required<Pick<CounterBadgeProps, 'appearance' | 'color' | 'count' | 'dot' | 'shape' | 'showZero'>>;\n"],"mappings":""}
1
+ {"version":3,"sources":["../../../lib/components/CounterBadge/CounterBadge.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=CounterBadge.types.js.map"],"names":[],"mappings":";;;;CACA,8CAA8C"}
@@ -1,11 +1,12 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- const tslib_1 = /*#__PURE__*/require("tslib");
7
- tslib_1.__exportStar(require("./CounterBadge"), exports);
8
- tslib_1.__exportStar(require("./CounterBadge.types"), exports);
9
- tslib_1.__exportStar(require("./useCounterBadge"), exports);
10
- tslib_1.__exportStar(require("./useCounterBadgeStyles"), exports);
5
+ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./CounterBadge"), exports);
7
+ _exportStar(require("./CounterBadge.types"), exports);
8
+ _exportStar(require("./useCounterBadge"), exports);
9
+ _exportStar(require("./useCounterBadgeStyles"), exports);
10
+ //# sourceMappingURL=index.js.map
11
+
11
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-badge/src/components/CounterBadge/index.ts"],"sourcesContent":["export * from './CounterBadge';\nexport * from './CounterBadge.types';\nexport * from './useCounterBadge';\nexport * from './useCounterBadgeStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA"}
1
+ {"version":3,"sources":["../../../lib/components/CounterBadge/index.js"],"sourcesContent":["export * from './CounterBadge';\nexport * from './CounterBadge.types';\nexport * from './useCounterBadge';\nexport * from './useCounterBadgeStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -1,34 +1,28 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useCounterBadge_unstable", {
6
+ enumerable: true,
7
+ get: ()=>useCounterBadge_unstable
5
8
  });
6
- exports.useCounterBadge_unstable = void 0;
7
- const index_1 = /*#__PURE__*/require("../Badge/index");
8
- /**
9
- * Returns the props and state required to render the component
10
- */
11
- const useCounterBadge_unstable = (props, ref) => {
12
- const {
13
- shape = 'circular',
14
- appearance = 'filled',
15
- showZero = false,
16
- overflowCount = 99,
17
- count = 0,
18
- dot = false
19
- } = props;
20
- const state = {
21
- ...index_1.useBadge_unstable(props, ref),
22
- shape,
23
- appearance,
24
- showZero,
25
- count,
26
- dot
27
- };
28
- if ((count !== 0 || showZero) && !dot && !state.root.children) {
29
- state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;
30
- }
31
- return state;
32
- };
33
- exports.useCounterBadge_unstable = useCounterBadge_unstable;
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _index = require("../Badge/index");
12
+ const useCounterBadge_unstable = (props, ref)=>{
13
+ const { shape ='circular' , appearance ='filled' , showZero =false , overflowCount =99 , count =0 , dot =false } = props;
14
+ const state = {
15
+ ...(0, _index.useBadge_unstable)(props, ref),
16
+ shape,
17
+ appearance,
18
+ showZero,
19
+ count,
20
+ dot
21
+ };
22
+ if ((count !== 0 || showZero) && !dot && !state.root.children) {
23
+ state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;
24
+ }
25
+ return state;
26
+ }; //# sourceMappingURL=useCounterBadge.js.map
27
+
34
28
  //# sourceMappingURL=useCounterBadge.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["index_1","require","useCounterBadge_unstable","props","ref","shape","appearance","showZero","overflowCount","count","dot","state","useBadge_unstable","root","children","exports"],"sources":["../src/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadge.ts"],"sourcesContent":["import * as React from 'react';\nimport type { BadgeState } from '../Badge/index';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props: CounterBadgeProps, ref: React.Ref<HTMLElement>): CounterBadgeState => {\n const {\n shape = 'circular',\n appearance = 'filled',\n showZero = false,\n overflowCount = 99,\n count = 0,\n dot = false,\n } = props;\n\n const state: CounterBadgeState = {\n ...(useBadge_unstable(props, ref) as Pick<CounterBadgeState, keyof BadgeState>),\n shape,\n appearance,\n showZero,\n count,\n dot,\n };\n\n if ((count !== 0 || showZero) && !dot && !state.root.children) {\n state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;\n }\n\n return state;\n};\n"],"mappings":";;;;;;AAEA,MAAAA,OAAA,gBAAAC,OAAA;AAGA;;;AAGO,MAAMC,wBAAwB,GAAGA,CAACC,KAAwB,EAAEC,GAA2B,KAAuB;EACnH,MAAM;IACJC,KAAK,GAAG,UAAU;IAClBC,UAAU,GAAG,QAAQ;IACrBC,QAAQ,GAAG,KAAK;IAChBC,aAAa,GAAG,EAAE;IAClBC,KAAK,GAAG,CAAC;IACTC,GAAG,GAAG;EAAK,CACZ,GAAGP,KAAK;EAET,MAAMQ,KAAK,GAAsB;IAC/B,GAAIX,OAAA,CAAAY,iBAAiB,CAACT,KAAK,EAAEC,GAAG,CAA+C;IAC/EC,KAAK;IACLC,UAAU;IACVC,QAAQ;IACRE,KAAK;IACLC;GACD;EAED,IAAI,CAACD,KAAK,KAAK,CAAC,IAAIF,QAAQ,KAAK,CAACG,GAAG,IAAI,CAACC,KAAK,CAACE,IAAI,CAACC,QAAQ,EAAE;IAC7DH,KAAK,CAACE,IAAI,CAACC,QAAQ,GAAGL,KAAK,GAAGD,aAAa,GAAG,GAAGA,aAAa,GAAG,GAAG,GAAGC,KAAK,EAAE;;EAGhF,OAAOE,KAAK;AACd,CAAC;AAxBYI,OAAA,CAAAb,wBAAwB,GAAAA,wBAAA"}
1
+ {"version":3,"sources":["../../../lib/components/CounterBadge/useCounterBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from '../Badge/index';\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props, ref) => {\n const {\n shape = 'circular',\n appearance = 'filled',\n showZero = false,\n overflowCount = 99,\n count = 0,\n dot = false\n } = props;\n const state = {\n ...useBadge_unstable(props, ref),\n shape,\n appearance,\n showZero,\n count,\n dot\n };\n if ((count !== 0 || showZero) && !dot && !state.root.children) {\n state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;\n }\n return state;\n};\n//# sourceMappingURL=useCounterBadge.js.map"],"names":["useCounterBadge_unstable","props","ref","shape","appearance","showZero","overflowCount","count","dot","state","useBadge_unstable","root","children"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;uBACW;AAI3B,MAAMA,2BAA2B,CAACC,OAAOC,MAAQ;IACtD,MAAM,EACJC,OAAQ,WAAU,EAClBC,YAAa,SAAQ,EACrBC,UAAW,KAAK,CAAA,EAChBC,eAAgB,GAAE,EAClBC,OAAQ,EAAC,EACTC,KAAM,KAAK,CAAA,EACZ,GAAGP;IACJ,MAAMQ,QAAQ;QACZ,GAAGC,IAAAA,wBAAiB,EAACT,OAAOC,IAAI;QAChCC;QACAC;QACAC;QACAE;QACAC;IACF;IACA,IAAI,AAACD,CAAAA,UAAU,KAAKF,QAAO,KAAM,CAACG,OAAO,CAACC,MAAME,IAAI,CAACC,QAAQ,EAAE;QAC7DH,MAAME,IAAI,CAACC,QAAQ,GAAGL,QAAQD,gBAAgB,CAAC,EAAEA,cAAc,CAAC,CAAC,GAAG,CAAC,EAAEC,MAAM,CAAC;IAChF,CAAC;IACD,OAAOE;AACT,GACA,2CAA2C"}
@@ -1,41 +1,61 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ counterBadgeClassNames: ()=>counterBadgeClassNames,
13
+ useCounterBadgeStyles_unstable: ()=>useCounterBadgeStyles_unstable
5
14
  });
6
- exports.useCounterBadgeStyles_unstable = exports.counterBadgeClassNames = void 0;
7
- const react_1 = /*#__PURE__*/require("@griffel/react");
8
- const useBadgeStyles_1 = /*#__PURE__*/require("../Badge/useBadgeStyles");
9
- exports.counterBadgeClassNames = {
10
- root: 'fui-CounterBadge',
11
- icon: 'fui-CounterBadge__icon'
15
+ const _react = require("@griffel/react");
16
+ const _useBadgeStyles = require("../Badge/useBadgeStyles");
17
+ const counterBadgeClassNames = {
18
+ root: 'fui-CounterBadge',
19
+ icon: 'fui-CounterBadge__icon'
12
20
  };
13
- const useStyles = /*#__PURE__*/react_1.__styles({
14
- dot: {
15
- Bf4jedk: "fgfkb25",
16
- a9b677: "f16dn6v3",
17
- Bqenvij: "f3mu39s",
18
- z8tnut: "f1g0x7ka",
19
- z189sj: ["fhxju0i", "f1cnd47f"],
20
- Byoj8tv: "f1qch9an",
21
- uwmqm3: ["f1cnd47f", "fhxju0i"]
22
- },
23
- hide: {
24
- mc9l5x: "fjseox"
25
- }
21
+ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
22
+ dot: {
23
+ Bf4jedk: "fgfkb25",
24
+ a9b677: "f16dn6v3",
25
+ Bqenvij: "f3mu39s",
26
+ z8tnut: "f1g0x7ka",
27
+ z189sj: [
28
+ "fhxju0i",
29
+ "f1cnd47f"
30
+ ],
31
+ Byoj8tv: "f1qch9an",
32
+ uwmqm3: [
33
+ "f1cnd47f",
34
+ "fhxju0i"
35
+ ]
36
+ },
37
+ hide: {
38
+ mc9l5x: "fjseox"
39
+ }
26
40
  }, {
27
- d: [".fgfkb25{min-width:auto;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fjseox{display:none;}"]
41
+ d: [
42
+ ".fgfkb25{min-width:auto;}",
43
+ ".f16dn6v3{width:6px;}",
44
+ ".f3mu39s{height:6px;}",
45
+ ".f1g0x7ka{padding-top:0;}",
46
+ ".fhxju0i{padding-right:0;}",
47
+ ".f1cnd47f{padding-left:0;}",
48
+ ".f1qch9an{padding-bottom:0;}",
49
+ ".fjseox{display:none;}"
50
+ ]
28
51
  });
29
- /**
30
- * Applies style classnames to slots
31
- */
32
- const useCounterBadgeStyles_unstable = state => {
33
- const styles = useStyles();
34
- state.root.className = react_1.mergeClasses(exports.counterBadgeClassNames.root, state.dot && styles.dot, !state.root.children && !state.dot && styles.hide, state.root.className);
35
- if (state.icon) {
36
- state.icon.className = react_1.mergeClasses(exports.counterBadgeClassNames.icon, state.icon.className);
37
- }
38
- return useBadgeStyles_1.useBadgeStyles_unstable(state);
39
- };
40
- exports.useCounterBadgeStyles_unstable = useCounterBadgeStyles_unstable;
52
+ const useCounterBadgeStyles_unstable = (state)=>{
53
+ const styles = useStyles();
54
+ state.root.className = (0, _react.mergeClasses)(counterBadgeClassNames.root, state.dot && styles.dot, !state.root.children && !state.dot && styles.hide, state.root.className);
55
+ if (state.icon) {
56
+ state.icon.className = (0, _react.mergeClasses)(counterBadgeClassNames.icon, state.icon.className);
57
+ }
58
+ return (0, _useBadgeStyles.useBadgeStyles_unstable)(state);
59
+ }; //# sourceMappingURL=useCounterBadgeStyles.js.map
60
+
41
61
  //# sourceMappingURL=useCounterBadgeStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["react_1","require","useBadgeStyles_1","exports","counterBadgeClassNames","root","icon","useStyles","__styles","dot","Bf4jedk","a9b677","Bqenvij","z8tnut","z189sj","Byoj8tv","uwmqm3","hide","mc9l5x","d","useCounterBadgeStyles_unstable","state","styles","className","mergeClasses","children","useBadgeStyles_unstable"],"sources":["../src/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts"],"sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { CounterBadgeState } from './CounterBadge.types';\n\nexport const counterBadgeClassNames: SlotClassNames<BadgeSlots> = {\n root: 'fui-CounterBadge',\n icon: 'fui-CounterBadge__icon',\n};\n\nconst useStyles = makeStyles({\n dot: {\n minWidth: 'auto',\n width: '6px',\n height: '6px',\n ...shorthands.padding('0'),\n },\n hide: {\n display: 'none',\n },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = (state: CounterBadgeState): CounterBadgeState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n counterBadgeClassNames.root,\n state.dot && styles.dot,\n !state.root.children && !state.dot && styles.hide,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n }\n\n return useBadgeStyles_unstable(state) as CounterBadgeState;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AAKaE,OAAA,CAAAC,sBAAsB,GAA+B;EAChEC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGP,OAAA,CAAAQ,QAAU;EAAAC,GAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAU1B;AAEF;;;AAGO,MAAMC,8BAA8B,GAAIC,KAAwB,IAAuB;EAC5F,MAAMC,MAAM,GAAGf,SAAS,EAAE;EAC1Bc,KAAK,CAAChB,IAAI,CAACkB,SAAS,GAAGvB,OAAA,CAAAwB,YAAY,CACjCrB,OAAA,CAAAC,sBAAsB,CAACC,IAAI,EAC3BgB,KAAK,CAACZ,GAAG,IAAIa,MAAM,CAACb,GAAG,EACvB,CAACY,KAAK,CAAChB,IAAI,CAACoB,QAAQ,IAAI,CAACJ,KAAK,CAACZ,GAAG,IAAIa,MAAM,CAACL,IAAI,EACjDI,KAAK,CAAChB,IAAI,CAACkB,SAAS,CACrB;EAED,IAAIF,KAAK,CAACf,IAAI,EAAE;IACde,KAAK,CAACf,IAAI,CAACiB,SAAS,GAAGvB,OAAA,CAAAwB,YAAY,CAACrB,OAAA,CAAAC,sBAAsB,CAACE,IAAI,EAAEe,KAAK,CAACf,IAAI,CAACiB,SAAS,CAAC;;EAGxF,OAAOrB,gBAAA,CAAAwB,uBAAuB,CAACL,KAAK,CAAsB;AAC5D,CAAC;AAdYlB,OAAA,CAAAiB,8BAA8B,GAAAA,8BAAA"}
1
+ {"version":3,"sources":["../../../lib/components/CounterBadge/useCounterBadgeStyles.js"],"sourcesContent":["import { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';\nexport const counterBadgeClassNames = {\n root: 'fui-CounterBadge',\n icon: 'fui-CounterBadge__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n dot: {\n Bf4jedk: \"fgfkb25\",\n a9b677: \"f16dn6v3\",\n Bqenvij: \"f3mu39s\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n },\n hide: {\n mc9l5x: \"fjseox\"\n }\n}, {\n d: [\".fgfkb25{min-width:auto;}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fjseox{display:none;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(counterBadgeClassNames.root, state.dot && styles.dot, !state.root.children && !state.dot && styles.hide, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n }\n return useBadgeStyles_unstable(state);\n};\n//# sourceMappingURL=useCounterBadgeStyles.js.map"],"names":["counterBadgeClassNames","useCounterBadgeStyles_unstable","root","icon","useStyles","__styles","dot","Bf4jedk","a9b677","Bqenvij","z8tnut","z189sj","Byoj8tv","uwmqm3","hide","mc9l5x","d","state","styles","className","mergeClasses","children","useBadgeStyles_unstable"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB,MAAtBA;IAuBAC,8BAA8B,MAA9BA;;uBAzBsC;gCACX;AACjC,MAAMD,yBAAyB;IACpCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,MAAM;QACJC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAAyB;QAAyB;QAA6B;QAA8B;QAA8B;QAAgC;KAAyB;AACvO;AAIO,MAAMf,iCAAiCgB,CAAAA,QAAS;IACrD,MAAMC,SAASd;IACfa,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,uBAAuBE,IAAI,EAAEe,MAAMX,GAAG,IAAIY,OAAOZ,GAAG,EAAE,CAACW,MAAMf,IAAI,CAACmB,QAAQ,IAAI,CAACJ,MAAMX,GAAG,IAAIY,OAAOJ,IAAI,EAAEG,MAAMf,IAAI,CAACiB,SAAS;IACjK,IAAIF,MAAMd,IAAI,EAAE;QACdc,MAAMd,IAAI,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,uBAAuBG,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IACvF,CAAC;IACD,OAAOG,IAAAA,uCAAuB,EAACL;AACjC,GACA,iDAAiD"}
@@ -1,25 +1,24 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "PresenceBadge", {
6
+ enumerable: true,
7
+ get: ()=>PresenceBadge
5
8
  });
6
- exports.PresenceBadge = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const usePresenceBadge_1 = /*#__PURE__*/require("./usePresenceBadge");
9
- const usePresenceBadgeStyles_1 = /*#__PURE__*/require("./usePresenceBadgeStyles");
10
- const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
11
- const Badge_1 = /*#__PURE__*/require("../../Badge");
12
- /**
13
- * Define a styled Badge, using the `useBadge_unstable` hook.
14
- */
15
- exports.PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
16
- const state = usePresenceBadge_1.usePresenceBadge_unstable(props, ref);
17
- usePresenceBadgeStyles_1.usePresenceBadgeStyles_unstable(state);
18
- const {
19
- usePresenceBadgeStyles_unstable: useCustomStyles
20
- } = react_shared_contexts_1.useCustomStyleHooks_unstable();
21
- useCustomStyles(state);
22
- return Badge_1.renderBadge_unstable(state);
9
+ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
+ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _usePresenceBadge = require("./usePresenceBadge");
12
+ const _usePresenceBadgeStyles = require("./usePresenceBadgeStyles");
13
+ const _reactSharedContexts = require("@fluentui/react-shared-contexts");
14
+ const _badge = require("../../Badge");
15
+ const PresenceBadge = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
+ const state = (0, _usePresenceBadge.usePresenceBadge_unstable)(props, ref);
17
+ (0, _usePresenceBadgeStyles.usePresenceBadgeStyles_unstable)(state);
18
+ const { usePresenceBadgeStyles_unstable: useCustomStyles } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
19
+ useCustomStyles(state);
20
+ return (0, _badge.renderBadge_unstable)(state);
23
21
  });
24
- exports.PresenceBadge.displayName = 'PresenceBadge';
22
+ PresenceBadge.displayName = 'PresenceBadge'; //# sourceMappingURL=PresenceBadge.js.map
23
+
25
24
  //# sourceMappingURL=PresenceBadge.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","usePresenceBadge_1","usePresenceBadgeStyles_1","react_shared_contexts_1","Badge_1","exports","PresenceBadge","forwardRef","props","ref","state","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"sources":["../src/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../../Badge';\nimport type { PresenceBadgeProps } from './PresenceBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const PresenceBadge: ForwardRefComponent<PresenceBadgeProps> = React.forwardRef((props, ref) => {\n const state = usePresenceBadge_unstable(props, ref);\n\n usePresenceBadgeStyles_unstable(state);\n\n const { usePresenceBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderBadge_unstable(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,wBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AACA,MAAAI,OAAA,gBAAAJ,OAAA;AAIA;;;AAGaK,OAAA,CAAAC,aAAa,gBAA4CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGT,kBAAA,CAAAU,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDP,wBAAA,CAAAU,+BAA+B,CAACF,KAAK,CAAC;EAEtC,MAAM;IAAEE,+BAA+B,EAAEC;EAAe,CAAE,GAAGV,uBAAA,CAAAW,4BAA4B,EAAE;EAC3FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAON,OAAA,CAAAW,oBAAoB,CAACL,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,aAAa,CAACU,WAAW,GAAG,eAAe"}
1
+ {"version":3,"sources":["../../../lib/components/PresenceBadge/PresenceBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../../Badge';\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = usePresenceBadge_unstable(props, ref);\n usePresenceBadgeStyles_unstable(state);\n const {\n usePresenceBadgeStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderBadge_unstable(state);\n});\nPresenceBadge.displayName = 'PresenceBadge';\n//# sourceMappingURL=PresenceBadge.js.map"],"names":["PresenceBadge","React","forwardRef","props","ref","state","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;kCACmB;wCACM;qCACH;uBACR;AAI9B,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChC,MAAM,EACJE,iCAAiCC,gBAAe,EACjD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,2BAAoB,EAACL;AAC9B;AACAL,cAAcW,WAAW,GAAG,iBAC5B,yCAAyC"}
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
5
+ //# sourceMappingURL=PresenceBadge.types.js.map
6
+
6
7
  //# sourceMappingURL=PresenceBadge.types.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../src/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState, BadgeSlots } from '../Badge/Badge.types';\n\nexport type PresenceBadgeStatus =\n | 'busy'\n | 'out-of-office'\n | 'away'\n | 'available'\n | 'offline'\n | 'do-not-disturb'\n | 'unknown'\n | 'blocked';\n\nexport type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root' | 'icon'>>, 'color'> &\n Pick<BadgeProps, 'size'> & {\n /**\n * Represents several status\n * @default available\n */\n status?: PresenceBadgeStatus;\n\n /**\n * Modifies the display to indicate that the user is out of office.\n * This can be combined with any status to display an out-of-office version of that status\n * @default false\n */\n outOfOffice?: boolean;\n };\n\nexport type PresenceBadgeState = ComponentState<BadgeSlots> &\n BadgeState &\n Required<Pick<PresenceBadgeProps, 'status' | 'outOfOffice'>>;\n"],"mappings":""}
1
+ {"version":3,"sources":["../../../lib/components/PresenceBadge/PresenceBadge.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=PresenceBadge.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
@@ -1,11 +1,12 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- const tslib_1 = /*#__PURE__*/require("tslib");
7
- tslib_1.__exportStar(require("./PresenceBadge"), exports);
8
- tslib_1.__exportStar(require("./PresenceBadge.types"), exports);
9
- tslib_1.__exportStar(require("./usePresenceBadge"), exports);
10
- tslib_1.__exportStar(require("./usePresenceBadgeStyles"), exports);
5
+ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./PresenceBadge"), exports);
7
+ _exportStar(require("./PresenceBadge.types"), exports);
8
+ _exportStar(require("./usePresenceBadge"), exports);
9
+ _exportStar(require("./usePresenceBadgeStyles"), exports);
10
+ //# sourceMappingURL=index.js.map
11
+
11
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-badge/src/components/PresenceBadge/index.ts"],"sourcesContent":["export * from './PresenceBadge';\nexport * from './PresenceBadge.types';\nexport * from './usePresenceBadge';\nexport * from './usePresenceBadgeStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,8BAAAC,OAAA"}
1
+ {"version":3,"sources":["../../../lib/components/PresenceBadge/index.js"],"sourcesContent":["export * from './PresenceBadge';\nexport * from './PresenceBadge.types';\nexport * from './usePresenceBadge';\nexport * from './usePresenceBadgeStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}