@fluentui/react-select 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.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/.swcrc +2 -11
- package/CHANGELOG.json +70 -13
- package/CHANGELOG.md +25 -9
- package/lib/Select.js +1 -1
- package/lib/SelectField.js +1 -1
- package/lib/components/Select/Select.js +6 -6
- package/lib/components/Select/Select.types.js +1 -1
- package/lib/components/Select/index.js +5 -5
- package/lib/components/Select/renderSelect.js +2 -2
- package/lib/components/Select/useSelect.js +13 -12
- package/lib/components/Select/useSelect.js.map +1 -1
- package/lib/components/Select/useSelectStyles.js +13 -13
- package/lib/components/SelectField/SelectField.js +2 -2
- package/lib/components/SelectField/index.js +1 -1
- package/lib/index.js +2 -2
- package/lib-commonjs/Select.js.map +1 -1
- package/lib-commonjs/SelectField.js.map +1 -1
- package/lib-commonjs/components/Select/Select.js +1 -1
- package/lib-commonjs/components/Select/Select.js.map +1 -1
- package/lib-commonjs/components/Select/Select.types.js.map +1 -1
- package/lib-commonjs/components/Select/index.js.map +1 -1
- package/lib-commonjs/components/Select/renderSelect.js.map +1 -1
- package/lib-commonjs/components/Select/useSelect.js +12 -11
- package/lib-commonjs/components/Select/useSelect.js.map +1 -1
- package/lib-commonjs/components/Select/useSelectStyles.js +12 -12
- package/lib-commonjs/components/Select/useSelectStyles.js.map +1 -1
- package/lib-commonjs/components/SelectField/SelectField.js.map +1 -1
- package/lib-commonjs/components/SelectField/index.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +8 -7
package/.swcrc
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/swcrc",
|
|
3
|
-
"env": {
|
|
4
|
-
"targets": {
|
|
5
|
-
"chrome": "84",
|
|
6
|
-
"edge": "84",
|
|
7
|
-
"firefox": "75",
|
|
8
|
-
"opera": "73",
|
|
9
|
-
"safari": "14.1"
|
|
10
|
-
},
|
|
11
|
-
"bugfixes": true
|
|
12
|
-
},
|
|
13
3
|
"exclude": [
|
|
14
4
|
"/testing",
|
|
15
5
|
"/**/*.cy.ts",
|
|
@@ -32,7 +22,8 @@
|
|
|
32
22
|
"runtime": "classic",
|
|
33
23
|
"useSpread": true
|
|
34
24
|
}
|
|
35
|
-
}
|
|
25
|
+
},
|
|
26
|
+
"target": "es2019"
|
|
36
27
|
},
|
|
37
28
|
"minify": false,
|
|
38
29
|
"sourceMaps": true
|
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui/react-select",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-select_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Wed, 22 Mar 2023 04:46:49 GMT",
|
|
6
|
+
"tag": "@fluentui/react-select_v0.0.0-nightly-20230322-0439.1",
|
|
7
|
+
"version": "0.0.0-nightly-20230322-0439.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -16,32 +16,89 @@
|
|
|
16
16
|
{
|
|
17
17
|
"author": "beachball",
|
|
18
18
|
"package": "@fluentui/react-select",
|
|
19
|
-
"comment": "Bump @fluentui/react-field to v0.0.0-nightly-
|
|
20
|
-
"commit": "
|
|
19
|
+
"comment": "Bump @fluentui/react-field to v0.0.0-nightly-20230322-0439.1",
|
|
20
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"author": "beachball",
|
|
24
24
|
"package": "@fluentui/react-select",
|
|
25
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
26
|
-
"commit": "
|
|
25
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
|
|
26
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
"author": "beachball",
|
|
30
30
|
"package": "@fluentui/react-select",
|
|
31
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
32
|
-
"commit": "
|
|
31
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
|
|
32
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
"author": "beachball",
|
|
36
36
|
"package": "@fluentui/react-select",
|
|
37
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
38
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
|
|
38
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
39
39
|
},
|
|
40
40
|
{
|
|
41
41
|
"author": "beachball",
|
|
42
42
|
"package": "@fluentui/react-select",
|
|
43
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
44
|
-
"commit": "
|
|
43
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1",
|
|
44
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"date": "Tue, 21 Mar 2023 21:23:49 GMT",
|
|
51
|
+
"tag": "@fluentui/react-select_v9.1.5",
|
|
52
|
+
"version": "9.1.5",
|
|
53
|
+
"comments": {
|
|
54
|
+
"patch": [
|
|
55
|
+
{
|
|
56
|
+
"author": "tristan.watanabe@gmail.com",
|
|
57
|
+
"package": "@fluentui/react-select",
|
|
58
|
+
"commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
|
|
59
|
+
"comment": "fix: add node field to package.json exports map."
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "tristan.watanabe@gmail.com",
|
|
63
|
+
"package": "@fluentui/react-select",
|
|
64
|
+
"commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
|
|
65
|
+
"comment": "chore: migrate to swc transpilation approach."
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "makotom@microsoft.com",
|
|
69
|
+
"package": "@fluentui/react-select",
|
|
70
|
+
"commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
|
|
71
|
+
"comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui/react-select",
|
|
76
|
+
"comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
|
|
77
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui/react-select",
|
|
82
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
|
|
83
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui/react-select",
|
|
88
|
+
"comment": "Bump @fluentui/react-theme to v9.1.7",
|
|
89
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "beachball",
|
|
93
|
+
"package": "@fluentui/react-select",
|
|
94
|
+
"comment": "Bump @fluentui/react-utilities to v9.7.2",
|
|
95
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"author": "beachball",
|
|
99
|
+
"package": "@fluentui/react-select",
|
|
100
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
|
|
101
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
45
102
|
}
|
|
46
103
|
]
|
|
47
104
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,22 +1,38 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-select
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 22 Mar 2023 04:46:49 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-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v0.0.0-nightly-20230322-0439.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.
|
|
9
|
+
Wed, 22 Mar 2023 04:46:49 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.5..@fluentui/react-select_v0.0.0-nightly-20230322-0439.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/react-field to v0.0.0-nightly-
|
|
16
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/react-field to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
16
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
17
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
18
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
19
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
20
|
+
|
|
21
|
+
## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.5)
|
|
22
|
+
|
|
23
|
+
Tue, 21 Mar 2023 21:23:49 GMT
|
|
24
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.4..@fluentui/react-select_v9.1.5)
|
|
25
|
+
|
|
26
|
+
### Patches
|
|
27
|
+
|
|
28
|
+
- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
|
|
29
|
+
- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
|
|
30
|
+
- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
|
|
31
|
+
- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
32
|
+
- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
33
|
+
- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
34
|
+
- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
35
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
20
36
|
|
|
21
37
|
## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.4)
|
|
22
38
|
|
package/lib/Select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './components/Select/index';
|
|
2
2
|
//# sourceMappingURL=Select.js.map
|
package/lib/SelectField.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './components/SelectField/index';
|
|
2
2
|
//# sourceMappingURL=SelectField.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { useSelect_unstable } from
|
|
3
|
-
import { renderSelect_unstable } from
|
|
4
|
-
import { useSelectStyles_unstable } from
|
|
5
|
-
import { useCustomStyleHooks_unstable } from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useSelect_unstable } from './useSelect';
|
|
3
|
+
import { renderSelect_unstable } from './renderSelect';
|
|
4
|
+
import { useSelectStyles_unstable } from './useSelectStyles';
|
|
5
|
+
import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
|
|
6
6
|
/**
|
|
7
7
|
* Select component
|
|
8
8
|
*/
|
|
@@ -15,5 +15,5 @@ export const Select = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
15
15
|
useCustomStyles(state);
|
|
16
16
|
return renderSelect_unstable(state);
|
|
17
17
|
});
|
|
18
|
-
Select.displayName =
|
|
18
|
+
Select.displayName = 'Select';
|
|
19
19
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
//# sourceMappingURL=Select.types.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './Select';
|
|
2
|
+
export * from './Select.types';
|
|
3
|
+
export * from './renderSelect';
|
|
4
|
+
export * from './useSelect';
|
|
5
|
+
export * from './useSelectStyles';
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { getPartitionedNativeProps, resolveShorthand, useEventCallback } from
|
|
3
|
-
import { ChevronDownRegular } from
|
|
4
|
-
import { useOverrides_unstable as useOverrides } from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { getPartitionedNativeProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
|
|
3
|
+
import { ChevronDownRegular } from '@fluentui/react-icons';
|
|
4
|
+
import { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';
|
|
5
5
|
/**
|
|
6
6
|
* Create the state required to render Select.
|
|
7
7
|
*
|
|
@@ -13,28 +13,29 @@ import { useOverrides_unstable as useOverrides } from "@fluentui/react-shared-co
|
|
|
13
13
|
*/
|
|
14
14
|
export const useSelect_unstable = (props, ref) => {
|
|
15
15
|
const overrides = useOverrides();
|
|
16
|
+
var _overrides_inputDefaultAppearance;
|
|
16
17
|
const {
|
|
17
18
|
defaultValue,
|
|
18
19
|
value,
|
|
19
20
|
select,
|
|
20
21
|
icon,
|
|
21
22
|
root,
|
|
22
|
-
appearance = overrides.inputDefaultAppearance
|
|
23
|
+
appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline',
|
|
23
24
|
onChange,
|
|
24
|
-
size =
|
|
25
|
+
size = 'medium'
|
|
25
26
|
} = props;
|
|
26
27
|
const nativeProps = getPartitionedNativeProps({
|
|
27
28
|
props,
|
|
28
|
-
primarySlotTagName:
|
|
29
|
-
excludedPropNames: [
|
|
29
|
+
primarySlotTagName: 'select',
|
|
30
|
+
excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value']
|
|
30
31
|
});
|
|
31
32
|
const state = {
|
|
32
33
|
size,
|
|
33
34
|
appearance,
|
|
34
35
|
components: {
|
|
35
|
-
root:
|
|
36
|
-
select:
|
|
37
|
-
icon:
|
|
36
|
+
root: 'span',
|
|
37
|
+
select: 'select',
|
|
38
|
+
icon: 'span'
|
|
38
39
|
},
|
|
39
40
|
select: resolveShorthand(select, {
|
|
40
41
|
required: true,
|
|
@@ -57,7 +58,7 @@ export const useSelect_unstable = (props, ref) => {
|
|
|
57
58
|
})
|
|
58
59
|
};
|
|
59
60
|
state.select.onChange = useEventCallback(event => {
|
|
60
|
-
onChange
|
|
61
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, {
|
|
61
62
|
value: event.target.value
|
|
62
63
|
});
|
|
63
64
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","getPartitionedNativeProps","resolveShorthand","useEventCallback","ChevronDownRegular","useOverrides_unstable","useOverrides","useSelect_unstable","props","ref","overrides","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","primarySlotTagName","excludedPropNames","state","components","required","defaultProps","primary","children","createElement","event","target"],"sources":["../../../src/components/Select/useSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport type { SelectProps, SelectState } from './Select.types';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */\nexport const useSelect_unstable = (props: SelectProps, ref: React.Ref<HTMLSelectElement>): SelectState => {\n const overrides = useOverrides();\n\n const {\n defaultValue,\n value,\n select,\n icon,\n root,\n appearance = overrides.inputDefaultAppearance ?? 'outline',\n\n onChange,\n size = 'medium',\n } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'select',\n excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value'],\n });\n\n const state: SelectState = {\n size,\n appearance,\n components: {\n root: 'span',\n select: 'select',\n icon: 'span',\n },\n select: resolveShorthand(select, {\n required: true,\n defaultProps: {\n defaultValue,\n value,\n ref,\n ...nativeProps.primary,\n },\n }),\n icon: resolveShorthand(icon, {\n required: true,\n defaultProps: { children: <ChevronDownRegular /> },\n }),\n root: resolveShorthand(root, {\n required: true,\n defaultProps: nativeProps.root,\n }),\n };\n\n state.select.onChange = useEventCallback(event => {\n onChange?.(event, { value: (event.target as HTMLSelectElement).value });\n });\n\n return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ;AAC9E,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,qBAAA,IAAyBC,YAAY,QAAQ;AAEtD;;;;;;;;;AASA,OAAO,MAAMC,kBAAA,GAAqBA,CAACC,KAAA,EAAoBC,GAAA,KAAmD;EACxG,MAAMC,SAAA,GAAYJ,YAAA;
|
|
1
|
+
{"version":3,"names":["React","getPartitionedNativeProps","resolveShorthand","useEventCallback","ChevronDownRegular","useOverrides_unstable","useOverrides","useSelect_unstable","props","ref","overrides","_overrides_inputDefaultAppearance","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","primarySlotTagName","excludedPropNames","state","components","required","defaultProps","primary","children","createElement","event","target"],"sources":["../../../src/components/Select/useSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport type { SelectProps, SelectState } from './Select.types';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */\nexport const useSelect_unstable = (props: SelectProps, ref: React.Ref<HTMLSelectElement>): SelectState => {\n const overrides = useOverrides();\n\n const {\n defaultValue,\n value,\n select,\n icon,\n root,\n appearance = overrides.inputDefaultAppearance ?? 'outline',\n\n onChange,\n size = 'medium',\n } = props;\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'select',\n excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value'],\n });\n\n const state: SelectState = {\n size,\n appearance,\n components: {\n root: 'span',\n select: 'select',\n icon: 'span',\n },\n select: resolveShorthand(select, {\n required: true,\n defaultProps: {\n defaultValue,\n value,\n ref,\n ...nativeProps.primary,\n },\n }),\n icon: resolveShorthand(icon, {\n required: true,\n defaultProps: { children: <ChevronDownRegular /> },\n }),\n root: resolveShorthand(root, {\n required: true,\n defaultProps: nativeProps.root,\n }),\n };\n\n state.select.onChange = useEventCallback(event => {\n onChange?.(event, { value: (event.target as HTMLSelectElement).value });\n });\n\n return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ;AAC9E,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,qBAAA,IAAyBC,YAAY,QAAQ;AAEtD;;;;;;;;;AASA,OAAO,MAAMC,kBAAA,GAAqBA,CAACC,KAAA,EAAoBC,GAAA,KAAmD;EACxG,MAAMC,SAAA,GAAYJ,YAAA;MAQHK,iCAAA;EANf,MAAM;IACJC,YAAA;IACAC,KAAA;IACAC,MAAA;IACAC,IAAA;IACAC,IAAA;IACAC,UAAA,GAAa,CAAAN,iCAAA,GAAAD,SAAA,CAAUQ,sBAAsB,cAAhCP,iCAAA,cAAAA,iCAAA,GAAoC,SAAS;IAE1DQ,QAAA;IACAC,IAAA,GAAO;EAAQ,CAChB,GAAGZ,KAAA;EAEJ,MAAMa,WAAA,GAAcpB,yBAAA,CAA0B;IAC5CO,KAAA;IACAc,kBAAA,EAAoB;IACpBC,iBAAA,EAAmB,CAAC,cAAc,gBAAgB,YAAY,QAAQ;EACxE;EAEA,MAAMC,KAAA,GAAqB;IACzBJ,IAAA;IACAH,UAAA;IACAQ,UAAA,EAAY;MACVT,IAAA,EAAM;MACNF,MAAA,EAAQ;MACRC,IAAA,EAAM;IACR;IACAD,MAAA,EAAQZ,gBAAA,CAAiBY,MAAA,EAAQ;MAC/BY,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZf,YAAA;QACAC,KAAA;QACAJ,GAAA;QACA,GAAGY,WAAA,CAAYO;MACjB;IACF;IACAb,IAAA,EAAMb,gBAAA,CAAiBa,IAAA,EAAM;MAC3BW,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QAAEE,QAAA,eAAU7B,KAAA,CAAA8B,aAAA,CAAC1B,kBAAA;MAAsB;IACnD;IACAY,IAAA,EAAMd,gBAAA,CAAiBc,IAAA,EAAM;MAC3BU,QAAA,EAAU,IAAI;MACdC,YAAA,EAAcN,WAAA,CAAYL;IAC5B;EACF;EAEAQ,KAAA,CAAMV,MAAM,CAACK,QAAQ,GAAGhB,gBAAA,CAAiB4B,KAAA,IAAS;IAChDZ,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAWY,KAAA,EAAO;MAAElB,KAAA,EAAOkB,KAAC,CAAMC,MAAM,CAAuBnB;IAAM;EACvE;EAEA,OAAOW,KAAA;AACT"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { __styles, mergeClasses, shorthands } from
|
|
2
|
-
import { tokens, typographyStyles } from
|
|
1
|
+
import { __styles, mergeClasses, shorthands } from '@griffel/react';
|
|
2
|
+
import { tokens, typographyStyles } from '@fluentui/react-theme';
|
|
3
3
|
export const selectClassNames = {
|
|
4
|
-
root:
|
|
5
|
-
select:
|
|
6
|
-
icon:
|
|
4
|
+
root: 'fui-Select',
|
|
5
|
+
select: 'fui-Select__select',
|
|
6
|
+
icon: 'fui-Select__icon'
|
|
7
7
|
};
|
|
8
8
|
const iconSizes = {
|
|
9
|
-
small:
|
|
10
|
-
medium:
|
|
11
|
-
large:
|
|
9
|
+
small: '16px',
|
|
10
|
+
medium: '20px',
|
|
11
|
+
large: '24px'
|
|
12
12
|
};
|
|
13
13
|
//TODO: Should fieldHeights be a set of global design tokens or constants?
|
|
14
14
|
const fieldHeights = {
|
|
15
|
-
small:
|
|
16
|
-
medium:
|
|
17
|
-
large:
|
|
15
|
+
small: '24px',
|
|
16
|
+
medium: '32px',
|
|
17
|
+
large: '40px'
|
|
18
18
|
};
|
|
19
19
|
/* Since the <select> element must span the full width and cannot have children,
|
|
20
20
|
* the right padding needs to be calculated from the sum of the following:
|
|
@@ -279,12 +279,12 @@ export const useSelectStyles_unstable = state => {
|
|
|
279
279
|
appearance
|
|
280
280
|
} = state;
|
|
281
281
|
const disabled = state.select.disabled;
|
|
282
|
-
const invalid = `${state.select[
|
|
282
|
+
const invalid = `${state.select['aria-invalid']}` === 'true';
|
|
283
283
|
const iconStyles = useIconStyles();
|
|
284
284
|
const rootStyles = useRootStyles();
|
|
285
285
|
const selectStyles = useSelectStyles();
|
|
286
286
|
state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);
|
|
287
|
-
state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance ===
|
|
287
|
+
state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);
|
|
288
288
|
if (state.icon) {
|
|
289
289
|
state.icon.className = mergeClasses(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);
|
|
290
290
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* eslint-disable deprecation/deprecation */import { getDeprecatedFieldClassNames, makeDeprecatedField } from
|
|
2
|
-
import { Select, selectClassNames } from
|
|
1
|
+
/* eslint-disable deprecation/deprecation */import { getDeprecatedFieldClassNames, makeDeprecatedField } from '@fluentui/react-field';
|
|
2
|
+
import { Select, selectClassNames } from '../../Select';
|
|
3
3
|
/** @deprecated Use Field with Select: `<Field><Select /></Field>` */
|
|
4
4
|
export const selectFieldClassNames = /*#__PURE__*/getDeprecatedFieldClassNames(selectClassNames.root);
|
|
5
5
|
/** @deprecated Use Field with Select: `<Field><Select /></Field>` */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './SelectField';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from
|
|
1
|
+
export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from './Select';
|
|
2
2
|
// eslint-disable-next-line deprecation/deprecation
|
|
3
|
-
export { SelectField as SelectField_unstable, selectFieldClassNames } from
|
|
3
|
+
export { SelectField as SelectField_unstable, selectFieldClassNames } from './SelectField';
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/Select.js"],"sourcesContent":["export * from
|
|
1
|
+
{"version":3,"sources":["../lib/Select.js"],"sourcesContent":["export * from './components/Select/index';\n//# sourceMappingURL=Select.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,kCAAkC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/SelectField.js"],"sourcesContent":["export * from
|
|
1
|
+
{"version":3,"sources":["../lib/SelectField.js"],"sourcesContent":["export * from './components/SelectField/index';\n//# sourceMappingURL=SelectField.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,uCAAuC"}
|
|
@@ -19,6 +19,6 @@ const Select = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
19
19
|
useCustomStyles(state);
|
|
20
20
|
return (0, _renderSelect.renderSelect_unstable)(state);
|
|
21
21
|
});
|
|
22
|
-
Select.displayName =
|
|
22
|
+
Select.displayName = 'Select'; //# sourceMappingURL=Select.js.map
|
|
23
23
|
|
|
24
24
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Select/Select.js"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Select/Select.js"],"sourcesContent":["import * as React from 'react';\nimport { useSelect_unstable } from './useSelect';\nimport { renderSelect_unstable } from './renderSelect';\nimport { useSelectStyles_unstable } from './useSelectStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Select component\n */\nexport const Select = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useSelect_unstable(props, ref);\n useSelectStyles_unstable(state);\n const {\n useSelectStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderSelect_unstable(state);\n});\nSelect.displayName = 'Select';\n//# sourceMappingURL=Select.js.map"],"names":["Select","React","forwardRef","props","ref","state","useSelect_unstable","useSelectStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderSelect_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;2BACY;8BACG;iCACG;qCACI;AAItC,MAAMA,SAAS,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAClE,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,yCAAwB,EAACF;IACzB,MAAM,EACJE,0BAA0BC,gBAAe,EAC1C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,mCAAqB,EAACL;AAC/B;AACAL,OAAOW,WAAW,GAAG,UACrB,kCAAkC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Select/Select.types.js"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Select/Select.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Select.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,wCAAwC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Select/index.js"],"sourcesContent":["export * from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Select/index.js"],"sourcesContent":["export * from './Select';\nexport * from './Select.types';\nexport * from './renderSelect';\nexport * from './useSelect';\nexport * from './useSelectStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Select/renderSelect.js"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Select/renderSelect.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Select\n */\nexport const renderSelect_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.select, slotProps.select, slotProps.select.children), /*#__PURE__*/React.createElement(slots.icon, slotProps.icon));\n};\n//# sourceMappingURL=renderSelect.js.map"],"names":["renderSelect_unstable","state","slots","slotProps","getSlots","React","createElement","root","select","children","icon"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,wBAAwBC,CAAAA,QAAS;IAC5C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,MAAM,EAAEL,UAAUK,MAAM,EAAEL,UAAUK,MAAM,CAACC,QAAQ,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI;AAC9N,GACA,wCAAwC"}
|
|
@@ -13,25 +13,26 @@ const _reactIcons = require("@fluentui/react-icons");
|
|
|
13
13
|
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
|
14
14
|
const useSelect_unstable = (props, ref)=>{
|
|
15
15
|
const overrides = (0, _reactSharedContexts.useOverrides_unstable)();
|
|
16
|
-
|
|
16
|
+
var _overrides_inputDefaultAppearance;
|
|
17
|
+
const { defaultValue , value , select , icon , root , appearance =(_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline' , onChange , size ='medium' } = props;
|
|
17
18
|
const nativeProps = (0, _reactUtilities.getPartitionedNativeProps)({
|
|
18
19
|
props,
|
|
19
|
-
primarySlotTagName:
|
|
20
|
+
primarySlotTagName: 'select',
|
|
20
21
|
excludedPropNames: [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
'appearance',
|
|
23
|
+
'defaultValue',
|
|
24
|
+
'onChange',
|
|
25
|
+
'size',
|
|
26
|
+
'value'
|
|
26
27
|
]
|
|
27
28
|
});
|
|
28
29
|
const state = {
|
|
29
30
|
size,
|
|
30
31
|
appearance,
|
|
31
32
|
components: {
|
|
32
|
-
root:
|
|
33
|
-
select:
|
|
34
|
-
icon:
|
|
33
|
+
root: 'span',
|
|
34
|
+
select: 'select',
|
|
35
|
+
icon: 'span'
|
|
35
36
|
},
|
|
36
37
|
select: (0, _reactUtilities.resolveShorthand)(select, {
|
|
37
38
|
required: true,
|
|
@@ -54,7 +55,7 @@ const useSelect_unstable = (props, ref)=>{
|
|
|
54
55
|
})
|
|
55
56
|
};
|
|
56
57
|
state.select.onChange = (0, _reactUtilities.useEventCallback)((event)=>{
|
|
57
|
-
onChange
|
|
58
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, {
|
|
58
59
|
value: event.target.value
|
|
59
60
|
});
|
|
60
61
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Select/useSelect.js"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Select/useSelect.js"],"sourcesContent":["import * as React from 'react';\nimport { getPartitionedNativeProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\n/**\n * Create the state required to render Select.\n *\n * The returned state can be modified with hooks such as useSelectStyles,\n * before being passed to renderSelect.\n *\n * @param props - props from this instance of Select\n * @param ref - reference to the `<select>` element in Select\n */\nexport const useSelect_unstable = (props, ref) => {\n const overrides = useOverrides();\n var _overrides_inputDefaultAppearance;\n const {\n defaultValue,\n value,\n select,\n icon,\n root,\n appearance = (_overrides_inputDefaultAppearance = overrides.inputDefaultAppearance) !== null && _overrides_inputDefaultAppearance !== void 0 ? _overrides_inputDefaultAppearance : 'outline',\n onChange,\n size = 'medium'\n } = props;\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'select',\n excludedPropNames: ['appearance', 'defaultValue', 'onChange', 'size', 'value']\n });\n const state = {\n size,\n appearance,\n components: {\n root: 'span',\n select: 'select',\n icon: 'span'\n },\n select: resolveShorthand(select, {\n required: true,\n defaultProps: {\n defaultValue,\n value,\n ref,\n ...nativeProps.primary\n }\n }),\n icon: resolveShorthand(icon, {\n required: true,\n defaultProps: {\n children: /*#__PURE__*/React.createElement(ChevronDownRegular, null)\n }\n }),\n root: resolveShorthand(root, {\n required: true,\n defaultProps: nativeProps.root\n })\n };\n state.select.onChange = useEventCallback(event => {\n onChange === null || onChange === void 0 ? void 0 : onChange(event, {\n value: event.target.value\n });\n });\n return state;\n};\n//# sourceMappingURL=useSelect.js.map"],"names":["useSelect_unstable","props","ref","overrides","useOverrides","_overrides_inputDefaultAppearance","defaultValue","value","select","icon","root","appearance","inputDefaultAppearance","onChange","size","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","state","components","resolveShorthand","required","defaultProps","primary","children","React","createElement","ChevronDownRegular","useEventCallback","event","target"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACuD;4BAC3C;qCACmB;AAU/C,MAAMA,qBAAqB,CAACC,OAAOC,MAAQ;IAChD,MAAMC,YAAYC,IAAAA,0CAAY;IAC9B,IAAIC;IACJ,MAAM,EACJC,aAAY,EACZC,MAAK,EACLC,OAAM,EACNC,KAAI,EACJC,KAAI,EACJC,YAAa,AAACN,CAAAA,oCAAoCF,UAAUS,sBAAsB,AAAD,MAAO,IAAI,IAAIP,sCAAsC,KAAK,IAAIA,oCAAoC,SAAS,CAAA,EAC5LQ,SAAQ,EACRC,MAAO,SAAQ,EAChB,GAAGb;IACJ,MAAMc,cAAcC,IAAAA,yCAAyB,EAAC;QAC5Cf;QACAgB,oBAAoB;QACpBC,mBAAmB;YAAC;YAAc;YAAgB;YAAY;YAAQ;SAAQ;IAChF;IACA,MAAMC,QAAQ;QACZL;QACAH;QACAS,YAAY;YACVV,MAAM;YACNF,QAAQ;YACRC,MAAM;QACR;QACAD,QAAQa,IAAAA,gCAAgB,EAACb,QAAQ;YAC/Bc,UAAU,IAAI;YACdC,cAAc;gBACZjB;gBACAC;gBACAL;gBACA,GAAGa,YAAYS,OAAO;YACxB;QACF;QACAf,MAAMY,IAAAA,gCAAgB,EAACZ,MAAM;YAC3Ba,UAAU,IAAI;YACdC,cAAc;gBACZE,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACrE;QACF;QACAlB,MAAMW,IAAAA,gCAAgB,EAACX,MAAM;YAC3BY,UAAU,IAAI;YACdC,cAAcR,YAAYL,IAAI;QAChC;IACF;IACAS,MAAMX,MAAM,CAACK,QAAQ,GAAGgB,IAAAA,gCAAgB,EAACC,CAAAA,QAAS;QAChDjB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,OAAO;YAClEvB,OAAOuB,MAAMC,MAAM,CAACxB,KAAK;QAC3B,EAAE;IACJ;IACA,OAAOY;AACT,GACA,qCAAqC"}
|
|
@@ -15,20 +15,20 @@ _export(exports, {
|
|
|
15
15
|
const _react = require("@griffel/react");
|
|
16
16
|
const _reactTheme = require("@fluentui/react-theme");
|
|
17
17
|
const selectClassNames = {
|
|
18
|
-
root:
|
|
19
|
-
select:
|
|
20
|
-
icon:
|
|
18
|
+
root: 'fui-Select',
|
|
19
|
+
select: 'fui-Select__select',
|
|
20
|
+
icon: 'fui-Select__icon'
|
|
21
21
|
};
|
|
22
22
|
const iconSizes = {
|
|
23
|
-
small:
|
|
24
|
-
medium:
|
|
25
|
-
large:
|
|
23
|
+
small: '16px',
|
|
24
|
+
medium: '20px',
|
|
25
|
+
large: '24px'
|
|
26
26
|
};
|
|
27
27
|
//TODO: Should fieldHeights be a set of global design tokens or constants?
|
|
28
28
|
const fieldHeights = {
|
|
29
|
-
small:
|
|
30
|
-
medium:
|
|
31
|
-
large:
|
|
29
|
+
small: '24px',
|
|
30
|
+
medium: '32px',
|
|
31
|
+
large: '40px'
|
|
32
32
|
};
|
|
33
33
|
/* Since the <select> element must span the full width and cannot have children,
|
|
34
34
|
* the right padding needs to be calculated from the sum of the following:
|
|
@@ -121,7 +121,7 @@ const fieldHeights = {
|
|
|
121
121
|
".f18vqdqu::after{border-top-right-radius:0;}",
|
|
122
122
|
".f53nyzz::after{border-top-left-radius:0;}",
|
|
123
123
|
".f1gw3sf2::after{box-sizing:border-box;}",
|
|
124
|
-
|
|
124
|
+
".f13zj6fq::after{content:\"\";}",
|
|
125
125
|
".fhwjr99::after{height:var(--borderRadiusMedium);}",
|
|
126
126
|
".f1mdlcz9::after{position:absolute;}",
|
|
127
127
|
".fo72kxq::after{bottom:0;}",
|
|
@@ -602,12 +602,12 @@ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
602
602
|
const useSelectStyles_unstable = (state)=>{
|
|
603
603
|
const { size , appearance } = state;
|
|
604
604
|
const disabled = state.select.disabled;
|
|
605
|
-
const invalid = `${state.select[
|
|
605
|
+
const invalid = `${state.select['aria-invalid']}` === 'true';
|
|
606
606
|
const iconStyles = useIconStyles();
|
|
607
607
|
const rootStyles = useRootStyles();
|
|
608
608
|
const selectStyles = useSelectStyles();
|
|
609
609
|
state.root.className = (0, _react.mergeClasses)(selectClassNames.root, rootStyles.base, state.root.className);
|
|
610
|
-
state.select.className = (0, _react.mergeClasses)(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance ===
|
|
610
|
+
state.select.className = (0, _react.mergeClasses)(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);
|
|
611
611
|
if (state.icon) {
|
|
612
612
|
state.icon.className = (0, _react.mergeClasses)(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);
|
|
613
613
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Select/useSelectStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nexport const selectClassNames = {\n root: \"fui-Select\",\n select: \"fui-Select__select\",\n icon: \"fui-Select__icon\"\n};\nconst iconSizes = {\n small: \"16px\",\n medium: \"20px\",\n large: \"24px\"\n};\n//TODO: Should fieldHeights be a set of global design tokens or constants?\nconst fieldHeights = {\n small: \"24px\",\n medium: \"32px\",\n large: \"40px\"\n};\n/* Since the <select> element must span the full width and cannot have children,\n * the right padding needs to be calculated from the sum of the following:\n * 1. Field padding-right\n * 2. Icon width\n * 3. Content-icon spacing\n * 4. Content inner padding\n */\nconst paddingRight = {\n small: `calc(${tokens.spacingHorizontalSNudge}\n + ${iconSizes.small}\n + ${tokens.spacingHorizontalXXS}\n + ${tokens.spacingHorizontalXXS})`,\n medium: `calc(${tokens.spacingHorizontalMNudge}\n + ${iconSizes.medium}\n + ${tokens.spacingHorizontalXXS}\n + ${tokens.spacingHorizontalXXS})`,\n large: `calc(${tokens.spacingHorizontalM}\n + ${iconSizes.large}\n + ${tokens.spacingHorizontalSNudge}\n + ${tokens.spacingHorizontalSNudge})`\n};\n/* Left padding is calculated from the outer padding + inner content padding values\n * since <select> can't have additional child content or custom inner layout */\nconst paddingLeft = {\n small: `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n medium: `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n large: `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`\n};\n/* end of shared values */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Eh141a: \"flvyvdh\",\n Bahqtrf: \"fk6fouc\",\n qhf8xq: \"f10pi13n\",\n h62rwi: \"f7ll8cq\",\n B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n Bl18szs: [\"f18vqdqu\", \"f53nyzz\"],\n B4j8arr: [\"f53nyzz\", \"f18vqdqu\"],\n li1rpt: \"f1gw3sf2\",\n Bsft5z2: \"f13zj6fq\",\n Dlnsje: \"fhwjr99\",\n E3zdtr: \"f1mdlcz9\",\n By385i5: \"fo72kxq\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n b1kco5: \"f1yk9hq\",\n Ba2ppi3: \"fhwpy7i\",\n F2fol1: \"f14ee0xe\",\n lck23g: \"f1xhbsuh\",\n df92cz: \"fv8e3ye\",\n I188md: \"ftb5wc6\",\n umuwi5: \"fjw5xc1\",\n Blcqepd: \"f1xdyd5c\",\n nplu4u: \"fatpbeo\",\n Bioka5o: \"fb7uyps\",\n H713fs: \"f1cmft4k\",\n B9ooomg: \"f1x58t8o\"\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f10pi13n{position:relative;}\", \".f7ll8cq::after{background-image:linear-gradient(\\n 0deg,\\n var(--colorCompoundBrandStroke) 0%,\\n var(--colorCompoundBrandStroke) 50%,\\n transparent 50%,\\n transparent 100%\\n );}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f18vqdqu::after{border-top-right-radius:0;}\", \".f53nyzz::after{border-top-left-radius:0;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fhwjr99::after{height:var(--borderRadiusMedium);}\", \".f1mdlcz9::after{position:absolute;}\", \".fo72kxq::after{bottom:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".f1yk9hq::after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]],\n w: [\".fjw5xc1:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\"]\n});\nconst useSelectStyles = /*#__PURE__*/__styles({\n base: {\n Bowrso0: \"fqrijq1\",\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f19n0e5\",\n Bceei9c: \"f1k6fduh\",\n Bh6795r: \"fqerorx\",\n B2u0y6b: \"f6dzj5z\",\n Byoj8tv: \"f1qch9an\",\n z8tnut: \"f1g0x7ka\",\n B3aqqti: \"fatbyko\",\n Brovlpu: \"f1grzc83\",\n Bxa1mx5: \"f19shzzi\"\n },\n disabled: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n sj55zd: \"f1s2aq7o\",\n Bceei9c: \"fdrzuqr\",\n Bjwas2f: \"fg455y9\",\n Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n Bxeuatn: \"f1cwzwz\",\n n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n },\n disabledUnderline: {\n g2u3we: \"fgig46g\",\n h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n },\n small: {\n Bqenvij: \"frvgh55\",\n uwmqm3: [\"f1xile11\", \"fqznh8f\"],\n z189sj: [\"fiqd4sw\", \"f11fkzut\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n medium: {\n Bqenvij: \"f1d2rq10\",\n uwmqm3: [\"f1e60jzv\", \"f135dnwl\"],\n z189sj: [\"f154vowv\", \"flqamny\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Bqenvij: \"fbhnoac\",\n uwmqm3: [\"fnphzt9\", \"flt1dlf\"],\n z189sj: [\"f1xi5ia2\", \"f1xi1l47\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\"\n },\n outline: {\n De3pzq: \"fxugw4r\",\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1c1zstj\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n },\n outlineInteractive: {\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"flmw63s\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"fqhmt4z\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n },\n underline: {\n De3pzq: \"f1c21dwh\",\n Bn0qgzm: \"f1f09k3d\",\n oivjwe: \"fg706s2\",\n B9xav0g: \"f1c1zstj\",\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n },\n \"filled-lighter\": {\n De3pzq: \"fxugw4r\"\n },\n \"filled-darker\": {\n De3pzq: \"f16xq7d1\"\n },\n invalid: {\n tvckwq: \"fs4k3qj\",\n gk2u95: [\"fcee079\", \"fmyw78r\"],\n hhx65j: \"f1fgmyf4\",\n Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n },\n invalidUnderline: {\n hhx65j: \"f1fgmyf4\"\n }\n}, {\n d: [\".fqrijq1{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1k6fduh{cursor:pointer;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f6dzj5z{max-width:100%;}\", \".f1qch9an{padding-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".frvgh55{height:24px;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fiqd4sw{padding-right:calc(var(--spacingHorizontalSNudge)\\n + 16px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".f11fkzut{padding-left:calc(var(--spacingHorizontalSNudge)\\n + 16px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1d2rq10{height:32px;}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f154vowv{padding-right:calc(var(--spacingHorizontalMNudge)\\n + 20px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".flqamny{padding-left:calc(var(--spacingHorizontalMNudge)\\n + 20px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".f1xi5ia2{padding-right:calc(var(--spacingHorizontalM)\\n + 24px\\n + var(--spacingHorizontalSNudge)\\n + var(--spacingHorizontalSNudge));}\", \".f1xi1l47{padding-left:calc(var(--spacingHorizontalM)\\n + 24px\\n + var(--spacingHorizontalSNudge)\\n + var(--spacingHorizontalSNudge));}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\"],\n f: [\".fatbyko:focus{outline-width:2px;}\", \".f1grzc83:focus{outline-style:solid;}\", \".f19shzzi:focus{outline-color:transparent;}\"],\n m: [[\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"],\n a: [\".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n icon: {\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"fxkbij4\",\n mc9l5x: \"ftgm304\",\n qhf8xq: \"f1euv43f\",\n Bkecrkj: \"f1aehjj5\",\n Bo70h7d: \"fvc9v3g\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\",\n Bbusuzp: \"f1dcs8yz\"\n },\n small: {\n Be2twd7: \"f4ybsrx\",\n Bqenvij: \"fd461yt\",\n j35jbq: [\"f13lnp83\", \"f1i5nn0v\"],\n a9b677: \"fjw5fx7\"\n },\n medium: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n j35jbq: [\"fnyteob\", \"f1enpzzf\"],\n a9b677: \"f64fuq3\"\n },\n large: {\n Be2twd7: \"f1rt2boy\",\n Bqenvij: \"frvgh55\",\n j35jbq: [\"f8b87gs\", \"fedtrts\"],\n a9b677: \"fq4mcun\"\n }\n}, {\n d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".ftgm304{display:block;}\", \".f1euv43f{position:absolute;}\", \".f1aehjj5{pointer-events:none;}\", \".fvc9v3g svg{display:block;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".f13lnp83{right:var(--spacingHorizontalSNudge);}\", \".f1i5nn0v{left:var(--spacingHorizontalSNudge);}\", \".fjw5fx7{width:16px;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".fnyteob{right:var(--spacingHorizontalMNudge);}\", \".f1enpzzf{left:var(--spacingHorizontalMNudge);}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".f8b87gs{right:var(--spacingHorizontalM);}\", \".fedtrts{left:var(--spacingHorizontalM);}\", \".fq4mcun{width:24px;}\"],\n m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the Select slots based on the state\n */\nexport const useSelectStyles_unstable = state => {\n const {\n size,\n appearance\n } = state;\n const disabled = state.select.disabled;\n const invalid = `${state.select[\"aria-invalid\"]}` === \"true\";\n const iconStyles = useIconStyles();\n const rootStyles = useRootStyles();\n const selectStyles = useSelectStyles();\n state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === \"outline\" && selectStyles.outlineInteractive, !disabled && invalid && appearance !== \"underline\" && selectStyles.invalid, !disabled && invalid && appearance === \"underline\" && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === \"underline\" && selectStyles.disabledUnderline, state.select.className);\n if (state.icon) {\n state.icon.className = mergeClasses(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useSelectStyles.js.map"],"names":["selectClassNames","useSelectStyles_unstable","root","select","icon","iconSizes","small","medium","large","fieldHeights","paddingRight","tokens","spacingHorizontalSNudge","spacingHorizontalXXS","spacingHorizontalMNudge","spacingHorizontalM","paddingLeft","useRootStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Eh141a","Bahqtrf","qhf8xq","h62rwi","B3778ie","d9w3h3","Bl18szs","B4j8arr","li1rpt","Bsft5z2","Dlnsje","E3zdtr","By385i5","Eqx8gd","B1piin3","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","d","m","w","useSelectStyles","Bowrso0","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","E5pizo","sj55zd","Bceei9c","Bh6795r","B2u0y6b","Byoj8tv","z8tnut","B3aqqti","Brovlpu","Bxa1mx5","disabled","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledUnderline","Bqenvij","uwmqm3","z189sj","Be2twd7","Bhrd7zp","Bg96gwp","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","f","h","a","useIconStyles","Bkecrkj","Bo70h7d","Bbusuzp","j35jbq","a9b677","state","size","appearance","iconStyles","rootStyles","selectStyles","className","mergeClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Select/useSelectStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const selectClassNames = {\n root: 'fui-Select',\n select: 'fui-Select__select',\n icon: 'fui-Select__icon'\n};\nconst iconSizes = {\n small: '16px',\n medium: '20px',\n large: '24px'\n};\n//TODO: Should fieldHeights be a set of global design tokens or constants?\nconst fieldHeights = {\n small: '24px',\n medium: '32px',\n large: '40px'\n};\n/* Since the <select> element must span the full width and cannot have children,\n * the right padding needs to be calculated from the sum of the following:\n * 1. Field padding-right\n * 2. Icon width\n * 3. Content-icon spacing\n * 4. Content inner padding\n */\nconst paddingRight = {\n small: `calc(${tokens.spacingHorizontalSNudge}\n + ${iconSizes.small}\n + ${tokens.spacingHorizontalXXS}\n + ${tokens.spacingHorizontalXXS})`,\n medium: `calc(${tokens.spacingHorizontalMNudge}\n + ${iconSizes.medium}\n + ${tokens.spacingHorizontalXXS}\n + ${tokens.spacingHorizontalXXS})`,\n large: `calc(${tokens.spacingHorizontalM}\n + ${iconSizes.large}\n + ${tokens.spacingHorizontalSNudge}\n + ${tokens.spacingHorizontalSNudge})`\n};\n/* Left padding is calculated from the outer padding + inner content padding values\n * since <select> can't have additional child content or custom inner layout */\nconst paddingLeft = {\n small: `calc(${tokens.spacingHorizontalSNudge} + ${tokens.spacingHorizontalXXS})`,\n medium: `calc(${tokens.spacingHorizontalMNudge} + ${tokens.spacingHorizontalXXS})`,\n large: `calc(${tokens.spacingHorizontalM} + ${tokens.spacingHorizontalSNudge})`\n};\n/* end of shared values */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f22iagw\",\n Eh141a: \"flvyvdh\",\n Bahqtrf: \"fk6fouc\",\n qhf8xq: \"f10pi13n\",\n h62rwi: \"f7ll8cq\",\n B3778ie: [\"f1ibwz09\", \"f1kp91vd\"],\n d9w3h3: [\"f1kp91vd\", \"f1ibwz09\"],\n Bl18szs: [\"f18vqdqu\", \"f53nyzz\"],\n B4j8arr: [\"f53nyzz\", \"f18vqdqu\"],\n li1rpt: \"f1gw3sf2\",\n Bsft5z2: \"f13zj6fq\",\n Dlnsje: \"fhwjr99\",\n E3zdtr: \"f1mdlcz9\",\n By385i5: \"fo72kxq\",\n Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n B1piin3: [\"f15yvnhg\", \"f1n6gb5g\"],\n b1kco5: \"f1yk9hq\",\n Ba2ppi3: \"fhwpy7i\",\n F2fol1: \"f14ee0xe\",\n lck23g: \"f1xhbsuh\",\n df92cz: \"fv8e3ye\",\n I188md: \"ftb5wc6\",\n umuwi5: \"fjw5xc1\",\n Blcqepd: \"f1xdyd5c\",\n nplu4u: \"fatpbeo\",\n Bioka5o: \"fb7uyps\",\n H713fs: \"f1cmft4k\",\n B9ooomg: \"f1x58t8o\"\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f10pi13n{position:relative;}\", \".f7ll8cq::after{background-image:linear-gradient(\\n 0deg,\\n var(--colorCompoundBrandStroke) 0%,\\n var(--colorCompoundBrandStroke) 50%,\\n transparent 50%,\\n transparent 100%\\n );}\", \".f1ibwz09::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kp91vd::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f18vqdqu::after{border-top-right-radius:0;}\", \".f53nyzz::after{border-top-left-radius:0;}\", \".f1gw3sf2::after{box-sizing:border-box;}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fhwjr99::after{height:var(--borderRadiusMedium);}\", \".f1mdlcz9::after{position:absolute;}\", \".fo72kxq::after{bottom:0;}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".f1yk9hq::after{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}\", \".fhwpy7i::after{transition-property:transform;}\", \".f14ee0xe::after{transition-duration:var(--durationUltraFast);}\", \".f1xhbsuh::after{transition-delay:var(--curveAccelerateMid);}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.fv8e3ye::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.ftb5wc6::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1cmft4k:focus-within::after{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1x58t8o:focus-within::after{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]],\n w: [\".fjw5xc1:focus-within::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}\", \".f1xdyd5c:focus-within::after{transition-property:transform;}\", \".fatpbeo:focus-within::after{transition-duration:var(--durationNormal);}\", \".fb7uyps:focus-within::after{transition-delay:var(--curveDecelerateMid);}\"]\n});\nconst useSelectStyles = /*#__PURE__*/__styles({\n base: {\n Bowrso0: \"fqrijq1\",\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n E5pizo: \"f1couhl3\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f19n0e5\",\n Bceei9c: \"f1k6fduh\",\n Bh6795r: \"fqerorx\",\n B2u0y6b: \"f6dzj5z\",\n Byoj8tv: \"f1qch9an\",\n z8tnut: \"f1g0x7ka\",\n B3aqqti: \"fatbyko\",\n Brovlpu: \"f1grzc83\",\n Bxa1mx5: \"f19shzzi\"\n },\n disabled: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n sj55zd: \"f1s2aq7o\",\n Bceei9c: \"fdrzuqr\",\n Bjwas2f: \"fg455y9\",\n Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n Bxeuatn: \"f1cwzwz\",\n n51gp8: [\"f14g86mu\", \"f1rvyvqg\"]\n },\n disabledUnderline: {\n g2u3we: \"fgig46g\",\n h3c5rm: [\"f1mxt3zg\", \"fziff3p\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fziff3p\", \"f1mxt3zg\"]\n },\n small: {\n Bqenvij: \"frvgh55\",\n uwmqm3: [\"f1xile11\", \"fqznh8f\"],\n z189sj: [\"fiqd4sw\", \"f11fkzut\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n medium: {\n Bqenvij: \"f1d2rq10\",\n uwmqm3: [\"f1e60jzv\", \"f135dnwl\"],\n z189sj: [\"f154vowv\", \"flqamny\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n large: {\n Bqenvij: \"fbhnoac\",\n uwmqm3: [\"fnphzt9\", \"flt1dlf\"],\n z189sj: [\"f1xi5ia2\", \"f1xi1l47\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\"\n },\n outline: {\n De3pzq: \"fxugw4r\",\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1c1zstj\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"]\n },\n outlineInteractive: {\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"flmw63s\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n B6oc9vd: \"fvs00aa\",\n ak43y8: [\"f1assf6x\", \"f4ruux4\"],\n wmxk5l: \"fqhmt4z\",\n B50zh58: [\"f4ruux4\", \"f1assf6x\"]\n },\n underline: {\n De3pzq: \"f1c21dwh\",\n Bn0qgzm: \"f1f09k3d\",\n oivjwe: \"fg706s2\",\n B9xav0g: \"f1c1zstj\",\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n },\n \"filled-lighter\": {\n De3pzq: \"fxugw4r\"\n },\n \"filled-darker\": {\n De3pzq: \"f16xq7d1\"\n },\n invalid: {\n tvckwq: \"fs4k3qj\",\n gk2u95: [\"fcee079\", \"fmyw78r\"],\n hhx65j: \"f1fgmyf4\",\n Bxowmz0: [\"fmyw78r\", \"fcee079\"]\n },\n invalidUnderline: {\n hhx65j: \"f1fgmyf4\"\n }\n}, {\n d: [\".fqrijq1{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1k6fduh{cursor:pointer;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f6dzj5z{max-width:100%;}\", \".f1qch9an{padding-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".fgig46g{border-top-color:var(--colorTransparentStrokeDisabled);}\", \".f1mxt3zg{border-right-color:var(--colorTransparentStrokeDisabled);}\", \".fziff3p{border-left-color:var(--colorTransparentStrokeDisabled);}\", \".frvgh55{height:24px;}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fiqd4sw{padding-right:calc(var(--spacingHorizontalSNudge)\\n + 16px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".f11fkzut{padding-left:calc(var(--spacingHorizontalSNudge)\\n + 16px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1d2rq10{height:32px;}\", \".f1e60jzv{padding-left:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f135dnwl{padding-right:calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));}\", \".f154vowv{padding-right:calc(var(--spacingHorizontalMNudge)\\n + 20px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".flqamny{padding-left:calc(var(--spacingHorizontalMNudge)\\n + 20px\\n + var(--spacingHorizontalXXS)\\n + var(--spacingHorizontalXXS));}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".fnphzt9{padding-left:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".flt1dlf{padding-right:calc(var(--spacingHorizontalM) + var(--spacingHorizontalSNudge));}\", \".f1xi5ia2{padding-right:calc(var(--spacingHorizontalM)\\n + 24px\\n + var(--spacingHorizontalSNudge)\\n + var(--spacingHorizontalSNudge));}\", \".f1xi1l47{padding-left:calc(var(--spacingHorizontalM)\\n + 24px\\n + var(--spacingHorizontalSNudge)\\n + var(--spacingHorizontalSNudge));}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\", \".f16xq7d1{background-color:var(--colorNeutralBackground3);}\", \".fs4k3qj:not(:focus-within),.fs4k3qj:hover:not(:focus-within){border-top-color:var(--colorPaletteRedBorder2);}\", \".fcee079:not(:focus-within),.fcee079:hover:not(:focus-within){border-right-color:var(--colorPaletteRedBorder2);}\", \".fmyw78r:not(:focus-within),.fmyw78r:hover:not(:focus-within){border-left-color:var(--colorPaletteRedBorder2);}\", \".f1fgmyf4:not(:focus-within),.f1fgmyf4:hover:not(:focus-within){border-bottom-color:var(--colorPaletteRedBorder2);}\"],\n f: [\".fatbyko:focus{outline-width:2px;}\", \".f1grzc83:focus{outline-style:solid;}\", \".f19shzzi:focus{outline-color:transparent;}\"],\n m: [[\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n h: [\".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".flmw63s:hover{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"],\n a: [\".fvs00aa:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f1assf6x:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f4ruux4:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".fqhmt4z:active{border-bottom-color:var(--colorNeutralStrokeAccessible);}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n icon: {\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"fxkbij4\",\n mc9l5x: \"ftgm304\",\n qhf8xq: \"f1euv43f\",\n Bkecrkj: \"f1aehjj5\",\n Bo70h7d: \"fvc9v3g\"\n },\n disabled: {\n sj55zd: \"f1s2aq7o\",\n Bbusuzp: \"f1dcs8yz\"\n },\n small: {\n Be2twd7: \"f4ybsrx\",\n Bqenvij: \"fd461yt\",\n j35jbq: [\"f13lnp83\", \"f1i5nn0v\"],\n a9b677: \"fjw5fx7\"\n },\n medium: {\n Be2twd7: \"fe5j1ua\",\n Bqenvij: \"fjamq6b\",\n j35jbq: [\"fnyteob\", \"f1enpzzf\"],\n a9b677: \"f64fuq3\"\n },\n large: {\n Be2twd7: \"f1rt2boy\",\n Bqenvij: \"frvgh55\",\n j35jbq: [\"f8b87gs\", \"fedtrts\"],\n a9b677: \"fq4mcun\"\n }\n}, {\n d: [\".f1ewtqcl{box-sizing:border-box;}\", \".fxkbij4{color:var(--colorNeutralStrokeAccessible);}\", \".ftgm304{display:block;}\", \".f1euv43f{position:absolute;}\", \".f1aehjj5{pointer-events:none;}\", \".fvc9v3g svg{display:block;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".f13lnp83{right:var(--spacingHorizontalSNudge);}\", \".f1i5nn0v{left:var(--spacingHorizontalSNudge);}\", \".fjw5fx7{width:16px;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".fnyteob{right:var(--spacingHorizontalMNudge);}\", \".f1enpzzf{left:var(--spacingHorizontalMNudge);}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".f8b87gs{right:var(--spacingHorizontalM);}\", \".fedtrts{left:var(--spacingHorizontalM);}\", \".fq4mcun{width:24px;}\"],\n m: [[\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the Select slots based on the state\n */\nexport const useSelectStyles_unstable = state => {\n const {\n size,\n appearance\n } = state;\n const disabled = state.select.disabled;\n const invalid = `${state.select['aria-invalid']}` === 'true';\n const iconStyles = useIconStyles();\n const rootStyles = useRootStyles();\n const selectStyles = useSelectStyles();\n state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);\n state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, disabled && appearance === 'underline' && selectStyles.disabledUnderline, state.select.className);\n if (state.icon) {\n state.icon.className = mergeClasses(selectClassNames.icon, iconStyles.icon, disabled && iconStyles.disabled, iconStyles[size], state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useSelectStyles.js.map"],"names":["selectClassNames","useSelectStyles_unstable","root","select","icon","iconSizes","small","medium","large","fieldHeights","paddingRight","tokens","spacingHorizontalSNudge","spacingHorizontalXXS","spacingHorizontalMNudge","spacingHorizontalM","paddingLeft","useRootStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Eh141a","Bahqtrf","qhf8xq","h62rwi","B3778ie","d9w3h3","Bl18szs","B4j8arr","li1rpt","Bsft5z2","Dlnsje","E3zdtr","By385i5","Eqx8gd","B1piin3","b1kco5","Ba2ppi3","F2fol1","lck23g","df92cz","I188md","umuwi5","Blcqepd","nplu4u","Bioka5o","H713fs","B9ooomg","d","m","w","useSelectStyles","Bowrso0","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","E5pizo","sj55zd","Bceei9c","Bh6795r","B2u0y6b","Byoj8tv","z8tnut","B3aqqti","Brovlpu","Bxa1mx5","disabled","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","disabledUnderline","Bqenvij","uwmqm3","z189sj","Be2twd7","Bhrd7zp","Bg96gwp","outline","outlineInteractive","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","B6oc9vd","ak43y8","wmxk5l","B50zh58","underline","invalid","tvckwq","gk2u95","hhx65j","Bxowmz0","invalidUnderline","f","h","a","useIconStyles","Bkecrkj","Bo70h7d","Bbusuzp","j35jbq","a9b677","state","size","appearance","iconStyles","rootStyles","selectStyles","className","mergeClasses"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/SelectField/SelectField.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */import { getDeprecatedFieldClassNames, makeDeprecatedField } from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/SelectField/SelectField.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */import { getDeprecatedFieldClassNames, makeDeprecatedField } from '@fluentui/react-field';\nimport { Select, selectClassNames } from '../../Select';\n/** @deprecated Use Field with Select: `<Field><Select /></Field>` */\nexport const selectFieldClassNames = /*#__PURE__*/getDeprecatedFieldClassNames(selectClassNames.root);\n/** @deprecated Use Field with Select: `<Field><Select /></Field>` */\nexport const SelectField = /*#__PURE__*/makeDeprecatedField(Select);\n//# sourceMappingURL=SelectField.js.map"],"names":["selectFieldClassNames","SelectField","getDeprecatedFieldClassNames","selectClassNames","root","makeDeprecatedField","Select"],"mappings":"AAAA,0CAA0C;;;;;;;;;;;IAG7BA,qBAAqB,MAArBA;IAEAC,WAAW,MAAXA;;4BALiG;wBACrE;AAElC,MAAMD,wBAAwB,WAAW,GAAEE,IAAAA,wCAA4B,EAACC,wBAAgB,CAACC,IAAI;AAE7F,MAAMH,cAAc,WAAW,GAAEI,IAAAA,+BAAmB,EAACC,cAAM,GAClE,uCAAuC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/SelectField/index.js"],"sourcesContent":["export * from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/SelectField/index.js"],"sourcesContent":["export * from './SelectField';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from
|
|
1
|
+
{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Select, selectClassNames, renderSelect_unstable, useSelectStyles_unstable, useSelect_unstable } from './Select';\n// eslint-disable-next-line deprecation/deprecation\nexport { SelectField as SelectField_unstable, selectFieldClassNames } from './SelectField';\n//# sourceMappingURL=index.js.map"],"names":["Select","selectClassNames","renderSelect_unstable","useSelectStyles_unstable","useSelect_unstable","SelectField_unstable","SelectField","selectFieldClassNames"],"mappings":";;;;;;;;;;;IAASA,MAAM,MAANA,cAAM;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,wBAAwB,MAAxBA,gCAAwB;IAAEC,kBAAkB,MAAlBA,0BAAkB;IAE9EC,oBAAoB,MAAnCC,wBAAW;IAA0BC,qBAAqB,MAArBA,kCAAqB;;wBAF2C;6BAEnC;CAC3E,iCAAiC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-select",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20230322-0439.1",
|
|
4
4
|
"description": "Fluent UI React Select component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
|
29
29
|
"@fluentui/react-conformance": "*",
|
|
30
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20230322-0439.1",
|
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-field": "0.0.0-nightly-
|
|
36
|
-
"@fluentui/react-icons": "^2.0.
|
|
37
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
38
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
39
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
35
|
+
"@fluentui/react-field": "0.0.0-nightly-20230322-0439.1",
|
|
36
|
+
"@fluentui/react-icons": "^2.0.196",
|
|
37
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20230322-0439.1",
|
|
38
|
+
"@fluentui/react-theme": "0.0.0-nightly-20230322-0439.1",
|
|
39
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20230322-0439.1",
|
|
40
40
|
"@griffel/react": "^1.5.2",
|
|
41
41
|
"@swc/helpers": "^0.4.14"
|
|
42
42
|
},
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
"exports": {
|
|
53
53
|
".": {
|
|
54
54
|
"types": "./dist/index.d.ts",
|
|
55
|
+
"node": "./lib-commonjs/index.js",
|
|
55
56
|
"import": "./lib/index.js",
|
|
56
57
|
"require": "./lib-commonjs/index.js"
|
|
57
58
|
},
|