@fluentui/react-field - npm Package Compare versions

Comparing version 0.0.0-nightly-20230119-0422.1 to 0.0.0-nightly-20230120-0420.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Thu, 19 Jan 2023 04:29:55 GMT",
-      "tag": "@fluentui/react-field_v0.0.0-nightly-20230119-0422.1",
-      "version": "0.0.0-nightly-20230119-0422.1",
+      "date": "Fri, 20 Jan 2023 04:28:45 GMT",
+      "tag": "@fluentui/react-field_v0.0.0-nightly-20230120-0420.1",
+      "version": "0.0.0-nightly-20230120-0420.1",
       "comments": {
@@ -20,4 +20,4 @@ "prerelease": [
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20230119-0422.1",
-            "commit": "5a75e47428063a8ce004349c62041a228a465664"
+            "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20230120-0420.1",
+            "commit": "b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a"
           },
@@ -27,4 +27,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20230119-0422.1",
-            "commit": "5a75e47428063a8ce004349c62041a228a465664"
+            "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20230120-0420.1",
+            "commit": "b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a"
           },
@@ -34,4 +34,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230119-0422.1",
-            "commit": "5a75e47428063a8ce004349c62041a228a465664"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230120-0420.1",
+            "commit": "b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a"
           },
@@ -41,4 +41,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230119-0422.1",
-            "commit": "5a75e47428063a8ce004349c62041a228a465664"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230120-0420.1",
+            "commit": "b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a"
           },
@@ -48,4 +48,4 @@ {
             "package": "@fluentui/react-field",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230119-0422.1",
-            "commit": "5a75e47428063a8ce004349c62041a228a465664"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230120-0420.1",
+            "commit": "b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a"
           }
@@ -52,0 +52,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/react-field
 
-This log was last generated on Thu, 19 Jan 2023 04:29:55 GMT and should not be manually modified.
+This log was last generated on Fri, 20 Jan 2023 04:28:45 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230119-0422.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v0.0.0-nightly-20230119-0422.1)
+## [0.0.0-nightly-20230120-0420.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v0.0.0-nightly-20230120-0420.1)
 
-Thu, 19 Jan 2023 04:29:55 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.0.0-alpha.15..@fluentui/react-field_v0.0.0-nightly-20230119-0422.1)
+Fri, 20 Jan 2023 04:28:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.0.0-alpha.15..@fluentui/react-field_v0.0.0-nightly-20230120-0420.1)
 
@@ -15,7 +15,7 @@ ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by [e-mail])
-- Bump @fluentui/react-context-selector to v0.0.0-nightly-20230119-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/5a75e47428063a8ce004349c62041a228a465664) by beachball)
-- Bump @fluentui/react-label to v0.0.0-nightly-20230119-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/5a75e47428063a8ce004349c62041a228a465664) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230119-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/5a75e47428063a8ce004349c62041a228a465664) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230119-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/5a75e47428063a8ce004349c62041a228a465664) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230119-0422.1 ([commit](https://github.com/microsoft/fluentui/commit/5a75e47428063a8ce004349c62041a228a465664) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightly-20230120-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a) by beachball)
+- Bump @fluentui/react-label to v0.0.0-nightly-20230120-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230120-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230120-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230120-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/b5182ae219cc5dcdd1843ea7c46c2bcfcd78a12a) by beachball)
 
@@ -22,0 +22,0 @@ ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-alpha.15)

lib-commonjs/components/Field/useFieldStyles.js

@@ -25,4 +25,3 @@ "use strict";
   base: {
-    mc9l5x: "f13qh94s",
-    B7hvi0a: "f1m2n5bn"
+    mc9l5x: "f13qh94s"
   },
