@fluentui/react-link 9.0.0-rc.10 → 9.0.0-rc.13
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.json +90 -1
- package/CHANGELOG.md +35 -2
- package/dist/index.d.ts +0 -5
- package/lib/components/Link/useLinkStyles.js +2 -7
- package/lib/components/Link/useLinkStyles.js.map +1 -1
- package/lib/index.js +1 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Link/useLinkStyles.js +3 -8
- package/lib-commonjs/components/Link/useLinkStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -8
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,96 @@
|
|
|
2
2
|
"name": "@fluentui/react-link",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 31 May 2022 21:26:34 GMT",
|
|
6
|
+
"tag": "@fluentui/react-link_v9.0.0-rc.13",
|
|
7
|
+
"version": "9.0.0-rc.13",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "olfedias@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-link",
|
|
13
|
+
"commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
|
|
14
|
+
"comment": "chore: Update Griffel to latest version"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-link",
|
|
19
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.13",
|
|
20
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-link",
|
|
25
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
|
|
26
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-link",
|
|
31
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
|
|
32
|
+
"commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
|
|
33
|
+
}
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"date": "Thu, 26 May 2022 21:01:26 GMT",
|
|
39
|
+
"tag": "@fluentui/react-link_v9.0.0-rc.12",
|
|
40
|
+
"version": "9.0.0-rc.12",
|
|
41
|
+
"comments": {
|
|
42
|
+
"none": [
|
|
43
|
+
{
|
|
44
|
+
"author": "olfedias@microsoft.com",
|
|
45
|
+
"package": "@fluentui/react-link",
|
|
46
|
+
"commit": "e0417c44ab690bda8923df041a880b6085f48e2d",
|
|
47
|
+
"comment": "fix missing dot, create missing files"
|
|
48
|
+
}
|
|
49
|
+
],
|
|
50
|
+
"prerelease": [
|
|
51
|
+
{
|
|
52
|
+
"author": "beachball",
|
|
53
|
+
"package": "@fluentui/react-link",
|
|
54
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
|
|
55
|
+
"commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
|
|
56
|
+
}
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"date": "Mon, 23 May 2022 18:56:45 GMT",
|
|
62
|
+
"tag": "@fluentui/react-link_v9.0.0-rc.11",
|
|
63
|
+
"version": "9.0.0-rc.11",
|
|
64
|
+
"comments": {
|
|
65
|
+
"prerelease": [
|
|
66
|
+
{
|
|
67
|
+
"author": "esteban.230@hotmail.com",
|
|
68
|
+
"package": "@fluentui/react-link",
|
|
69
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
|
70
|
+
"comment": "Removing <componentName>ClassName exports."
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"author": "beachball",
|
|
74
|
+
"package": "@fluentui/react-link",
|
|
75
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.11",
|
|
76
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"author": "beachball",
|
|
80
|
+
"package": "@fluentui/react-link",
|
|
81
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
|
|
82
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"author": "beachball",
|
|
86
|
+
"package": "@fluentui/react-link",
|
|
87
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
|
|
88
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"date": "Mon, 23 May 2022 12:14:21 GMT",
|
|
6
95
|
"tag": "@fluentui/react-link_v9.0.0-rc.10",
|
|
7
96
|
"version": "9.0.0-rc.10",
|
|
8
97
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,45 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-link
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 31 May 2022 21:26:34 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-rc.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-rc.13)
|
|
8
|
+
|
|
9
|
+
Tue, 31 May 2022 21:26:34 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-rc.12..@fluentui/react-link_v9.0.0-rc.13)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.13 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
16
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
17
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
|
|
18
|
+
|
|
19
|
+
## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-rc.12)
|
|
20
|
+
|
|
21
|
+
Thu, 26 May 2022 21:01:26 GMT
|
|
22
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-rc.11..@fluentui/react-link_v9.0.0-rc.12)
|
|
23
|
+
|
|
24
|
+
### Changes
|
|
25
|
+
|
|
26
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
|
|
27
|
+
|
|
28
|
+
## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-rc.11)
|
|
29
|
+
|
|
30
|
+
Mon, 23 May 2022 18:56:45 GMT
|
|
31
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-rc.10..@fluentui/react-link_v9.0.0-rc.11)
|
|
32
|
+
|
|
33
|
+
### Changes
|
|
34
|
+
|
|
35
|
+
- Removing <componentName>ClassName exports. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by esteban.230@hotmail.com)
|
|
36
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
37
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
38
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
39
|
+
|
|
7
40
|
## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-rc.10)
|
|
8
41
|
|
|
9
|
-
Mon, 23 May 2022 12:
|
|
42
|
+
Mon, 23 May 2022 12:14:21 GMT
|
|
10
43
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-rc.9..@fluentui/react-link_v9.0.0-rc.10)
|
|
11
44
|
|
|
12
45
|
### Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -10,11 +10,6 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
|
10
10
|
*/
|
|
11
11
|
export declare const Link: ForwardRefComponent<LinkProps>;
|
|
12
12
|
|
|
13
|
-
/**
|
|
14
|
-
* @deprecated Use `linkClassNames.root` instead.
|
|
15
|
-
*/
|
|
16
|
-
export declare const linkClassName = "fui-Link";
|
|
17
|
-
|
|
18
13
|
export declare const linkClassNames: SlotClassNames<LinkSlots>;
|
|
19
14
|
|
|
20
15
|
export declare type LinkProps = ComponentProps<LinkSlots> & {
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import { shorthands, __styles, mergeClasses } from '@griffel/react';
|
|
2
2
|
import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
|
|
3
3
|
import { tokens } from '@fluentui/react-theme';
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `linkClassNames.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
export const linkClassName = 'fui-Link';
|
|
9
4
|
export const linkClassNames = {
|
|
10
5
|
root: 'fui-Link'
|
|
11
6
|
};
|
|
12
7
|
|
|
13
8
|
const useStyles = /*#__PURE__*/__styles({
|
|
14
9
|
"focusIndicator": {
|
|
15
|
-
"
|
|
10
|
+
"Brovlpu": "ftqa4ok",
|
|
16
11
|
"hhrs2v": "f50u1b5",
|
|
17
12
|
"F2u7y": "fs3pq8b",
|
|
18
13
|
"Bfv9iwi": "f1hghxdh",
|
|
@@ -78,7 +73,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
78
73
|
"lj723h": "f19wldhg"
|
|
79
74
|
}
|
|
80
75
|
}, {
|
|
81
|
-
"
|
|
76
|
+
"f": [".ftqa4ok:focus{outline-style:none;}"],
|
|
82
77
|
"d": ["[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .fs3pq8b:focus{text-decoration-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1hghxdh:focus{text-decoration-line:underline;}", "[data-keyboard-nav] .f1tymzes:focus{text-decoration-style:double;}", ".f3rmtva{background-color:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fg706s2{border-bottom-style:solid;}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f1ewtqcl{box-sizing:border-box;}", ".fyind8e{color:var(--colorBrandForegroundLink);}", ".f1k6fduh{cursor:pointer;}", ".f1w7gpdv{display:inline;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fqv5qza{overflow-x:inherit;}", ".f1vmzxwi{overflow-y:inherit;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".f1iuv45f{text-decoration-line:none;}", ".f9n3di6{text-overflow:inherit;}", ".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}", ".fjoy568{font-size:inherit;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f8eylhe{border-bottom-color:var(--colorBrandForegroundLink);}", ".fskmnqw{border-bottom-color:var(--colorNeutralForeground2);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}"],
|
|
83
78
|
"h": [".fygtlnl:hover{border-bottom-color:var(--colorBrandForegroundLinkHover);}", ".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}", ".fnlxxs1:hover{border-bottom-color:var(--colorNeutralForeground2Hover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}"],
|
|
84
79
|
"a": [".f12x56k7:active{border-bottom-color:var(--colorBrandForegroundLinkPressed);}", ".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}", ".ffmwprl:active{border-bottom-color:var(--colorNeutralForeground2Pressed);}", ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}", ".fggejwh:active{border-bottom-color:transparent;}", ".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Link/useLinkStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,+BAAT,QAAgD,yBAAhD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA
|
|
1
|
+
{"version":3,"sources":["components/Link/useLinkStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,+BAAT,QAAgD,yBAAhD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA,OAAO,MAAM,cAAc,GAA8B;AACvD,EAAA,IAAI,EAAE;AADiD,CAAlD;;AAIP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAqFA,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,QAAM;AAAE,IAAA,UAAF;AAAc,IAAA,QAAd;AAAwB,IAAA,MAAxB;AAAgC,IAAA;AAAhC,MAAyC,KAA/C;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cAAc,CAAC,IADkB,EAEjC,MAAM,CAAC,IAF0B,EAGjC,MAAM,CAAC,cAH0B,EAIjC,IAAI,CAAC,EAAL,KAAY,GAAZ,IAAmB,IAAI,CAAC,IAAxB,IAAgC,MAAM,CAAC,IAJN,EAKjC,UAAU,KAAK,QAAf,IAA2B,MAAM,CAAC,MALD,EAMjC,MAAM,IAAI,MAAM,CAAC,MANgB,EAOjC,UAAU,KAAK,QAAf,IAA2B,MAA3B,IAAqC,MAAM,CAAC,YAPX,EAQjC,QAAQ,IAAI,MAAM,CAAC,QARc,EASjC,KAAK,CAAC,IAAN,CAAW,SATsB,CAAnC;AAYA,SAAO,KAAP;AACD,CAjBM","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LinkSlots, LinkState } from './Link.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const linkClassNames: SlotClassNames<LinkSlots> = {\n root: 'fui-Link',\n};\n\nconst useStyles = makeStyles({\n focusIndicator: createCustomFocusIndicatorStyle({\n borderBottomColor: 'transparent',\n textDecorationColor: tokens.colorStrokeFocus2,\n textDecorationLine: 'underline',\n textDecorationStyle: 'double',\n }),\n // Common styles.\n root: {\n backgroundColor: 'transparent',\n borderTopStyle: 'none',\n borderLeftStyle: 'none',\n borderRightStyle: 'none',\n borderBottomColor: 'transparent',\n borderBottomStyle: 'solid',\n borderBottomWidth: tokens.strokeWidthThin,\n boxSizing: 'border-box',\n color: tokens.colorBrandForegroundLink,\n cursor: 'pointer',\n display: 'inline',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n ...shorthands.overflow('inherit'),\n textAlign: 'left',\n textDecorationLine: 'none',\n textOverflow: 'inherit',\n userSelect: 'text',\n\n ':hover': {\n borderBottomColor: tokens.colorBrandForegroundLinkHover,\n color: tokens.colorBrandForegroundLinkHover,\n },\n\n ':active': {\n borderBottomColor: tokens.colorBrandForegroundLinkPressed,\n color: tokens.colorBrandForegroundLinkPressed,\n },\n },\n // Overrides when an href is present so the Link renders as an anchor.\n href: {\n fontSize: 'inherit',\n },\n // Overrides when the Link appears subtle.\n subtle: {\n color: tokens.colorNeutralForeground2,\n\n ':hover': {\n borderBottomColor: tokens.colorNeutralForeground2Hover,\n color: tokens.colorNeutralForeground2Hover,\n },\n\n ':active': {\n borderBottomColor: tokens.colorNeutralForeground2Pressed,\n color: tokens.colorNeutralForeground2Pressed,\n },\n },\n // Overrides when the Link is rendered inline within text.\n inline: {\n borderBottomColor: tokens.colorBrandForegroundLink,\n },\n // Overrides when the Link is rendered inline within text and appears subtle.\n inlineSubtle: {\n borderBottomColor: tokens.colorNeutralForeground2,\n },\n // Overrides when the Link is disabled.\n disabled: {\n borderBottomColor: 'transparent',\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n\n ':hover': {\n borderBottomColor: 'transparent',\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n ':active': {\n borderBottomColor: 'transparent',\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n});\n\nexport const useLinkStyles_unstable = (state: LinkState): LinkState => {\n const styles = useStyles();\n const { appearance, disabled, inline, root } = state;\n\n state.root.className = mergeClasses(\n linkClassNames.root,\n styles.root,\n styles.focusIndicator,\n root.as === 'a' && root.href && styles.href,\n appearance === 'subtle' && styles.subtle,\n inline && styles.inline,\n appearance === 'subtle' && inline && styles.inlineSubtle,\n disabled && styles.disabled,\n state.root.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
package/lib/index.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export { Link,
|
|
2
|
-
linkClassName, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable } from './Link';
|
|
1
|
+
export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable } from './Link';
|
|
3
2
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,SACE,IADF,EAEE
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,SACE,IADF,EAEE,cAFF,EAGE,mBAHF,EAIE,qBAJF,EAKE,sBALF,EAME,gBANF,QAOO,QAPP","sourcesContent":["export {\n Link,\n linkClassNames,\n renderLink_unstable,\n useLinkState_unstable,\n useLinkStyles_unstable,\n useLink_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState } from './Link';\n"],"sourceRoot":"../src/"}
|
|
@@ -3,26 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useLinkStyles_unstable = exports.linkClassNames =
|
|
6
|
+
exports.useLinkStyles_unstable = exports.linkClassNames = void 0;
|
|
7
7
|
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
|
9
9
|
|
|
10
10
|
const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
11
11
|
|
|
12
12
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
|
13
|
-
/**
|
|
14
|
-
* @deprecated Use `linkClassNames.root` instead.
|
|
15
|
-
*/
|
|
16
13
|
|
|
17
|
-
|
|
18
|
-
exports.linkClassName = 'fui-Link';
|
|
19
14
|
exports.linkClassNames = {
|
|
20
15
|
root: 'fui-Link'
|
|
21
16
|
};
|
|
22
17
|
|
|
23
18
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
|
24
19
|
"focusIndicator": {
|
|
25
|
-
"
|
|
20
|
+
"Brovlpu": "ftqa4ok",
|
|
26
21
|
"hhrs2v": "f50u1b5",
|
|
27
22
|
"F2u7y": "fs3pq8b",
|
|
28
23
|
"Bfv9iwi": "f1hghxdh",
|
|
@@ -88,7 +83,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
|
88
83
|
"lj723h": "f19wldhg"
|
|
89
84
|
}
|
|
90
85
|
}, {
|
|
91
|
-
"
|
|
86
|
+
"f": [".ftqa4ok:focus{outline-style:none;}"],
|
|
92
87
|
"d": ["[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .fs3pq8b:focus{text-decoration-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1hghxdh:focus{text-decoration-line:underline;}", "[data-keyboard-nav] .f1tymzes:focus{text-decoration-style:double;}", ".f3rmtva{background-color:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fg706s2{border-bottom-style:solid;}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f1ewtqcl{box-sizing:border-box;}", ".fyind8e{color:var(--colorBrandForegroundLink);}", ".f1k6fduh{cursor:pointer;}", ".f1w7gpdv{display:inline;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fqv5qza{overflow-x:inherit;}", ".f1vmzxwi{overflow-y:inherit;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".f1iuv45f{text-decoration-line:none;}", ".f9n3di6{text-overflow:inherit;}", ".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}", ".fjoy568{font-size:inherit;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f8eylhe{border-bottom-color:var(--colorBrandForegroundLink);}", ".fskmnqw{border-bottom-color:var(--colorNeutralForeground2);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}"],
|
|
93
88
|
"h": [".fygtlnl:hover{border-bottom-color:var(--colorBrandForegroundLinkHover);}", ".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}", ".fnlxxs1:hover{border-bottom-color:var(--colorNeutralForeground2Hover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}"],
|
|
94
89
|
"a": [".f12x56k7:active{border-bottom-color:var(--colorBrandForegroundLinkPressed);}", ".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}", ".ffmwprl:active{border-bottom-color:var(--colorNeutralForeground2Pressed);}", ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}", ".fggejwh:active{border-bottom-color:transparent;}", ".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Link/useLinkStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA
|
|
1
|
+
{"version":3,"sources":["components/Link/useLinkStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAIa,OAAA,CAAA,cAAA,GAA4C;AACvD,EAAA,IAAI,EAAE;AADiD,CAA5C;;AAIb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAqFO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,QAAM;AAAE,IAAA,UAAF;AAAc,IAAA,QAAd;AAAwB,IAAA,MAAxB;AAAgC,IAAA;AAAhC,MAAyC,KAA/C;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cAAA,CAAe,IADM,EAErB,MAAM,CAAC,IAFc,EAGrB,MAAM,CAAC,cAHc,EAIrB,IAAI,CAAC,EAAL,KAAY,GAAZ,IAAmB,IAAI,CAAC,IAAxB,IAAgC,MAAM,CAAC,IAJlB,EAKrB,UAAU,KAAK,QAAf,IAA2B,MAAM,CAAC,MALb,EAMrB,MAAM,IAAI,MAAM,CAAC,MANI,EAOrB,UAAU,KAAK,QAAf,IAA2B,MAA3B,IAAqC,MAAM,CAAC,YAPvB,EAQrB,QAAQ,IAAI,MAAM,CAAC,QARE,EASrB,KAAK,CAAC,IAAN,CAAW,SATU,CAAvB;AAYA,SAAO,KAAP;AACD,CAjBM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LinkSlots, LinkState } from './Link.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const linkClassNames: SlotClassNames<LinkSlots> = {\n root: 'fui-Link',\n};\n\nconst useStyles = makeStyles({\n focusIndicator: createCustomFocusIndicatorStyle({\n borderBottomColor: 'transparent',\n textDecorationColor: tokens.colorStrokeFocus2,\n textDecorationLine: 'underline',\n textDecorationStyle: 'double',\n }),\n // Common styles.\n root: {\n backgroundColor: 'transparent',\n borderTopStyle: 'none',\n borderLeftStyle: 'none',\n borderRightStyle: 'none',\n borderBottomColor: 'transparent',\n borderBottomStyle: 'solid',\n borderBottomWidth: tokens.strokeWidthThin,\n boxSizing: 'border-box',\n color: tokens.colorBrandForegroundLink,\n cursor: 'pointer',\n display: 'inline',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n ...shorthands.overflow('inherit'),\n textAlign: 'left',\n textDecorationLine: 'none',\n textOverflow: 'inherit',\n userSelect: 'text',\n\n ':hover': {\n borderBottomColor: tokens.colorBrandForegroundLinkHover,\n color: tokens.colorBrandForegroundLinkHover,\n },\n\n ':active': {\n borderBottomColor: tokens.colorBrandForegroundLinkPressed,\n color: tokens.colorBrandForegroundLinkPressed,\n },\n },\n // Overrides when an href is present so the Link renders as an anchor.\n href: {\n fontSize: 'inherit',\n },\n // Overrides when the Link appears subtle.\n subtle: {\n color: tokens.colorNeutralForeground2,\n\n ':hover': {\n borderBottomColor: tokens.colorNeutralForeground2Hover,\n color: tokens.colorNeutralForeground2Hover,\n },\n\n ':active': {\n borderBottomColor: tokens.colorNeutralForeground2Pressed,\n color: tokens.colorNeutralForeground2Pressed,\n },\n },\n // Overrides when the Link is rendered inline within text.\n inline: {\n borderBottomColor: tokens.colorBrandForegroundLink,\n },\n // Overrides when the Link is rendered inline within text and appears subtle.\n inlineSubtle: {\n borderBottomColor: tokens.colorNeutralForeground2,\n },\n // Overrides when the Link is disabled.\n disabled: {\n borderBottomColor: 'transparent',\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n\n ':hover': {\n borderBottomColor: 'transparent',\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n ':active': {\n borderBottomColor: 'transparent',\n color: tokens.colorNeutralForegroundDisabled,\n },\n },\n});\n\nexport const useLinkStyles_unstable = (state: LinkState): LinkState => {\n const styles = useStyles();\n const { appearance, disabled, inline, root } = state;\n\n state.root.className = mergeClasses(\n linkClassNames.root,\n styles.root,\n styles.focusIndicator,\n root.as === 'a' && root.href && styles.href,\n appearance === 'subtle' && styles.subtle,\n inline && styles.inline,\n appearance === 'subtle' && inline && styles.inlineSubtle,\n disabled && styles.disabled,\n state.root.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useLink_unstable = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.renderLink_unstable = exports.linkClassNames = exports.
|
|
6
|
+
exports.useLink_unstable = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.renderLink_unstable = exports.linkClassNames = exports.Link = void 0;
|
|
7
7
|
|
|
8
8
|
var Link_1 = /*#__PURE__*/require("./Link");
|
|
9
9
|
|
|
@@ -12,13 +12,6 @@ Object.defineProperty(exports, "Link", {
|
|
|
12
12
|
get: function () {
|
|
13
13
|
return Link_1.Link;
|
|
14
14
|
}
|
|
15
|
-
}); // eslint-disable-next-line deprecation/deprecation
|
|
16
|
-
|
|
17
|
-
Object.defineProperty(exports, "linkClassName", {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
get: function () {
|
|
20
|
-
return Link_1.linkClassName;
|
|
21
|
-
}
|
|
22
15
|
});
|
|
23
16
|
Object.defineProperty(exports, "linkClassNames", {
|
|
24
17
|
enumerable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,MAAA,gBAAA,OAAA,CAAA,QAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,MAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,IAAA;AAAI;AAAJ,CAAA
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,MAAA,gBAAA,OAAA,CAAA,QAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,MAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,IAAA;AAAI;AAAJ,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,cAAA;AAAc;AAAd,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,qBAAA;AAAqB;AAArB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,sBAAA;AAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA","sourcesContent":["export {\n Link,\n linkClassNames,\n renderLink_unstable,\n useLinkState_unstable,\n useLinkStyles_unstable,\n useLink_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState } from './Link';\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-link",
|
|
3
|
-
"version": "9.0.0-rc.
|
|
3
|
+
"version": "9.0.0-rc.13",
|
|
4
4
|
"description": "Fluent UI React Link component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -29,15 +29,15 @@
|
|
|
29
29
|
"@fluentui/a11y-testing": "^0.1.0",
|
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
|
31
31
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
32
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.8",
|
|
33
33
|
"@fluentui/scripts": "^1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@fluentui/keyboard-keys": "9.0.0-rc.6",
|
|
37
|
-
"@fluentui/react-tabster": "9.0.0-rc.
|
|
38
|
-
"@fluentui/react-theme": "9.0.0-rc.
|
|
39
|
-
"@fluentui/react-utilities": "9.0.0-rc.
|
|
40
|
-
"@griffel/react": "1.0
|
|
37
|
+
"@fluentui/react-tabster": "9.0.0-rc.13",
|
|
38
|
+
"@fluentui/react-theme": "9.0.0-rc.9",
|
|
39
|
+
"@fluentui/react-utilities": "9.0.0-rc.10",
|
|
40
|
+
"@griffel/react": "1.1.0",
|
|
41
41
|
"tslib": "^2.1.0"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|