@fluentui/react-select - npm Package Compare versions

Comparing version 0.0.0-nightly-20221017-0422.1 to 0.0.0-nightly-20221018-0424.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Mon, 17 Oct 2022 04:27:27 GMT",
-      "tag": "@fluentui/react-select_v0.0.0-nightly-20221017-0422.1",
-      "version": "0.0.0-nightly-20221017-0422.1",
+      "date": "Tue, 18 Oct 2022 04:30:57 GMT",
+      "tag": "@fluentui/react-select_v0.0.0-nightly-20221018-0424.1",
+      "version": "0.0.0-nightly-20221018-0424.1",
       "comments": {
@@ -20,4 +20,4 @@ "prerelease": [
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221017-0422.1",
-            "commit": "4ace2c2900e144e2718b44b76c7b5474e6de0a1f"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221018-0424.1",
+            "commit": "eb71c824cb7abeee5b3a845f8673a73bfe1fa6fa"
           },
@@ -27,4 +27,4 @@ {
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221017-0422.1",
-            "commit": "4ace2c2900e144e2718b44b76c7b5474e6de0a1f"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221018-0424.1",
+            "commit": "eb71c824cb7abeee5b3a845f8673a73bfe1fa6fa"
           },
@@ -34,4 +34,4 @@ {
             "package": "@fluentui/react-select",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221017-0422.1",
-            "commit": "4ace2c2900e144e2718b44b76c7b5474e6de0a1f"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221018-0424.1",
+            "commit": "eb71c824cb7abeee5b3a845f8673a73bfe1fa6fa"
           }
@@ -38,0 +38,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/react-select
 
-This log was last generated on Mon, 17 Oct 2022 04:27:27 GMT and should not be manually modified.
+This log was last generated on Tue, 18 Oct 2022 04:30:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20221017-0422.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v0.0.0-nightly-20221017-0422.1)
+## [0.0.0-nightly-20221018-0424.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v0.0.0-nightly-20221018-0424.1)
 
-Mon, 17 Oct 2022 04:27:27 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.11..@fluentui/react-select_v0.0.0-nightly-20221017-0422.1)
+Tue, 18 Oct 2022 04:30:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.11..@fluentui/react-select_v0.0.0-nightly-20221018-0424.1)
 
@@ -15,5 +15,5 @@ ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by [e-mail])
-- Bump @fluentui/react-theme to v0.0.0-nightly-20221017-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4ace2c2900e144e2718b44b76c7b5474e6de0a1f) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20221017-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4ace2c2900e144e2718b44b76c7b5474e6de0a1f) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221017-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/4ace2c2900e144e2718b44b76c7b5474e6de0a1f) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20221018-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/eb71c824cb7abeee5b3a845f8673a73bfe1fa6fa) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20221018-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/eb71c824cb7abeee5b3a845f8673a73bfe1fa6fa) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221018-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/eb71c824cb7abeee5b3a845f8673a73bfe1fa6fa) by beachball)
 
@@ -20,0 +20,0 @@ ## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.11)

lib-commonjs/components/Select/useSelectStyles.js

@@ -194,5 +194,14 @@ "use strict";
     "De3pzq": "f16xq7d1"
