@fluentui/react-tags 9.5.1 → 9.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +27 -2
  2. package/lib/components/Tag/useTagStyles.styles.js +9 -2
  3. package/lib/components/Tag/useTagStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/Tag/useTagStyles.styles.js +16 -2
  5. package/lib-commonjs/components/Tag/useTagStyles.styles.js.map +1 -1
  6. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,12 +1,37 @@
1
1
  # Change Log - @fluentui/react-tags
2
2
 
3
- This log was last generated on Thu, 27 Mar 2025 21:08:38 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 16 Apr 2025 19:37:13 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.5.3)
8
+
9
+ Wed, 16 Apr 2025 19:37:13 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.5.2..@fluentui/react-tags_v9.5.3)
11
+
12
+ ### Patches
13
+
14
+ - fix: target area for extra-small Tag ([PR #34261](https://github.com/microsoft/fluentui/pull/34261) by v.kozlova13@gmail.com)
15
+ - Bump @fluentui/react-aria to v9.14.5 ([PR #34166](https://github.com/microsoft/fluentui/pull/34166) by beachball)
16
+ - Bump @fluentui/react-avatar to v9.7.5 ([PR #34166](https://github.com/microsoft/fluentui/pull/34166) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v9.0.54 ([PR #34166](https://github.com/microsoft/fluentui/pull/34166) by beachball)
18
+ - Bump @fluentui/react-tabster to v9.24.5 ([PR #34166](https://github.com/microsoft/fluentui/pull/34166) by beachball)
19
+ - Bump @fluentui/react-utilities to v9.19.0 ([PR #34166](https://github.com/microsoft/fluentui/pull/34166) by beachball)
20
+
21
+ ## [9.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.5.2)
22
+
23
+ Tue, 01 Apr 2025 15:08:02 GMT
24
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.5.1..@fluentui/react-tags_v9.5.2)
25
+
26
+ ### Patches
27
+
28
+ - Bump @fluentui/react-aria to v9.14.4 ([PR #33909](https://github.com/microsoft/fluentui/pull/33909) by beachball)
29
+ - Bump @fluentui/react-avatar to v9.7.4 ([PR #33909](https://github.com/microsoft/fluentui/pull/33909) by beachball)
30
+ - Bump @fluentui/react-tabster to v9.24.4 ([PR #33909](https://github.com/microsoft/fluentui/pull/33909) by beachball)
31
+
7
32
  ## [9.5.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.5.1)
8
33
 
9
- Thu, 27 Mar 2025 21:08:38 GMT
34
+ Thu, 27 Mar 2025 21:12:51 GMT
10
35
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.5.0..@fluentui/react-tags_v9.5.1)
11
36
 
12
37
  ### Patches
package/lib/components/Tag/useTagStyles.styles.js CHANGED
@@ -74,10 +74,17 @@ const useRootStyles = /*#__PURE__*/__styles({
74
74
  Bqenvij: "frvgh55"
75
75
  },
76
76
  "extra-small": {
77
- Bqenvij: "fjamq6b"
77
+ qhf8xq: "f10pi13n",
78
+ Bqenvij: "fjamq6b",
79
+ b7i14k: "f15j58gw",
80
+ Bej73l1: "fitnkyp",
81
+ sg3u8k: "f12jc7rs",
82
+ dpul0f: "fitizsl",
83
+ Bj2wrql: "ff8e2ck",
84
+ u6d25: "f1oinwhq"
78
85
  }
79
86
  }, {
80
- d: [".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fk9qgl1{border-top-color:var(--colorBrandStroke1);}", ".f1vfbj5f{border-right-color:var(--colorBrandStroke1);}", ".f1qpacp7{border-left-color:var(--colorBrandStroke1);}", ".fdf0ba2{border-bottom-color:var(--colorBrandStroke1);}", ".f1d2rq10{height:32px;}", ".frvgh55{height:24px;}", ".fjamq6b{height:20px;}"]
87
+ d: [".f16xq7d1{background-color:var(--colorNeutralBackground3);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fhovq9v{background-color:var(--colorSubtleBackground);}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fk9qgl1{border-top-color:var(--colorBrandStroke1);}", ".f1vfbj5f{border-right-color:var(--colorBrandStroke1);}", ".f1qpacp7{border-left-color:var(--colorBrandStroke1);}", ".fdf0ba2{border-bottom-color:var(--colorBrandStroke1);}", ".f1d2rq10{height:32px;}", ".frvgh55{height:24px;}", ".f10pi13n{position:relative;}", ".fjamq6b{height:20px;}", ".f15j58gw:before,.f15j58gw:after{content:\"\";}", ".fitnkyp:before,.fitnkyp:after{position:absolute;}", ".f12jc7rs:before,.f12jc7rs:after{height:2px;}", ".fitizsl:before,.fitizsl:after{width:100%;}", ".ff8e2ck:before{bottom:100%;}", ".f1oinwhq:after{top:100%;}"]
81
88
  });
82
89
  const useRootDisabledStyles = /*#__PURE__*/__styles({
83
90
  filled: {
package/lib/components/Tag/useTagStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","typographyStyles","createCustomFocusIndicatorStyle","tagClassNames","root","media","icon","primaryText","secondaryText","dismissIcon","tagSpacingMedium","tagSpacingSmall","tagSpacingExtraSmall","mediumIconSize","smallIconSize","extraSmallIconSize","baseStyles","fontFamily","padding","appearance","textAlign","display","alignItems","gridTemplateAreas","boxSizing","width","border","strokeWidthThin","colorTransparentStroke","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootStyles","filled","De3pzq","sj55zd","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","selected","medium","Bqenvij","small","d","useRootDisabledStyles","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithoutDismissStyles","z189sj","useIconStyles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","mc9l5x","B7ck84d","a9b677","Be2twd7","p","useMediaStyles","useDismissIconStyles","ze5xyy","oy3o9n","eoavqd","Bi91k9c","lj723h","m","h","a","usePrimaryTextStyles","Huce71","Bahqtrf","Bhrd7zp","Bg96gwp","withoutSecondaryText","Byoj8tv","withSecondaryText","B6of3ja","useSecondaryTextBaseClassName","useTagStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledStyles","rootWithoutMediaStyles","rootWithoutDismissStyles","iconStyles","mediaStyles","dismissIconStyles","primaryTextStyles","secondaryTextBaseClassName","disabled","shape","size","className"],"sources":["useTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tagClassNames = {\n root: 'fui-Tag',\n media: 'fui-Tag__media',\n icon: 'fui-Tag__icon',\n primaryText: 'fui-Tag__primaryText',\n secondaryText: 'fui-Tag__secondaryText',\n dismissIcon: 'fui-Tag__dismissIcon'\n};\n/**\n * Inner horizontal space left and right of Tag\n */ const tagSpacingMedium = '7px';\nconst tagSpacingSmall = '5px';\nconst tagSpacingExtraSmall = '5px';\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst baseStyles = {\n // reset default button style:\n fontFamily: 'inherit',\n padding: '0px',\n appearance: 'button',\n textAlign: 'unset',\n display: 'inline-grid',\n alignItems: 'center',\n gridTemplateAreas: `\n \"media primary dismissIcon\"\n \"media secondary dismissIcon\"\n `,\n boxSizing: 'border-box',\n width: 'fit-content',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusMedium,\n ...createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusMedium,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusMedium,\n borderTopRightRadius: tokens.borderRadiusMedium\n }\n }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusCircular,\n ...createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusCircular,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n borderLeft: `${tokens.strokeWidthThin} solid`,\n borderRight: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderRadius: tokens.borderRadiusCircular\n }\n }\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2\n },\n selected: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n medium: {\n height: '32px'\n },\n small: {\n height: '24px'\n },\n 'extra-small': {\n height: '20px'\n }\n});\nconst useRootDisabledStyles = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n }\n});\n/**\n * Styles for root slot when Tag is without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n medium: {\n paddingLeft: tagSpacingMedium\n },\n small: {\n paddingLeft: tagSpacingSmall\n },\n 'extra-small': {\n paddingLeft: tagSpacingExtraSmall\n }\n});\n/**\n * Styles for root slot when Tag is without dismiss icon\n */ const useRootWithoutDismissStyles = makeStyles({\n medium: {\n paddingRight: tagSpacingMedium\n },\n small: {\n paddingRight: tagSpacingSmall\n },\n 'extra-small': {\n paddingRight: tagSpacingExtraSmall\n }\n});\nexport const useIconStyles = makeStyles({\n base: {\n gridArea: 'media',\n display: 'flex',\n boxSizing: 'content-box'\n },\n medium: {\n paddingLeft: tagSpacingMedium,\n paddingRight: tokens.spacingHorizontalXS,\n width: mediumIconSize,\n fontSize: mediumIconSize\n },\n small: {\n paddingLeft: tagSpacingSmall,\n paddingRight: tokens.spacingHorizontalXXS,\n width: smallIconSize,\n fontSize: smallIconSize\n },\n 'extra-small': {\n paddingLeft: tagSpacingExtraSmall,\n paddingRight: tokens.spacingHorizontalXXS,\n width: extraSmallIconSize,\n fontSize: extraSmallIconSize\n }\n});\nexport const useMediaStyles = makeStyles({\n base: {\n gridArea: 'media',\n display: 'flex',\n paddingLeft: '1px'\n },\n medium: {\n paddingRight: tokens.spacingHorizontalS\n },\n small: {\n paddingRight: tokens.spacingHorizontalSNudge\n },\n 'extra-small': {\n paddingRight: tokens.spacingHorizontalSNudge\n }\n});\nconst useDismissIconStyles = makeStyles({\n base: {\n gridArea: 'dismissIcon',\n display: 'flex',\n // windows high contrast:\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight'\n },\n ':active': {\n color: 'Highlight'\n }\n }\n },\n medium: {\n paddingLeft: tokens.spacingHorizontalXS,\n paddingRight: tagSpacingMedium,\n fontSize: mediumIconSize\n },\n small: {\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tagSpacingSmall,\n fontSize: smallIconSize\n },\n 'extra-small': {\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tagSpacingExtraSmall,\n fontSize: extraSmallIconSize\n },\n filled: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n outline: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n brand: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n selected: {\n ':hover': {\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':active': {\n color: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\nexport const usePrimaryTextStyles = makeStyles({\n base: {\n whiteSpace: 'nowrap',\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tokens.spacingHorizontalXXS\n },\n medium: {\n ...typographyStyles.body1\n },\n small: {\n ...typographyStyles.caption1\n },\n 'extra-small': {\n ...typographyStyles.caption1\n },\n withoutSecondaryText: {\n gridColumnStart: 'primary',\n gridRowStart: 'primary',\n gridRowEnd: 'secondary',\n paddingBottom: tokens.spacingHorizontalXXS\n },\n withSecondaryText: {\n gridArea: 'primary',\n ...typographyStyles.caption1,\n marginTop: '-2px'\n }\n});\nexport const useSecondaryTextBaseClassName = makeResetStyles({\n gridArea: 'secondary',\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tokens.spacingHorizontalXXS,\n ...typographyStyles.caption2,\n whiteSpace: 'nowrap'\n});\n/**\n * Apply styling to the Tag slots based on the state\n */ export const useTagStyles_unstable = (state)=>{\n 'use no memo';\n const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n const rootCircularBaseClassName = useRootCircularBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n const rootWithoutDismissStyles = useRootWithoutDismissStyles();\n const iconStyles = useIconStyles();\n const mediaStyles = useMediaStyles();\n const dismissIconStyles = useDismissIconStyles();\n const primaryTextStyles = usePrimaryTextStyles();\n const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n const { disabled, shape, size, appearance, selected } = state;\n state.root.className = mergeClasses(tagClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], selected && !disabled && rootStyles.selected, rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(tagClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(tagClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(tagClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n }\n if (state.dismissIcon) {\n state.dismissIcon.className = mergeClasses(tagClassNames.dismissIcon, dismissIconStyles.base, dismissIconStyles[size], !disabled && dismissIconStyles[appearance], selected && !disabled && dismissIconStyles.selected, state.dismissIcon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","typographyStyles","createCustomFocusIndicatorStyle","tagClassNames","root","media","icon","primaryText","secondaryText","dismissIcon","tagSpacingMedium","tagSpacingSmall","tagSpacingExtraSmall","mediumIconSize","smallIconSize","extraSmallIconSize","baseStyles","fontFamily","padding","appearance","textAlign","display","alignItems","gridTemplateAreas","boxSizing","width","border","strokeWidthThin","colorTransparentStroke","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootStyles","filled","De3pzq","sj55zd","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","selected","medium","Bqenvij","small","qhf8xq","b7i14k","Bej73l1","sg3u8k","dpul0f","Bj2wrql","u6d25","d","useRootDisabledStyles","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithoutDismissStyles","z189sj","useIconStyles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","mc9l5x","B7ck84d","a9b677","Be2twd7","p","useMediaStyles","useDismissIconStyles","ze5xyy","oy3o9n","eoavqd","Bi91k9c","lj723h","m","h","a","usePrimaryTextStyles","Huce71","Bahqtrf","Bhrd7zp","Bg96gwp","withoutSecondaryText","Byoj8tv","withSecondaryText","B6of3ja","useSecondaryTextBaseClassName","useTagStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledStyles","rootWithoutMediaStyles","rootWithoutDismissStyles","iconStyles","mediaStyles","dismissIconStyles","primaryTextStyles","secondaryTextBaseClassName","disabled","shape","size","className"],"sources":["useTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tagClassNames = {\n root: 'fui-Tag',\n media: 'fui-Tag__media',\n icon: 'fui-Tag__icon',\n primaryText: 'fui-Tag__primaryText',\n secondaryText: 'fui-Tag__secondaryText',\n dismissIcon: 'fui-Tag__dismissIcon'\n};\n/**\n * Inner horizontal space left and right of Tag\n */ const tagSpacingMedium = '7px';\nconst tagSpacingSmall = '5px';\nconst tagSpacingExtraSmall = '5px';\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst baseStyles = {\n // reset default button style:\n fontFamily: 'inherit',\n padding: '0px',\n appearance: 'button',\n textAlign: 'unset',\n display: 'inline-grid',\n alignItems: 'center',\n gridTemplateAreas: `\n \"media primary dismissIcon\"\n \"media secondary dismissIcon\"\n `,\n boxSizing: 'border-box',\n width: 'fit-content',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusMedium,\n ...createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusMedium,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusMedium,\n borderTopRightRadius: tokens.borderRadiusMedium\n }\n }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusCircular,\n ...createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusCircular,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n borderLeft: `${tokens.strokeWidthThin} solid`,\n borderRight: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderRadius: tokens.borderRadiusCircular\n }\n }\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2\n },\n selected: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n medium: {\n height: '32px'\n },\n small: {\n height: '24px'\n },\n 'extra-small': {\n position: 'relative',\n height: '20px',\n // Increase clickable area to meet WCAG 2.2 AA\n // https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html\n '&:before, &:after': {\n content: '\"\"',\n position: 'absolute',\n height: '2px',\n width: '100%'\n },\n '&:before': {\n bottom: '100%'\n },\n '&:after': {\n top: '100%'\n }\n }\n});\nconst useRootDisabledStyles = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n }\n});\n/**\n * Styles for root slot when Tag is without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n medium: {\n paddingLeft: tagSpacingMedium\n },\n small: {\n paddingLeft: tagSpacingSmall\n },\n 'extra-small': {\n paddingLeft: tagSpacingExtraSmall\n }\n});\n/**\n * Styles for root slot when Tag is without dismiss icon\n */ const useRootWithoutDismissStyles = makeStyles({\n medium: {\n paddingRight: tagSpacingMedium\n },\n small: {\n paddingRight: tagSpacingSmall\n },\n 'extra-small': {\n paddingRight: tagSpacingExtraSmall\n }\n});\nexport const useIconStyles = makeStyles({\n base: {\n gridArea: 'media',\n display: 'flex',\n boxSizing: 'content-box'\n },\n medium: {\n paddingLeft: tagSpacingMedium,\n paddingRight: tokens.spacingHorizontalXS,\n width: mediumIconSize,\n fontSize: mediumIconSize\n },\n small: {\n paddingLeft: tagSpacingSmall,\n paddingRight: tokens.spacingHorizontalXXS,\n width: smallIconSize,\n fontSize: smallIconSize\n },\n 'extra-small': {\n paddingLeft: tagSpacingExtraSmall,\n paddingRight: tokens.spacingHorizontalXXS,\n width: extraSmallIconSize,\n fontSize: extraSmallIconSize\n }\n});\nexport const useMediaStyles = makeStyles({\n base: {\n gridArea: 'media',\n display: 'flex',\n paddingLeft: '1px'\n },\n medium: {\n paddingRight: tokens.spacingHorizontalS\n },\n small: {\n paddingRight: tokens.spacingHorizontalSNudge\n },\n 'extra-small': {\n paddingRight: tokens.spacingHorizontalSNudge\n }\n});\nconst useDismissIconStyles = makeStyles({\n base: {\n gridArea: 'dismissIcon',\n display: 'flex',\n // windows high contrast:\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight'\n },\n ':active': {\n color: 'Highlight'\n }\n }\n },\n medium: {\n paddingLeft: tokens.spacingHorizontalXS,\n paddingRight: tagSpacingMedium,\n fontSize: mediumIconSize\n },\n small: {\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tagSpacingSmall,\n fontSize: smallIconSize\n },\n 'extra-small': {\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tagSpacingExtraSmall,\n fontSize: extraSmallIconSize\n },\n filled: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n outline: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n brand: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n selected: {\n ':hover': {\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':active': {\n color: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\nexport const usePrimaryTextStyles = makeStyles({\n base: {\n whiteSpace: 'nowrap',\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tokens.spacingHorizontalXXS\n },\n medium: {\n ...typographyStyles.body1\n },\n small: {\n ...typographyStyles.caption1\n },\n 'extra-small': {\n ...typographyStyles.caption1\n },\n withoutSecondaryText: {\n gridColumnStart: 'primary',\n gridRowStart: 'primary',\n gridRowEnd: 'secondary',\n paddingBottom: tokens.spacingHorizontalXXS\n },\n withSecondaryText: {\n gridArea: 'primary',\n ...typographyStyles.caption1,\n marginTop: '-2px'\n }\n});\nexport const useSecondaryTextBaseClassName = makeResetStyles({\n gridArea: 'secondary',\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tokens.spacingHorizontalXXS,\n ...typographyStyles.caption2,\n whiteSpace: 'nowrap'\n});\n/**\n * Apply styling to the Tag slots based on the state\n */ export const useTagStyles_unstable = (state)=>{\n 'use no memo';\n const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n const rootCircularBaseClassName = useRootCircularBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n const rootWithoutDismissStyles = useRootWithoutDismissStyles();\n const iconStyles = useIconStyles();\n const mediaStyles = useMediaStyles();\n const dismissIconStyles = useDismissIconStyles();\n const primaryTextStyles = usePrimaryTextStyles();\n const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n const { disabled, shape, size, appearance, selected } = state;\n state.root.className = mergeClasses(tagClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], selected && !disabled && rootStyles.selected, rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(tagClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(tagClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(tagClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n }\n if (state.dismissIcon) {\n state.dismissIcon.className = mergeClasses(tagClassNames.dismissIcon, dismissIconStyles.base, dismissIconStyles[size], !disabled && dismissIconStyles[appearance], selected && !disabled && dismissIconStyles.selected, state.dismissIcon.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
package/lib-commonjs/components/Tag/useTagStyles.styles.js CHANGED
@@ -130,7 +130,14 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
130
130
  Bqenvij: "frvgh55"
131
131
  },
132
132
  "extra-small": {
133
- Bqenvij: "fjamq6b"
133
+ qhf8xq: "f10pi13n",
134
+ Bqenvij: "fjamq6b",
135
+ b7i14k: "f15j58gw",
136
+ Bej73l1: "fitnkyp",
137
+ sg3u8k: "f12jc7rs",
138
+ dpul0f: "fitizsl",
139
+ Bj2wrql: "ff8e2ck",
140
+ u6d25: "f1oinwhq"
134
141
  }
135
142
  }, {
136
143
  d: [
@@ -151,7 +158,14 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
151
158
  ".fdf0ba2{border-bottom-color:var(--colorBrandStroke1);}",
152
159
  ".f1d2rq10{height:32px;}",
153
160
  ".frvgh55{height:24px;}",
154
- ".fjamq6b{height:20px;}"
161
+ ".f10pi13n{position:relative;}",
162
+ ".fjamq6b{height:20px;}",
163
+ ".f15j58gw:before,.f15j58gw:after{content:\"\";}",
164
+ ".fitnkyp:before,.fitnkyp:after{position:absolute;}",
165
+ ".f12jc7rs:before,.f12jc7rs:after{height:2px;}",
166
+ ".fitizsl:before,.fitizsl:after{width:100%;}",
167
+ ".ff8e2ck:before{bottom:100%;}",
168
+ ".f1oinwhq:after{top:100%;}"
155
169
  ]
156
170
  });
157
171
  const useRootDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
package/lib-commonjs/components/Tag/useTagStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tagClassNames = {\n root: 'fui-Tag',\n media: 'fui-Tag__media',\n icon: 'fui-Tag__icon',\n primaryText: 'fui-Tag__primaryText',\n secondaryText: 'fui-Tag__secondaryText',\n dismissIcon: 'fui-Tag__dismissIcon'\n};\n/**\n * Inner horizontal space left and right of Tag\n */ const tagSpacingMedium = '7px';\nconst tagSpacingSmall = '5px';\nconst tagSpacingExtraSmall = '5px';\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst baseStyles = {\n // reset default button style:\n fontFamily: 'inherit',\n padding: '0px',\n appearance: 'button',\n textAlign: 'unset',\n display: 'inline-grid',\n alignItems: 'center',\n gridTemplateAreas: `\n \"media primary dismissIcon\"\n \"media secondary dismissIcon\"\n `,\n boxSizing: 'border-box',\n width: 'fit-content',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusMedium,\n ...createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusMedium,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusMedium,\n borderTopRightRadius: tokens.borderRadiusMedium\n }\n }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusCircular,\n ...createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusCircular,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n borderLeft: `${tokens.strokeWidthThin} solid`,\n borderRight: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderRadius: tokens.borderRadiusCircular\n }\n }\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2\n },\n selected: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n medium: {\n height: '32px'\n },\n small: {\n height: '24px'\n },\n 'extra-small': {\n height: '20px'\n }\n});\nconst useRootDisabledStyles = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n }\n});\n/**\n * Styles for root slot when Tag is without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n medium: {\n paddingLeft: tagSpacingMedium\n },\n small: {\n paddingLeft: tagSpacingSmall\n },\n 'extra-small': {\n paddingLeft: tagSpacingExtraSmall\n }\n});\n/**\n * Styles for root slot when Tag is without dismiss icon\n */ const useRootWithoutDismissStyles = makeStyles({\n medium: {\n paddingRight: tagSpacingMedium\n },\n small: {\n paddingRight: tagSpacingSmall\n },\n 'extra-small': {\n paddingRight: tagSpacingExtraSmall\n }\n});\nexport const useIconStyles = makeStyles({\n base: {\n gridArea: 'media',\n display: 'flex',\n boxSizing: 'content-box'\n },\n medium: {\n paddingLeft: tagSpacingMedium,\n paddingRight: tokens.spacingHorizontalXS,\n width: mediumIconSize,\n fontSize: mediumIconSize\n },\n small: {\n paddingLeft: tagSpacingSmall,\n paddingRight: tokens.spacingHorizontalXXS,\n width: smallIconSize,\n fontSize: smallIconSize\n },\n 'extra-small': {\n paddingLeft: tagSpacingExtraSmall,\n paddingRight: tokens.spacingHorizontalXXS,\n width: extraSmallIconSize,\n fontSize: extraSmallIconSize\n }\n});\nexport const useMediaStyles = makeStyles({\n base: {\n gridArea: 'media',\n display: 'flex',\n paddingLeft: '1px'\n },\n medium: {\n paddingRight: tokens.spacingHorizontalS\n },\n small: {\n paddingRight: tokens.spacingHorizontalSNudge\n },\n 'extra-small': {\n paddingRight: tokens.spacingHorizontalSNudge\n }\n});\nconst useDismissIconStyles = makeStyles({\n base: {\n gridArea: 'dismissIcon',\n display: 'flex',\n // windows high contrast:\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight'\n },\n ':active': {\n color: 'Highlight'\n }\n }\n },\n medium: {\n paddingLeft: tokens.spacingHorizontalXS,\n paddingRight: tagSpacingMedium,\n fontSize: mediumIconSize\n },\n small: {\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tagSpacingSmall,\n fontSize: smallIconSize\n },\n 'extra-small': {\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tagSpacingExtraSmall,\n fontSize: extraSmallIconSize\n },\n filled: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n outline: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n brand: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n selected: {\n ':hover': {\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':active': {\n color: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\nexport const usePrimaryTextStyles = makeStyles({\n base: {\n whiteSpace: 'nowrap',\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tokens.spacingHorizontalXXS\n },\n medium: {\n ...typographyStyles.body1\n },\n small: {\n ...typographyStyles.caption1\n },\n 'extra-small': {\n ...typographyStyles.caption1\n },\n withoutSecondaryText: {\n gridColumnStart: 'primary',\n gridRowStart: 'primary',\n gridRowEnd: 'secondary',\n paddingBottom: tokens.spacingHorizontalXXS\n },\n withSecondaryText: {\n gridArea: 'primary',\n ...typographyStyles.caption1,\n marginTop: '-2px'\n }\n});\nexport const useSecondaryTextBaseClassName = makeResetStyles({\n gridArea: 'secondary',\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tokens.spacingHorizontalXXS,\n ...typographyStyles.caption2,\n whiteSpace: 'nowrap'\n});\n/**\n * Apply styling to the Tag slots based on the state\n */ export const useTagStyles_unstable = (state)=>{\n 'use no memo';\n const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n const rootCircularBaseClassName = useRootCircularBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n const rootWithoutDismissStyles = useRootWithoutDismissStyles();\n const iconStyles = useIconStyles();\n const mediaStyles = useMediaStyles();\n const dismissIconStyles = useDismissIconStyles();\n const primaryTextStyles = usePrimaryTextStyles();\n const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n const { disabled, shape, size, appearance, selected } = state;\n state.root.className = mergeClasses(tagClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], selected && !disabled && rootStyles.selected, rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(tagClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(tagClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(tagClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n }\n if (state.dismissIcon) {\n state.dismissIcon.className = mergeClasses(tagClassNames.dismissIcon, dismissIconStyles.base, dismissIconStyles[size], !disabled && dismissIconStyles[appearance], selected && !disabled && dismissIconStyles.selected, state.dismissIcon.className);\n }\n return state;\n};\n"],"names":["tagClassNames","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","useTagStyles_unstable","root","media","icon","primaryText","secondaryText","dismissIcon","tagSpacingMedium","tagSpacingSmall","tagSpacingExtraSmall","mediumIconSize","smallIconSize","extraSmallIconSize","baseStyles","fontFamily","padding","appearance","textAlign","display","alignItems","gridTemplateAreas","boxSizing","width","border","tokens","strokeWidthThin","colorTransparentStroke","useRootRoundedBaseClassName","__resetStyles","r","s","useRootCircularBaseClassName","useRootStyles","__styles","filled","De3pzq","sj55zd","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","selected","medium","Bqenvij","small","d","useRootDisabledStyles","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithoutDismissStyles","z189sj","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","mc9l5x","B7ck84d","a9b677","Be2twd7","p","useDismissIconStyles","ze5xyy","oy3o9n","eoavqd","Bi91k9c","lj723h","m","h","a","Huce71","Bahqtrf","Bhrd7zp","Bg96gwp","withoutSecondaryText","Byoj8tv","withSecondaryText","B6of3ja","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledStyles","rootWithoutMediaStyles","rootWithoutDismissStyles","iconStyles","mediaStyles","dismissIconStyles","primaryTextStyles","secondaryTextBaseClassName","disabled","shape","size","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["useTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tagClassNames = {\n root: 'fui-Tag',\n media: 'fui-Tag__media',\n icon: 'fui-Tag__icon',\n primaryText: 'fui-Tag__primaryText',\n secondaryText: 'fui-Tag__secondaryText',\n dismissIcon: 'fui-Tag__dismissIcon'\n};\n/**\n * Inner horizontal space left and right of Tag\n */ const tagSpacingMedium = '7px';\nconst tagSpacingSmall = '5px';\nconst tagSpacingExtraSmall = '5px';\nconst mediumIconSize = '20px';\nconst smallIconSize = '16px';\nconst extraSmallIconSize = '12px';\nconst baseStyles = {\n // reset default button style:\n fontFamily: 'inherit',\n padding: '0px',\n appearance: 'button',\n textAlign: 'unset',\n display: 'inline-grid',\n alignItems: 'center',\n gridTemplateAreas: `\n \"media primary dismissIcon\"\n \"media secondary dismissIcon\"\n `,\n boxSizing: 'border-box',\n width: 'fit-content',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusMedium,\n ...createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusMedium,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusMedium,\n borderTopRightRadius: tokens.borderRadiusMedium\n }\n }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusCircular,\n ...createCustomFocusIndicatorStyle({\n borderRadius: tokens.borderRadiusCircular,\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`\n }),\n /**\n * Pseudo element to draw the border for windows high contrast mode -\n * when Tag is with secondary text, primary text has negative margin that covers the border.\n */ '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n content: '\"\"',\n borderTop: `${tokens.strokeWidthThin} solid`,\n borderLeft: `${tokens.strokeWidthThin} solid`,\n borderRight: `${tokens.strokeWidthThin} solid`,\n position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderRadius: tokens.borderRadiusCircular\n }\n }\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1)\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2\n },\n selected: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand,\n ...shorthands.borderColor(tokens.colorBrandStroke1)\n },\n medium: {\n height: '32px'\n },\n small: {\n height: '24px'\n },\n 'extra-small': {\n position: 'relative',\n height: '20px',\n // Increase clickable area to meet WCAG 2.2 AA\n // https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html\n '&:before, &:after': {\n content: '\"\"',\n position: 'absolute',\n height: '2px',\n width: '100%'\n },\n '&:before': {\n bottom: '100%'\n },\n '&:after': {\n top: '100%'\n }\n }\n});\nconst useRootDisabledStyles = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n color: tokens.colorNeutralForegroundDisabled,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n }\n});\n/**\n * Styles for root slot when Tag is without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n medium: {\n paddingLeft: tagSpacingMedium\n },\n small: {\n paddingLeft: tagSpacingSmall\n },\n 'extra-small': {\n paddingLeft: tagSpacingExtraSmall\n }\n});\n/**\n * Styles for root slot when Tag is without dismiss icon\n */ const useRootWithoutDismissStyles = makeStyles({\n medium: {\n paddingRight: tagSpacingMedium\n },\n small: {\n paddingRight: tagSpacingSmall\n },\n 'extra-small': {\n paddingRight: tagSpacingExtraSmall\n }\n});\nexport const useIconStyles = makeStyles({\n base: {\n gridArea: 'media',\n display: 'flex',\n boxSizing: 'content-box'\n },\n medium: {\n paddingLeft: tagSpacingMedium,\n paddingRight: tokens.spacingHorizontalXS,\n width: mediumIconSize,\n fontSize: mediumIconSize\n },\n small: {\n paddingLeft: tagSpacingSmall,\n paddingRight: tokens.spacingHorizontalXXS,\n width: smallIconSize,\n fontSize: smallIconSize\n },\n 'extra-small': {\n paddingLeft: tagSpacingExtraSmall,\n paddingRight: tokens.spacingHorizontalXXS,\n width: extraSmallIconSize,\n fontSize: extraSmallIconSize\n }\n});\nexport const useMediaStyles = makeStyles({\n base: {\n gridArea: 'media',\n display: 'flex',\n paddingLeft: '1px'\n },\n medium: {\n paddingRight: tokens.spacingHorizontalS\n },\n small: {\n paddingRight: tokens.spacingHorizontalSNudge\n },\n 'extra-small': {\n paddingRight: tokens.spacingHorizontalSNudge\n }\n});\nconst useDismissIconStyles = makeStyles({\n base: {\n gridArea: 'dismissIcon',\n display: 'flex',\n // windows high contrast:\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight'\n },\n ':active': {\n color: 'Highlight'\n }\n }\n },\n medium: {\n paddingLeft: tokens.spacingHorizontalXS,\n paddingRight: tagSpacingMedium,\n fontSize: mediumIconSize\n },\n small: {\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tagSpacingSmall,\n fontSize: smallIconSize\n },\n 'extra-small': {\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tagSpacingExtraSmall,\n fontSize: extraSmallIconSize\n },\n filled: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n outline: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n brand: {\n ':hover': {\n cursor: 'pointer',\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n color: tokens.colorCompoundBrandForeground1Pressed\n }\n },\n selected: {\n ':hover': {\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':active': {\n color: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\nexport const usePrimaryTextStyles = makeStyles({\n base: {\n whiteSpace: 'nowrap',\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tokens.spacingHorizontalXXS\n },\n medium: {\n ...typographyStyles.body1\n },\n small: {\n ...typographyStyles.caption1\n },\n 'extra-small': {\n ...typographyStyles.caption1\n },\n withoutSecondaryText: {\n gridColumnStart: 'primary',\n gridRowStart: 'primary',\n gridRowEnd: 'secondary',\n paddingBottom: tokens.spacingHorizontalXXS\n },\n withSecondaryText: {\n gridArea: 'primary',\n ...typographyStyles.caption1,\n marginTop: '-2px'\n }\n});\nexport const useSecondaryTextBaseClassName = makeResetStyles({\n gridArea: 'secondary',\n paddingLeft: tokens.spacingHorizontalXXS,\n paddingRight: tokens.spacingHorizontalXXS,\n ...typographyStyles.caption2,\n whiteSpace: 'nowrap'\n});\n/**\n * Apply styling to the Tag slots based on the state\n */ export const useTagStyles_unstable = (state)=>{\n 'use no memo';\n const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n const rootCircularBaseClassName = useRootCircularBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n const rootWithoutDismissStyles = useRootWithoutDismissStyles();\n const iconStyles = useIconStyles();\n const mediaStyles = useMediaStyles();\n const dismissIconStyles = useDismissIconStyles();\n const primaryTextStyles = usePrimaryTextStyles();\n const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n const { disabled, shape, size, appearance, selected } = state;\n state.root.className = mergeClasses(tagClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, disabled ? rootDisabledStyles[appearance] : rootStyles[appearance], selected && !disabled && rootStyles.selected, rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], !state.dismissIcon && rootWithoutDismissStyles[size], state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(tagClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(tagClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(tagClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(tagClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n }\n if (state.dismissIcon) {\n state.dismissIcon.className = mergeClasses(tagClassNames.dismissIcon, dismissIconStyles.base, dismissIconStyles[size], !disabled && dismissIconStyles[appearance], selected && !disabled && dismissIconStyles.selected, state.dismissIcon.className);\n }\n return state;\n};\n"],"names":["tagClassNames","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","useTagStyles_unstable","root","media","icon","primaryText","secondaryText","dismissIcon","tagSpacingMedium","tagSpacingSmall","tagSpacingExtraSmall","mediumIconSize","smallIconSize","extraSmallIconSize","baseStyles","fontFamily","padding","appearance","textAlign","display","alignItems","gridTemplateAreas","boxSizing","width","border","tokens","strokeWidthThin","colorTransparentStroke","useRootRoundedBaseClassName","__resetStyles","r","s","useRootCircularBaseClassName","useRootStyles","__styles","filled","De3pzq","sj55zd","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","brand","selected","medium","Bqenvij","small","qhf8xq","b7i14k","Bej73l1","sg3u8k","dpul0f","Bj2wrql","u6d25","d","useRootDisabledStyles","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithoutDismissStyles","z189sj","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","mc9l5x","B7ck84d","a9b677","Be2twd7","p","useDismissIconStyles","ze5xyy","oy3o9n","eoavqd","Bi91k9c","lj723h","m","h","a","Huce71","Bahqtrf","Bhrd7zp","Bg96gwp","withoutSecondaryText","Byoj8tv","withSecondaryText","B6of3ja","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledStyles","rootWithoutMediaStyles","rootWithoutDismissStyles","iconStyles","mediaStyles","dismissIconStyles","primaryTextStyles","secondaryTextBaseClassName","disabled","shape","size","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tags",
3
- "version": "9.5.1",
3
+ "version": "9.5.3",
4
4
  "description": "Fluent UI Tag component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -21,14 +21,14 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@fluentui/keyboard-keys": "^9.0.8",
24
- "@fluentui/react-aria": "^9.14.3",
25
- "@fluentui/react-avatar": "^9.7.3",
24
+ "@fluentui/react-aria": "^9.14.5",
25
+ "@fluentui/react-avatar": "^9.7.5",
26
26
  "@fluentui/react-icons": "^2.0.245",
27
- "@fluentui/react-jsx-runtime": "^9.0.53",
27
+ "@fluentui/react-jsx-runtime": "^9.0.54",
28
28
  "@fluentui/react-shared-contexts": "^9.23.1",
29
- "@fluentui/react-tabster": "^9.24.3",
29
+ "@fluentui/react-tabster": "^9.24.5",
30
30
  "@fluentui/react-theme": "^9.1.24",
31
- "@fluentui/react-utilities": "^9.18.23",
31
+ "@fluentui/react-utilities": "^9.19.0",
32
32
  "@griffel/react": "^1.5.22",
33
33
  "@swc/helpers": "^0.5.1"
34
34
  },