@fluentui/react-label 0.0.0-nightly0bc161458e20220126.1 → 0.0.0-nightly2170ed575f20220223.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +120 -36
- package/CHANGELOG.md +34 -9
- package/Spec.md +3 -3
- package/dist/react-label.d.ts +5 -5
- package/lib/Label.js.map +1 -1
- package/lib/components/Label/Label.js.map +1 -1
- package/lib/components/Label/Label.types.d.ts +6 -6
- package/lib/components/Label/Label.types.js.map +1 -1
- package/lib/components/Label/index.js.map +1 -1
- package/lib/components/Label/renderLabel.js +1 -1
- package/lib/components/Label/renderLabel.js.map +1 -1
- package/lib/components/Label/useLabel.js +1 -3
- package/lib/components/Label/useLabel.js.map +1 -1
- package/lib/components/Label/useLabelStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Label.js.map +1 -1
- package/lib-commonjs/components/Label/Label.js.map +1 -1
- package/lib-commonjs/components/Label/Label.types.d.ts +6 -6
- package/lib-commonjs/components/Label/Label.types.js.map +1 -1
- package/lib-commonjs/components/Label/index.js.map +1 -1
- package/lib-commonjs/components/Label/renderLabel.js +1 -1
- package/lib-commonjs/components/Label/renderLabel.js.map +1 -1
- package/lib-commonjs/components/Label/useLabel.js +1 -3
- package/lib-commonjs/components/Label/useLabel.js.map +1 -1
- package/lib-commonjs/components/Label/useLabelStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.json
CHANGED
|
@@ -2,28 +2,108 @@
|
|
|
2
2
|
"name": "@fluentui/react-label",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Wed,
|
|
6
|
-
"tag": "@fluentui/react-label_v0.0.0-
|
|
7
|
-
"version": "0.0.0-
|
|
5
|
+
"date": "Wed, 23 Feb 2022 04:16:22 GMT",
|
|
6
|
+
"tag": "@fluentui/react-label_v0.0.0-nightly2170ed575f20220223.1",
|
|
7
|
+
"version": "0.0.0-nightly2170ed575f20220223.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-label",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
|
-
"author": "
|
|
17
|
+
"author": "beachball",
|
|
18
18
|
"package": "@fluentui/react-label",
|
|
19
|
-
"
|
|
20
|
-
"
|
|
19
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly2170ed575f20220223.1",
|
|
20
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
"author": "
|
|
23
|
+
"author": "beachball",
|
|
24
24
|
"package": "@fluentui/react-label",
|
|
25
|
-
"
|
|
26
|
-
"
|
|
25
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly2170ed575f20220223.1",
|
|
26
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Fri, 18 Feb 2022 13:35:32 GMT",
|
|
33
|
+
"tag": "@fluentui/react-label_v9.0.0-beta.7",
|
|
34
|
+
"version": "9.0.0-beta.7",
|
|
35
|
+
"comments": {
|
|
36
|
+
"prerelease": [
|
|
37
|
+
{
|
|
38
|
+
"author": "lingfangao@hotmail.com",
|
|
39
|
+
"package": "@fluentui/react-label",
|
|
40
|
+
"commit": "1aa9e691fcccd9a64168cea7941c0f1e71fa1d14",
|
|
41
|
+
"comment": "fix: Source maps contain original source code"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "beachball",
|
|
45
|
+
"package": "@fluentui/react-label",
|
|
46
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.3",
|
|
47
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"author": "beachball",
|
|
51
|
+
"package": "@fluentui/react-label",
|
|
52
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3",
|
|
53
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
|
54
|
+
}
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"date": "Thu, 10 Feb 2022 08:51:22 GMT",
|
|
60
|
+
"tag": "@fluentui/react-label_v9.0.0-beta.5",
|
|
61
|
+
"version": "9.0.0-beta.5",
|
|
62
|
+
"comments": {
|
|
63
|
+
"none": [
|
|
64
|
+
{
|
|
65
|
+
"author": "martinhochel@microsoft.com",
|
|
66
|
+
"package": "@fluentui/react-label",
|
|
67
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
|
68
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "elcraig@microsoft.com",
|
|
72
|
+
"package": "@fluentui/react-label",
|
|
73
|
+
"commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
|
|
74
|
+
"comment": "Relocate comment about props to the correct type, and update spec to accurately reflect props"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"author": "bsunderhus@microsoft.com",
|
|
78
|
+
"package": "@fluentui/react-label",
|
|
79
|
+
"commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
|
|
80
|
+
"comment": "Updates components with nullRender changes"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"author": "elcraig@microsoft.com",
|
|
84
|
+
"package": "@fluentui/react-label",
|
|
85
|
+
"commit": "96d9c93544464bcc5ec36b7c5d724b77ae499c73",
|
|
86
|
+
"comment": "Update docs description"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"author": "andredias@microsoft.com",
|
|
90
|
+
"package": "@fluentui/react-label",
|
|
91
|
+
"commit": "084a7183511bae60a43e57fbd57979349c4736a4",
|
|
92
|
+
"comment": "Migrate package to use solution tsconfigs"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"author": "olfedias@microsoft.com",
|
|
96
|
+
"package": "@fluentui/react-label",
|
|
97
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
|
98
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"prerelease": [
|
|
102
|
+
{
|
|
103
|
+
"author": "lingfangao@hotmail.com",
|
|
104
|
+
"package": "@fluentui/react-label",
|
|
105
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
|
106
|
+
"comment": "Bump Fluent UI dependencies to 9.0.0-rc"
|
|
27
107
|
},
|
|
28
108
|
{
|
|
29
109
|
"author": "olfedias@microsoft.com",
|
|
@@ -31,12 +111,30 @@
|
|
|
31
111
|
"commit": "742c191b7f2ea28505e49304117c090f9f36386c",
|
|
32
112
|
"comment": "Replace make-styles packages with griffel equivalents."
|
|
33
113
|
},
|
|
114
|
+
{
|
|
115
|
+
"author": "mgodbolt@microsoft.com",
|
|
116
|
+
"package": "@fluentui/react-label",
|
|
117
|
+
"commit": "839ec14849e112b85aa321d034739ec421199141",
|
|
118
|
+
"comment": "remove export of commons types"
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
122
|
+
"package": "@fluentui/react-label",
|
|
123
|
+
"commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
|
|
124
|
+
"comment": "Updating based on changes to composition types."
|
|
125
|
+
},
|
|
34
126
|
{
|
|
35
127
|
"author": "Humberto.Morimoto@microsoft.com",
|
|
36
128
|
"package": "@fluentui/react-label",
|
|
37
129
|
"commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
|
|
38
130
|
"comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
|
|
39
131
|
},
|
|
132
|
+
{
|
|
133
|
+
"author": "behowell@microsoft.com",
|
|
134
|
+
"package": "@fluentui/react-label",
|
|
135
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
|
136
|
+
"comment": "Refactor component Slot typings"
|
|
137
|
+
},
|
|
40
138
|
{
|
|
41
139
|
"author": "Humberto.Morimoto@microsoft.com",
|
|
42
140
|
"package": "@fluentui/react-label",
|
|
@@ -50,42 +148,28 @@
|
|
|
50
148
|
"comment": "Remove component's shorthandProps array"
|
|
51
149
|
},
|
|
52
150
|
{
|
|
53
|
-
"author": "
|
|
54
|
-
"package": "@fluentui/react-label",
|
|
55
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly0bc161458e20220126.1",
|
|
56
|
-
"commit": "68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"author": "beachball",
|
|
60
|
-
"package": "@fluentui/react-label",
|
|
61
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly0bc161458e20220126.1",
|
|
62
|
-
"commit": "68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c"
|
|
63
|
-
}
|
|
64
|
-
],
|
|
65
|
-
"none": [
|
|
66
|
-
{
|
|
67
|
-
"author": "andredias@microsoft.com",
|
|
151
|
+
"author": "behowell@microsoft.com",
|
|
68
152
|
"package": "@fluentui/react-label",
|
|
69
|
-
"commit": "
|
|
70
|
-
"comment": "
|
|
153
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
|
154
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
|
71
155
|
},
|
|
72
156
|
{
|
|
73
|
-
"author": "
|
|
157
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
74
158
|
"package": "@fluentui/react-label",
|
|
75
|
-
"commit": "
|
|
76
|
-
"comment": "
|
|
159
|
+
"commit": "00a5d945904c896a0664de6ba72c145a255f0848",
|
|
160
|
+
"comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
|
|
77
161
|
},
|
|
78
162
|
{
|
|
79
|
-
"author": "
|
|
163
|
+
"author": "beachball",
|
|
80
164
|
"package": "@fluentui/react-label",
|
|
81
|
-
"
|
|
82
|
-
"
|
|
165
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
|
166
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
83
167
|
},
|
|
84
168
|
{
|
|
85
|
-
"author": "
|
|
169
|
+
"author": "beachball",
|
|
86
170
|
"package": "@fluentui/react-label",
|
|
87
|
-
"
|
|
88
|
-
"
|
|
171
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
|
172
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
89
173
|
}
|
|
90
174
|
]
|
|
91
175
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,25 +1,50 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-label
|
|
2
2
|
|
|
3
|
-
This log was last generated on Wed,
|
|
3
|
+
This log was last generated on Wed, 23 Feb 2022 04:16:22 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightly2170ed575f20220223.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v0.0.0-nightly2170ed575f20220223.1)
|
|
8
8
|
|
|
9
|
-
Wed,
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.
|
|
9
|
+
Wed, 23 Feb 2022 04:16:22 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.7..@fluentui/react-label_v0.0.0-nightly2170ed575f20220223.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
|
15
|
-
-
|
|
16
|
-
-
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by email not defined)
|
|
15
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
|
16
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
|
17
|
+
|
|
18
|
+
## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-beta.7)
|
|
19
|
+
|
|
20
|
+
Fri, 18 Feb 2022 13:35:32 GMT
|
|
21
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.5..@fluentui/react-label_v9.0.0-beta.7)
|
|
22
|
+
|
|
23
|
+
### Changes
|
|
24
|
+
|
|
25
|
+
- fix: Source maps contain original source code ([PR #21690](https://github.com/microsoft/fluentui/pull/21690) by lingfangao@hotmail.com)
|
|
26
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
|
27
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
|
28
|
+
|
|
29
|
+
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-beta.5)
|
|
30
|
+
|
|
31
|
+
Thu, 10 Feb 2022 08:51:22 GMT
|
|
32
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.4..@fluentui/react-label_v9.0.0-beta.5)
|
|
33
|
+
|
|
34
|
+
### Changes
|
|
35
|
+
|
|
36
|
+
- Bump Fluent UI dependencies to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
|
17
37
|
- Replace make-styles packages with griffel equivalents. ([PR #21430](https://github.com/microsoft/fluentui/pull/21430) by olfedias@microsoft.com)
|
|
38
|
+
- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
|
|
39
|
+
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
|
18
40
|
- Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
|
|
41
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
|
19
42
|
- react-label: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21046](https://github.com/microsoft/fluentui/pull/21046) by Humberto.Morimoto@microsoft.com)
|
|
20
43
|
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
21
|
-
-
|
|
22
|
-
-
|
|
44
|
+
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
|
45
|
+
- Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
|
|
46
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
47
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
23
48
|
|
|
24
49
|
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-beta.4)
|
|
25
50
|
|
package/Spec.md
CHANGED
|
@@ -96,8 +96,8 @@ export type LabelCommons = {
|
|
|
96
96
|
};
|
|
97
97
|
|
|
98
98
|
export type LabelSlots = {
|
|
99
|
-
root:
|
|
100
|
-
required?:
|
|
99
|
+
root: IntrinsicSlotProps<'label'>;
|
|
100
|
+
required?: IntrinsicSlotProps<'span'>;
|
|
101
101
|
};
|
|
102
102
|
|
|
103
103
|
/**
|
|
@@ -115,7 +115,7 @@ export type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> &
|
|
|
115
115
|
* an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
|
|
116
116
|
* @defaultvalue false
|
|
117
117
|
*/
|
|
118
|
-
required?: boolean |
|
|
118
|
+
required?: boolean | IntrinsicSlotProps<'span'> | React.ReactNode;
|
|
119
119
|
};
|
|
120
120
|
```
|
|
121
121
|
|
package/dist/react-label.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
3
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
4
|
-
import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
5
4
|
import * as React_2 from 'react';
|
|
5
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* A label component provides a title or name to a component.
|
|
@@ -11,7 +11,7 @@ export declare const Label: ForwardRefComponent<LabelProps>;
|
|
|
11
11
|
|
|
12
12
|
export declare const labelClassName = "fui-Label";
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
declare type LabelCommons = {
|
|
15
15
|
/**
|
|
16
16
|
* Renders the label as disabled
|
|
17
17
|
* @defaultvalue false
|
|
@@ -38,12 +38,12 @@ export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> &
|
|
|
38
38
|
* an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
|
|
39
39
|
* @defaultvalue false
|
|
40
40
|
*/
|
|
41
|
-
required?: boolean |
|
|
41
|
+
required?: boolean | Slot<'span'>;
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
export declare type LabelSlots = {
|
|
45
|
-
root:
|
|
46
|
-
required?:
|
|
45
|
+
root: Slot<'label'>;
|
|
46
|
+
required?: Slot<'span'>;
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
/**
|
package/lib/Label.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"../src/","sources":["Label.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './components/Label/index';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,iBAAT,QAAkC,YAAlC;AACA,SAAS,oBAAT,QAAqC,eAArC;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AAIA;;AAEG;;AACH,OAAO,MAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AAEA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AACA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from 'react';\nimport { useLabel_unstable } from './useLabel';\nimport { renderLabel_unstable } from './renderLabel';\nimport { useLabelStyles_unstable } from './useLabelStyles';\nimport type { LabelProps } from './Label.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A label component provides a title or name to a component.\n */\nexport const Label: ForwardRefComponent<LabelProps> = React.forwardRef((props, ref) => {\n const state = useLabel_unstable(props, ref);\n\n useLabelStyles_unstable(state);\n return renderLabel_unstable(state);\n});\n\nLabel.displayName = 'Label';\n"],"sourceRoot":"../src/"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export declare type LabelCommons = {
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
+
declare type LabelCommons = {
|
|
4
3
|
/**
|
|
5
4
|
* Renders the label as disabled
|
|
6
5
|
* @defaultvalue false
|
|
@@ -18,8 +17,8 @@ export declare type LabelCommons = {
|
|
|
18
17
|
strong: boolean;
|
|
19
18
|
};
|
|
20
19
|
export declare type LabelSlots = {
|
|
21
|
-
root:
|
|
22
|
-
required?:
|
|
20
|
+
root: Slot<'label'>;
|
|
21
|
+
required?: Slot<'span'>;
|
|
23
22
|
};
|
|
24
23
|
/**
|
|
25
24
|
* State used in rendering Label
|
|
@@ -34,5 +33,6 @@ export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> &
|
|
|
34
33
|
* an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
|
|
35
34
|
* @defaultvalue false
|
|
36
35
|
*/
|
|
37
|
-
required?: boolean |
|
|
36
|
+
required?: boolean | Slot<'span'>;
|
|
38
37
|
};
|
|
38
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.types.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"Label.types.js","sourceRoot":"../src/","sources":["components/Label/Label.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\ntype LabelCommons = {\n /**\n * Renders the label as disabled\n * @defaultvalue false\n */\n disabled: boolean;\n\n /**\n * A label supports different sizes.\n * @defaultvalue 'medium'\n */\n size: 'small' | 'medium' | 'large';\n\n /**\n * A label supports semibold/strong fontweight.\n * @defaultvalue false\n */\n strong: boolean;\n};\n\nexport type LabelSlots = {\n root: Slot<'label'>;\n required?: Slot<'span'>;\n};\n\n/**\n * State used in rendering Label\n */\nexport type LabelState = ComponentState<LabelSlots> & LabelCommons;\n\n/**\n * Label Props\n */\nexport type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> &\n Partial<LabelCommons> & {\n /**\n * Displays and indicator that the label is for a required field. The required prop can be set to true to display\n * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.\n * @defaultvalue false\n */\n required?: boolean | Slot<'span'>;\n };\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './Label';\nexport * from './Label.types';\nexport * from './renderLabel';\nexport * from './useLabel';\nexport * from './useLabelStyles';\n"]}
|
|
@@ -10,7 +10,7 @@ export const renderLabel_unstable = state => {
|
|
|
10
10
|
slotProps
|
|
11
11
|
} = getSlots(state);
|
|
12
12
|
return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
|
13
|
-
}, state.root.children, /*#__PURE__*/React.createElement(slots.required, { ...slotProps.required
|
|
13
|
+
}, state.root.children, slots.required && /*#__PURE__*/React.createElement(slots.required, { ...slotProps.required
|
|
14
14
|
}));
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=renderLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/renderLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,IAAN,CAAW,QADd,EAEG,KAAK,CAAC,QAAN,iBAAkB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,EAAA,GAAK,SAAS,CAAC;AAAf,GAAf,CAFrB,CADF;AAMD,CATM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { LabelState, LabelSlots } from './Label.types';\n\n/**\n * Render the final JSX of Label\n */\nexport const renderLabel_unstable = (state: LabelState) => {\n const { slots, slotProps } = getSlots<LabelSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {state.root.children}\n {slots.required && <slots.required {...slotProps.required} />}\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -19,10 +19,8 @@ export const useLabel_unstable = (props, ref) => {
|
|
|
19
19
|
} = props;
|
|
20
20
|
return {
|
|
21
21
|
disabled,
|
|
22
|
-
required: resolveShorthand(required ===
|
|
23
|
-
required: !!required,
|
|
22
|
+
required: resolveShorthand(required === true ? '*' : required || undefined, {
|
|
24
23
|
defaultProps: {
|
|
25
|
-
children: '*',
|
|
26
24
|
'aria-hidden': 'true'
|
|
27
25
|
}
|
|
28
26
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/useLabel.tsx"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAEA,SAAS,gBAAT,QAAiC,2BAAjC;AAEA;;;;;;;;AAQG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AAC9F,QAAM;AAAE,IAAA,QAAQ,GAAG,KAAb;AAAoB,IAAA,QAAQ,GAAG,KAA/B;AAAsC,IAAA,MAAM,GAAG,KAA/C;AAAsD,IAAA,IAAI,GAAG;AAA7D,MAA0E,KAAhF;AACA,SAAO;AACL,IAAA,QADK;AAEL,IAAA,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,KAAK,IAAb,GAAoB,GAApB,GAA0B,QAAQ,IAAI,SAAvC,EAAkD;AAC1E,MAAA,YAAY,EAAE;AAAE,uBAAe;AAAjB;AAD4D,KAAlD,CAFrB;AAKL,IAAA,MALK;AAML,IAAA,IANK;AAOL,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE,OAAR;AAAiB,MAAA,QAAQ,EAAE;AAA3B,KAPP;AAQL,IAAA,IAAI,EAAE,qBAAqB,CAAC,OAAD,EAAU;AAAE,MAAA,GAAF;AAAO,SAAG;AAAV,KAAV;AARtB,GAAP;AAUD,CAZM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { LabelProps, LabelState } from './Label.types';\nimport { resolveShorthand } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render Label.\n *\n * The returned state can be modified with hooks such as useLabelStyles_unstable,\n * before being passed to renderLabel_unstable.\n *\n * @param props - props from this instance of Label\n * @param ref - reference to root HTMLElement of Label\n */\nexport const useLabel_unstable = (props: LabelProps, ref: React.Ref<HTMLElement>): LabelState => {\n const { disabled = false, required = false, strong = false, size = 'medium' } = props;\n return {\n disabled,\n required: resolveShorthand(required === true ? '*' : required || undefined, {\n defaultProps: { 'aria-hidden': 'true' },\n }),\n strong,\n size,\n components: { root: 'label', required: 'span' },\n root: getNativeElementProps('label', { ref, ...props }),\n };\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/useLabelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,gBAAzC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,cAAc,GAAG,WAAvB;AAEP;;AAEG;;AACH,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,EAAlB;AAoCA;;AAEG;;;AACH,OAAO,MAAM,uBAAuB,GAAI,KAAD,IAAkC;AACvE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAHQ,EAIjC,MAAM,CAAC,KAAK,CAAC,IAAP,CAJ2B,EAKjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MALU,EAMjC,KAAK,CAAC,IAAN,CAAW,SANsB,CAAnC;;AASA,MAAI,KAAK,CAAC,QAAV,EAAoB;AAClB,IAAA,KAAK,CAAC,QAAN,CAAe,SAAf,GAA2B,YAAY,CAAC,MAAM,CAAC,QAAR,EAAkB,KAAK,CAAC,QAAN,CAAe,SAAjC,CAAvC;AACD;;AAED,SAAO,KAAP;AACD,CAhBM","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LabelState } from './Label.types';\n\nexport const labelClassName = 'fui-Label';\n\n/**\n * Styles for the label\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n color: tokens.colorNeutralForeground1,\n },\n\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n required: {\n color: tokens.colorPaletteRedForeground3,\n paddingLeft: '4px', // TODO: Once spacing tokens are added, change this to Horizontal XS\n },\n\n small: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n\n medium: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n },\n\n large: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n fontWeight: tokens.fontWeightSemibold,\n },\n\n strong: {\n fontWeight: tokens.fontWeightSemibold,\n },\n});\n\n/**\n * Apply styling to the Label slots based on the state\n */\nexport const useLabelStyles_unstable = (state: LabelState): LabelState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n labelClassName,\n styles.root,\n state.disabled && styles.disabled,\n styles[state.size],\n state.strong && styles.strong,\n state.root.className,\n );\n\n if (state.required) {\n state.required.className = mergeClasses(styles.required, state.required.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAEA,cAAc,SAAS,CAAC","sourcesContent":["// TODO: replace with real exports\nexport {};\nexport * from './Label';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["Label.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Label/index';\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/Label.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,gBAAA,CAAA,uBAAA,CAAwB,KAAxB;AACA,SAAO,aAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from 'react';\nimport { useLabel_unstable } from './useLabel';\nimport { renderLabel_unstable } from './renderLabel';\nimport { useLabelStyles_unstable } from './useLabelStyles';\nimport type { LabelProps } from './Label.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A label component provides a title or name to a component.\n */\nexport const Label: ForwardRefComponent<LabelProps> = React.forwardRef((props, ref) => {\n const state = useLabel_unstable(props, ref);\n\n useLabelStyles_unstable(state);\n return renderLabel_unstable(state);\n});\n\nLabel.displayName = 'Label';\n"],"sourceRoot":"../src/"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export declare type LabelCommons = {
|
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
2
|
+
declare type LabelCommons = {
|
|
4
3
|
/**
|
|
5
4
|
* Renders the label as disabled
|
|
6
5
|
* @defaultvalue false
|
|
@@ -18,8 +17,8 @@ export declare type LabelCommons = {
|
|
|
18
17
|
strong: boolean;
|
|
19
18
|
};
|
|
20
19
|
export declare type LabelSlots = {
|
|
21
|
-
root:
|
|
22
|
-
required?:
|
|
20
|
+
root: Slot<'label'>;
|
|
21
|
+
required?: Slot<'span'>;
|
|
23
22
|
};
|
|
24
23
|
/**
|
|
25
24
|
* State used in rendering Label
|
|
@@ -34,5 +33,6 @@ export declare type LabelProps = Omit<ComponentProps<LabelSlots>, 'required'> &
|
|
|
34
33
|
* an asterisk (*). Or it can be set to a string or jsx content to display a different indicator.
|
|
35
34
|
* @defaultvalue false
|
|
36
35
|
*/
|
|
37
|
-
required?: boolean |
|
|
36
|
+
required?: boolean | Slot<'span'>;
|
|
38
37
|
};
|
|
38
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Label';\nexport * from './Label.types';\nexport * from './renderLabel';\nexport * from './useLabel';\nexport * from './useLabelStyles';\n"],"sourceRoot":"../src/"}
|
|
@@ -19,7 +19,7 @@ const renderLabel_unstable = state => {
|
|
|
19
19
|
slotProps
|
|
20
20
|
} = react_utilities_1.getSlots(state);
|
|
21
21
|
return React.createElement(slots.root, { ...slotProps.root
|
|
22
|
-
}, state.root.children, React.createElement(slots.required, { ...slotProps.required
|
|
22
|
+
}, state.root.children, slots.required && React.createElement(slots.required, { ...slotProps.required
|
|
23
23
|
}));
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/renderLabel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,IAAN,CAAW,QADd,EAEG,KAAK,CAAC,QAAN,IAAkB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,EAAA,GAAK,SAAS,CAAC;AAAf,GAAf,CAFrB,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { LabelState, LabelSlots } from './Label.types';\n\n/**\n * Render the final JSX of Label\n */\nexport const renderLabel_unstable = (state: LabelState) => {\n const { slots, slotProps } = getSlots<LabelSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {state.root.children}\n {slots.required && <slots.required {...slotProps.required} />}\n </slots.root>\n );\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -28,10 +28,8 @@ const useLabel_unstable = (props, ref) => {
|
|
|
28
28
|
} = props;
|
|
29
29
|
return {
|
|
30
30
|
disabled,
|
|
31
|
-
required: react_utilities_2.resolveShorthand(required ===
|
|
32
|
-
required: !!required,
|
|
31
|
+
required: react_utilities_2.resolveShorthand(required === true ? '*' : required || undefined, {
|
|
33
32
|
defaultProps: {
|
|
34
|
-
children: '*',
|
|
35
33
|
'aria-hidden': 'true'
|
|
36
34
|
}
|
|
37
35
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/useLabel.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;;;;;;;AAQG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AAC9F,QAAM;AAAE,IAAA,QAAQ,GAAG,KAAb;AAAoB,IAAA,QAAQ,GAAG,KAA/B;AAAsC,IAAA,MAAM,GAAG,KAA/C;AAAsD,IAAA,IAAI,GAAG;AAA7D,MAA0E,KAAhF;AACA,SAAO;AACL,IAAA,QADK;AAEL,IAAA,QAAQ,EAAE,iBAAA,CAAA,gBAAA,CAAiB,QAAQ,KAAK,IAAb,GAAoB,GAApB,GAA0B,QAAQ,IAAI,SAAvD,EAAkE;AAC1E,MAAA,YAAY,EAAE;AAAE,uBAAe;AAAjB;AAD4D,KAAlE,CAFL;AAKL,IAAA,MALK;AAML,IAAA,IANK;AAOL,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE,OAAR;AAAiB,MAAA,QAAQ,EAAE;AAA3B,KAPP;AAQL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,OAAtB,EAA+B;AAAE,MAAA,GAAF;AAAO,SAAG;AAAV,KAA/B;AARD,GAAP;AAUD,CAZM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { LabelProps, LabelState } from './Label.types';\nimport { resolveShorthand } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render Label.\n *\n * The returned state can be modified with hooks such as useLabelStyles_unstable,\n * before being passed to renderLabel_unstable.\n *\n * @param props - props from this instance of Label\n * @param ref - reference to root HTMLElement of Label\n */\nexport const useLabel_unstable = (props: LabelProps, ref: React.Ref<HTMLElement>): LabelState => {\n const { disabled = false, required = false, strong = false, size = 'medium' } = props;\n return {\n disabled,\n required: resolveShorthand(required === true ? '*' : required || undefined, {\n defaultProps: { 'aria-hidden': 'true' },\n }),\n strong,\n size,\n components: { root: 'label', required: 'span' },\n root: getNativeElementProps('label', { ref, ...props }),\n };\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["components/Label/useLabelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,GAAiB,WAAjB;AAEb;;AAEG;;AACH,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,EAAlB;AAoCA;;AAEG;;;AACI,MAAM,uBAAuB,GAAI,KAAD,IAAkC;AACvE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAHJ,EAIrB,MAAM,CAAC,KAAK,CAAC,IAAP,CAJe,EAKrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MALF,EAMrB,KAAK,CAAC,IAAN,CAAW,SANU,CAAvB;;AASA,MAAI,KAAK,CAAC,QAAV,EAAoB;AAClB,IAAA,KAAK,CAAC,QAAN,CAAe,SAAf,GAA2B,OAAA,CAAA,YAAA,CAAa,MAAM,CAAC,QAApB,EAA8B,KAAK,CAAC,QAAN,CAAe,SAA7C,CAA3B;AACD;;AAED,SAAO,KAAP;AACD,CAhBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LabelState } from './Label.types';\n\nexport const labelClassName = 'fui-Label';\n\n/**\n * Styles for the label\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n color: tokens.colorNeutralForeground1,\n },\n\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n\n required: {\n color: tokens.colorPaletteRedForeground3,\n paddingLeft: '4px', // TODO: Once spacing tokens are added, change this to Horizontal XS\n },\n\n small: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n\n medium: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n },\n\n large: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n fontWeight: tokens.fontWeightSemibold,\n },\n\n strong: {\n fontWeight: tokens.fontWeightSemibold,\n },\n});\n\n/**\n * Apply styling to the Label slots based on the state\n */\nexport const useLabelStyles_unstable = (state: LabelState): LabelState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n labelClassName,\n styles.root,\n state.disabled && styles.disabled,\n styles[state.size],\n state.strong && styles.strong,\n state.root.className,\n );\n\n if (state.required) {\n state.required.className = mergeClasses(styles.required, state.required.className);\n }\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAEA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA","sourcesContent":["// TODO: replace with real exports\nexport {};\nexport * from './Label';\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-label",
|
|
3
|
-
"version": "0.0.0-
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.0.0-nightly2170ed575f20220223.1",
|
|
4
|
+
"description": "Fluent UI React Label component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
7
|
"typings": "lib/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
30
|
"@fluentui/react-conformance": "*",
|
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-
|
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly2170ed575f20220223.1",
|
|
32
32
|
"@fluentui/scripts": "^1.0.0",
|
|
33
33
|
"@types/enzyme": "3.10.3",
|
|
34
34
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"react-test-renderer": "^16.3.0"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@fluentui/react-utilities": "0.0.0-
|
|
45
|
+
"@fluentui/react-utilities": "0.0.0-nightly2170ed575f20220223.1",
|
|
46
46
|
"@griffel/react": "1.0.0",
|
|
47
47
|
"tslib": "^2.1.0"
|
|
48
48
|
},
|