@fluentui/react-badge 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.swcrc +2 -11
- package/CHANGELOG.json +68 -11
- package/CHANGELOG.md +24 -8
- package/lib/Badge.js +1 -1
- package/lib/CounterBadge.js +1 -1
- package/lib/PresenceBadge.js +1 -1
- package/lib/components/Badge/Badge.js +6 -6
- package/lib/components/Badge/index.js +4 -4
- package/lib/components/Badge/renderBadge.js +3 -3
- package/lib/components/Badge/useBadge.js +10 -10
- package/lib/components/Badge/useBadgeStyles.js +9 -9
- package/lib/components/CounterBadge/CounterBadge.js +6 -6
- package/lib/components/CounterBadge/index.js +4 -4
- package/lib/components/CounterBadge/useCounterBadge.js +4 -4
- package/lib/components/CounterBadge/useCounterBadgeStyles.js +4 -4
- package/lib/components/PresenceBadge/PresenceBadge.js +6 -6
- package/lib/components/PresenceBadge/index.js +4 -4
- package/lib/components/PresenceBadge/presenceIcons.js +44 -52
- package/lib/components/PresenceBadge/presenceIcons.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadge.js +26 -26
- package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +6 -6
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib-commonjs/Badge.js.map +1 -1
- package/lib-commonjs/CounterBadge.js.map +1 -1
- package/lib-commonjs/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.js +1 -1
- package/lib-commonjs/components/Badge/Badge.js.map +1 -1
- package/lib-commonjs/components/Badge/index.js.map +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadge.js +4 -4
- package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadgeStyles.js +9 -9
- package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.js +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +2 -2
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js +43 -50
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +21 -21
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +4 -4
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +7 -6
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["React","PresenceAvailable10Regular","PresenceAvailable12Regular","PresenceAvailable16Regular","PresenceAvailable10Filled","PresenceAvailable12Filled","PresenceAvailable16Filled","PresenceAway10Filled","PresenceAway12Filled","PresenceAway16Filled","PresenceBlocked10Regular","PresenceBlocked12Regular","PresenceBlocked16Regular","PresenceBusy10Filled","PresenceBusy12Filled","PresenceBusy16Filled","PresenceDnd10Regular","PresenceDnd12Regular","PresenceDnd16Regular","PresenceDnd10Filled","PresenceDnd12Filled","PresenceDnd16Filled","PresenceOof10Regular","PresenceOof12Regular","PresenceOof16Regular","PresenceOffline10Regular","PresenceOffline12Regular","PresenceOffline16Regular","PresenceUnknown10Regular","PresenceUnknown12Regular","PresenceUnknown16Regular","presenceAwayFilled","tiny","small","medium","large","presenceAvailableRegular","presenceAvailableFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOofRegular","presenceOfflineRegular","presenceUnknownRegular"],"sources":["../../../src/components/PresenceBadge/presenceIcons.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n PresenceAvailable10Regular,\n PresenceAvailable12Regular,\n PresenceAvailable16Regular,\n PresenceAvailable10Filled,\n PresenceAvailable12Filled,\n PresenceAvailable16Filled,\n PresenceAway10Filled,\n PresenceAway12Filled,\n PresenceAway16Filled,\n PresenceBlocked10Regular,\n PresenceBlocked12Regular,\n PresenceBlocked16Regular,\n PresenceBusy10Filled,\n PresenceBusy12Filled,\n PresenceBusy16Filled,\n PresenceDnd10Regular,\n PresenceDnd12Regular,\n PresenceDnd16Regular,\n PresenceDnd10Filled,\n PresenceDnd12Filled,\n PresenceDnd16Filled,\n PresenceOof10Regular,\n PresenceOof12Regular,\n PresenceOof16Regular,\n PresenceOffline10Regular,\n PresenceOffline12Regular,\n PresenceOffline16Regular,\n PresenceUnknown10Regular,\n PresenceUnknown12Regular,\n PresenceUnknown16Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Filled,\n 'extra-small': PresenceAway10Filled,\n small: PresenceAway12Filled,\n medium: PresenceAway16Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceAway16Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway16Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Regular,\n 'extra-small': PresenceAvailable10Regular,\n small: PresenceAvailable12Regular,\n medium: PresenceAvailable16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceAvailable16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable16Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Filled,\n 'extra-small': PresenceAvailable10Filled,\n small: PresenceAvailable12Filled,\n medium: PresenceAvailable16Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceAvailable16Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable16Filled,\n};\n\nexport const presenceBlockedRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBlocked10Regular,\n 'extra-small': PresenceBlocked10Regular,\n small: PresenceBlocked12Regular,\n medium: PresenceBlocked16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceBlocked16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBlocked16Regular,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBusy10Filled,\n 'extra-small': PresenceBusy10Filled,\n small: PresenceBusy12Filled,\n medium: PresenceBusy16Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceBusy16Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBusy16Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Filled,\n 'extra-small': PresenceDnd10Filled,\n small: PresenceDnd12Filled,\n medium: PresenceDnd16Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceDnd16Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd16Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Regular,\n 'extra-small': PresenceDnd10Regular,\n small: PresenceDnd12Regular,\n medium: PresenceDnd16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceDnd16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd16Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOof10Regular,\n 'extra-small': PresenceOof10Regular,\n small: PresenceOof12Regular,\n medium: PresenceOof16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceOof16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOof16Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOffline10Regular,\n 'extra-small': PresenceOffline10Regular,\n small: PresenceOffline12Regular,\n medium: PresenceOffline16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceOffline16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOffline16Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceUnknown10Regular,\n 'extra-small': PresenceUnknown10Regular,\n small: PresenceUnknown12Regular,\n medium: PresenceUnknown16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n large: PresenceUnknown16Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceUnknown16Regular,\n};\n"],"mappings":"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"}
|
1
|
+
{"version":3,"names":["React","PresenceAvailable10Regular","PresenceAvailable12Regular","PresenceAvailable16Regular","PresenceAvailable20Regular","PresenceAvailable10Filled","PresenceAvailable12Filled","PresenceAvailable16Filled","PresenceAvailable20Filled","PresenceAway10Regular","PresenceAway12Regular","PresenceAway16Regular","PresenceAway20Regular","PresenceAway10Filled","PresenceAway12Filled","PresenceAway16Filled","PresenceAway20Filled","PresenceBlocked10Regular","PresenceBlocked12Regular","PresenceBlocked16Regular","PresenceBlocked20Regular","PresenceBusy10Filled","PresenceBusy12Filled","PresenceBusy16Filled","PresenceBusy20Filled","PresenceDnd10Regular","PresenceDnd12Regular","PresenceDnd16Regular","PresenceDnd20Regular","PresenceDnd10Filled","PresenceDnd12Filled","PresenceDnd16Filled","PresenceDnd20Filled","PresenceOof10Regular","PresenceOof12Regular","PresenceOof16Regular","PresenceOof20Regular","PresenceOffline10Regular","PresenceOffline12Regular","PresenceOffline16Regular","PresenceOffline20Regular","PresenceUnknown10Regular","PresenceUnknown12Regular","PresenceUnknown16Regular","PresenceUnknown20Regular","presenceAwayRegular","tiny","small","medium","large","presenceAwayFilled","presenceAvailableRegular","presenceAvailableFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOofRegular","presenceOfflineRegular","presenceUnknownRegular"],"sources":["../../../src/components/PresenceBadge/presenceIcons.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n PresenceAvailable10Regular,\n PresenceAvailable12Regular,\n PresenceAvailable16Regular,\n PresenceAvailable20Regular,\n PresenceAvailable10Filled,\n PresenceAvailable12Filled,\n PresenceAvailable16Filled,\n PresenceAvailable20Filled,\n PresenceAway10Regular,\n PresenceAway12Regular,\n PresenceAway16Regular,\n PresenceAway20Regular,\n PresenceAway10Filled,\n PresenceAway12Filled,\n PresenceAway16Filled,\n PresenceAway20Filled,\n PresenceBlocked10Regular,\n PresenceBlocked12Regular,\n PresenceBlocked16Regular,\n PresenceBlocked20Regular,\n PresenceBusy10Filled,\n PresenceBusy12Filled,\n PresenceBusy16Filled,\n PresenceBusy20Filled,\n PresenceDnd10Regular,\n PresenceDnd12Regular,\n PresenceDnd16Regular,\n PresenceDnd20Regular,\n PresenceDnd10Filled,\n PresenceDnd12Filled,\n PresenceDnd16Filled,\n PresenceDnd20Filled,\n PresenceOof10Regular,\n PresenceOof12Regular,\n PresenceOof16Regular,\n PresenceOof20Regular,\n PresenceOffline10Regular,\n PresenceOffline12Regular,\n PresenceOffline16Regular,\n PresenceOffline20Regular,\n PresenceUnknown10Regular,\n PresenceUnknown12Regular,\n PresenceUnknown16Regular,\n PresenceUnknown20Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Regular,\n 'extra-small': PresenceAway10Regular,\n small: PresenceAway12Regular,\n medium: PresenceAway16Regular,\n large: PresenceAway20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Regular,\n};\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAway10Filled,\n 'extra-small': PresenceAway10Filled,\n small: PresenceAway12Filled,\n medium: PresenceAway16Filled,\n large: PresenceAway20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAway20Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Regular,\n 'extra-small': PresenceAvailable10Regular,\n small: PresenceAvailable12Regular,\n medium: PresenceAvailable16Regular,\n large: PresenceAvailable20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceAvailable10Filled,\n 'extra-small': PresenceAvailable10Filled,\n small: PresenceAvailable12Filled,\n medium: PresenceAvailable16Filled,\n large: PresenceAvailable20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceAvailable20Filled,\n};\n\nexport const presenceBlockedRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBlocked10Regular,\n 'extra-small': PresenceBlocked10Regular,\n small: PresenceBlocked12Regular,\n medium: PresenceBlocked16Regular,\n large: PresenceBlocked20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBlocked20Regular,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceBusy10Filled,\n 'extra-small': PresenceBusy10Filled,\n small: PresenceBusy12Filled,\n medium: PresenceBusy16Filled,\n large: PresenceBusy20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceBusy20Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Filled,\n 'extra-small': PresenceDnd10Filled,\n small: PresenceDnd12Filled,\n medium: PresenceDnd16Filled,\n large: PresenceDnd20Filled,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceDnd10Regular,\n 'extra-small': PresenceDnd10Regular,\n small: PresenceDnd12Regular,\n medium: PresenceDnd16Regular,\n large: PresenceDnd20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceDnd20Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOof10Regular,\n 'extra-small': PresenceOof10Regular,\n small: PresenceOof12Regular,\n medium: PresenceOof16Regular,\n large: PresenceOof20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOof20Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceOffline10Regular,\n 'extra-small': PresenceOffline10Regular,\n small: PresenceOffline12Regular,\n medium: PresenceOffline16Regular,\n large: PresenceOffline20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceOffline20Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n tiny: PresenceUnknown10Regular,\n 'extra-small': PresenceUnknown10Regular,\n small: PresenceUnknown12Regular,\n medium: PresenceUnknown16Regular,\n large: PresenceUnknown20Regular,\n // FIXME not all presence icon sizes are available\n // https://github.com/microsoft/fluentui/issues/20650\n 'extra-large': PresenceUnknown20Regular,\n};\n"],"mappings":"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"}
|
@@ -1,53 +1,53 @@
|
|
1
|
-
import * as React from
|
2
|
-
import { resolveShorthand } from
|
3
|
-
import { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceBlockedRegular, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from
|
4
|
-
import { useBadge_unstable } from
|
1
|
+
import * as React from 'react';
|
2
|
+
import { resolveShorthand } from '@fluentui/react-utilities';
|
3
|
+
import { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceAwayRegular, presenceBlockedRegular, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from './presenceIcons';
|
4
|
+
import { useBadge_unstable } from '../Badge/index';
|
5
5
|
const iconMap = (status, outOfOffice, size) => {
|
6
6
|
switch (status) {
|
7
|
-
case
|
7
|
+
case 'available':
|
8
8
|
return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];
|
9
|
-
case
|
10
|
-
return outOfOffice ?
|
11
|
-
case
|
9
|
+
case 'away':
|
10
|
+
return outOfOffice ? presenceAwayRegular[size] : presenceAwayFilled[size];
|
11
|
+
case 'blocked':
|
12
12
|
return presenceBlockedRegular[size];
|
13
|
-
case
|
13
|
+
case 'busy':
|
14
14
|
return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];
|
15
|
-
case
|
15
|
+
case 'do-not-disturb':
|
16
16
|
return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];
|
17
|
-
case
|
17
|
+
case 'offline':
|
18
18
|
return presenceOfflineRegular[size];
|
19
|
-
case
|
19
|
+
case 'out-of-office':
|
20
20
|
return presenceOofRegular[size];
|
21
|
-
case
|
21
|
+
case 'unknown':
|
22
22
|
return presenceUnknownRegular[size];
|
23
23
|
}
|
24
24
|
};
|
25
25
|
const DEFAULT_STRINGS = {
|
26
|
-
busy:
|
27
|
-
|
28
|
-
away:
|
29
|
-
available:
|
30
|
-
offline:
|
31
|
-
|
32
|
-
unknown:
|
33
|
-
blocked:
|
26
|
+
busy: 'busy',
|
27
|
+
'out-of-office': 'out of office',
|
28
|
+
away: 'away',
|
29
|
+
available: 'available',
|
30
|
+
offline: 'offline',
|
31
|
+
'do-not-disturb': 'do not disturb',
|
32
|
+
unknown: 'unknown',
|
33
|
+
blocked: 'blocked'
|
34
34
|
};
|
35
35
|
/**
|
36
36
|
* Returns the props and state required to render the component
|
37
37
|
*/
|
38
38
|
export const usePresenceBadge_unstable = (props, ref) => {
|
39
39
|
const {
|
40
|
-
size =
|
41
|
-
status =
|
40
|
+
size = 'medium',
|
41
|
+
status = 'available',
|
42
42
|
outOfOffice = false
|
43
43
|
} = props;
|
44
44
|
const statusText = DEFAULT_STRINGS[status];
|
45
|
-
const oofText = props.outOfOffice && props.status !==
|
45
|
+
const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';
|
46
46
|
const IconElement = iconMap(status, outOfOffice, size);
|
47
47
|
const state = {
|
48
48
|
...useBadge_unstable({
|
49
|
-
|
50
|
-
role:
|
49
|
+
'aria-label': statusText + oofText,
|
50
|
+
role: 'img',
|
51
51
|
...props,
|
52
52
|
size,
|
53
53
|
icon: resolveShorthand(props.icon, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["React","resolveShorthand","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadge_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","statusText","oofText","IconElement","state","role","icon","defaultProps","children","createElement","required"],"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n presenceAvailableFilled,\n presenceAvailableRegular,\n presenceAwayFilled,\n presenceBlockedRegular,\n presenceBusyFilled,\n presenceDndFilled,\n presenceDndRegular,\n presenceOfflineRegular,\n presenceOofRegular,\n presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (status: PresenceBadgeState['status'], outOfOffice: boolean, size: PresenceBadgeState['size']) => {\n switch (status) {\n case 'available':\n return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n case 'away':\n return outOfOffice ?
|
1
|
+
{"version":3,"names":["React","resolveShorthand","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceAwayRegular","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadge_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","statusText","oofText","IconElement","state","role","icon","defaultProps","children","createElement","required"],"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n presenceAvailableFilled,\n presenceAvailableRegular,\n presenceAwayFilled,\n presenceAwayRegular,\n presenceBlockedRegular,\n presenceBusyFilled,\n presenceDndFilled,\n presenceDndRegular,\n presenceOfflineRegular,\n presenceOofRegular,\n presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (status: PresenceBadgeState['status'], outOfOffice: boolean, size: PresenceBadgeState['size']) => {\n switch (status) {\n case 'available':\n return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n case 'away':\n return outOfOffice ? presenceAwayRegular[size] : presenceAwayFilled[size];\n case 'blocked':\n return presenceBlockedRegular[size];\n case 'busy':\n return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n case 'do-not-disturb':\n return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n case 'offline':\n return presenceOfflineRegular[size];\n case 'out-of-office':\n return presenceOofRegular[size];\n case 'unknown':\n return presenceUnknownRegular[size];\n }\n};\n\nconst DEFAULT_STRINGS = {\n busy: 'busy',\n 'out-of-office': 'out of office',\n away: 'away',\n available: 'available',\n offline: 'offline',\n 'do-not-disturb': 'do not disturb',\n unknown: 'unknown',\n blocked: 'blocked',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n props: PresenceBadgeProps,\n ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n const { size = 'medium', status = 'available', outOfOffice = false } = props;\n\n const statusText = DEFAULT_STRINGS[status];\n const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n\n const IconElement = iconMap(status, outOfOffice, size);\n\n const state: PresenceBadgeState = {\n ...useBadge_unstable(\n {\n 'aria-label': statusText + oofText,\n role: 'img',\n ...props,\n size,\n icon: resolveShorthand(props.icon, {\n defaultProps: {\n children: IconElement ? <IconElement /> : null,\n },\n required: true,\n }),\n },\n ref,\n ),\n status,\n outOfOffice,\n };\n\n return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SACEC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,EACtBC,kBAAkB,EAClBC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,kBAAkB,EAClBC,sBAAsB,QACjB;AACP,SAASC,iBAAiB,QAAQ;AAGlC,MAAMC,OAAA,GAAUA,CAACC,MAAA,EAAsCC,WAAA,EAAsBC,IAAA,KAAqC;EAChH,QAAQF,MAAA;IACN,KAAK;MACH,OAAOC,WAAA,GAAcb,wBAAwB,CAACc,IAAA,CAAK,GAAGf,uBAAuB,CAACe,IAAA,CAAK;IACrF,KAAK;MACH,OAAOD,WAAA,GAAcX,mBAAmB,CAACY,IAAA,CAAK,GAAGb,kBAAkB,CAACa,IAAA,CAAK;IAC3E,KAAK;MACH,OAAOX,sBAAsB,CAACW,IAAA,CAAK;IACrC,KAAK;MACH,OAAOD,WAAA,GAAcJ,sBAAsB,CAACK,IAAA,CAAK,GAAGV,kBAAkB,CAACU,IAAA,CAAK;IAC9E,KAAK;MACH,OAAOD,WAAA,GAAcP,kBAAkB,CAACQ,IAAA,CAAK,GAAGT,iBAAiB,CAACS,IAAA,CAAK;IACzE,KAAK;MACH,OAAOP,sBAAsB,CAACO,IAAA,CAAK;IACrC,KAAK;MACH,OAAON,kBAAkB,CAACM,IAAA,CAAK;IACjC,KAAK;MACH,OAAOL,sBAAsB,CAACK,IAAA,CAAK;EAAA;AAEzC;AAEA,MAAMC,eAAA,GAAkB;EACtBC,IAAA,EAAM;EACN,iBAAiB;EACjBC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,OAAA,EAAS;EACT,kBAAkB;EAClBC,OAAA,EAAS;EACTC,OAAA,EAAS;AACX;AAEA;;;AAGA,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,KAAA,EACAC,GAAA,KACuB;EACvB,MAAM;IAAEV,IAAA,GAAO;IAAUF,MAAA,GAAS;IAAaC,WAAA,GAAc;EAAK,CAAE,GAAGU,KAAA;EAEvE,MAAME,UAAA,GAAaV,eAAe,CAACH,MAAA,CAAO;EAC1C,MAAMc,OAAA,GAAUH,KAAA,CAAMV,WAAW,IAAIU,KAAA,CAAMX,MAAM,KAAK,kBAAmB,IAAGG,eAAe,CAAC,gBAAiB,EAAC,GAAG,EAAE;EAEnH,MAAMY,WAAA,GAAchB,OAAA,CAAQC,MAAA,EAAQC,WAAA,EAAaC,IAAA;EAEjD,MAAMc,KAAA,GAA4B;IAChC,GAAGlB,iBAAA,CACD;MACE,cAAce,UAAA,GAAaC,OAAA;MAC3BG,IAAA,EAAM;MACN,GAAGN,KAAK;MACRT,IAAA;MACAgB,IAAA,EAAMhC,gBAAA,CAAiByB,KAAA,CAAMO,IAAI,EAAE;QACjCC,YAAA,EAAc;UACZC,QAAA,EAAUL,WAAA,gBAAc9B,KAAA,CAAAoC,aAAA,CAACN,WAAA,UAAiB;QAC5C;QACAO,QAAA,EAAU;MACZ;IACF,GACAV,GAAA,CACD;IACDZ,MAAA;IACAC;EACF;EAEA,OAAOe,KAAA;AACT"}
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import { __resetStyles, __styles, mergeClasses } from
|
2
|
-
import { tokens } from
|
1
|
+
import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
|
2
|
+
import { tokens } from '@fluentui/react-theme';
|
3
3
|
export const presenceBadgeClassNames = {
|
4
|
-
root:
|
5
|
-
icon:
|
4
|
+
root: 'fui-PresenceBadge',
|
5
|
+
icon: 'fui-PresenceBadge__icon'
|
6
6
|
};
|
7
7
|
const getIsBusy = status => {
|
8
|
-
if (status ===
|
8
|
+
if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {
|
9
9
|
return true;
|
10
10
|
}
|
11
11
|
return false;
|
@@ -70,7 +70,7 @@ export const usePresenceBadgeStyles_unstable = state => {
|
|
70
70
|
const rootClassName = useRootClassName();
|
71
71
|
const styles = useStyles();
|
72
72
|
const isBusy = getIsBusy(state.status);
|
73
|
-
state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status ===
|
73
|
+
state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
|
74
74
|
if (state.icon) {
|
75
75
|
state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);
|
76
76
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","useStyles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","styles","isBusy","className","size"],"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n root: 'fui-PresenceBadge',\n icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n return true;\n }\n\n return false;\n};\n\nconst useRootClassName = makeResetStyles({\n padding: 0,\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n\n '& span': {\n display: 'flex',\n },\n borderRadius: tokens.borderRadiusCircular,\n backgroundColor: tokens.colorNeutralBackground1,\n});\n\nconst useStyles = makeStyles({\n statusBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n statusAway: {\n color: tokens.colorPaletteMarigoldBackground3,\n },\n statusAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n statusOffline: {\n color: tokens.colorNeutralForeground3,\n },\n statusOutOfOffice: {\n color: tokens.colorPaletteBerryForeground3,\n },\n statusUnknown: {\n color: tokens.colorNeutralForeground3,\n },\n outOfOffice: {\n color: tokens.colorNeutralBackground1,\n },\n outOfOfficeAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n outOfOfficeBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n outOfOfficeUnknown: {\n color: tokens.colorNeutralForeground3,\n },\n\n // Icons are not resizeable, and these sizes are currently missing\n // use `!important` to size the currently available icons to the missing ones\n //\n tiny: {\n aspectRatio: '1',\n width: '6px',\n '& svg': {\n width: '6px !important',\n height: '6px !important',\n },\n },\n large: {\n aspectRatio: '1',\n width: '20px',\n '& svg': {\n width: '20px !important',\n height: '20px !important',\n },\n },\n extraLarge: {\n aspectRatio: '1',\n width: '28px',\n '& svg': {\n width: '28px !important',\n height: '28px !important',\n },\n },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n const rootClassName = useRootClassName();\n const styles = useStyles();\n const isBusy = getIsBusy(state.status);\n state.root.className = mergeClasses(\n presenceBadgeClassNames.root,\n rootClassName,\n isBusy && styles.statusBusy,\n state.status === 'away' && styles.statusAway,\n state.status === 'available' && styles.statusAvailable,\n state.status === 'offline' && styles.statusOffline,\n state.status === 'out-of-office' && styles.statusOutOfOffice,\n state.status === 'unknown' && styles.statusUnknown,\n state.outOfOffice && styles.outOfOffice,\n state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n state.outOfOffice && isBusy && styles.outOfOfficeBusy,\n state.outOfOffice && state.status === 'away' && styles.
|
1
|
+
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","useStyles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","styles","isBusy","className","size"],"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n root: 'fui-PresenceBadge',\n icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n return true;\n }\n\n return false;\n};\n\nconst useRootClassName = makeResetStyles({\n padding: 0,\n display: 'inline-flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n justifyContent: 'center',\n\n '& span': {\n display: 'flex',\n },\n borderRadius: tokens.borderRadiusCircular,\n backgroundColor: tokens.colorNeutralBackground1,\n});\n\nconst useStyles = makeStyles({\n statusBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n statusAway: {\n color: tokens.colorPaletteMarigoldBackground3,\n },\n statusAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n statusOffline: {\n color: tokens.colorNeutralForeground3,\n },\n statusOutOfOffice: {\n color: tokens.colorPaletteBerryForeground3,\n },\n statusUnknown: {\n color: tokens.colorNeutralForeground3,\n },\n outOfOffice: {\n color: tokens.colorNeutralBackground1,\n },\n outOfOfficeAvailable: {\n color: tokens.colorPaletteLightGreenForeground3,\n },\n outOfOfficeBusy: {\n color: tokens.colorPaletteRedBackground3,\n },\n outOfOfficeUnknown: {\n color: tokens.colorNeutralForeground3,\n },\n\n // Icons are not resizeable, and these sizes are currently missing\n // use `!important` to size the currently available icons to the missing ones\n //\n tiny: {\n aspectRatio: '1',\n width: '6px',\n '& svg': {\n width: '6px !important',\n height: '6px !important',\n },\n },\n large: {\n aspectRatio: '1',\n width: '20px',\n '& svg': {\n width: '20px !important',\n height: '20px !important',\n },\n },\n extraLarge: {\n aspectRatio: '1',\n width: '28px',\n '& svg': {\n width: '28px !important',\n height: '28px !important',\n },\n },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n const rootClassName = useRootClassName();\n const styles = useStyles();\n const isBusy = getIsBusy(state.status);\n state.root.className = mergeClasses(\n presenceBadgeClassNames.root,\n rootClassName,\n isBusy && styles.statusBusy,\n state.status === 'away' && styles.statusAway,\n state.status === 'available' && styles.statusAvailable,\n state.status === 'offline' && styles.statusOffline,\n state.status === 'out-of-office' && styles.statusOutOfOffice,\n state.status === 'unknown' && styles.statusUnknown,\n state.outOfOffice && styles.outOfOffice,\n state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n state.outOfOffice && isBusy && styles.outOfOfficeBusy,\n state.outOfOffice && state.status === 'away' && styles.statusAway,\n state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice,\n state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown,\n state.size === 'tiny' && styles.tiny,\n state.size === 'large' && styles.large,\n state.size === 'extra-large' && styles.extraLarge,\n state.root.className,\n );\n\n if (state.icon) {\n state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);\n }\n\n return state;\n};\n"],"mappings":"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"}
|
package/lib/index.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export { Badge, badgeClassNames, renderBadge_unstable, useBadgeStyles_unstable, useBadge_unstable } from
|
2
|
-
export { PresenceBadge, presenceBadgeClassNames, usePresenceBadgeStyles_unstable, usePresenceBadge_unstable } from
|
3
|
-
export { CounterBadge, counterBadgeClassNames, useCounterBadgeStyles_unstable, useCounterBadge_unstable } from
|
1
|
+
export { Badge, badgeClassNames, renderBadge_unstable, useBadgeStyles_unstable, useBadge_unstable } from './Badge';
|
2
|
+
export { PresenceBadge, presenceBadgeClassNames, usePresenceBadgeStyles_unstable, usePresenceBadge_unstable } from './PresenceBadge';
|
3
|
+
export { CounterBadge, counterBadgeClassNames, useCounterBadgeStyles_unstable, useCounterBadge_unstable } from './CounterBadge';
|
4
4
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../lib/Badge.js"],"sourcesContent":["export * from
|
1
|
+
{"version":3,"sources":["../lib/Badge.js"],"sourcesContent":["export * from './components/Badge/index';\n//# sourceMappingURL=Badge.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../lib/CounterBadge.js"],"sourcesContent":["export * from
|
1
|
+
{"version":3,"sources":["../lib/CounterBadge.js"],"sourcesContent":["export * from './components/CounterBadge/index';\n//# sourceMappingURL=CounterBadge.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,wCAAwC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../lib/PresenceBadge.js"],"sourcesContent":["export * from
|
1
|
+
{"version":3,"sources":["../lib/PresenceBadge.js"],"sourcesContent":["export * from './components/PresenceBadge/index';\n//# sourceMappingURL=PresenceBadge.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
|
@@ -19,6 +19,6 @@ const Badge = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
19
19
|
useCustomStyles(state);
|
20
20
|
return (0, _renderBadge.renderBadge_unstable)(state);
|
21
21
|
});
|
22
|
-
Badge.displayName =
|
22
|
+
Badge.displayName = 'Badge'; //# sourceMappingURL=Badge.js.map
|
23
23
|
|
24
24
|
//# sourceMappingURL=Badge.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Badge/Badge.js"],"sourcesContent":["import * as React from
|
1
|
+
{"version":3,"sources":["../../../lib/components/Badge/Badge.js"],"sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from './renderBadge';\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useBadge_unstable(props, ref);\n useBadgeStyles_unstable(state);\n const {\n useBadgeStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderBadge_unstable(state);\n});\nBadge.displayName = 'Badge';\n//# sourceMappingURL=Badge.js.map"],"names":["Badge","React","forwardRef","props","ref","state","useBadge_unstable","useBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;0BACW;gCACM;qCACK;6BACR;AAI9B,MAAMA,QAAQ,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,uCAAuB,EAACF;IACxB,MAAM,EACJE,yBAAyBC,gBAAe,EACzC,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,iCAAoB,EAACL;AAC9B;AACAL,MAAMW,WAAW,GAAG,SACpB,iCAAiC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Badge/index.js"],"sourcesContent":["export * from
|
1
|
+
{"version":3,"sources":["../../../lib/components/Badge/index.js"],"sourcesContent":["export * from './Badge';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
@@ -11,7 +11,7 @@ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
11
|
const _reactUtilities = require("@fluentui/react-utilities");
|
12
12
|
const renderBadge_unstable = (state)=>{
|
13
13
|
const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
|
14
|
-
return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, state.iconPosition ===
|
14
|
+
return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon));
|
15
15
|
}; //# sourceMappingURL=renderBadge.js.map
|
16
16
|
|
17
17
|
//# sourceMappingURL=renderBadge.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Badge/renderBadge.js"],"sourcesContent":["import * as React from
|
1
|
+
{"version":3,"sources":["../../../lib/components/Badge/renderBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nexport const renderBadge_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, slotProps.root, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon));\n};\n//# sourceMappingURL=renderBadge.js.map"],"names":["renderBadge_unstable","state","slots","slotProps","getSlots","React","createElement","root","iconPosition","icon","children"],"mappings":";;;;+BAEaA;;aAAAA;;;6DAFU;gCACE;AAClB,MAAMA,uBAAuBC,CAAAA,QAAS;IAC3C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEN,MAAMO,YAAY,KAAK,YAAYN,MAAMO,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI,GAAGR,MAAMM,IAAI,CAACG,QAAQ,EAAET,MAAMO,YAAY,KAAK,WAAWN,MAAMO,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AACrT,GACA,uCAAuC"}
|
@@ -10,7 +10,7 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
|
|
10
10
|
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
11
11
|
const _reactUtilities = require("@fluentui/react-utilities");
|
12
12
|
const useBadge_unstable = (props, ref)=>{
|
13
|
-
const { shape =
|
13
|
+
const { shape ='circular' , size ='medium' , iconPosition ='before' , appearance ='filled' , color ='brand' } = props;
|
14
14
|
const state = {
|
15
15
|
shape,
|
16
16
|
size,
|
@@ -18,10 +18,10 @@ const useBadge_unstable = (props, ref)=>{
|
|
18
18
|
appearance,
|
19
19
|
color,
|
20
20
|
components: {
|
21
|
-
root:
|
22
|
-
icon:
|
21
|
+
root: 'div',
|
22
|
+
icon: 'span'
|
23
23
|
},
|
24
|
-
root: (0, _reactUtilities.getNativeElementProps)(
|
24
|
+
root: (0, _reactUtilities.getNativeElementProps)('div', {
|
25
25
|
ref,
|
26
26
|
...props
|
27
27
|
}),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Badge/useBadge.js"],"sourcesContent":["import * as React from
|
1
|
+
{"version":3,"sources":["../../../lib/components/Badge/useBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props, ref) => {\n const {\n shape = 'circular',\n size = 'medium',\n iconPosition = 'before',\n appearance = 'filled',\n color = 'brand'\n } = props;\n const state = {\n shape,\n size,\n iconPosition,\n appearance,\n color,\n components: {\n root: 'div',\n icon: 'span'\n },\n root: getNativeElementProps('div', {\n ref,\n ...props\n }),\n icon: resolveShorthand(props.icon)\n };\n return state;\n};\n//# sourceMappingURL=useBadge.js.map"],"names":["useBadge_unstable","props","ref","shape","size","iconPosition","appearance","color","state","components","root","icon","getNativeElementProps","resolveShorthand"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACiC;AAIjD,MAAMA,oBAAoB,CAACC,OAAOC,MAAQ;IAC/C,MAAM,EACJC,OAAQ,WAAU,EAClBC,MAAO,SAAQ,EACfC,cAAe,SAAQ,EACvBC,YAAa,SAAQ,EACrBC,OAAQ,QAAO,EAChB,GAAGN;IACJ,MAAMO,QAAQ;QACZL;QACAC;QACAC;QACAC;QACAC;QACAE,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAME,IAAAA,qCAAqB,EAAC,OAAO;YACjCV;YACA,GAAGD,KAAK;QACV;QACAU,MAAME,IAAAA,gCAAgB,EAACZ,MAAMU,IAAI;IACnC;IACA,OAAOH;AACT,GACA,oCAAoC"}
|
@@ -15,17 +15,17 @@ _export(exports, {
|
|
15
15
|
const _react = require("@griffel/react");
|
16
16
|
const _reactTheme = require("@fluentui/react-theme");
|
17
17
|
const badgeClassNames = {
|
18
|
-
root:
|
19
|
-
icon:
|
18
|
+
root: 'fui-Badge',
|
19
|
+
icon: 'fui-Badge__icon'
|
20
20
|
};
|
21
21
|
// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.
|
22
22
|
// Instead, add extra padding to the root, and a negative margin on the icon to "remove" the extra padding on the icon.
|
23
23
|
const textPadding = _reactTheme.tokens.spacingHorizontalXXS;
|
24
24
|
const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r1iycov", "r115jdol", [
|
25
25
|
".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);}",
|
26
|
-
|
26
|
+
".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;}",
|
27
27
|
".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);}",
|
28
|
-
|
28
|
+
".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;}"
|
29
29
|
]);
|
30
30
|
const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
31
31
|
fontSmallToTiny: {
|
@@ -599,17 +599,17 @@ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
599
599
|
const useBadgeStyles_unstable = (state)=>{
|
600
600
|
const rootClassName = useRootClassName();
|
601
601
|
const rootStyles = useRootStyles();
|
602
|
-
const smallToTiny = state.size ===
|
603
|
-
state.root.className = (0, _react.mergeClasses)(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape ===
|
602
|
+
const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';
|
603
|
+
state.root.className = (0, _react.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);
|
604
604
|
const iconRootClassName = useIconRootClassName();
|
605
605
|
const iconStyles = useIconStyles();
|
606
606
|
if (state.icon) {
|
607
607
|
let iconPositionClass;
|
608
608
|
if (state.root.children) {
|
609
|
-
if (state.size ===
|
610
|
-
iconPositionClass = state.iconPosition ===
|
609
|
+
if (state.size === 'extra-large') {
|
610
|
+
iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;
|
611
611
|
} else {
|
612
|
-
iconPositionClass = state.iconPosition ===
|
612
|
+
iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;
|
613
613
|
}
|
614
614
|
}
|
615
615
|
state.icon.className = (0, _react.mergeClasses)(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);
|
@@ -1 +1 @@
|
|
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
|
+
{"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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"}
|
@@ -19,6 +19,6 @@ const CounterBadge = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
19
19
|
useCustomStyles(state);
|
20
20
|
return (0, _index.renderBadge_unstable)(state);
|
21
21
|
});
|
22
|
-
CounterBadge.displayName =
|
22
|
+
CounterBadge.displayName = 'CounterBadge'; //# sourceMappingURL=CounterBadge.js.map
|
23
23
|
|
24
24
|
//# sourceMappingURL=CounterBadge.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/CounterBadge/CounterBadge.js"],"sourcesContent":["import * as React from
|
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 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/CounterBadge/index.js"],"sourcesContent":["export * from
|
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"}
|
@@ -10,7 +10,7 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
|
|
10
10
|
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
11
11
|
const _index = require("../Badge/index");
|
12
12
|
const useCounterBadge_unstable = (props, ref)=>{
|
13
|
-
const { shape =
|
13
|
+
const { shape ='circular' , appearance ='filled' , showZero =false , overflowCount =99 , count =0 , dot =false } = props;
|
14
14
|
const state = {
|
15
15
|
...(0, _index.useBadge_unstable)(props, ref),
|
16
16
|
shape,
|