@fluentui/react-tags 0.0.0-nightly-20240730-0407.1 → 0.0.0-nightly-20240816-2133.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -15
- package/lib/components/InteractionTag/useInteractionTagStyles.styles.js +4 -4
- package/lib/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -1
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +48 -48
- package/lib/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -1
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +36 -36
- package/lib/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -1
- package/lib/components/Tag/useTagStyles.styles.js +45 -45
- package/lib/components/Tag/useTagStyles.styles.js.map +1 -1
- package/lib/components/TagGroup/useTagGroupStyles.styles.js +4 -4
- package/lib/components/TagGroup/useTagGroupStyles.styles.js.map +1 -1
- package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js +4 -4
- package/lib-commonjs/components/InteractionTag/useInteractionTagStyles.styles.js.map +1 -1
- package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js +101 -93
- package/lib-commonjs/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.js.map +1 -1
- package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js +84 -74
- package/lib-commonjs/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Tag/useTagStyles.styles.js +100 -84
- package/lib-commonjs/components/Tag/useTagStyles.styles.js.map +1 -1
- package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js +6 -6
- package/lib-commonjs/components/TagGroup/useTagGroupStyles.styles.js.map +1 -1
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-tags
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 16 Aug 2024 21:43:58 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20240816-2133.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v0.0.0-nightly-20240816-2133.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.12..@fluentui/react-tags_v0.0.0-nightly-
|
|
9
|
+
Fri, 16 Aug 2024 21:43:58 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.12..@fluentui/react-tags_v0.0.0-nightly-20240816-2133.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
-
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-
|
|
16
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-avatar to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
20
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
21
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
22
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
23
|
-
- Bump @fluentui/react-provider to v0.0.0-nightly-
|
|
24
|
-
- Bump @fluentui/react-conformance to v0.0.0-nightly-
|
|
25
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
16
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
17
|
+
- Bump @fluentui/react-avatar to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
19
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
20
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
21
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
22
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
23
|
+
- Bump @fluentui/react-provider to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
24
|
+
- Bump @fluentui/react-conformance to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
25
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
|
|
26
26
|
|
|
27
27
|
## [9.3.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.12)
|
|
28
28
|
|
|
@@ -10,14 +10,14 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
10
10
|
Bbmb7ep: 0,
|
|
11
11
|
Btl43ni: 0,
|
|
12
12
|
B7oj6ja: 0,
|
|
13
|
-
Dimara: "
|
|
13
|
+
Dimara: "fta9e3o"
|
|
14
14
|
},
|
|
15
15
|
circular: {
|
|
16
16
|
Beyfa6y: 0,
|
|
17
17
|
Bbmb7ep: 0,
|
|
18
18
|
Btl43ni: 0,
|
|
19
19
|
B7oj6ja: 0,
|
|
20
|
-
Dimara: "
|
|
20
|
+
Dimara: "f125qtiu"
|
|
21
21
|
},
|
|
22
22
|
medium: {
|
|
23
23
|
Bqenvij: "f1d2rq10"
|
|
@@ -29,9 +29,9 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
29
29
|
Bqenvij: "fjamq6b"
|
|
30
30
|
}
|
|
31
31
|
}, {
|
|
32
|
-
d: [[".
|
|
32
|
+
d: [[".fta9e3o{border-radius:var(--ctrl-token-InteractionTag-2289, var(--semantic-token-InteractionTag-2290, var(--borderRadiusMedium)));}", {
|
|
33
33
|
p: -1
|
|
34
|
-
}], [".
|
|
34
|
+
}], [".f125qtiu{border-radius:var(--ctrl-token-InteractionTag-2291, var(--semantic-token-InteractionTag-2292, var(--borderRadiusCircular)));}", {
|
|
35
35
|
p: -1
|
|
36
36
|
}], ".f1d2rq10{height:32px;}", ".frvgh55{height:24px;}", ".fjamq6b{height:20px;}"]
|
|
37
37
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","interactionTagClassNames","root","useRootBaseClassName","useRootStyles","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","circular","medium","Bqenvij","small","d","p","useInteractionTagStyles_unstable","state","rootBaseClassName","rootStyles","shape","size","className"],"sources":["useInteractionTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagClassNames = {\n root: 'fui-InteractionTag'\n};\nconst useRootBaseClassName = makeResetStyles({\n display: 'inline-flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n width: 'fit-content'\n});\nconst useRootStyles = makeStyles({\n rounded: {\n borderRadius: tokens.borderRadiusMedium
|
|
1
|
+
{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","interactionTagClassNames","root","useRootBaseClassName","useRootStyles","rounded","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","circular","medium","Bqenvij","small","d","p","useInteractionTagStyles_unstable","state","rootBaseClassName","rootStyles","shape","size","className"],"sources":["useInteractionTagStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const interactionTagClassNames = {\n root: 'fui-InteractionTag'\n};\nconst useRootBaseClassName = makeResetStyles({\n display: 'inline-flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n width: 'fit-content'\n});\nconst useRootStyles = makeStyles({\n rounded: {\n borderRadius: `var(--ctrl-token-InteractionTag-2289, var(--semantic-token-InteractionTag-2290, ${tokens.borderRadiusMedium}))`\n },\n circular: {\n borderRadius: `var(--ctrl-token-InteractionTag-2291, var(--semantic-token-InteractionTag-2292, ${tokens.borderRadiusCircular}))`\n },\n medium: {\n height: '32px'\n },\n small: {\n height: '24px'\n },\n 'extra-small': {\n height: '20px'\n }\n});\n/**\n * Apply styling to the InteractionTag slots based on the state\n */ export const useInteractionTagStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseClassName = useRootBaseClassName();\n const rootStyles = useRootStyles();\n const { shape, size } = state;\n state.root.className = mergeClasses(interactionTagClassNames.root, rootBaseClassName, rootStyles[shape], rootStyles[size], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,gBAAGN,aAAA,iHAK5B,CAAC;AACF,MAAMO,aAAa,gBAAGN,QAAA;EAAAO,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAE,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAgBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzD,aAAa;;EACb,MAAMC,iBAAiB,GAAGhB,oBAAoB,CAAC,CAAC;EAChD,MAAMiB,UAAU,GAAGhB,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEiB,KAAK;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAC7BA,KAAK,CAAChB,IAAI,CAACqB,SAAS,GAAGxB,YAAY,CAACE,wBAAwB,CAACC,IAAI,EAAEiB,iBAAiB,EAAEC,UAAU,CAACC,KAAK,CAAC,EAAED,UAAU,CAACE,IAAI,CAAC,EAAEJ,KAAK,CAAChB,IAAI,CAACqB,SAAS,CAAC;EAChJ,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -32,13 +32,13 @@ const baseStyles = {
|
|
|
32
32
|
zIndex: 1
|
|
33
33
|
})
|
|
34
34
|
};
|
|
35
|
-
const useRootRoundedBaseClassName = /*#__PURE__*/__resetStyles("
|
|
36
|
-
r: [".
|
|
37
|
-
s: ["@media (forced-colors: active){.
|
|
35
|
+
const useRootRoundedBaseClassName = /*#__PURE__*/__resetStyles("r3v6oek", "r1yjyuo2", {
|
|
36
|
+
r: [".r3v6oek{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\"media primary \" \"media secondary\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--ctrl-token-InteractionTagPrimary-2293, var(--semantic-token-InteractionTagPrimary-2294, var(--borderRadiusMedium)));}", ".r3v6oek[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}", ".r1yjyuo2{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\"media primary \" \"media secondary\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--ctrl-token-InteractionTagPrimary-2293, var(--semantic-token-InteractionTagPrimary-2294, var(--borderRadiusMedium)));}", ".r1yjyuo2[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}"],
|
|
37
|
+
s: ["@media (forced-colors: active){.r3v6oek{position:relative;}.r3v6oek::before{content:\"\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-top-left-radius:var(--ctrl-token-InteractionTagPrimary-2295, var(--semantic-token-InteractionTagPrimary-2296, var(--borderRadiusMedium)));border-top-right-radius:var(--ctrl-token-InteractionTagPrimary-2297, var(--semantic-token-InteractionTagPrimary-2298, var(--borderRadiusMedium)));}}", "@media (forced-colors: active){.r1yjyuo2{position:relative;}.r1yjyuo2::before{content:\"\";border-top:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--ctrl-token-InteractionTagPrimary-2295, var(--semantic-token-InteractionTagPrimary-2296, var(--borderRadiusMedium)));border-top-left-radius:var(--ctrl-token-InteractionTagPrimary-2297, var(--semantic-token-InteractionTagPrimary-2298, var(--borderRadiusMedium)));}}"]
|
|
38
38
|
});
|
|
39
|
-
const useRootCircularBaseClassName = /*#__PURE__*/__resetStyles("
|
|
40
|
-
r: [".
|
|
41
|
-
s: ["@media (forced-colors: active){.
|
|
39
|
+
const useRootCircularBaseClassName = /*#__PURE__*/__resetStyles("r1afpl21", "r1i0wlus", {
|
|
40
|
+
r: [".r1afpl21{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\"media primary \" \"media secondary\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--ctrl-token-InteractionTagPrimary-2299, var(--semantic-token-InteractionTagPrimary-2300, var(--borderRadiusCircular)));}", ".r1afpl21[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}", ".r1i0wlus{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:inline-grid;height:100%;align-items:center;grid-template-areas:\"media primary \" \"media secondary\";border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-radius:var(--ctrl-token-InteractionTagPrimary-2299, var(--semantic-token-InteractionTagPrimary-2300, var(--borderRadiusCircular)));}", ".r1i0wlus[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);z-index:1;}"],
|
|
41
|
+
s: ["@media (forced-colors: active){.r1afpl21{position:relative;}.r1afpl21::before{content:\"\";border-top:var(--strokeWidthThin) solid;border-left:var(--strokeWidthThin) solid;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-top-left-radius:var(--ctrl-token-InteractionTagPrimary-2301, var(--semantic-token-InteractionTagPrimary-2302, var(--borderRadiusCircular)));border-bottom-left-radius:var(--ctrl-token-InteractionTagPrimary-2303, var(--semantic-token-InteractionTagPrimary-2304, var(--borderRadiusCircular)));}}", "@media (forced-colors: active){.r1i0wlus{position:relative;}.r1i0wlus::before{content:\"\";border-top:var(--strokeWidthThin) solid;border-right:var(--strokeWidthThin) solid;position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;border-top-right-radius:var(--ctrl-token-InteractionTagPrimary-2301, var(--semantic-token-InteractionTagPrimary-2302, var(--borderRadiusCircular)));border-bottom-right-radius:var(--ctrl-token-InteractionTagPrimary-2303, var(--semantic-token-InteractionTagPrimary-2304, var(--borderRadiusCircular)));}}"]
|
|
42
42
|
});
|
|
43
43
|
/**
|
|
44
44
|
* Style override for pseudo element that draws the border for windows high contrast mode
|
|
@@ -50,8 +50,8 @@ const useRootCircularContrastStyles = /*#__PURE__*/__styles({
|
|
|
50
50
|
B33s42s: 0,
|
|
51
51
|
G4pote: 0,
|
|
52
52
|
gw1m2h: ["f19rnj73", "f1jjg5yc"],
|
|
53
|
-
w20ur: ["
|
|
54
|
-
Byczuf6: ["
|
|
53
|
+
w20ur: ["f16vrhe", "f1rxcf2x"],
|
|
54
|
+
Byczuf6: ["f40pfs8", "f3h20o1"]
|
|
55
55
|
}
|
|
56
56
|
}, {
|
|
57
57
|
m: [["@media (forced-colors: active){.ff3fe07{position:relative;}}", {
|
|
@@ -59,53 +59,53 @@ const useRootCircularContrastStyles = /*#__PURE__*/__styles({
|
|
|
59
59
|
}], ["@media (forced-colors: active){.f19rnj73::before{border-right:var(--strokeWidthThin) solid transparent;}.f1jjg5yc::before{border-left:var(--strokeWidthThin) solid transparent;}}", {
|
|
60
60
|
p: -1,
|
|
61
61
|
m: "(forced-colors: active)"
|
|
62
|
-
}], ["@media (forced-colors: active){.
|
|
62
|
+
}], ["@media (forced-colors: active){.f16vrhe::before{border-top-right-radius:var(--ctrl-token-InteractionTagPrimary-2305, var(--semantic-token-InteractionTagPrimary-2306, var(--borderRadiusCircular)));}.f1rxcf2x::before{border-top-left-radius:var(--ctrl-token-InteractionTagPrimary-2305, var(--semantic-token-InteractionTagPrimary-2306, var(--borderRadiusCircular)));}}", {
|
|
63
63
|
m: "(forced-colors: active)"
|
|
64
|
-
}], ["@media (forced-colors: active){.
|
|
64
|
+
}], ["@media (forced-colors: active){.f3h20o1::before{border-bottom-left-radius:var(--ctrl-token-InteractionTagPrimary-2307, var(--semantic-token-InteractionTagPrimary-2308, var(--borderRadiusCircular)));}.f40pfs8::before{border-bottom-right-radius:var(--ctrl-token-InteractionTagPrimary-2307, var(--semantic-token-InteractionTagPrimary-2308, var(--borderRadiusCircular)));}}", {
|
|
65
65
|
m: "(forced-colors: active)"
|
|
66
66
|
}]]
|
|
67
67
|
});
|
|
68
68
|
const useRootStyles = /*#__PURE__*/__styles({
|
|
69
69
|
filled: {
|
|
70
|
-
De3pzq: "
|
|
71
|
-
sj55zd: "
|
|
70
|
+
De3pzq: "f1i1zi2u",
|
|
71
|
+
sj55zd: "foqhsrc",
|
|
72
72
|
eoavqd: "f8491dx",
|
|
73
|
-
Jwef8y: "
|
|
74
|
-
Bi91k9c: "
|
|
75
|
-
ecr2s2: "
|
|
76
|
-
lj723h: "
|
|
73
|
+
Jwef8y: "f3c8l8k",
|
|
74
|
+
Bi91k9c: "f1prwn0c",
|
|
75
|
+
ecr2s2: "fsg1cv0",
|
|
76
|
+
lj723h: "ffq4wnu",
|
|
77
77
|
Bqrx1nm: "fq7113v",
|
|
78
78
|
kx9iu6: "fp3oj7s"
|
|
79
79
|
},
|
|
80
80
|
outline: {
|
|
81
|
-
De3pzq: "
|
|
82
|
-
sj55zd: "
|
|
81
|
+
De3pzq: "f1ogzr74",
|
|
82
|
+
sj55zd: "fcr2b0d",
|
|
83
83
|
g2u3we: "fj3muxo",
|
|
84
84
|
h3c5rm: ["f1akhkt", "f1lxtadh"],
|
|
85
85
|
B9xav0g: "f1aperda",
|
|
86
86
|
zhjwy3: ["f1lxtadh", "f1akhkt"],
|
|
87
87
|
eoavqd: "f8491dx",
|
|
88
|
-
Jwef8y: "
|
|
89
|
-
Bi91k9c: "
|
|
88
|
+
Jwef8y: "fkboe59",
|
|
89
|
+
Bi91k9c: "fmky5ek",
|
|
90
90
|
Bk3fhr4: "ft1hn21",
|
|
91
|
-
I6i3kg: "
|
|
91
|
+
I6i3kg: "f6fgddw",
|
|
92
92
|
Bmfj8id: "fuxngvv",
|
|
93
|
-
ecr2s2: "
|
|
94
|
-
lj723h: "
|
|
93
|
+
ecr2s2: "fzj4681",
|
|
94
|
+
lj723h: "ft1xenj",
|
|
95
95
|
Bnrwwps: "fvpl5sy",
|
|
96
|
-
weioyw: "
|
|
96
|
+
weioyw: "fehlnln",
|
|
97
97
|
Bpre390: "f8upcvr",
|
|
98
98
|
Bqrx1nm: "fq7113v",
|
|
99
99
|
kx9iu6: "fp3oj7s"
|
|
100
100
|
},
|
|
101
101
|
brand: {
|
|
102
|
-
De3pzq: "
|
|
103
|
-
sj55zd: "
|
|
102
|
+
De3pzq: "fiqgsym",
|
|
103
|
+
sj55zd: "fhpss6n",
|
|
104
104
|
eoavqd: "f8491dx",
|
|
105
|
-
Jwef8y: "
|
|
106
|
-
Bi91k9c: "
|
|
107
|
-
ecr2s2: "
|
|
108
|
-
lj723h: "
|
|
105
|
+
Jwef8y: "ftl0mtk",
|
|
106
|
+
Bi91k9c: "fop9uw",
|
|
107
|
+
ecr2s2: "f1bgak41",
|
|
108
|
+
lj723h: "f1ymvk5b",
|
|
109
109
|
Bqrx1nm: "fq7113v",
|
|
110
110
|
kx9iu6: "fp3oj7s"
|
|
111
111
|
},
|
|
@@ -119,9 +119,9 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
119
119
|
z189sj: ["fwiuce9", "f15vdbe4"]
|
|
120
120
|
}
|
|
121
121
|
}, {
|
|
122
|
-
d: [".
|
|
123
|
-
h: [".f8491dx:hover{cursor:pointer;}", ".
|
|
124
|
-
a: [".
|
|
122
|
+
d: [".f1i1zi2u{background-color:var(--ctrl-token-InteractionTagPrimary-2309, var(--semantic-token-InteractionTagPrimary-2310, var(--colorNeutralBackground3)));}", ".foqhsrc{color:var(--ctrl-token-InteractionTagPrimary-2311, var(--semantic-token-InteractionTagPrimary-2312, var(--colorNeutralForeground2)));}", ".f1ogzr74{background-color:var(--ctrl-token-InteractionTagPrimary-2321, var(--semantic-token-InteractionTagPrimary-2322, var(--colorSubtleBackground)));}", ".fcr2b0d{color:var(--ctrl-token-InteractionTagPrimary-2323, var(--semantic-token-InteractionTagPrimary-2324, var(--colorNeutralForeground2)));}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fiqgsym{background-color:var(--ctrl-token-InteractionTagPrimary-2337, var(--semantic-token-InteractionTagPrimary-2338, var(--colorBrandBackground2)));}", ".fhpss6n{color:var(--ctrl-token-InteractionTagPrimary-2339, var(--semantic-token-InteractionTagPrimary-2340, var(--colorBrandForeground2)));}", ".f18k1jr3{padding-right:7px;}", ".f1rtp3s9{padding-left:7px;}", ".fwiuce9{padding-right:5px;}", ".f15vdbe4{padding-left:5px;}"],
|
|
123
|
+
h: [".f8491dx:hover{cursor:pointer;}", ".f3c8l8k:hover{background-color:var(--ctrl-token-InteractionTagPrimary-2313, var(--semantic-token-InteractionTagPrimary-2314, var(--colorNeutralBackground3Hover)));}", ".f1prwn0c:hover{color:var(--ctrl-token-InteractionTagPrimary-2315, var(--semantic-token-InteractionTagPrimary-2316, var(--colorNeutralForeground2Hover)));}", ".fkboe59:hover{background-color:var(--ctrl-token-InteractionTagPrimary-2325, var(--semantic-token-InteractionTagPrimary-2326, var(--colorSubtleBackgroundHover)));}", ".fmky5ek:hover{color:var(--ctrl-token-InteractionTagPrimary-2327, var(--semantic-token-InteractionTagPrimary-2328, var(--colorNeutralForeground2Hover)));}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".f6fgddw:hover .fui-Icon-filled{color:var(--ctrl-token-InteractionTagPrimary-2329, var(--semantic-token-InteractionTagPrimary-2330, var(--colorNeutralForeground2BrandHover)));}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".ftl0mtk:hover{background-color:var(--ctrl-token-InteractionTagPrimary-2341, var(--semantic-token-InteractionTagPrimary-2342, var(--colorBrandBackground2Hover)));}", ".fop9uw:hover{color:var(--ctrl-token-InteractionTagPrimary-2343, var(--semantic-token-InteractionTagPrimary-2344, var(--colorCompoundBrandForeground1Hover)));}"],
|
|
124
|
+
a: [".fsg1cv0:active{background-color:var(--ctrl-token-InteractionTagPrimary-2317, var(--semantic-token-InteractionTagPrimary-2318, var(--colorNeutralBackground3Pressed)));}", ".ffq4wnu:active{color:var(--ctrl-token-InteractionTagPrimary-2319, var(--semantic-token-InteractionTagPrimary-2320, var(--colorNeutralForeground2Pressed)));}", ".fzj4681:active{background-color:var(--ctrl-token-InteractionTagPrimary-2331, var(--semantic-token-InteractionTagPrimary-2332, var(--colorSubtleBackgroundPressed)));}", ".ft1xenj:active{color:var(--ctrl-token-InteractionTagPrimary-2333, var(--semantic-token-InteractionTagPrimary-2334, var(--colorNeutralForeground2Pressed)));}", ".fvpl5sy:active .fui-Icon-filled{display:inline;}", ".fehlnln:active .fui-Icon-filled{color:var(--ctrl-token-InteractionTagPrimary-2335, var(--semantic-token-InteractionTagPrimary-2336, var(--colorNeutralForeground2BrandPressed)));}", ".f8upcvr:active .fui-Icon-regular{display:none;}", ".f1bgak41:active{background-color:var(--ctrl-token-InteractionTagPrimary-2345, var(--semantic-token-InteractionTagPrimary-2346, var(--colorBrandBackground2Pressed)));}", ".f1ymvk5b:active{color:var(--ctrl-token-InteractionTagPrimary-2347, var(--semantic-token-InteractionTagPrimary-2348, var(--colorCompoundBrandForeground1Pressed)));}"],
|
|
125
125
|
m: [["@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}", {
|
|
126
126
|
m: "(forced-colors: active)"
|
|
127
127
|
}], ["@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}", {
|
|
@@ -131,8 +131,8 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
131
131
|
const useRootDisabledAppearances = /*#__PURE__*/__styles({
|
|
132
132
|
filled: {
|
|
133
133
|
Bceei9c: "fdrzuqr",
|
|
134
|
-
De3pzq: "
|
|
135
|
-
sj55zd: "
|
|
134
|
+
De3pzq: "f9xvxaz",
|
|
135
|
+
sj55zd: "f1nvu9m7",
|
|
136
136
|
g2u3we: "fgig46g",
|
|
137
137
|
h3c5rm: ["f1mxt3zg", "fziff3p"],
|
|
138
138
|
B9xav0g: "f250w3l",
|
|
@@ -140,8 +140,8 @@ const useRootDisabledAppearances = /*#__PURE__*/__styles({
|
|
|
140
140
|
},
|
|
141
141
|
outline: {
|
|
142
142
|
Bceei9c: "fdrzuqr",
|
|
143
|
-
De3pzq: "
|
|
144
|
-
sj55zd: "
|
|
143
|
+
De3pzq: "f1rwfrbi",
|
|
144
|
+
sj55zd: "fn5zdf8",
|
|
145
145
|
g2u3we: "f1jj8ep1",
|
|
146
146
|
h3c5rm: ["f15xbau", "fy0fskl"],
|
|
147
147
|
B9xav0g: "f4ikngz",
|
|
@@ -149,15 +149,15 @@ const useRootDisabledAppearances = /*#__PURE__*/__styles({
|
|
|
149
149
|
},
|
|
150
150
|
brand: {
|
|
151
151
|
Bceei9c: "fdrzuqr",
|
|
152
|
-
De3pzq: "
|
|
153
|
-
sj55zd: "
|
|
152
|
+
De3pzq: "fjle1cm",
|
|
153
|
+
sj55zd: "f1clw1ea",
|
|
154
154
|
g2u3we: "fgig46g",
|
|
155
155
|
h3c5rm: ["f1mxt3zg", "fziff3p"],
|
|
156
156
|
B9xav0g: "f250w3l",
|
|
157
157
|
zhjwy3: ["fziff3p", "f1mxt3zg"]
|
|
158
158
|
}
|
|
159
159
|
}, {
|
|
160
|
-
d: [".fdrzuqr{cursor:not-allowed;}", ".
|
|
160
|
+
d: [".fdrzuqr{cursor:not-allowed;}", ".f9xvxaz{background-color:var(--ctrl-token-InteractionTagPrimary-2349, var(--semantic-token-InteractionTagPrimary-2350, var(--colorNeutralBackgroundDisabled)));}", ".f1nvu9m7{color:var(--ctrl-token-InteractionTagPrimary-2351, var(--semantic-token-InteractionTagPrimary-2352, var(--colorNeutralForegroundDisabled)));}", ".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}", ".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}", ".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}", ".f1rwfrbi{background-color:var(--ctrl-token-InteractionTagPrimary-2353, var(--semantic-token-InteractionTagPrimary-2354, var(--colorSubtleBackground)));}", ".fn5zdf8{color:var(--ctrl-token-InteractionTagPrimary-2355, var(--semantic-token-InteractionTagPrimary-2356, var(--colorNeutralForegroundDisabled)));}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fjle1cm{background-color:var(--ctrl-token-InteractionTagPrimary-2357, var(--semantic-token-InteractionTagPrimary-2358, var(--colorNeutralBackgroundDisabled)));}", ".f1clw1ea{color:var(--ctrl-token-InteractionTagPrimary-2359, var(--semantic-token-InteractionTagPrimary-2360, var(--colorNeutralForegroundDisabled)));}"]
|
|
161
161
|
});
|
|
162
162
|
/**
|
|
163
163
|
* Styles for InteractionTagPrimary without leading media/icon
|
|
@@ -180,23 +180,23 @@ const useRootWithoutMediaStyles = /*#__PURE__*/__styles({
|
|
|
180
180
|
*/
|
|
181
181
|
const useRootWithSecondaryActionStyles = /*#__PURE__*/__styles({
|
|
182
182
|
base: {
|
|
183
|
-
B7oj6ja: ["
|
|
184
|
-
Bbmb7ep: ["
|
|
183
|
+
B7oj6ja: ["f1k52wp8", "f1w9bxsp"],
|
|
184
|
+
Bbmb7ep: ["ftxrqp8", "fizkazs"],
|
|
185
185
|
vrafjx: ["f1n71otn", "f1deefiw"],
|
|
186
|
-
B6xbmo0: ["
|
|
187
|
-
kdpuga: ["
|
|
186
|
+
B6xbmo0: ["f1dk53rn", "f12iu5gz"],
|
|
187
|
+
kdpuga: ["f5x5q2b", "fzwcwcv"]
|
|
188
188
|
},
|
|
189
189
|
medium: {
|
|
190
|
-
z189sj: ["
|
|
190
|
+
z189sj: ["f13ri129", "f1tad0qb"]
|
|
191
191
|
},
|
|
192
192
|
small: {
|
|
193
|
-
z189sj: ["
|
|
193
|
+
z189sj: ["f1glr02", "ffylxed"]
|
|
194
194
|
},
|
|
195
195
|
"extra-small": {
|
|
196
|
-
z189sj: ["
|
|
196
|
+
z189sj: ["f1i9dvux", "f1lhidn"]
|
|
197
197
|
}
|
|
198
198
|
}, {
|
|
199
|
-
d: [".
|
|
199
|
+
d: [".f1k52wp8{border-top-right-radius:var(--ctrl-token-InteractionTagPrimary-2361, var(--semantic-token-InteractionTagPrimary-2362, var(--borderRadiusNone)));}", ".f1w9bxsp{border-top-left-radius:var(--ctrl-token-InteractionTagPrimary-2361, var(--semantic-token-InteractionTagPrimary-2362, var(--borderRadiusNone)));}", ".ftxrqp8{border-bottom-right-radius:var(--ctrl-token-InteractionTagPrimary-2363, var(--semantic-token-InteractionTagPrimary-2364, var(--borderRadiusNone)));}", ".fizkazs{border-bottom-left-radius:var(--ctrl-token-InteractionTagPrimary-2363, var(--semantic-token-InteractionTagPrimary-2364, var(--borderRadiusNone)));}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1dk53rn[data-fui-focus-visible]{border-top-right-radius:var(--ctrl-token-InteractionTagPrimary-2365, var(--semantic-token-InteractionTagPrimary-2366, var(--borderRadiusNone)));}", ".f12iu5gz[data-fui-focus-visible]{border-top-left-radius:var(--ctrl-token-InteractionTagPrimary-2365, var(--semantic-token-InteractionTagPrimary-2366, var(--borderRadiusNone)));}", ".f5x5q2b[data-fui-focus-visible]{border-bottom-right-radius:var(--ctrl-token-InteractionTagPrimary-2367, var(--semantic-token-InteractionTagPrimary-2368, var(--borderRadiusNone)));}", ".fzwcwcv[data-fui-focus-visible]{border-bottom-left-radius:var(--ctrl-token-InteractionTagPrimary-2367, var(--semantic-token-InteractionTagPrimary-2368, var(--borderRadiusNone)));}", ".f13ri129{padding-right:var(--ctrl-token-InteractionTagPrimary-2369, var(--semantic-token-InteractionTagPrimary-2370, var(--spacingHorizontalS)));}", ".f1tad0qb{padding-left:var(--ctrl-token-InteractionTagPrimary-2369, var(--semantic-token-InteractionTagPrimary-2370, var(--spacingHorizontalS)));}", ".f1glr02{padding-right:var(--ctrl-token-InteractionTagPrimary-2371, var(--semantic-token-InteractionTagPrimary-2372, var(--spacingHorizontalSNudge)));}", ".ffylxed{padding-left:var(--ctrl-token-InteractionTagPrimary-2371, var(--semantic-token-InteractionTagPrimary-2372, var(--spacingHorizontalSNudge)));}", ".f1i9dvux{padding-right:var(--ctrl-token-InteractionTagPrimary-2373, var(--semantic-token-InteractionTagPrimary-2374, var(--spacingHorizontalSNudge)));}", ".f1lhidn{padding-left:var(--ctrl-token-InteractionTagPrimary-2373, var(--semantic-token-InteractionTagPrimary-2374, var(--spacingHorizontalSNudge)));}"]
|
|
200
200
|
});
|
|
201
201
|
export const useInteractionTagPrimaryStyles_unstable = state => {
|
|
202
202
|
'use no memo';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","iconFilledClassName","iconRegularClassName","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","interactionTagPrimaryClassNames","root","media","icon","primaryText","secondaryText","baseStyles","color","fontFamily","padding","borderStyle","appearance","textAlign","backgroundColor","display","height","alignItems","gridTemplateAreas","border","strokeWidthThin","colorTransparentStroke","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","withoutSecondaryAction","Bglfifq","hxi8he","B33s42s","G4pote","gw1m2h","w20ur","Byczuf6","m","p","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bk3fhr4","I6i3kg","Bmfj8id","Bnrwwps","weioyw","Bpre390","brand","medium","z189sj","small","d","h","a","useRootDisabledAppearances","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithSecondaryActionStyles","base","B7oj6ja","Bbmb7ep","vrafjx","B6xbmo0","kdpuga","useInteractionTagPrimaryStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledAppearances","rootWithoutMediaStyles","rootWithSecondaryActionStyles","iconStyles","mediaStyles","primaryTextStyles","secondaryTextBaseClassName","rootCircularContrastStyles","shape","size","className","hasSecondaryAction","disabled","withSecondaryText","withoutSecondaryText"],"sources":["useInteractionTagPrimaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName } from '../Tag/useTagStyles.styles';\nexport const interactionTagPrimaryClassNames = {\n root: 'fui-InteractionTagPrimary',\n media: 'fui-InteractionTagPrimary__media',\n icon: 'fui-InteractionTagPrimary__icon',\n primaryText: 'fui-InteractionTagPrimary__primaryText',\n secondaryText: 'fui-InteractionTagPrimary__secondaryText'\n};\nconst baseStyles = {\n // reset default button style:\n color: 'inherit',\n fontFamily: 'inherit',\n padding: '0px',\n borderStyle: 'none',\n appearance: 'button',\n textAlign: 'unset',\n backgroundColor: 'transparent',\n display: 'inline-grid',\n height: '100%',\n alignItems: 'center',\n gridTemplateAreas: `\n \"media primary \"\n \"media secondary\"\n `,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n zIndex: 1\n })\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: tokens.borderRadiusMedium,\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 /**\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 position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: tokens.borderRadiusCircular,\n borderBottomLeftRadius: tokens.borderRadiusCircular\n }\n }\n});\n/**\n * Style override for pseudo element that draws the border for windows high contrast mode\n */ const useRootCircularContrastStyles = makeStyles({\n withoutSecondaryAction: {\n '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n borderRight: `${tokens.strokeWidthThin} solid transparent`,\n borderTopRightRadius: tokens.borderRadiusCircular,\n borderBottomRightRadius: tokens.borderRadiusCircular\n }\n }\n }\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: tokens.colorNeutralBackground3,\n color: tokens.colorNeutralForeground2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorNeutralBackground3Hover,\n color: tokens.colorNeutralForeground2Hover\n },\n ':active': {\n backgroundColor: tokens.colorNeutralBackground3Pressed,\n color: tokens.colorNeutralForeground2Pressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n outline: {\n backgroundColor: tokens.colorSubtleBackground,\n color: tokens.colorNeutralForeground2,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorSubtleBackgroundHover,\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n color: tokens.colorNeutralForeground2BrandHover\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n color: tokens.colorNeutralForeground2Pressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n color: tokens.colorNeutralForeground2BrandPressed\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground2,\n color: tokens.colorBrandForeground2,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: tokens.colorBrandBackground2Hover,\n color: tokens.colorCompoundBrandForeground1Hover\n },\n ':active': {\n backgroundColor: tokens.colorBrandBackground2Pressed,\n color: tokens.colorCompoundBrandForeground1Pressed\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n medium: {\n paddingRight: '7px'\n },\n small: {\n paddingRight: '5px'\n },\n 'extra-small': {\n paddingRight: '5px'\n }\n});\nconst useRootDisabledAppearances = 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 InteractionTagPrimary without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n medium: {\n paddingLeft: '7px'\n },\n small: {\n paddingLeft: '5px'\n },\n 'extra-small': {\n paddingLeft: '5px'\n }\n});\n/**\n * Styles for InteractionTagPrimary when InteractionTag has a Secondary button\n */ const useRootWithSecondaryActionStyles = makeStyles({\n base: {\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone\n })\n },\n medium: {\n paddingRight: tokens.spacingHorizontalS\n },\n small: {\n paddingRight: tokens.spacingHorizontalSNudge\n },\n 'extra-small': {\n paddingRight: tokens.spacingHorizontalSNudge\n }\n});\nexport const useInteractionTagPrimaryStyles_unstable = (state)=>{\n 'use no memo';\n const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n const rootCircularBaseClassName = useRootCircularBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledAppearances = useRootDisabledAppearances();\n const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();\n const iconStyles = useIconStyles();\n const mediaStyles = useMediaStyles();\n const primaryTextStyles = usePrimaryTextStyles();\n const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n const rootCircularContrastStyles = useRootCircularContrastStyles();\n const { shape, size, appearance } = state;\n state.root.className = mergeClasses(interactionTagPrimaryClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, shape === 'circular' && !state.hasSecondaryAction && rootCircularContrastStyles.withoutSecondaryAction, state.disabled ? rootDisabledAppearances[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], state.hasSecondaryAction && rootWithSecondaryActionStyles.base, state.hasSecondaryAction && rootWithSecondaryActionStyles[size], state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n }\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","iconFilledClassName","iconRegularClassName","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","interactionTagPrimaryClassNames","root","media","icon","primaryText","secondaryText","baseStyles","color","fontFamily","padding","borderStyle","appearance","textAlign","backgroundColor","display","height","alignItems","gridTemplateAreas","border","strokeWidthThin","colorTransparentStroke","outline","strokeWidthThick","colorStrokeFocus2","zIndex","useRootRoundedBaseClassName","r","s","useRootCircularBaseClassName","useRootCircularContrastStyles","withoutSecondaryAction","Bglfifq","hxi8he","B33s42s","G4pote","gw1m2h","w20ur","Byczuf6","m","p","useRootStyles","filled","De3pzq","sj55zd","eoavqd","Jwef8y","Bi91k9c","ecr2s2","lj723h","Bqrx1nm","kx9iu6","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bk3fhr4","I6i3kg","Bmfj8id","Bnrwwps","weioyw","Bpre390","brand","medium","z189sj","small","d","h","a","useRootDisabledAppearances","Bceei9c","useRootWithoutMediaStyles","uwmqm3","useRootWithSecondaryActionStyles","base","B7oj6ja","Bbmb7ep","vrafjx","B6xbmo0","kdpuga","useInteractionTagPrimaryStyles_unstable","state","rootRoundedBaseClassName","rootCircularBaseClassName","rootStyles","rootDisabledAppearances","rootWithoutMediaStyles","rootWithSecondaryActionStyles","iconStyles","mediaStyles","primaryTextStyles","secondaryTextBaseClassName","rootCircularContrastStyles","shape","size","className","hasSecondaryAction","disabled","withSecondaryText","withoutSecondaryText"],"sources":["useInteractionTagPrimaryStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName } from '../Tag/useTagStyles.styles';\nexport const interactionTagPrimaryClassNames = {\n root: 'fui-InteractionTagPrimary',\n media: 'fui-InteractionTagPrimary__media',\n icon: 'fui-InteractionTagPrimary__icon',\n primaryText: 'fui-InteractionTagPrimary__primaryText',\n secondaryText: 'fui-InteractionTagPrimary__secondaryText'\n};\nconst baseStyles = {\n // reset default button style:\n color: 'inherit',\n fontFamily: 'inherit',\n padding: '0px',\n borderStyle: 'none',\n appearance: 'button',\n textAlign: 'unset',\n backgroundColor: 'transparent',\n display: 'inline-grid',\n height: '100%',\n alignItems: 'center',\n gridTemplateAreas: `\n \"media primary \"\n \"media secondary\"\n `,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n zIndex: 1\n })\n};\nconst useRootRoundedBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: `var(--ctrl-token-InteractionTagPrimary-2293, var(--semantic-token-InteractionTagPrimary-2294, ${tokens.borderRadiusMedium}))`,\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: `var(--ctrl-token-InteractionTagPrimary-2295, var(--semantic-token-InteractionTagPrimary-2296, ${tokens.borderRadiusMedium}))`,\n borderTopRightRadius: `var(--ctrl-token-InteractionTagPrimary-2297, var(--semantic-token-InteractionTagPrimary-2298, ${tokens.borderRadiusMedium}))`\n }\n }\n});\nconst useRootCircularBaseClassName = makeResetStyles({\n ...baseStyles,\n borderRadius: `var(--ctrl-token-InteractionTagPrimary-2299, var(--semantic-token-InteractionTagPrimary-2300, ${tokens.borderRadiusCircular}))`,\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 position: 'absolute',\n top: '-1px',\n left: '-1px',\n right: '-1px',\n bottom: '-1px',\n borderTopLeftRadius: `var(--ctrl-token-InteractionTagPrimary-2301, var(--semantic-token-InteractionTagPrimary-2302, ${tokens.borderRadiusCircular}))`,\n borderBottomLeftRadius: `var(--ctrl-token-InteractionTagPrimary-2303, var(--semantic-token-InteractionTagPrimary-2304, ${tokens.borderRadiusCircular}))`\n }\n }\n});\n/**\n * Style override for pseudo element that draws the border for windows high contrast mode\n */ const useRootCircularContrastStyles = makeStyles({\n withoutSecondaryAction: {\n '@media (forced-colors: active)': {\n position: 'relative',\n '::before': {\n borderRight: `${tokens.strokeWidthThin} solid transparent`,\n borderTopRightRadius: `var(--ctrl-token-InteractionTagPrimary-2305, var(--semantic-token-InteractionTagPrimary-2306, ${tokens.borderRadiusCircular}))`,\n borderBottomRightRadius: `var(--ctrl-token-InteractionTagPrimary-2307, var(--semantic-token-InteractionTagPrimary-2308, ${tokens.borderRadiusCircular}))`\n }\n }\n }\n});\nconst useRootStyles = makeStyles({\n filled: {\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2309, var(--semantic-token-InteractionTagPrimary-2310, ${tokens.colorNeutralBackground3}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2311, var(--semantic-token-InteractionTagPrimary-2312, ${tokens.colorNeutralForeground2}))`,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2313, var(--semantic-token-InteractionTagPrimary-2314, ${tokens.colorNeutralBackground3Hover}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2315, var(--semantic-token-InteractionTagPrimary-2316, ${tokens.colorNeutralForeground2Hover}))`\n },\n ':active': {\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2317, var(--semantic-token-InteractionTagPrimary-2318, ${tokens.colorNeutralBackground3Pressed}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2319, var(--semantic-token-InteractionTagPrimary-2320, ${tokens.colorNeutralForeground2Pressed}))`\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n outline: {\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2321, var(--semantic-token-InteractionTagPrimary-2322, ${tokens.colorSubtleBackground}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2323, var(--semantic-token-InteractionTagPrimary-2324, ${tokens.colorNeutralForeground2}))`,\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ':hover': {\n cursor: 'pointer',\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2325, var(--semantic-token-InteractionTagPrimary-2326, ${tokens.colorSubtleBackgroundHover}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2327, var(--semantic-token-InteractionTagPrimary-2328, ${tokens.colorNeutralForeground2Hover}))`,\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n color: `var(--ctrl-token-InteractionTagPrimary-2329, var(--semantic-token-InteractionTagPrimary-2330, ${tokens.colorNeutralForeground2BrandHover}))`\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':active': {\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2331, var(--semantic-token-InteractionTagPrimary-2332, ${tokens.colorSubtleBackgroundPressed}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2333, var(--semantic-token-InteractionTagPrimary-2334, ${tokens.colorNeutralForeground2Pressed}))`,\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n color: `var(--ctrl-token-InteractionTagPrimary-2335, var(--semantic-token-InteractionTagPrimary-2336, ${tokens.colorNeutralForeground2BrandPressed}))`\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n brand: {\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2337, var(--semantic-token-InteractionTagPrimary-2338, ${tokens.colorBrandBackground2}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2339, var(--semantic-token-InteractionTagPrimary-2340, ${tokens.colorBrandForeground2}))`,\n ':hover': {\n cursor: 'pointer',\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2341, var(--semantic-token-InteractionTagPrimary-2342, ${tokens.colorBrandBackground2Hover}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2343, var(--semantic-token-InteractionTagPrimary-2344, ${tokens.colorCompoundBrandForeground1Hover}))`\n },\n ':active': {\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2345, var(--semantic-token-InteractionTagPrimary-2346, ${tokens.colorBrandBackground2Pressed}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2347, var(--semantic-token-InteractionTagPrimary-2348, ${tokens.colorCompoundBrandForeground1Pressed}))`\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'HighlightText'\n },\n ':active': {\n backgroundColor: 'HighlightText'\n }\n }\n },\n medium: {\n paddingRight: '7px'\n },\n small: {\n paddingRight: '5px'\n },\n 'extra-small': {\n paddingRight: '5px'\n }\n});\nconst useRootDisabledAppearances = makeStyles({\n filled: {\n cursor: 'not-allowed',\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2349, var(--semantic-token-InteractionTagPrimary-2350, ${tokens.colorNeutralBackgroundDisabled}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2351, var(--semantic-token-InteractionTagPrimary-2352, ${tokens.colorNeutralForegroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n },\n outline: {\n cursor: 'not-allowed',\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2353, var(--semantic-token-InteractionTagPrimary-2354, ${tokens.colorSubtleBackground}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2355, var(--semantic-token-InteractionTagPrimary-2356, ${tokens.colorNeutralForegroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled)\n },\n brand: {\n cursor: 'not-allowed',\n backgroundColor: `var(--ctrl-token-InteractionTagPrimary-2357, var(--semantic-token-InteractionTagPrimary-2358, ${tokens.colorNeutralBackgroundDisabled}))`,\n color: `var(--ctrl-token-InteractionTagPrimary-2359, var(--semantic-token-InteractionTagPrimary-2360, ${tokens.colorNeutralForegroundDisabled}))`,\n ...shorthands.borderColor(tokens.colorTransparentStrokeDisabled)\n }\n});\n/**\n * Styles for InteractionTagPrimary without leading media/icon\n */ const useRootWithoutMediaStyles = makeStyles({\n medium: {\n paddingLeft: '7px'\n },\n small: {\n paddingLeft: '5px'\n },\n 'extra-small': {\n paddingLeft: '5px'\n }\n});\n/**\n * Styles for InteractionTagPrimary when InteractionTag has a Secondary button\n */ const useRootWithSecondaryActionStyles = makeStyles({\n base: {\n borderTopRightRadius: `var(--ctrl-token-InteractionTagPrimary-2361, var(--semantic-token-InteractionTagPrimary-2362, ${tokens.borderRadiusNone}))`,\n borderBottomRightRadius: `var(--ctrl-token-InteractionTagPrimary-2363, var(--semantic-token-InteractionTagPrimary-2364, ${tokens.borderRadiusNone}))`,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n borderTopRightRadius: `var(--ctrl-token-InteractionTagPrimary-2365, var(--semantic-token-InteractionTagPrimary-2366, ${tokens.borderRadiusNone}))`,\n borderBottomRightRadius: `var(--ctrl-token-InteractionTagPrimary-2367, var(--semantic-token-InteractionTagPrimary-2368, ${tokens.borderRadiusNone}))`\n })\n },\n medium: {\n paddingRight: `var(--ctrl-token-InteractionTagPrimary-2369, var(--semantic-token-InteractionTagPrimary-2370, ${tokens.spacingHorizontalS}))`\n },\n small: {\n paddingRight: `var(--ctrl-token-InteractionTagPrimary-2371, var(--semantic-token-InteractionTagPrimary-2372, ${tokens.spacingHorizontalSNudge}))`\n },\n 'extra-small': {\n paddingRight: `var(--ctrl-token-InteractionTagPrimary-2373, var(--semantic-token-InteractionTagPrimary-2374, ${tokens.spacingHorizontalSNudge}))`\n }\n});\nexport const useInteractionTagPrimaryStyles_unstable = (state)=>{\n 'use no memo';\n const rootRoundedBaseClassName = useRootRoundedBaseClassName();\n const rootCircularBaseClassName = useRootCircularBaseClassName();\n const rootStyles = useRootStyles();\n const rootDisabledAppearances = useRootDisabledAppearances();\n const rootWithoutMediaStyles = useRootWithoutMediaStyles();\n const rootWithSecondaryActionStyles = useRootWithSecondaryActionStyles();\n const iconStyles = useIconStyles();\n const mediaStyles = useMediaStyles();\n const primaryTextStyles = usePrimaryTextStyles();\n const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n const rootCircularContrastStyles = useRootCircularContrastStyles();\n const { shape, size, appearance } = state;\n state.root.className = mergeClasses(interactionTagPrimaryClassNames.root, shape === 'rounded' ? rootRoundedBaseClassName : rootCircularBaseClassName, shape === 'circular' && !state.hasSecondaryAction && rootCircularContrastStyles.withoutSecondaryAction, state.disabled ? rootDisabledAppearances[appearance] : rootStyles[appearance], rootStyles[size], !state.media && !state.icon && rootWithoutMediaStyles[size], state.hasSecondaryAction && rootWithSecondaryActionStyles.base, state.hasSecondaryAction && rootWithSecondaryActionStyles[size], state.root.className);\n if (state.media) {\n state.media.className = mergeClasses(interactionTagPrimaryClassNames.media, mediaStyles.base, mediaStyles[size], state.media.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(interactionTagPrimaryClassNames.icon, iconStyles.base, iconStyles[size], state.icon.className);\n }\n if (state.primaryText) {\n state.primaryText.className = mergeClasses(interactionTagPrimaryClassNames.primaryText, primaryTextStyles.base, primaryTextStyles[size], state.secondaryText ? primaryTextStyles.withSecondaryText : primaryTextStyles.withoutSecondaryText, state.primaryText.className);\n }\n if (state.secondaryText) {\n state.secondaryText.className = mergeClasses(interactionTagPrimaryClassNames.secondaryText, secondaryTextBaseClassName, state.secondaryText.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACjF,SAASC,aAAa,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,6BAA6B,QAAQ,4BAA4B;AAC/H,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,KAAK,EAAE,kCAAkC;EACzCC,IAAI,EAAE,iCAAiC;EACvCC,WAAW,EAAE,wCAAwC;EACrDC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,UAAU,GAAG;EACf;EACAC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,KAAK;EACdC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE,OAAO;EAClBC,eAAe,EAAE,aAAa;EAC9BC,OAAO,EAAE,aAAa;EACtBC,MAAM,EAAE,MAAM;EACdC,UAAU,EAAE,QAAQ;EACpBC,iBAAiB,EAAE;AACvB;AACA;AACA,GAAG;EACCC,MAAM,EAAE,GAAGzB,MAAM,CAAC0B,eAAe,UAAU1B,MAAM,CAAC2B,sBAAsB,EAAE;EAC1E,iBAAG5B,+BAA+B,CAAC;IAC/B6B,OAAO,EAAE,GAAG5B,MAAM,CAAC6B,gBAAgB,UAAU7B,MAAM,CAAC8B,iBAAiB,EAAE;IACvEC,MAAM,EAAE;EACZ,CAAC;AACL,CAAC;AACD,MAAMC,2BAA2B,gBAAGrC,aAAA;EAAAsC,CAAA;EAAAC,CAAA;AAAA,CAoBnC,CAAC;AACF,MAAMC,4BAA4B,gBAAGxC,aAAA;EAAAsC,CAAA;EAAAC,CAAA;AAAA,CAqBpC,CAAC;AACF;AACA;AACA;AAAI,MAAME,6BAA6B,gBAAGxC,QAAA;EAAAyC,sBAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAC,CAAA;IAAAD,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAWzC,CAAC;AACF,MAAME,aAAa,gBAAGnD,QAAA;EAAAoD,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA7B,OAAA;IAAAqB,MAAA;IAAAC,MAAA;IAAAQ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAS,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAU,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAX,OAAA;IAAAC,MAAA;EAAA;EAAAW,KAAA;IAAAnB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAY,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAA7B,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAwFrB,CAAC;AACF,MAAM8B,0BAA0B,gBAAG/E,QAAA;EAAAoD,MAAA;IAAA4B,OAAA;IAAA3B,MAAA;IAAAC,MAAA;IAAAQ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAjC,OAAA;IAAAgD,OAAA;IAAA3B,MAAA;IAAAC,MAAA;IAAAQ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAO,KAAA;IAAAQ,OAAA;IAAA3B,MAAA;IAAAC,MAAA;IAAAQ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAW,CAAA;AAAA,CAmBlC,CAAC;AACF;AACA;AACA;AAAI,MAAMK,yBAAyB,gBAAGjF,QAAA;EAAAyE,MAAA;IAAAS,MAAA;EAAA;EAAAP,KAAA;IAAAO,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAN,CAAA;AAAA,CAUrC,CAAC;AACF;AACA;AACA;AAAI,MAAMO,gCAAgC,gBAAGnF,QAAA;EAAAoF,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAhB,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAmB5C,CAAC;AACF,OAAO,MAAMc,uCAAuC,GAAIC,KAAK,IAAG;EAC5D,aAAa;;EACb,MAAMC,wBAAwB,GAAGxD,2BAA2B,CAAC,CAAC;EAC9D,MAAMyD,yBAAyB,GAAGtD,4BAA4B,CAAC,CAAC;EAChE,MAAMuD,UAAU,GAAG3C,aAAa,CAAC,CAAC;EAClC,MAAM4C,uBAAuB,GAAGhB,0BAA0B,CAAC,CAAC;EAC5D,MAAMiB,sBAAsB,GAAGf,yBAAyB,CAAC,CAAC;EAC1D,MAAMgB,6BAA6B,GAAGd,gCAAgC,CAAC,CAAC;EACxE,MAAMe,UAAU,GAAG3F,aAAa,CAAC,CAAC;EAClC,MAAM4F,WAAW,GAAG3F,cAAc,CAAC,CAAC;EACpC,MAAM4F,iBAAiB,GAAG3F,oBAAoB,CAAC,CAAC;EAChD,MAAM4F,0BAA0B,GAAG3F,6BAA6B,CAAC,CAAC;EAClE,MAAM4F,0BAA0B,GAAG9D,6BAA6B,CAAC,CAAC;EAClE,MAAM;IAAE+D,KAAK;IAAEC,IAAI;IAAElF;EAAW,CAAC,GAAGqE,KAAK;EACzCA,KAAK,CAAC/E,IAAI,CAAC6F,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACC,IAAI,EAAE2F,KAAK,KAAK,SAAS,GAAGX,wBAAwB,GAAGC,yBAAyB,EAAEU,KAAK,KAAK,UAAU,IAAI,CAACZ,KAAK,CAACe,kBAAkB,IAAIJ,0BAA0B,CAAC7D,sBAAsB,EAAEkD,KAAK,CAACgB,QAAQ,GAAGZ,uBAAuB,CAACzE,UAAU,CAAC,GAAGwE,UAAU,CAACxE,UAAU,CAAC,EAAEwE,UAAU,CAACU,IAAI,CAAC,EAAE,CAACb,KAAK,CAAC9E,KAAK,IAAI,CAAC8E,KAAK,CAAC7E,IAAI,IAAIkF,sBAAsB,CAACQ,IAAI,CAAC,EAAEb,KAAK,CAACe,kBAAkB,IAAIT,6BAA6B,CAACb,IAAI,EAAEO,KAAK,CAACe,kBAAkB,IAAIT,6BAA6B,CAACO,IAAI,CAAC,EAAEb,KAAK,CAAC/E,IAAI,CAAC6F,SAAS,CAAC;EACljB,IAAId,KAAK,CAAC9E,KAAK,EAAE;IACb8E,KAAK,CAAC9E,KAAK,CAAC4F,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACE,KAAK,EAAEsF,WAAW,CAACf,IAAI,EAAEe,WAAW,CAACK,IAAI,CAAC,EAAEb,KAAK,CAAC9E,KAAK,CAAC4F,SAAS,CAAC;EAC3I;EACA,IAAId,KAAK,CAAC7E,IAAI,EAAE;IACZ6E,KAAK,CAAC7E,IAAI,CAAC2F,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACG,IAAI,EAAEoF,UAAU,CAACd,IAAI,EAAEc,UAAU,CAACM,IAAI,CAAC,EAAEb,KAAK,CAAC7E,IAAI,CAAC2F,SAAS,CAAC;EACtI;EACA,IAAId,KAAK,CAAC5E,WAAW,EAAE;IACnB4E,KAAK,CAAC5E,WAAW,CAAC0F,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACI,WAAW,EAAEqF,iBAAiB,CAAChB,IAAI,EAAEgB,iBAAiB,CAACI,IAAI,CAAC,EAAEb,KAAK,CAAC3E,aAAa,GAAGoF,iBAAiB,CAACQ,iBAAiB,GAAGR,iBAAiB,CAACS,oBAAoB,EAAElB,KAAK,CAAC5E,WAAW,CAAC0F,SAAS,CAAC;EAC7Q;EACA,IAAId,KAAK,CAAC3E,aAAa,EAAE;IACrB2E,KAAK,CAAC3E,aAAa,CAACyF,SAAS,GAAGxG,YAAY,CAACU,+BAA+B,CAACK,aAAa,EAAEqF,0BAA0B,EAAEV,KAAK,CAAC3E,aAAa,CAACyF,SAAS,CAAC;EAC1J;EACA,OAAOd,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -7,53 +7,53 @@ export const interactionTagSecondaryClassNames = {
|
|
|
7
7
|
const mediumIconSize = '20px';
|
|
8
8
|
const smallIconSize = '16px';
|
|
9
9
|
const extraSmallIconSize = '12px';
|
|
10
|
-
const useRootBaseClassName = /*#__PURE__*/__resetStyles("
|
|
10
|
+
const useRootBaseClassName = /*#__PURE__*/__resetStyles("r1q00hsc", "rcot9yx", [".r1q00hsc{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-left-color:var(--ctrl-token-InteractionTagSecondary-2375, var(--semantic-token-InteractionTagSecondary-2376, var(--colorNeutralStroke1)));border-top-left-radius:var(--ctrl-token-InteractionTagSecondary-2377, var(--semantic-token-InteractionTagSecondary-2378, var(--borderRadiusNone)));border-bottom-left-radius:var(--ctrl-token-InteractionTagSecondary-2379, var(--semantic-token-InteractionTagSecondary-2380, var(--borderRadiusNone)));}", ".r1q00hsc[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", ".rcot9yx{color:inherit;font-family:inherit;padding:0px;border-style:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;text-align:unset;background-color:transparent;display:flex;height:100%;align-items:center;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);border-right-color:var(--ctrl-token-InteractionTagSecondary-2375, var(--semantic-token-InteractionTagSecondary-2376, var(--colorNeutralStroke1)));border-top-right-radius:var(--ctrl-token-InteractionTagSecondary-2377, var(--semantic-token-InteractionTagSecondary-2378, var(--borderRadiusNone)));border-bottom-right-radius:var(--ctrl-token-InteractionTagSecondary-2379, var(--semantic-token-InteractionTagSecondary-2380, var(--borderRadiusNone)));}", ".rcot9yx[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}"]);
|
|
11
11
|
const useRootStyles = /*#__PURE__*/__styles({
|
|
12
12
|
filled: {
|
|
13
|
-
De3pzq: "
|
|
14
|
-
sj55zd: "
|
|
13
|
+
De3pzq: "f1fdiivt",
|
|
14
|
+
sj55zd: "fc89tb3",
|
|
15
15
|
eoavqd: "f8491dx",
|
|
16
|
-
Jwef8y: "
|
|
17
|
-
Bi91k9c: "
|
|
18
|
-
ecr2s2: "
|
|
19
|
-
lj723h: "
|
|
16
|
+
Jwef8y: "f1ey6u9a",
|
|
17
|
+
Bi91k9c: "f1l5c87",
|
|
18
|
+
ecr2s2: "fe485dc",
|
|
19
|
+
lj723h: "f1a8y3k1",
|
|
20
20
|
Bqrx1nm: "fq7113v",
|
|
21
21
|
kx9iu6: "fp3oj7s"
|
|
22
22
|
},
|
|
23
23
|
outline: {
|
|
24
|
-
De3pzq: "
|
|
25
|
-
sj55zd: "
|
|
24
|
+
De3pzq: "fk2jxc2",
|
|
25
|
+
sj55zd: "fx7ad5m",
|
|
26
26
|
g2u3we: "fj3muxo",
|
|
27
27
|
h3c5rm: ["f1akhkt", "f1lxtadh"],
|
|
28
28
|
B9xav0g: "f1aperda",
|
|
29
29
|
zhjwy3: ["f1lxtadh", "f1akhkt"],
|
|
30
30
|
eoavqd: "f8491dx",
|
|
31
|
-
Jwef8y: "
|
|
32
|
-
Bi91k9c: "
|
|
33
|
-
ecr2s2: "
|
|
34
|
-
lj723h: "
|
|
31
|
+
Jwef8y: "f1qh5xj",
|
|
32
|
+
Bi91k9c: "ftlipcr",
|
|
33
|
+
ecr2s2: "f1c0yp18",
|
|
34
|
+
lj723h: "f1avj91c",
|
|
35
35
|
Bqrx1nm: "fq7113v",
|
|
36
36
|
kx9iu6: "fp3oj7s"
|
|
37
37
|
},
|
|
38
38
|
brand: {
|
|
39
|
-
De3pzq: "
|
|
40
|
-
sj55zd: "
|
|
41
|
-
zhjwy3: ["
|
|
39
|
+
De3pzq: "fuf69u2",
|
|
40
|
+
sj55zd: "fbhppa3",
|
|
41
|
+
zhjwy3: ["f1xlilkq", "fl1nyeu"],
|
|
42
42
|
eoavqd: "f8491dx",
|
|
43
|
-
Jwef8y: "
|
|
44
|
-
Bi91k9c: "
|
|
45
|
-
ecr2s2: "
|
|
46
|
-
lj723h: "
|
|
43
|
+
Jwef8y: "f8f8qs",
|
|
44
|
+
Bi91k9c: "fi32te0",
|
|
45
|
+
ecr2s2: "fmb60wf",
|
|
46
|
+
lj723h: "f1q8kxz0",
|
|
47
47
|
Bqrx1nm: "fq7113v",
|
|
48
48
|
kx9iu6: "fp3oj7s"
|
|
49
49
|
},
|
|
50
50
|
rounded: {
|
|
51
|
-
B7oj6ja: ["
|
|
52
|
-
Bbmb7ep: ["
|
|
51
|
+
B7oj6ja: ["ffoyssd", "f8tw2gs"],
|
|
52
|
+
Bbmb7ep: ["fxv8mei", "f1b70mb5"]
|
|
53
53
|
},
|
|
54
54
|
circular: {
|
|
55
|
-
B7oj6ja: ["
|
|
56
|
-
Bbmb7ep: ["
|
|
55
|
+
B7oj6ja: ["f1qjs5i4", "fktosvi"],
|
|
56
|
+
Bbmb7ep: ["fptytjv", "fy5lnoh"]
|
|
57
57
|
},
|
|
58
58
|
medium: {
|
|
59
59
|
Be2twd7: "fe5j1ua",
|
|
@@ -71,9 +71,9 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
71
71
|
z189sj: ["fwiuce9", "f15vdbe4"]
|
|
72
72
|
}
|
|
73
73
|
}, {
|
|
74
|
-
d: [".
|
|
75
|
-
h: [".f8491dx:hover{cursor:pointer;}", ".
|
|
76
|
-
a: [".
|
|
74
|
+
d: [".f1fdiivt{background-color:var(--ctrl-token-InteractionTagSecondary-2381, var(--semantic-token-InteractionTagSecondary-2382, var(--colorNeutralBackground3)));}", ".fc89tb3{color:var(--ctrl-token-InteractionTagSecondary-2383, var(--semantic-token-InteractionTagSecondary-2384, var(--colorNeutralForeground2)));}", ".fk2jxc2{background-color:var(--ctrl-token-InteractionTagSecondary-2393, var(--semantic-token-InteractionTagSecondary-2394, var(--colorSubtleBackground)));}", ".fx7ad5m{color:var(--ctrl-token-InteractionTagSecondary-2395, var(--semantic-token-InteractionTagSecondary-2396, var(--colorNeutralForeground2)));}", ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fuf69u2{background-color:var(--ctrl-token-InteractionTagSecondary-2405, var(--semantic-token-InteractionTagSecondary-2406, var(--colorBrandBackground2)));}", ".fbhppa3{color:var(--ctrl-token-InteractionTagSecondary-2407, var(--semantic-token-InteractionTagSecondary-2408, var(--colorBrandForeground2)));}", ".f1xlilkq{border-left-color:var(--ctrl-token-InteractionTagSecondary-2409, var(--semantic-token-InteractionTagSecondary-2410, var(--colorBrandStroke2)));}", ".fl1nyeu{border-right-color:var(--ctrl-token-InteractionTagSecondary-2409, var(--semantic-token-InteractionTagSecondary-2410, var(--colorBrandStroke2)));}", ".ffoyssd{border-top-right-radius:var(--ctrl-token-InteractionTagSecondary-2419, var(--semantic-token-InteractionTagSecondary-2420, var(--borderRadiusMedium)));}", ".f8tw2gs{border-top-left-radius:var(--ctrl-token-InteractionTagSecondary-2419, var(--semantic-token-InteractionTagSecondary-2420, var(--borderRadiusMedium)));}", ".fxv8mei{border-bottom-right-radius:var(--ctrl-token-InteractionTagSecondary-2421, var(--semantic-token-InteractionTagSecondary-2422, var(--borderRadiusMedium)));}", ".f1b70mb5{border-bottom-left-radius:var(--ctrl-token-InteractionTagSecondary-2421, var(--semantic-token-InteractionTagSecondary-2422, var(--borderRadiusMedium)));}", ".f1qjs5i4{border-top-right-radius:var(--ctrl-token-InteractionTagSecondary-2423, var(--semantic-token-InteractionTagSecondary-2424, var(--borderRadiusCircular)));}", ".fktosvi{border-top-left-radius:var(--ctrl-token-InteractionTagSecondary-2423, var(--semantic-token-InteractionTagSecondary-2424, var(--borderRadiusCircular)));}", ".fptytjv{border-bottom-right-radius:var(--ctrl-token-InteractionTagSecondary-2425, var(--semantic-token-InteractionTagSecondary-2426, var(--borderRadiusCircular)));}", ".fy5lnoh{border-bottom-left-radius:var(--ctrl-token-InteractionTagSecondary-2425, var(--semantic-token-InteractionTagSecondary-2426, var(--borderRadiusCircular)));}", ".fe5j1ua{font-size:20px;}", ".f15vdbe4{padding-left:5px;}", ".fwiuce9{padding-right:5px;}", ".f4ybsrx{font-size:16px;}", ".f2lugmd{padding-left:3px;}", ".f6zblan{padding-right:3px;}", ".f1ugzwwg{font-size:12px;}"],
|
|
75
|
+
h: [".f8491dx:hover{cursor:pointer;}", ".f1ey6u9a:hover{background-color:var(--ctrl-token-InteractionTagSecondary-2385, var(--semantic-token-InteractionTagSecondary-2386, var(--colorNeutralBackground3Hover)));}", ".f1l5c87:hover{color:var(--ctrl-token-InteractionTagSecondary-2387, var(--semantic-token-InteractionTagSecondary-2388, var(--colorNeutralForeground2BrandHover)));}", ".f1qh5xj:hover{background-color:var(--ctrl-token-InteractionTagSecondary-2397, var(--semantic-token-InteractionTagSecondary-2398, var(--colorSubtleBackgroundHover)));}", ".ftlipcr:hover{color:var(--ctrl-token-InteractionTagSecondary-2399, var(--semantic-token-InteractionTagSecondary-2400, var(--colorNeutralForeground2BrandHover)));}", ".f8f8qs:hover{background-color:var(--ctrl-token-InteractionTagSecondary-2411, var(--semantic-token-InteractionTagSecondary-2412, var(--colorBrandBackground2Hover)));}", ".fi32te0:hover{color:var(--ctrl-token-InteractionTagSecondary-2413, var(--semantic-token-InteractionTagSecondary-2414, var(--colorCompoundBrandForeground1Hover)));}"],
|
|
76
|
+
a: [".fe485dc:active{background-color:var(--ctrl-token-InteractionTagSecondary-2389, var(--semantic-token-InteractionTagSecondary-2390, var(--colorNeutralBackground3Pressed)));}", ".f1a8y3k1:active{color:var(--ctrl-token-InteractionTagSecondary-2391, var(--semantic-token-InteractionTagSecondary-2392, var(--colorNeutralForeground2BrandPressed)));}", ".f1c0yp18:active{background-color:var(--ctrl-token-InteractionTagSecondary-2401, var(--semantic-token-InteractionTagSecondary-2402, var(--colorSubtleBackgroundPressed)));}", ".f1avj91c:active{color:var(--ctrl-token-InteractionTagSecondary-2403, var(--semantic-token-InteractionTagSecondary-2404, var(--colorNeutralForeground2BrandPressed)));}", ".fmb60wf:active{background-color:var(--ctrl-token-InteractionTagSecondary-2415, var(--semantic-token-InteractionTagSecondary-2416, var(--colorBrandBackground2Pressed)));}", ".f1q8kxz0:active{color:var(--ctrl-token-InteractionTagSecondary-2417, var(--semantic-token-InteractionTagSecondary-2418, var(--colorCompoundBrandForeground1Pressed)));}"],
|
|
77
77
|
m: [["@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}", {
|
|
78
78
|
m: "(forced-colors: active)"
|
|
79
79
|
}], ["@media (forced-colors: active){.fp3oj7s:active{background-color:HighlightText;}}", {
|
|
@@ -83,17 +83,17 @@ const useRootStyles = /*#__PURE__*/__styles({
|
|
|
83
83
|
const useRootDisabledStyles = /*#__PURE__*/__styles({
|
|
84
84
|
filled: {
|
|
85
85
|
Bceei9c: "fdrzuqr",
|
|
86
|
-
De3pzq: "
|
|
87
|
-
sj55zd: "
|
|
86
|
+
De3pzq: "fhdatwd",
|
|
87
|
+
sj55zd: "f40xhcj",
|
|
88
88
|
g2u3we: "fgig46g",
|
|
89
89
|
h3c5rm: ["f1mxt3zg", "fziff3p"],
|
|
90
90
|
B9xav0g: "f250w3l",
|
|
91
|
-
zhjwy3: ["
|
|
91
|
+
zhjwy3: ["f1wxi2a2", "f1fpjsa1"]
|
|
92
92
|
},
|
|
93
93
|
outline: {
|
|
94
94
|
Bceei9c: "fdrzuqr",
|
|
95
|
-
De3pzq: "
|
|
96
|
-
sj55zd: "
|
|
95
|
+
De3pzq: "f1b4ue0t",
|
|
96
|
+
sj55zd: "f1luhytg",
|
|
97
97
|
g2u3we: "f1jj8ep1",
|
|
98
98
|
h3c5rm: ["f15xbau", "fy0fskl"],
|
|
99
99
|
B9xav0g: "f4ikngz",
|
|
@@ -101,15 +101,15 @@ const useRootDisabledStyles = /*#__PURE__*/__styles({
|
|
|
101
101
|
},
|
|
102
102
|
brand: {
|
|
103
103
|
Bceei9c: "fdrzuqr",
|
|
104
|
-
De3pzq: "
|
|
105
|
-
sj55zd: "
|
|
104
|
+
De3pzq: "fc52yk",
|
|
105
|
+
sj55zd: "ff10ks1",
|
|
106
106
|
g2u3we: "fgig46g",
|
|
107
107
|
h3c5rm: ["f1mxt3zg", "fziff3p"],
|
|
108
108
|
B9xav0g: "f250w3l",
|
|
109
|
-
zhjwy3: ["
|
|
109
|
+
zhjwy3: ["f199lq0d", "f3rsimg"]
|
|
110
110
|
}
|
|
111
111
|
}, {
|
|
112
|
-
d: [".fdrzuqr{cursor:not-allowed;}", ".
|
|
112
|
+
d: [".fdrzuqr{cursor:not-allowed;}", ".fhdatwd{background-color:var(--ctrl-token-InteractionTagSecondary-2427, var(--semantic-token-InteractionTagSecondary-2428, var(--colorNeutralBackgroundDisabled)));}", ".f40xhcj{color:var(--ctrl-token-InteractionTagSecondary-2429, var(--semantic-token-InteractionTagSecondary-2430, var(--colorNeutralForegroundDisabled)));}", ".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}", ".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}", ".f250w3l{border-bottom-color:var(--colorTransparentStrokeDisabled);}", ".f1wxi2a2{border-left-color:var(--ctrl-token-InteractionTagSecondary-2431, var(--semantic-token-InteractionTagSecondary-2432, var(--colorNeutralStrokeDisabled)));}", ".f1fpjsa1{border-right-color:var(--ctrl-token-InteractionTagSecondary-2431, var(--semantic-token-InteractionTagSecondary-2432, var(--colorNeutralStrokeDisabled)));}", ".f1b4ue0t{background-color:var(--ctrl-token-InteractionTagSecondary-2433, var(--semantic-token-InteractionTagSecondary-2434, var(--colorSubtleBackground)));}", ".f1luhytg{color:var(--ctrl-token-InteractionTagSecondary-2435, var(--semantic-token-InteractionTagSecondary-2436, var(--colorNeutralForegroundDisabled)));}", ".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}", ".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".fc52yk{background-color:var(--ctrl-token-InteractionTagSecondary-2437, var(--semantic-token-InteractionTagSecondary-2438, var(--colorNeutralBackgroundDisabled)));}", ".ff10ks1{color:var(--ctrl-token-InteractionTagSecondary-2439, var(--semantic-token-InteractionTagSecondary-2440, var(--colorNeutralForegroundDisabled)));}", ".f199lq0d{border-left-color:var(--ctrl-token-InteractionTagSecondary-2441, var(--semantic-token-InteractionTagSecondary-2442, var(--colorNeutralStrokeDisabled)));}", ".f3rsimg{border-right-color:var(--ctrl-token-InteractionTagSecondary-2441, var(--semantic-token-InteractionTagSecondary-2442, var(--colorNeutralStrokeDisabled)));}"]
|
|
113
113
|
});
|
|
114
114
|
export const useInteractionTagSecondaryStyles_unstable = state => {
|
|
115
115
|
'use no memo';
|