@@ -38,18 +37,26 @@ horizontal: {
 }, {
-  d: [".f13qh94s{display:grid;}", ".f1m2n5bn{justify-items:start;}", ".f2wwaib{grid-template-columns:33% 1fr;}", ".f1645dqt{grid-template-rows:auto auto auto 1fr;}", ".f15jqgz8{padding-left:33%;}", ".fggqkej{padding-right:33%;}", ".f1c2z91y{grid-template-columns:1fr;}"]
+  d: [".f13qh94s{display:grid;}", ".f2wwaib{grid-template-columns:33% 1fr;}", ".f1645dqt{grid-template-rows:auto auto auto 1fr;}", ".f15jqgz8{padding-left:33%;}", ".fggqkej{padding-right:33%;}", ".f1c2z91y{grid-template-columns:1fr;}"]
 });
 const useLabelStyles = /*#__PURE__*/react_1.__styles({
   base: {
-    B6of3ja: "fg30ohd",
+    z8tnut: "fclwglc",
+    Byoj8tv: "fywfov9"
+  },
+  large: {
+    z8tnut: "f1sl3k7w",
+    Byoj8tv: "f1brlhvm"
+  },
+  vertical: {
     jrapky: "fyacil5"
   },
+  verticalLarge: {
+    jrapky: "f8l5zjj"
+  },
   horizontal: {
     t21cq0: ["fkujibs", "f199hnxi"],
     Ijaq50: "f16hsg94",
-    nk6f5a: "f1nzqi2z",
-    qb2dma: "f9h729m",
-    Bdqf98w: "fhb5wj7"
+    nk6f5a: "f1nzqi2z"
   }
 }, {
-  d: [".fg30ohd{margin-top:var(--spacingVerticalXXS);}", ".fyacil5{margin-bottom:var(--spacingVerticalXXS);}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f16hsg94{grid-row-start:1;}", ".f1nzqi2z{grid-row-end:-1;}", ".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}", ".fhb5wj7{justify-self:stretch;}"]
+  d: [".fclwglc{padding-top:var(--spacingVerticalXXS);}", ".fywfov9{padding-bottom:var(--spacingVerticalXXS);}", ".f1sl3k7w{padding-top:1px;}", ".f1brlhvm{padding-bottom:1px;}", ".fyacil5{margin-bottom:var(--spacingVerticalXXS);}", ".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f16hsg94{grid-row-start:1;}", ".f1nzqi2z{grid-row-end:-1;}"]
 });
