@fluentui/react-tags 9.9.3 → 9.9.5
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/CHANGELOG.md +28 -2
- package/dist/index.d.cts +558 -0
- package/lib/InteractionTag.js +1 -1
- package/lib/InteractionTag.js.map +1 -1
- package/lib/InteractionTagPrimary.js +1 -1
- package/lib/InteractionTagPrimary.js.map +1 -1
- package/lib/InteractionTagSecondary.js +1 -1
- package/lib/InteractionTagSecondary.js.map +1 -1
- package/lib/Tag.js +1 -1
- package/lib/Tag.js.map +1 -1
- package/lib/TagGroup.js +1 -1
- package/lib/TagGroup.js.map +1 -1
- package/lib/components/InteractionTag/InteractionTag.js +6 -6
- package/lib/components/InteractionTag/InteractionTag.js.map +1 -1
- package/lib/components/InteractionTag/index.js +5 -5
- package/lib/components/InteractionTag/index.js.map +1 -1
- package/lib/components/InteractionTag/renderInteractionTag.js +2 -2
- package/lib/components/InteractionTag/renderInteractionTag.js.map +1 -1
- package/lib/components/InteractionTag/useInteractionTag.js +2 -2
- package/lib/components/InteractionTag/useInteractionTag.js.map +1 -1
- package/lib/components/InteractionTag/useInteractionTagContextValues.js +1 -1
- package/lib/components/InteractionTag/useInteractionTagStyles.styles.js +2 -2
- package/lib/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -1
- package/lib/components/InteractionTag/useInteractionTagStyles.styles.raw.js +2 -2
- package/lib/components/InteractionTagPrimary/InteractionTagPrimary.js +6 -6
- package/lib/components/InteractionTagPrimary/InteractionTagPrimary.js.map +1 -1
- package/lib/components/InteractionTagPrimary/index.js +4 -4
- package/lib/components/InteractionTagPrimary/index.js.map +1 -1
- package/lib/components/InteractionTagPrimary/renderInteractionTagPrimary.js +2 -2
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimary.js +2 -2
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimary.js.map +1 -1
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +5 -5
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -1
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.raw.js +5 -5
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.raw.js.map +1 -1
- package/lib/components/InteractionTagSecondary/InteractionTagSecondary.js +5 -5
- package/lib/components/InteractionTagSecondary/InteractionTagSecondary.js.map +1 -1
- package/lib/components/InteractionTagSecondary/index.js +4 -4
- package/lib/components/InteractionTagSecondary/index.js.map +1 -1
- package/lib/components/InteractionTagSecondary/renderInteractionTagSecondary.js +1 -1
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondary.js +5 -5
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondary.js.map +1 -1
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +3 -3
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -1
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.raw.js +3 -3
- package/lib/components/Tag/Tag.js +6 -6
- package/lib/components/Tag/Tag.js.map +1 -1
- package/lib/components/Tag/index.js +4 -4
- package/lib/components/Tag/index.js.map +1 -1
- package/lib/components/Tag/renderTag.js +2 -2
- package/lib/components/Tag/useTag.js +5 -5
- package/lib/components/Tag/useTag.js.map +1 -1
- package/lib/components/Tag/useTagStyles.styles.js +3 -3
- package/lib/components/Tag/useTagStyles.styles.js.map +1 -1
- package/lib/components/Tag/useTagStyles.styles.raw.js +3 -3
- package/lib/components/TagGroup/TagGroup.js +6 -6
- package/lib/components/TagGroup/TagGroup.js.map +1 -1
- package/lib/components/TagGroup/index.js +5 -5
- package/lib/components/TagGroup/index.js.map +1 -1
- package/lib/components/TagGroup/renderTagGroup.js +2 -2
- package/lib/components/TagGroup/renderTagGroup.js.map +1 -1
- package/lib/components/TagGroup/useTagGroup.js +5 -5
- package/lib/components/TagGroup/useTagGroup.js.map +1 -1
- package/lib/components/TagGroup/useTagGroupContextValues.js +1 -1
- package/lib/components/TagGroup/useTagGroupStyles.styles.js +2 -2
- package/lib/components/TagGroup/useTagGroupStyles.styles.js.map +1 -1
- package/lib/components/TagGroup/useTagGroupStyles.styles.raw.js +2 -2
- package/lib/contexts/interactionTagContext.js +1 -1
- package/lib/contexts/tagGroupContext.js +1 -1
- package/lib/index.js +8 -8
- package/lib/index.js.map +1 -1
- package/lib/utils/index.js +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/useTagAvatarContextValues.js +1 -1
- package/lib-commonjs/{InteractionTag.js → InteractionTag.cjs} +1 -1
- package/lib-commonjs/{InteractionTag.js.map → InteractionTag.cjs.map} +1 -1
- package/lib-commonjs/{InteractionTagPrimary.js → InteractionTagPrimary.cjs} +1 -1
- package/lib-commonjs/{InteractionTagPrimary.js.map → InteractionTagPrimary.cjs.map} +1 -1
- package/lib-commonjs/{InteractionTagSecondary.js → InteractionTagSecondary.cjs} +1 -1
- package/lib-commonjs/{InteractionTagSecondary.js.map → InteractionTagSecondary.cjs.map} +1 -1
- package/lib-commonjs/{Tag.js → Tag.cjs} +1 -1
- package/lib-commonjs/{Tag.js.map → Tag.cjs.map} +1 -1
- package/lib-commonjs/{TagGroup.js → TagGroup.cjs} +1 -1
- package/lib-commonjs/{TagGroup.js.map → TagGroup.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTag/{InteractionTag.js → InteractionTag.cjs} +4 -4
- package/lib-commonjs/components/InteractionTag/{InteractionTag.js.map → InteractionTag.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTag/{index.js → index.cjs} +5 -5
- package/lib-commonjs/components/InteractionTag/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTag/{renderInteractionTag.js → renderInteractionTag.cjs} +1 -1
- package/lib-commonjs/components/InteractionTag/{renderInteractionTag.js.map → renderInteractionTag.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTag/{useInteractionTag.js → useInteractionTag.cjs} +1 -1
- package/lib-commonjs/components/InteractionTag/{useInteractionTag.js.map → useInteractionTag.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/InteractionTagPrimary/{InteractionTagPrimary.js → InteractionTagPrimary.cjs} +5 -5
- package/lib-commonjs/components/InteractionTagPrimary/{InteractionTagPrimary.js.map → InteractionTagPrimary.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTagPrimary/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/InteractionTagPrimary/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTagPrimary/{useInteractionTagPrimary.js → useInteractionTagPrimary.cjs} +1 -1
- package/lib-commonjs/components/InteractionTagPrimary/{useInteractionTagPrimary.js.map → useInteractionTagPrimary.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTagPrimary/{useInteractionTagPrimaryStyles.styles.js → useInteractionTagPrimaryStyles.styles.cjs} +1 -1
- package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/InteractionTagPrimary/{useInteractionTagPrimaryStyles.styles.raw.js → useInteractionTagPrimaryStyles.styles.raw.cjs} +1 -1
- package/lib-commonjs/components/InteractionTagPrimary/{useInteractionTagPrimaryStyles.styles.raw.js.map → useInteractionTagPrimaryStyles.styles.raw.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTagSecondary/{InteractionTagSecondary.js → InteractionTagSecondary.cjs} +3 -3
- package/lib-commonjs/components/InteractionTagSecondary/{InteractionTagSecondary.js.map → InteractionTagSecondary.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTagSecondary/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/InteractionTagSecondary/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTagSecondary/{useInteractionTagSecondary.js → useInteractionTagSecondary.cjs} +1 -1
- package/lib-commonjs/components/InteractionTagSecondary/{useInteractionTagSecondary.js.map → useInteractionTagSecondary.cjs.map} +1 -1
- package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/Tag/{Tag.js → Tag.cjs} +5 -5
- package/lib-commonjs/components/Tag/{Tag.js.map → Tag.cjs.map} +1 -1
- package/lib-commonjs/components/Tag/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/Tag/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Tag/{useTag.js → useTag.cjs} +1 -1
- package/lib-commonjs/components/Tag/{useTag.js.map → useTag.cjs.map} +1 -1
- package/lib-commonjs/components/Tag/useTagStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/TagGroup/{TagGroup.js → TagGroup.cjs} +4 -4
- package/lib-commonjs/components/TagGroup/{TagGroup.js.map → TagGroup.cjs.map} +1 -1
- package/lib-commonjs/components/TagGroup/{index.js → index.cjs} +5 -5
- package/lib-commonjs/components/TagGroup/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/TagGroup/{renderTagGroup.js → renderTagGroup.cjs} +1 -1
- package/lib-commonjs/components/TagGroup/{renderTagGroup.js.map → renderTagGroup.cjs.map} +1 -1
- package/lib-commonjs/components/TagGroup/{useTagGroup.js → useTagGroup.cjs} +1 -1
- package/lib-commonjs/components/TagGroup/{useTagGroup.js.map → useTagGroup.cjs.map} +1 -1
- package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.cjs.map +1 -0
- package/lib-commonjs/{index.js → index.cjs} +9 -9
- package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/utils/{index.js → index.cjs} +1 -1
- package/lib-commonjs/utils/{index.js.map → index.cjs.map} +1 -1
- package/package.json +21 -15
- package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js.map +0 -1
- package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +0 -1
- package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +0 -1
- package/lib-commonjs/components/Tag/useTagStyles.styles.js.map +0 -1
- package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js.map +0 -1
- /package/lib-commonjs/components/InteractionTag/{InteractionTag.types.js → InteractionTag.types.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTag/{InteractionTag.types.js.map → InteractionTag.types.cjs.map} +0 -0
- /package/lib-commonjs/components/InteractionTag/{useInteractionTagContextValues.js → useInteractionTagContextValues.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTag/{useInteractionTagContextValues.js.map → useInteractionTagContextValues.cjs.map} +0 -0
- /package/lib-commonjs/components/InteractionTag/{useInteractionTagStyles.styles.js → useInteractionTagStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTag/{useInteractionTagStyles.styles.raw.js → useInteractionTagStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTag/{useInteractionTagStyles.styles.raw.js.map → useInteractionTagStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/InteractionTagPrimary/{InteractionTagPrimary.types.js → InteractionTagPrimary.types.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTagPrimary/{InteractionTagPrimary.types.js.map → InteractionTagPrimary.types.cjs.map} +0 -0
- /package/lib-commonjs/components/InteractionTagPrimary/{renderInteractionTagPrimary.js → renderInteractionTagPrimary.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTagPrimary/{renderInteractionTagPrimary.js.map → renderInteractionTagPrimary.cjs.map} +0 -0
- /package/lib-commonjs/components/InteractionTagSecondary/{InteractionTagSecondary.types.js → InteractionTagSecondary.types.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTagSecondary/{InteractionTagSecondary.types.js.map → InteractionTagSecondary.types.cjs.map} +0 -0
- /package/lib-commonjs/components/InteractionTagSecondary/{renderInteractionTagSecondary.js → renderInteractionTagSecondary.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTagSecondary/{renderInteractionTagSecondary.js.map → renderInteractionTagSecondary.cjs.map} +0 -0
- /package/lib-commonjs/components/InteractionTagSecondary/{useInteractionTagSecondaryStyles.styles.js → useInteractionTagSecondaryStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTagSecondary/{useInteractionTagSecondaryStyles.styles.raw.js → useInteractionTagSecondaryStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/InteractionTagSecondary/{useInteractionTagSecondaryStyles.styles.raw.js.map → useInteractionTagSecondaryStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/Tag/{Tag.types.js → Tag.types.cjs} +0 -0
- /package/lib-commonjs/components/Tag/{Tag.types.js.map → Tag.types.cjs.map} +0 -0
- /package/lib-commonjs/components/Tag/{renderTag.js → renderTag.cjs} +0 -0
- /package/lib-commonjs/components/Tag/{renderTag.js.map → renderTag.cjs.map} +0 -0
- /package/lib-commonjs/components/Tag/{useTagStyles.styles.js → useTagStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/Tag/{useTagStyles.styles.raw.js → useTagStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/Tag/{useTagStyles.styles.raw.js.map → useTagStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/TagGroup/{TagGroup.types.js → TagGroup.types.cjs} +0 -0
- /package/lib-commonjs/components/TagGroup/{TagGroup.types.js.map → TagGroup.types.cjs.map} +0 -0
- /package/lib-commonjs/components/TagGroup/{useTagGroupContextValues.js → useTagGroupContextValues.cjs} +0 -0
- /package/lib-commonjs/components/TagGroup/{useTagGroupContextValues.js.map → useTagGroupContextValues.cjs.map} +0 -0
- /package/lib-commonjs/components/TagGroup/{useTagGroupStyles.styles.js → useTagGroupStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/TagGroup/{useTagGroupStyles.styles.raw.js → useTagGroupStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/TagGroup/{useTagGroupStyles.styles.raw.js.map → useTagGroupStyles.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{interactionTagContext.js → interactionTagContext.cjs} +0 -0
- /package/lib-commonjs/contexts/{interactionTagContext.js.map → interactionTagContext.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{tagGroupContext.js → tagGroupContext.cjs} +0 -0
- /package/lib-commonjs/contexts/{tagGroupContext.js.map → tagGroupContext.cjs.map} +0 -0
- /package/lib-commonjs/utils/{types.js → types.cjs} +0 -0
- /package/lib-commonjs/utils/{types.js.map → types.cjs.map} +0 -0
- /package/lib-commonjs/utils/{useTagAvatarContextValues.js → useTagAvatarContextValues.cjs} +0 -0
- /package/lib-commonjs/utils/{useTagAvatarContextValues.js.map → useTagAvatarContextValues.cjs.map} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,38 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-tags
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Mon, 24 Aug 2026 08:15:11 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.9.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.9.5)
|
|
8
|
+
|
|
9
|
+
Mon, 24 Aug 2026 08:15:11 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.9.4..@fluentui/react-tags_v9.9.5)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-avatar to v9.11.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
15
|
+
|
|
16
|
+
## [9.9.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.9.4)
|
|
17
|
+
|
|
18
|
+
Tue, 11 Aug 2026 17:20:14 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.9.3..@fluentui/react-tags_v9.9.4)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
|
|
24
|
+
- Bump @fluentui/keyboard-keys to v9.0.9 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
25
|
+
- Bump @fluentui/react-aria to v9.17.14 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
26
|
+
- Bump @fluentui/react-avatar to v9.11.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
27
|
+
- Bump @fluentui/react-jsx-runtime to v9.4.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
28
|
+
- Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
29
|
+
- Bump @fluentui/react-tabster to v9.26.17 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
30
|
+
- Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
31
|
+
- Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
|
|
32
|
+
|
|
7
33
|
## [9.9.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.9.3)
|
|
8
34
|
|
|
9
|
-
Tue, 04 Aug 2026 10:
|
|
35
|
+
Tue, 04 Aug 2026 10:12:26 GMT
|
|
10
36
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.9.2..@fluentui/react-tags_v9.9.3)
|
|
11
37
|
|
|
12
38
|
### Patches
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,558 @@
|
|
|
1
|
+
import type { AvatarShape } from '@fluentui/react-avatar';
|
|
2
|
+
import type { AvatarSize } from '@fluentui/react-avatar';
|
|
3
|
+
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
4
|
+
import type { ComponentState } from '@fluentui/react-utilities';
|
|
5
|
+
import type { DistributiveOmit } from '@fluentui/react-utilities';
|
|
6
|
+
import type { EventData } from '@fluentui/react-utilities';
|
|
7
|
+
import type { EventHandler } from '@fluentui/react-utilities';
|
|
8
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
9
|
+
import type { JSXElement } from '@fluentui/react-utilities';
|
|
10
|
+
import * as React_2 from 'react';
|
|
11
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
12
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* InteractionTag component - a visual representation of an attribute with primary and secondary actions.
|
|
16
|
+
* Can have `InteractionTagPrimary` and `InteractionTagSecondary` components as its children.
|
|
17
|
+
*/
|
|
18
|
+
export declare const InteractionTag: ForwardRefComponent<InteractionTagProps>;
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* InteractionTag Base Props - omits design-only props
|
|
22
|
+
*/
|
|
23
|
+
export declare type InteractionTagBaseProps<Value = TagValue> = Omit<InteractionTagProps<Value>, 'appearance' | 'size' | 'shape'>;
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* InteractionTag Base State - omits design-only state
|
|
27
|
+
*/
|
|
28
|
+
export declare type InteractionTagBaseState<Value = TagValue> = Omit<InteractionTagState<Value>, 'appearance' | 'size' | 'shape'>;
|
|
29
|
+
|
|
30
|
+
export declare const interactionTagClassNames: SlotClassNames<InteractionTagSlots>;
|
|
31
|
+
|
|
32
|
+
export declare const InteractionTagContextProvider: React_2.Provider<InteractionTagContextValue<string> | undefined>;
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Context shared between InteractionTag and its children components
|
|
36
|
+
*/
|
|
37
|
+
export declare type InteractionTagContextValue<Value = string> = Required<Pick<InteractionTagState, 'appearance' | 'disabled' | 'selected' | 'selectedValues' | 'shape' | 'size'> & {
|
|
38
|
+
handleTagDismiss: TagDismissHandler<Value>;
|
|
39
|
+
interactionTagPrimaryId: string;
|
|
40
|
+
value?: Value;
|
|
41
|
+
}> & {
|
|
42
|
+
handleTagSelect?: TagSelectHandler<Value>;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
declare type InteractionTagContextValues = {
|
|
46
|
+
interactionTag: InteractionTagContextValue;
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* InteractionTagPrimary component - used as the first child of the `InteractionTag` component.
|
|
51
|
+
* Provides visual attributes such as media, icon, primary and secondary text, as well as the ability to attach a primary action.
|
|
52
|
+
*/
|
|
53
|
+
export declare const InteractionTagPrimary: ForwardRefComponent<InteractionTagPrimaryProps>;
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* InteractionTagPrimary Base Props - same as InteractionTagPrimaryProps (no design-only own props)
|
|
57
|
+
*/
|
|
58
|
+
export declare type InteractionTagPrimaryBaseProps = InteractionTagPrimaryProps;
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* InteractionTagPrimary Base State - omits design-only state derived from context
|
|
62
|
+
*/
|
|
63
|
+
export declare type InteractionTagPrimaryBaseState = Omit<InteractionTagPrimaryState, 'appearance' | 'size' | 'shape' | 'avatarShape' | 'avatarSize'>;
|
|
64
|
+
|
|
65
|
+
export declare const interactionTagPrimaryClassNames: SlotClassNames<InteractionTagPrimarySlots>;
|
|
66
|
+
|
|
67
|
+
export declare type InteractionTagPrimaryContextValues = TagAvatarContextValues;
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* InteractionTagPrimary Props
|
|
71
|
+
*/
|
|
72
|
+
export declare type InteractionTagPrimaryProps = ComponentProps<Partial<InteractionTagPrimarySlots>> & {
|
|
73
|
+
/**
|
|
74
|
+
* Whether the `InteractionTag` component has a `Secondary` component that provides an secondary action.
|
|
75
|
+
* If `true`, the `InteractionTagPrimary` component will adjust its styles to accommodate the `Secondary` component.
|
|
76
|
+
*
|
|
77
|
+
* @default false
|
|
78
|
+
*/
|
|
79
|
+
hasSecondaryAction?: boolean;
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
export declare type InteractionTagPrimarySlots = {
|
|
83
|
+
root: NonNullable<Slot<'button'>>;
|
|
84
|
+
/**
|
|
85
|
+
* Slot for a visual element, usually an avatar
|
|
86
|
+
*/
|
|
87
|
+
media?: Slot<'span'>;
|
|
88
|
+
/**
|
|
89
|
+
* Slot for an icon
|
|
90
|
+
*/
|
|
91
|
+
icon?: Slot<'span'>;
|
|
92
|
+
/**
|
|
93
|
+
* Main text for the InteractionTagPrimary button. Children of the root slot are automatically rendered here
|
|
94
|
+
*/
|
|
95
|
+
primaryText: Slot<'span'>;
|
|
96
|
+
/**
|
|
97
|
+
* Secondary text that describes or complements the main text
|
|
98
|
+
*/
|
|
99
|
+
secondaryText?: Slot<'span'>;
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* State used in rendering InteractionTagPrimary
|
|
104
|
+
*/
|
|
105
|
+
export declare type InteractionTagPrimaryState = ComponentState<InteractionTagPrimarySlots> & Required<Pick<InteractionTagContextValue, 'appearance' | 'disabled' | 'selected' | 'shape' | 'size'> & Pick<InteractionTagPrimaryProps, 'hasSecondaryAction'>> & UseTagAvatarContextValuesOptions;
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* InteractionTag Props
|
|
109
|
+
*/
|
|
110
|
+
export declare type InteractionTagProps<Value = TagValue> = ComponentProps<Partial<InteractionTagSlots>> & {
|
|
111
|
+
/**
|
|
112
|
+
* An InteractionTag can have filled, outlined or brand experience.
|
|
113
|
+
*
|
|
114
|
+
* @default 'filled'
|
|
115
|
+
*/
|
|
116
|
+
appearance?: TagAppearance;
|
|
117
|
+
/**
|
|
118
|
+
* An InteractionTag can show that it cannot be interacted with.
|
|
119
|
+
*
|
|
120
|
+
* @default false
|
|
121
|
+
*/
|
|
122
|
+
disabled?: boolean;
|
|
123
|
+
/**
|
|
124
|
+
* An InteractionTag can be selected.
|
|
125
|
+
* Note: This prop only changes the appearance of the tag at the moment. A future PR will add the integration with TagGroup.
|
|
126
|
+
*
|
|
127
|
+
* @default false
|
|
128
|
+
*/
|
|
129
|
+
selected?: boolean;
|
|
130
|
+
/**
|
|
131
|
+
* An InteractionTag can have rounded or circular shape.
|
|
132
|
+
*
|
|
133
|
+
* @default 'round'
|
|
134
|
+
*/
|
|
135
|
+
shape?: TagShape;
|
|
136
|
+
/**
|
|
137
|
+
* An InteractionTag has three sizes.
|
|
138
|
+
*
|
|
139
|
+
* @default 'medium'
|
|
140
|
+
*/
|
|
141
|
+
size?: TagSize;
|
|
142
|
+
/**
|
|
143
|
+
* Unique value identifying the tag within a TagGroup
|
|
144
|
+
*/
|
|
145
|
+
value?: Value;
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
/**
|
|
149
|
+
* InteractionTagSecondary component - used as the second child of the `InteractionTag` component and provides the secondary action, which is dismiss by default.
|
|
150
|
+
*/
|
|
151
|
+
export declare const InteractionTagSecondary: ForwardRefComponent<InteractionTagSecondaryProps>;
|
|
152
|
+
|
|
153
|
+
/**
|
|
154
|
+
* InteractionTagSecondary Base Props - same as InteractionTagSecondaryProps (no design-only own props)
|
|
155
|
+
*/
|
|
156
|
+
export declare type InteractionTagSecondaryBaseProps = InteractionTagSecondaryProps;
|
|
157
|
+
|
|
158
|
+
/**
|
|
159
|
+
* InteractionTagSecondary Base State - omits design-only state derived from context
|
|
160
|
+
*/
|
|
161
|
+
export declare type InteractionTagSecondaryBaseState = Omit<InteractionTagSecondaryState, 'appearance' | 'size' | 'shape'>;
|
|
162
|
+
|
|
163
|
+
export declare const interactionTagSecondaryClassNames: SlotClassNames<InteractionTagSecondarySlots>;
|
|
164
|
+
|
|
165
|
+
/**
|
|
166
|
+
* InteractionTagSecondary Props
|
|
167
|
+
*/
|
|
168
|
+
export declare type InteractionTagSecondaryProps = ComponentProps<InteractionTagSecondarySlots>;
|
|
169
|
+
|
|
170
|
+
export declare type InteractionTagSecondarySlots = {
|
|
171
|
+
root: NonNullable<Slot<'button'>>;
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
/**
|
|
175
|
+
* State used in rendering InteractionTagSecondary
|
|
176
|
+
*/
|
|
177
|
+
export declare type InteractionTagSecondaryState = ComponentState<InteractionTagSecondarySlots> & Required<Pick<InteractionTagContextValue, 'appearance' | 'disabled' | 'selected' | 'shape' | 'size'>>;
|
|
178
|
+
|
|
179
|
+
export declare type InteractionTagSlots = {
|
|
180
|
+
root: NonNullable<Slot<'div'>>;
|
|
181
|
+
};
|
|
182
|
+
|
|
183
|
+
/**
|
|
184
|
+
* State used in rendering InteractionTag
|
|
185
|
+
*/
|
|
186
|
+
export declare type InteractionTagState<Value = TagValue> = ComponentState<InteractionTagSlots> & Required<Pick<InteractionTagProps, 'appearance' | 'disabled' | 'selected' | 'shape' | 'size' | 'value'>> & {
|
|
187
|
+
/**
|
|
188
|
+
* Event handler from TagGroup context that allows TagGroup to dismiss the tag
|
|
189
|
+
*/
|
|
190
|
+
handleTagDismiss: TagDismissHandler<Value>;
|
|
191
|
+
/**
|
|
192
|
+
* Event handler from TagGroup context that allows TagGroup to select the tag
|
|
193
|
+
*/
|
|
194
|
+
handleTagSelect?: TagSelectHandler<Value>;
|
|
195
|
+
/**
|
|
196
|
+
* Selected values from TagGroup context
|
|
197
|
+
*/
|
|
198
|
+
selectedValues: Value[];
|
|
199
|
+
/**
|
|
200
|
+
* id to assign to InteractionTagPrimary
|
|
201
|
+
*/
|
|
202
|
+
interactionTagPrimaryId: string;
|
|
203
|
+
};
|
|
204
|
+
|
|
205
|
+
/**
|
|
206
|
+
* Render the final JSX of InteractionTag
|
|
207
|
+
*/
|
|
208
|
+
export declare const renderInteractionTag_unstable: (state: InteractionTagBaseState, contextValues: InteractionTagContextValues) => JSXElement;
|
|
209
|
+
|
|
210
|
+
/**
|
|
211
|
+
* Render the final JSX of InteractionTagPrimary
|
|
212
|
+
*/
|
|
213
|
+
export declare const renderInteractionTagPrimary_unstable: (state: InteractionTagPrimaryBaseState, contextValues: InteractionTagPrimaryContextValues) => JSXElement;
|
|
214
|
+
|
|
215
|
+
/**
|
|
216
|
+
* Render the final JSX of InteractionTagSecondary
|
|
217
|
+
*/
|
|
218
|
+
export declare const renderInteractionTagSecondary_unstable: (state: InteractionTagSecondaryBaseState) => JSXElement;
|
|
219
|
+
|
|
220
|
+
/**
|
|
221
|
+
* Render the final JSX of Tag
|
|
222
|
+
*/
|
|
223
|
+
export declare const renderTag_unstable: (state: TagBaseState, contextValues: TagContextValues) => JSXElement;
|
|
224
|
+
|
|
225
|
+
/**
|
|
226
|
+
* Render the final JSX of TagGroup
|
|
227
|
+
*/
|
|
228
|
+
export declare const renderTagGroup_unstable: (state: TagGroupBaseState, contextValue: TagGroupContextValues) => JSXElement;
|
|
229
|
+
|
|
230
|
+
/**
|
|
231
|
+
* Tag component - a visual representation of an attribute.
|
|
232
|
+
* Provides visual attributes such as media, icon, primary and secondary text, as well as the ability to attach an action (by default it is dismiss)
|
|
233
|
+
*/
|
|
234
|
+
export declare const Tag: ForwardRefComponent<TagProps>;
|
|
235
|
+
|
|
236
|
+
export declare type TagAppearance = 'filled' | 'outline' | 'brand';
|
|
237
|
+
|
|
238
|
+
declare type TagAvatarContextValues = {
|
|
239
|
+
avatar: {
|
|
240
|
+
size?: AvatarSize;
|
|
241
|
+
shape?: AvatarShape;
|
|
242
|
+
};
|
|
243
|
+
};
|
|
244
|
+
|
|
245
|
+
/**
|
|
246
|
+
* Tag Base Props - omits design-only props
|
|
247
|
+
*/
|
|
248
|
+
export declare type TagBaseProps = DistributiveOmit<TagProps, 'appearance' | 'size' | 'shape'>;
|
|
249
|
+
|
|
250
|
+
/**
|
|
251
|
+
* Tag Base State - omits design-only state
|
|
252
|
+
*/
|
|
253
|
+
export declare type TagBaseState = DistributiveOmit<TagState, 'appearance' | 'size' | 'shape' | 'avatarShape' | 'avatarSize'>;
|
|
254
|
+
|
|
255
|
+
export declare const tagClassNames: SlotClassNames<TagSlots>;
|
|
256
|
+
|
|
257
|
+
export declare type TagContextValues = TagAvatarContextValues;
|
|
258
|
+
|
|
259
|
+
export declare type TagDismissData<Value = TagValue> = {
|
|
260
|
+
value: Value;
|
|
261
|
+
};
|
|
262
|
+
|
|
263
|
+
export declare type TagDismissEvent = React_2.MouseEvent | React_2.KeyboardEvent;
|
|
264
|
+
|
|
265
|
+
export declare type TagDismissHandler<Value = TagValue> = (e: TagDismissEvent, data: TagDismissData<Value>) => void;
|
|
266
|
+
|
|
267
|
+
/**
|
|
268
|
+
* TagGroup component - a container for multiple tags.
|
|
269
|
+
* Provides context to size or dismiss children tags.
|
|
270
|
+
*/
|
|
271
|
+
export declare const TagGroup: ForwardRefComponent<TagGroupProps>;
|
|
272
|
+
|
|
273
|
+
/**
|
|
274
|
+
* TagGroup Base Props - omits design-only props
|
|
275
|
+
*/
|
|
276
|
+
export declare type TagGroupBaseProps<Value = TagValue> = Omit<TagGroupProps<Value>, 'appearance' | 'size'>;
|
|
277
|
+
|
|
278
|
+
/**
|
|
279
|
+
* TagGroup Base State - omits design-only state
|
|
280
|
+
*/
|
|
281
|
+
export declare type TagGroupBaseState<Value = TagValue> = Omit<TagGroupState<Value>, 'appearance' | 'size'>;
|
|
282
|
+
|
|
283
|
+
export declare const tagGroupClassNames: SlotClassNames<TagGroupSlots>;
|
|
284
|
+
|
|
285
|
+
export declare const TagGroupContextProvider: React_2.Provider<TagGroupContextValue | undefined>;
|
|
286
|
+
|
|
287
|
+
/**
|
|
288
|
+
* Context shared between TagGroup and its children components
|
|
289
|
+
*/
|
|
290
|
+
export declare type TagGroupContextValue = Required<Pick<TagGroupState, 'handleTagDismiss' | 'size'>> & Partial<Pick<TagGroupState, 'disabled' | 'appearance' | 'dismissible' | 'handleTagSelect' | 'role' | 'selectedValues'>>;
|
|
291
|
+
|
|
292
|
+
export declare type TagGroupContextValues = {
|
|
293
|
+
tagGroup: TagGroupContextValue;
|
|
294
|
+
};
|
|
295
|
+
|
|
296
|
+
/**
|
|
297
|
+
* TagGroup Props
|
|
298
|
+
*/
|
|
299
|
+
export declare type TagGroupProps<Value = TagValue> = ComponentProps<TagGroupSlots> & {
|
|
300
|
+
/**
|
|
301
|
+
* Callback for when a tag is dismissed
|
|
302
|
+
*/
|
|
303
|
+
onDismiss?: TagDismissHandler<Value>;
|
|
304
|
+
/**
|
|
305
|
+
* Sets selected values for an uncontrolled component.
|
|
306
|
+
*/
|
|
307
|
+
defaultSelectedValues?: Value[];
|
|
308
|
+
/**
|
|
309
|
+
* A TagGroup can show that it cannot be interacted with.
|
|
310
|
+
*
|
|
311
|
+
* @default false
|
|
312
|
+
*/
|
|
313
|
+
disabled?: boolean;
|
|
314
|
+
size?: TagSize;
|
|
315
|
+
appearance?: TagAppearance;
|
|
316
|
+
dismissible?: boolean;
|
|
317
|
+
/**
|
|
318
|
+
* Callback for when a tag is selected
|
|
319
|
+
*/
|
|
320
|
+
onTagSelect?: EventHandler<TagSelectData<Value>>;
|
|
321
|
+
/**
|
|
322
|
+
* Values of the selected tags
|
|
323
|
+
*/
|
|
324
|
+
selectedValues?: Value[];
|
|
325
|
+
};
|
|
326
|
+
|
|
327
|
+
export declare type TagGroupSlots = {
|
|
328
|
+
root: Slot<'div'>;
|
|
329
|
+
};
|
|
330
|
+
|
|
331
|
+
/**
|
|
332
|
+
* State used in rendering TagGroup
|
|
333
|
+
*/
|
|
334
|
+
export declare type TagGroupState<Value = TagValue> = ComponentState<TagGroupSlots> & Required<Pick<TagGroupProps, 'appearance' | 'dismissible' | 'disabled' | 'size' | 'selectedValues'>> & {
|
|
335
|
+
handleTagDismiss: TagDismissHandler<Value>;
|
|
336
|
+
handleTagSelect?: TagSelectHandler<Value>;
|
|
337
|
+
role?: React_2.AriaRole;
|
|
338
|
+
};
|
|
339
|
+
|
|
340
|
+
/**
|
|
341
|
+
* Tag Props
|
|
342
|
+
*/
|
|
343
|
+
export declare type TagProps<Value = string> = ComponentProps<Partial<TagSlots>> & {
|
|
344
|
+
/**
|
|
345
|
+
* A Tag can have filled, outlined or brand experience.
|
|
346
|
+
*
|
|
347
|
+
* @default 'filled'
|
|
348
|
+
*/
|
|
349
|
+
appearance?: TagAppearance;
|
|
350
|
+
/**
|
|
351
|
+
* A Tag can show that it cannot be interacted with.
|
|
352
|
+
*
|
|
353
|
+
* @default false
|
|
354
|
+
*/
|
|
355
|
+
disabled?: boolean;
|
|
356
|
+
/**
|
|
357
|
+
* A Tag can be dismissible
|
|
358
|
+
*
|
|
359
|
+
* @default false
|
|
360
|
+
*/
|
|
361
|
+
dismissible?: boolean;
|
|
362
|
+
/**
|
|
363
|
+
* An InteractionTag can be selected.
|
|
364
|
+
* Note: This prop only changes the appearance of the tag at the moment. A future PR will add the integration with TagGroup.
|
|
365
|
+
*
|
|
366
|
+
* @default false
|
|
367
|
+
*/
|
|
368
|
+
selected?: boolean;
|
|
369
|
+
/**
|
|
370
|
+
* A Tag can have rounded or circular shape.
|
|
371
|
+
*
|
|
372
|
+
* @default 'round'
|
|
373
|
+
*/
|
|
374
|
+
shape?: TagShape;
|
|
375
|
+
/**
|
|
376
|
+
* A Tag has three sizes.
|
|
377
|
+
*
|
|
378
|
+
* @default 'medium'
|
|
379
|
+
*/
|
|
380
|
+
size?: TagSize;
|
|
381
|
+
/**
|
|
382
|
+
* Unique value identifying the tag within a TagGroup
|
|
383
|
+
*/
|
|
384
|
+
value?: Value;
|
|
385
|
+
};
|
|
386
|
+
|
|
387
|
+
declare type TagSelectData<Value = TagValue> = EventData<'click', React_2.MouseEvent<HTMLButtonElement>> & {
|
|
388
|
+
value: Value;
|
|
389
|
+
selectedValues?: Value[];
|
|
390
|
+
};
|
|
391
|
+
|
|
392
|
+
declare type TagSelectHandler<Value = TagValue> = EventHandler<TagSelectData<Value>>;
|
|
393
|
+
|
|
394
|
+
export declare type TagShape = 'rounded' | 'circular';
|
|
395
|
+
|
|
396
|
+
export declare type TagSize = 'extra-small' | 'small' | 'medium';
|
|
397
|
+
|
|
398
|
+
export declare type TagSlots = {
|
|
399
|
+
root: NonNullable<Slot<'button', 'span'>>;
|
|
400
|
+
/**
|
|
401
|
+
* Slot for a visual element, usually an avatar
|
|
402
|
+
*/
|
|
403
|
+
media?: Slot<'span'>;
|
|
404
|
+
/**
|
|
405
|
+
* Slot for an icon
|
|
406
|
+
*/
|
|
407
|
+
icon?: Slot<'span'>;
|
|
408
|
+
/**
|
|
409
|
+
* Main text for the Tag. Children of the root slot are automatically rendered here
|
|
410
|
+
*/
|
|
411
|
+
primaryText: Slot<'span'>;
|
|
412
|
+
/**
|
|
413
|
+
* Secondary text that describes or complements the main text
|
|
414
|
+
*/
|
|
415
|
+
secondaryText?: Slot<'span'>;
|
|
416
|
+
/**
|
|
417
|
+
* Slot for the dismiss icon
|
|
418
|
+
*/
|
|
419
|
+
dismissIcon?: Slot<'span'>;
|
|
420
|
+
};
|
|
421
|
+
|
|
422
|
+
/**
|
|
423
|
+
* State used in rendering Tag
|
|
424
|
+
*/
|
|
425
|
+
export declare type TagState = ComponentState<TagSlots> & Required<Pick<TagProps, 'appearance' | 'disabled' | 'dismissible' | 'selected' | 'shape' | 'size'>> & UseTagAvatarContextValuesOptions;
|
|
426
|
+
|
|
427
|
+
export declare type TagValue = string;
|
|
428
|
+
|
|
429
|
+
/**
|
|
430
|
+
* Create the state required to render InteractionTag.
|
|
431
|
+
*
|
|
432
|
+
* The returned state can be modified with hooks such as useInteractionTagStyles_unstable,
|
|
433
|
+
* before being passed to renderInteractionTag_unstable.
|
|
434
|
+
*
|
|
435
|
+
* @param props - props from this instance of InteractionTag
|
|
436
|
+
* @param ref - reference to root HTMLDivElement of InteractionTag
|
|
437
|
+
*/
|
|
438
|
+
export declare const useInteractionTag_unstable: (props: InteractionTagProps, ref: React_2.Ref<HTMLDivElement>) => InteractionTagState;
|
|
439
|
+
|
|
440
|
+
/**
|
|
441
|
+
* Create the base state required to render InteractionTag, without design-only props.
|
|
442
|
+
*
|
|
443
|
+
* @param props - props from this instance of InteractionTag (without appearance, size, shape)
|
|
444
|
+
* @param ref - reference to root HTMLDivElement of InteractionTag
|
|
445
|
+
*/
|
|
446
|
+
export declare const useInteractionTagBase_unstable: (props: InteractionTagBaseProps, ref: React_2.Ref<HTMLDivElement>) => InteractionTagBaseState;
|
|
447
|
+
|
|
448
|
+
export declare const useInteractionTagContext_unstable: () => InteractionTagContextValue;
|
|
449
|
+
|
|
450
|
+
export declare function useInteractionTagContextValues_unstable(state: InteractionTagState): InteractionTagContextValues;
|
|
451
|
+
|
|
452
|
+
/**
|
|
453
|
+
* Create the state required to render InteractionTagPrimary.
|
|
454
|
+
*
|
|
455
|
+
* The returned state can be modified with hooks such as useInteractionTagPrimaryStyles_unstable,
|
|
456
|
+
* before being passed to renderInteractionTagPrimary_unstable.
|
|
457
|
+
*
|
|
458
|
+
* @param props - props from this instance of InteractionTagPrimary
|
|
459
|
+
* @param ref - reference to root HTMLButtonElement of InteractionTagPrimary
|
|
460
|
+
*/
|
|
461
|
+
export declare const useInteractionTagPrimary_unstable: (props: InteractionTagPrimaryProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagPrimaryState;
|
|
462
|
+
|
|
463
|
+
/**
|
|
464
|
+
* Create the base state required to render InteractionTagPrimary, without design-only props.
|
|
465
|
+
*
|
|
466
|
+
* @param props - props from this instance of InteractionTagPrimary
|
|
467
|
+
* @param ref - reference to root HTMLButtonElement of InteractionTagPrimary
|
|
468
|
+
*/
|
|
469
|
+
export declare const useInteractionTagPrimaryBase_unstable: (props: InteractionTagPrimaryBaseProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagPrimaryBaseState;
|
|
470
|
+
|
|
471
|
+
export declare const useInteractionTagPrimaryStyles_unstable: (state: InteractionTagPrimaryState) => InteractionTagPrimaryState;
|
|
472
|
+
|
|
473
|
+
/**
|
|
474
|
+
* Create the state required to render InteractionTagSecondary.
|
|
475
|
+
*
|
|
476
|
+
* The returned state can be modified with hooks such as useInteractionTagSecondaryStyles_unstable,
|
|
477
|
+
* before being passed to renderInteractionTagSecondary_unstable.
|
|
478
|
+
*
|
|
479
|
+
* @param props - props from this instance of InteractionTagSecondary
|
|
480
|
+
* @param ref - reference to root HTMLButtonElement of InteractionTagSecondary
|
|
481
|
+
*/
|
|
482
|
+
export declare const useInteractionTagSecondary_unstable: (props: InteractionTagSecondaryProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagSecondaryState;
|
|
483
|
+
|
|
484
|
+
/**
|
|
485
|
+
* Create the base state required to render InteractionTagSecondary, without design-only props.
|
|
486
|
+
*
|
|
487
|
+
* @param props - props from this instance of InteractionTagSecondary
|
|
488
|
+
* @param ref - reference to root HTMLButtonElement of InteractionTagSecondary
|
|
489
|
+
*/
|
|
490
|
+
export declare const useInteractionTagSecondaryBase_unstable: (props: InteractionTagSecondaryBaseProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagSecondaryBaseState;
|
|
491
|
+
|
|
492
|
+
export declare const useInteractionTagSecondaryStyles_unstable: (state: InteractionTagSecondaryState) => InteractionTagSecondaryState;
|
|
493
|
+
|
|
494
|
+
/**
|
|
495
|
+
* Apply styling to the InteractionTag slots based on the state
|
|
496
|
+
*/
|
|
497
|
+
export declare const useInteractionTagStyles_unstable: (state: InteractionTagState) => InteractionTagState;
|
|
498
|
+
|
|
499
|
+
/**
|
|
500
|
+
* Create the state required to render Tag.
|
|
501
|
+
*
|
|
502
|
+
* The returned state can be modified with hooks such as useTagStyles_unstable,
|
|
503
|
+
* before being passed to renderTag_unstable.
|
|
504
|
+
*
|
|
505
|
+
* @param props - props from this instance of Tag
|
|
506
|
+
* @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag
|
|
507
|
+
*/
|
|
508
|
+
export declare const useTag_unstable: (props: TagProps, ref: React_2.Ref<HTMLSpanElement | HTMLButtonElement>) => TagState;
|
|
509
|
+
|
|
510
|
+
export declare function useTagAvatarContextValues_unstable(state: UseTagAvatarContextValuesOptions): TagAvatarContextValues;
|
|
511
|
+
|
|
512
|
+
declare type UseTagAvatarContextValuesOptions = {
|
|
513
|
+
avatarSize: AvatarSize;
|
|
514
|
+
avatarShape: AvatarShape;
|
|
515
|
+
};
|
|
516
|
+
|
|
517
|
+
/**
|
|
518
|
+
* Create the base state required to render Tag, without design-only props.
|
|
519
|
+
*
|
|
520
|
+
* @param props - props from this instance of Tag (without appearance, size, shape)
|
|
521
|
+
* @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag
|
|
522
|
+
*/
|
|
523
|
+
export declare const useTagBase_unstable: (props: TagBaseProps, ref: React_2.Ref<HTMLSpanElement | HTMLButtonElement>) => TagBaseState;
|
|
524
|
+
|
|
525
|
+
/**
|
|
526
|
+
* Create the state required to render TagGroup.
|
|
527
|
+
*
|
|
528
|
+
* The returned state can be modified with hooks such as useTagGroupStyles_unstable,
|
|
529
|
+
* before being passed to renderTagGroup_unstable.
|
|
530
|
+
*
|
|
531
|
+
* @param props - props from this instance of TagGroup
|
|
532
|
+
* @param ref - reference to root HTMLDivElement of TagGroup
|
|
533
|
+
*/
|
|
534
|
+
export declare const useTagGroup_unstable: (props: TagGroupProps, ref: React_2.Ref<HTMLDivElement>) => TagGroupState;
|
|
535
|
+
|
|
536
|
+
/**
|
|
537
|
+
* Create the base state required to render TagGroup, without design-only props.
|
|
538
|
+
*
|
|
539
|
+
* @param props - props from this instance of TagGroup (without appearance, size)
|
|
540
|
+
* @param ref - reference to root HTMLDivElement of TagGroup
|
|
541
|
+
*/
|
|
542
|
+
export declare const useTagGroupBase_unstable: (props: TagGroupBaseProps, ref: React_2.Ref<HTMLDivElement>) => TagGroupBaseState;
|
|
543
|
+
|
|
544
|
+
export declare const useTagGroupContext_unstable: () => TagGroupContextValue;
|
|
545
|
+
|
|
546
|
+
export declare function useTagGroupContextValues_unstable(state: TagGroupState): TagGroupContextValues;
|
|
547
|
+
|
|
548
|
+
/**
|
|
549
|
+
* Apply styling to the TagGroup slots based on the state
|
|
550
|
+
*/
|
|
551
|
+
export declare const useTagGroupStyles_unstable: (state: TagGroupState) => TagGroupState;
|
|
552
|
+
|
|
553
|
+
/**
|
|
554
|
+
* Apply styling to the Tag slots based on the state
|
|
555
|
+
*/
|
|
556
|
+
export declare const useTagStyles_unstable: (state: TagState) => TagState;
|
|
557
|
+
|
|
558
|
+
export { }
|
package/lib/InteractionTag.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { InteractionTag, interactionTagClassNames, renderInteractionTag_unstable, useInteractionTagContextValues_unstable, useInteractionTagStyles_unstable, useInteractionTagBase_unstable, useInteractionTag_unstable } from
|
|
1
|
+
export { InteractionTag, interactionTagClassNames, renderInteractionTag_unstable, useInteractionTagContextValues_unstable, useInteractionTagStyles_unstable, useInteractionTagBase_unstable, useInteractionTag_unstable } from "./components/InteractionTag/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/InteractionTag.ts"],"sourcesContent":["export type {\n InteractionTagBaseProps,\n InteractionTagBaseState,\n InteractionTagContextValues,\n InteractionTagProps,\n InteractionTagSlots,\n InteractionTagState,\n} from './components/InteractionTag/index';\nexport {\n InteractionTag,\n interactionTagClassNames,\n renderInteractionTag_unstable,\n useInteractionTagContextValues_unstable,\n useInteractionTagStyles_unstable,\n useInteractionTagBase_unstable,\n useInteractionTag_unstable,\n} from './components/InteractionTag/index';\n"],"names":["InteractionTag","interactionTagClassNames","renderInteractionTag_unstable","useInteractionTagContextValues_unstable","useInteractionTagStyles_unstable","useInteractionTagBase_unstable","useInteractionTag_unstable"],"mappings":"AAQA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,uCAAuC,EACvCC,gCAAgC,EAChCC,8BAA8B,EAC9BC,0BAA0B,QACrB,
|
|
1
|
+
{"version":3,"sources":["../src/InteractionTag.ts"],"sourcesContent":["export type {\n InteractionTagBaseProps,\n InteractionTagBaseState,\n InteractionTagContextValues,\n InteractionTagProps,\n InteractionTagSlots,\n InteractionTagState,\n} from './components/InteractionTag/index';\nexport {\n InteractionTag,\n interactionTagClassNames,\n renderInteractionTag_unstable,\n useInteractionTagContextValues_unstable,\n useInteractionTagStyles_unstable,\n useInteractionTagBase_unstable,\n useInteractionTag_unstable,\n} from './components/InteractionTag/index';\n"],"names":["InteractionTag","interactionTagClassNames","renderInteractionTag_unstable","useInteractionTagContextValues_unstable","useInteractionTagStyles_unstable","useInteractionTagBase_unstable","useInteractionTag_unstable"],"mappings":"AAQA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,uCAAuC,EACvCC,gCAAgC,EAChCC,8BAA8B,EAC9BC,0BAA0B,QACrB,uCAAoC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { InteractionTagPrimary, interactionTagPrimaryClassNames, renderInteractionTagPrimary_unstable, useInteractionTagPrimaryStyles_unstable, useInteractionTagPrimaryBase_unstable, useInteractionTagPrimary_unstable } from
|
|
1
|
+
export { InteractionTagPrimary, interactionTagPrimaryClassNames, renderInteractionTagPrimary_unstable, useInteractionTagPrimaryStyles_unstable, useInteractionTagPrimaryBase_unstable, useInteractionTagPrimary_unstable } from "./components/InteractionTagPrimary/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/InteractionTagPrimary.ts"],"sourcesContent":["export type {\n InteractionTagPrimaryBaseProps,\n InteractionTagPrimaryBaseState,\n InteractionTagPrimaryContextValues,\n InteractionTagPrimaryProps,\n InteractionTagPrimarySlots,\n InteractionTagPrimaryState,\n} from './components/InteractionTagPrimary/index';\nexport {\n InteractionTagPrimary,\n interactionTagPrimaryClassNames,\n renderInteractionTagPrimary_unstable,\n useInteractionTagPrimaryStyles_unstable,\n useInteractionTagPrimaryBase_unstable,\n useInteractionTagPrimary_unstable,\n} from './components/InteractionTagPrimary/index';\n"],"names":["InteractionTagPrimary","interactionTagPrimaryClassNames","renderInteractionTagPrimary_unstable","useInteractionTagPrimaryStyles_unstable","useInteractionTagPrimaryBase_unstable","useInteractionTagPrimary_unstable"],"mappings":"AAQA,SACEA,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,uCAAuC,EACvCC,qCAAqC,EACrCC,iCAAiC,QAC5B,
|
|
1
|
+
{"version":3,"sources":["../src/InteractionTagPrimary.ts"],"sourcesContent":["export type {\n InteractionTagPrimaryBaseProps,\n InteractionTagPrimaryBaseState,\n InteractionTagPrimaryContextValues,\n InteractionTagPrimaryProps,\n InteractionTagPrimarySlots,\n InteractionTagPrimaryState,\n} from './components/InteractionTagPrimary/index';\nexport {\n InteractionTagPrimary,\n interactionTagPrimaryClassNames,\n renderInteractionTagPrimary_unstable,\n useInteractionTagPrimaryStyles_unstable,\n useInteractionTagPrimaryBase_unstable,\n useInteractionTagPrimary_unstable,\n} from './components/InteractionTagPrimary/index';\n"],"names":["InteractionTagPrimary","interactionTagPrimaryClassNames","renderInteractionTagPrimary_unstable","useInteractionTagPrimaryStyles_unstable","useInteractionTagPrimaryBase_unstable","useInteractionTagPrimary_unstable"],"mappings":"AAQA,SACEA,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,uCAAuC,EACvCC,qCAAqC,EACrCC,iCAAiC,QAC5B,8CAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { InteractionTagSecondary, interactionTagSecondaryClassNames, renderInteractionTagSecondary_unstable, useInteractionTagSecondaryStyles_unstable, useInteractionTagSecondaryBase_unstable, useInteractionTagSecondary_unstable } from
|
|
1
|
+
export { InteractionTagSecondary, interactionTagSecondaryClassNames, renderInteractionTagSecondary_unstable, useInteractionTagSecondaryStyles_unstable, useInteractionTagSecondaryBase_unstable, useInteractionTagSecondary_unstable } from "./components/InteractionTagSecondary/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/InteractionTagSecondary.ts"],"sourcesContent":["export type {\n InteractionTagSecondaryBaseProps,\n InteractionTagSecondaryBaseState,\n InteractionTagSecondaryProps,\n InteractionTagSecondarySlots,\n InteractionTagSecondaryState,\n} from './components/InteractionTagSecondary/index';\nexport {\n InteractionTagSecondary,\n interactionTagSecondaryClassNames,\n renderInteractionTagSecondary_unstable,\n useInteractionTagSecondaryStyles_unstable,\n useInteractionTagSecondaryBase_unstable,\n useInteractionTagSecondary_unstable,\n} from './components/InteractionTagSecondary/index';\n"],"names":["InteractionTagSecondary","interactionTagSecondaryClassNames","renderInteractionTagSecondary_unstable","useInteractionTagSecondaryStyles_unstable","useInteractionTagSecondaryBase_unstable","useInteractionTagSecondary_unstable"],"mappings":"AAOA,SACEA,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,uCAAuC,EACvCC,mCAAmC,QAC9B,
|
|
1
|
+
{"version":3,"sources":["../src/InteractionTagSecondary.ts"],"sourcesContent":["export type {\n InteractionTagSecondaryBaseProps,\n InteractionTagSecondaryBaseState,\n InteractionTagSecondaryProps,\n InteractionTagSecondarySlots,\n InteractionTagSecondaryState,\n} from './components/InteractionTagSecondary/index';\nexport {\n InteractionTagSecondary,\n interactionTagSecondaryClassNames,\n renderInteractionTagSecondary_unstable,\n useInteractionTagSecondaryStyles_unstable,\n useInteractionTagSecondaryBase_unstable,\n useInteractionTagSecondary_unstable,\n} from './components/InteractionTagSecondary/index';\n"],"names":["InteractionTagSecondary","interactionTagSecondaryClassNames","renderInteractionTagSecondary_unstable","useInteractionTagSecondaryStyles_unstable","useInteractionTagSecondaryBase_unstable","useInteractionTagSecondary_unstable"],"mappings":"AAOA,SACEA,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,uCAAuC,EACvCC,mCAAmC,QAC9B,gDAA6C"}
|
package/lib/Tag.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Tag, renderTag_unstable, tagClassNames, useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName, useTagStyles_unstable, useTagBase_unstable, useTag_unstable } from
|
|
1
|
+
export { Tag, renderTag_unstable, tagClassNames, useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName, useTagStyles_unstable, useTagBase_unstable, useTag_unstable } from "./components/Tag/index.js";
|
package/lib/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Tag.ts"],"sourcesContent":["export type {\n TagBaseProps,\n TagBaseState,\n TagContextValues,\n TagProps,\n TagSlots,\n TagState,\n} from './components/Tag/index';\nexport {\n Tag,\n renderTag_unstable,\n tagClassNames,\n useIconStyles,\n useMediaStyles,\n usePrimaryTextStyles,\n useSecondaryTextBaseClassName,\n useTagStyles_unstable,\n useTagBase_unstable,\n useTag_unstable,\n} from './components/Tag/index';\n"],"names":["Tag","renderTag_unstable","tagClassNames","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","useTagStyles_unstable","useTagBase_unstable","useTag_unstable"],"mappings":"AAQA,SACEA,GAAG,EACHC,kBAAkB,EAClBC,aAAa,EACbC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,6BAA6B,EAC7BC,qBAAqB,EACrBC,mBAAmB,EACnBC,eAAe,QACV,
|
|
1
|
+
{"version":3,"sources":["../src/Tag.ts"],"sourcesContent":["export type {\n TagBaseProps,\n TagBaseState,\n TagContextValues,\n TagProps,\n TagSlots,\n TagState,\n} from './components/Tag/index';\nexport {\n Tag,\n renderTag_unstable,\n tagClassNames,\n useIconStyles,\n useMediaStyles,\n usePrimaryTextStyles,\n useSecondaryTextBaseClassName,\n useTagStyles_unstable,\n useTagBase_unstable,\n useTag_unstable,\n} from './components/Tag/index';\n"],"names":["Tag","renderTag_unstable","tagClassNames","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","useTagStyles_unstable","useTagBase_unstable","useTag_unstable"],"mappings":"AAQA,SACEA,GAAG,EACHC,kBAAkB,EAClBC,aAAa,EACbC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,6BAA6B,EAC7BC,qBAAqB,EACrBC,mBAAmB,EACnBC,eAAe,QACV,4BAAyB"}
|
package/lib/TagGroup.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { TagGroup, renderTagGroup_unstable, tagGroupClassNames, useTagGroupContextValues_unstable, useTagGroupStyles_unstable, useTagGroupBase_unstable, useTagGroup_unstable } from
|
|
1
|
+
export { TagGroup, renderTagGroup_unstable, tagGroupClassNames, useTagGroupContextValues_unstable, useTagGroupStyles_unstable, useTagGroupBase_unstable, useTagGroup_unstable } from "./components/TagGroup/index.js";
|
package/lib/TagGroup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/TagGroup.ts"],"sourcesContent":["export type {\n TagGroupBaseProps,\n TagGroupBaseState,\n TagGroupContextValues,\n TagGroupProps,\n TagGroupSlots,\n TagGroupState,\n} from './components/TagGroup/index';\nexport {\n TagGroup,\n renderTagGroup_unstable,\n tagGroupClassNames,\n useTagGroupContextValues_unstable,\n useTagGroupStyles_unstable,\n useTagGroupBase_unstable,\n useTagGroup_unstable,\n} from './components/TagGroup/index';\n"],"names":["TagGroup","renderTagGroup_unstable","tagGroupClassNames","useTagGroupContextValues_unstable","useTagGroupStyles_unstable","useTagGroupBase_unstable","useTagGroup_unstable"],"mappings":"AAQA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,wBAAwB,EACxBC,oBAAoB,QACf,
|
|
1
|
+
{"version":3,"sources":["../src/TagGroup.ts"],"sourcesContent":["export type {\n TagGroupBaseProps,\n TagGroupBaseState,\n TagGroupContextValues,\n TagGroupProps,\n TagGroupSlots,\n TagGroupState,\n} from './components/TagGroup/index';\nexport {\n TagGroup,\n renderTagGroup_unstable,\n tagGroupClassNames,\n useTagGroupContextValues_unstable,\n useTagGroupStyles_unstable,\n useTagGroupBase_unstable,\n useTagGroup_unstable,\n} from './components/TagGroup/index';\n"],"names":["TagGroup","renderTagGroup_unstable","tagGroupClassNames","useTagGroupContextValues_unstable","useTagGroupStyles_unstable","useTagGroupBase_unstable","useTagGroup_unstable"],"mappings":"AAQA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,wBAAwB,EACxBC,oBAAoB,QACf,iCAA8B"}
|