+  },
+  "invalid": {
+    "tvckwq": "fs4k3qj",
+    "gk2u95": ["fcee079", "fmyw78r"],
+    "hhx65j": "f1fgmyf4",
+    "Bxowmz0": ["fmyw78r", "fcee079"]
+  },
+  "invalidUnderline": {
+    "hhx65j": "f1fgmyf4"
   }
 }, {
-  "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);}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".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;}", ".frvgh55{height:24px;}", ".f1g0x7ka{padding-top:0;}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1qch9an{padding-bottom:0;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1d2rq10{height:32px;}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fbhnoac{height:40px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".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);}"],
+  "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);}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".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;}", ".frvgh55{height:24px;}", ".f1g0x7ka{padding-top:0;}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1qch9an{padding-bottom:0;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1d2rq10{height:32px;}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fbhnoac{height:40px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".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);}"],
   "f": [".fatbyko:focus{outline-width:2px;}", ".f1grzc83:focus{outline-style:solid;}", ".f19shzzi:focus{outline-color:transparent;}"],
@@ -262,2 +271,3 @@ "m": [["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
   const disabled = state.select.disabled;
+  const invalid = `${state.select['aria-invalid']}` === 'true';
   const iconStyles = useIconStyles();
@@ -267,3 +277,3 @@ const rootStyles = useRootStyles();
   state.root.className = react_1.mergeClasses(exports.selectClassNames.root, rootStyles.base, state.root.className);
-  state.select.className = react_1.mergeClasses(exports.selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], disabled && selectStyles.disabled, state.select.className);
+  state.select.className = react_1.mergeClasses(exports.selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, state.select.className);
 
@@ -270,0 +280,0 @@ if (state.icon) {

lib/components/Select/useSelectStyles.js

@@ -185,5 +185,14 @@ import { __styles, mergeClasses, shorthands } from '@griffel/react';
     "De3pzq": "f16xq7d1"
+  },
+  "invalid": {
+    "tvckwq": "fs4k3qj",
+    "gk2u95": ["fcee079", "fmyw78r"],
+    "hhx65j": "f1fgmyf4",
+    "Bxowmz0": ["fmyw78r", "fcee079"]
+  },
+  "invalidUnderline": {
+    "hhx65j": "f1fgmyf4"
   }
 }, {
-  "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);}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".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;}", ".frvgh55{height:24px;}", ".f1g0x7ka{padding-top:0;}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1qch9an{padding-bottom:0;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1d2rq10{height:32px;}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fbhnoac{height:40px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".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);}"],
+  "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);}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".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;}", ".frvgh55{height:24px;}", ".f1g0x7ka{padding-top:0;}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1qch9an{padding-bottom:0;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1d2rq10{height:32px;}", ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}", ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fbhnoac{height:40px;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".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);}"],
   "f": [".fatbyko:focus{outline-width:2px;}", ".f1grzc83:focus{outline-style:solid;}", ".f19shzzi:focus{outline-color:transparent;}"],
@@ -253,2 +262,3 @@ "m": [["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", {
   const disabled = state.select.disabled;
+  const invalid = `${state.select['aria-invalid']}` === 'true';
   const iconStyles = useIconStyles();
@@ -258,3 +268,3 @@ const rootStyles = useRootStyles();
   state.root.className = mergeClasses(selectClassNames.root, rootStyles.base, state.root.className);
-  state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], disabled && selectStyles.disabled, state.select.className);
+  state.select.className = mergeClasses(selectClassNames.select, selectStyles.base, selectStyles[size], selectStyles[appearance], !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, state.select.className);
 
@@ -261,0 +271,0 @@ if (state.icon) {

package.json

 {
   "name": "@fluentui/react-select",
-  "version": "0.0.0-nightly-20221017-0422.1",
+  "version": "0.0.0-nightly-20221018-0424.1",
   "description": "Fluent UI React Select component",
@@ -31,8 +31,8 @@ "main": "lib-commonjs/index.js",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221017-0422.1"
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221018-0424.1"
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-theme": "0.0.0-nightly-20221017-0422.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20221017-0422.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20221018-0424.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20221018-0424.1",
     "@griffel/react": "^1.4.0",
@@ -39,0 +39,0 @@ "tslib": "^2.1.0"

No alert changes

Improved metrics

Total package byte prevSize

123153

increased by2.81%

Lines of code

1458

increased by1.67%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20221018-0424.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20221018-0424.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20221018-0424.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20221017-0422.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20221017-0422.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20221017-0422.1(transitive)

• Updated@fluentui/react-theme@0.0.0-nightly-20221018-0424.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20221018-0424.1