@@ -95,3 +102,3 @@ const useSecondaryTextBaseClassName = /*#__PURE__*/react_1.__resetStyles("r5c4z9l", null, [".r5c4z9l{margin-top:var(--spacingVerticalXXS);color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
   if (state.label) {
-    state.label.className = react_1.mergeClasses(classNames.label, labelStyles.base, horizontal && labelStyles.horizontal, state.label.className);
+    state.label.className = react_1.mergeClasses(classNames.label, labelStyles.base, horizontal && labelStyles.horizontal, !horizontal && labelStyles.vertical, state.label.size === 'large' && labelStyles.large, !horizontal && state.label.size === 'large' && labelStyles.verticalLarge, state.label.className);
   }
@@ -98,0 +105,0 @@ const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();

lib/components/Field/useFieldStyles.js

@@ -18,4 +18,3 @@ import { tokens, typographyStyles } from '@fluentui/react-theme';
   base: {
-    mc9l5x: "f13qh94s",
-    B7hvi0a: "f1m2n5bn"
+    mc9l5x: "f13qh94s"
   },
@@ -31,18 +30,26 @@ horizontal: {
 }, {
-  d: [".f13qh94s{display:grid;}", ".f1m2n5bn{justify-items:start;}", ".f2wwaib{grid-template-columns:33% 1fr;}", ".f1645dqt{grid-template-rows:auto auto auto 1fr;}", ".f15jqgz8{padding-left:33%;}", ".fggqkej{padding-right:33%;}", ".f1c2z91y{grid-template-columns:1fr;}"]
+  d: [".f13qh94s{display:grid;}", ".f2wwaib{grid-template-columns:33% 1fr;}", ".f1645dqt{grid-template-rows:auto auto auto 1fr;}", ".f15jqgz8{padding-left:33%;}", ".fggqkej{padding-right:33%;}", ".f1c2z91y{grid-template-columns:1fr;}"]
 });
 const useLabelStyles = /*#__PURE__*/__styles({
   base: {
-    B6of3ja: "fg30ohd",
+    z8tnut: "fclwglc",
+    Byoj8tv: "fywfov9"
+  },
+  large: {
+    z8tnut: "f1sl3k7w",
+    Byoj8tv: "f1brlhvm"
+  },
+  vertical: {
     jrapky: "fyacil5"
   },
+  verticalLarge: {
+    jrapky: "f8l5zjj"
+  },
   horizontal: {
     t21cq0: ["fkujibs", "f199hnxi"],
     Ijaq50: "f16hsg94",
-    nk6f5a: "f1nzqi2z",
-    qb2dma: "f9h729m",
-    Bdqf98w: "fhb5wj7"
+    nk6f5a: "f1nzqi2z"
   }
 }, {
-  d: [".fg30ohd{margin-top:var(--spacingVerticalXXS);}", ".fyacil5{margin-bottom:var(--spacingVerticalXXS);}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f16hsg94{grid-row-start:1;}", ".f1nzqi2z{grid-row-end:-1;}", ".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}", ".fhb5wj7{justify-self:stretch;}"]
+  d: [".fclwglc{padding-top:var(--spacingVerticalXXS);}", ".fywfov9{padding-bottom:var(--spacingVerticalXXS);}", ".f1sl3k7w{padding-top:1px;}", ".f1brlhvm{padding-bottom:1px;}", ".fyacil5{margin-bottom:var(--spacingVerticalXXS);}", ".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f16hsg94{grid-row-start:1;}", ".f1nzqi2z{grid-row-end:-1;}"]
 });
@@ -88,3 +95,3 @@ const useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles("r5c4z9l", null, [".r5c4z9l{margin-top:var(--spacingVerticalXXS);color:var(--colorNeutralForeground3);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
   if (state.label) {
-    state.label.className = mergeClasses(classNames.label, labelStyles.base, horizontal && labelStyles.horizontal, state.label.className);
+    state.label.className = mergeClasses(classNames.label, labelStyles.base, horizontal && labelStyles.horizontal, !horizontal && labelStyles.vertical, state.label.size === 'large' && labelStyles.large, !horizontal && state.label.size === 'large' && labelStyles.verticalLarge, state.label.className);
   }
@@ -91,0 +98,0 @@ const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();

package.json

 {
   "name": "@fluentui/react-field",
-  "version": "0.0.0-nightly-20230119-0422.1",
+  "version": "0.0.0-nightly-20230120-0420.1",
   "description": "Fluent UI Field components",
@@ -29,3 +29,3 @@ "main": "lib-commonjs/index.js",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230119-0422.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230120-0420.1",
     "@fluentui/scripts-api-extractor": "*",
@@ -35,7 +35,7 @@ "@fluentui/scripts-tasks": "*"
   "dependencies": {
-    "@fluentui/react-context-selector": "0.0.0-nightly-20230119-0422.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20230120-0420.1",
     "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-label": "0.0.0-nightly-20230119-0422.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230119-0422.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230119-0422.1",
+    "@fluentui/react-label": "0.0.0-nightly-20230120-0420.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230120-0420.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230120-0420.1",
     "@griffel/react": "^1.5.2",
@@ -42,0 +42,0 @@ "tslib": "^2.1.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

138811

increased by1.24%

Lines of code

1744

increased by0.81%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20230120-0420.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightly-20230120-0420.1(transitive)

• + Added@fluentui/react-label@0.0.0-nightly-20230120-0420.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20230120-0420.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20230120-0420.1(transitive)

• + Added@fluentui/tokens@0.0.0-nightly-20230120-0420.1(transitive)

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

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20230119-0422.1(transitive)

• - Removed@fluentui/react-label@0.0.0-nightly-20230119-0422.1(transitive)

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

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

• - Removed@fluentui/tokens@0.0.0-nightly-20230119-0422.1(transitive)

• Updated@fluentui/react-context-selector@0.0.0-nightly-20230120-0420.1

• Updated@fluentui/react-label@0.0.0-nightly-20230120-0420.1

• Updated@fluentui/react-theme@0.0.0-nightly-20230120-0420.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20230120-0420.1