@fluentui/react-field - npm Package Compare versions

Comparing version 0.0.0-nightly-20240820-2210.1 to 0.0.0-nightly-20240822-0407.1

lib-commonjs/components/Field/useFieldStyles.styles.js

@@ -58,5 +58,5 @@ "use strict";
     vertical: {
-        z8tnut: "f177h8y8",
-        Byoj8tv: "fg2aix0",
-        jrapky: "f67ly5"
+        z8tnut: "fclwglc",
+        Byoj8tv: "fywfov9",
+        jrapky: "fyacil5"
     },
@@ -66,10 +66,10 @@ verticalLarge: {
         Byoj8tv: "f1brlhvm",
-        jrapky: "f1dvo80x"
+        jrapky: "f8l5zjj"
     },
     horizontal: {
-        z8tnut: "f1rf8hqs",
-        Byoj8tv: "f1hz30v1",
+        z8tnut: "fp2oml8",
+        Byoj8tv: "f1tdddsa",
         t21cq0: [
-            "ff1oxsf",
-            "f140kmic"
+            "fkujibs",
+            "f199hnxi"
         ],
@@ -80,4 +80,4 @@ Ijaq50: "f16hsg94",
     horizontalSmall: {
-        z8tnut: "f19xubks",
-        Byoj8tv: "ftklhep"
+        z8tnut: "f1ywm7hm",
+        Byoj8tv: "f14wxoun"
     },
@@ -90,16 +90,16 @@ horizontalLarge: {
     d: [
-        ".f177h8y8{padding-top:var(--1103, var(--1104, var(--spacingVerticalXXS)));}",
-        ".fg2aix0{padding-bottom:var(--1105, var(--1106, var(--spacingVerticalXXS)));}",
-        ".f67ly5{margin-bottom:var(--1107, var(--1108, var(--spacingVerticalXXS)));}",
+        ".fclwglc{padding-top:var(--spacingVerticalXXS);}",
+        ".fywfov9{padding-bottom:var(--spacingVerticalXXS);}",
+        ".fyacil5{margin-bottom:var(--spacingVerticalXXS);}",
         ".f1sl3k7w{padding-top:1px;}",
         ".f1brlhvm{padding-bottom:1px;}",
-        ".f1dvo80x{margin-bottom:var(--1109, var(--1110, var(--spacingVerticalXS)));}",
-        ".f1rf8hqs{padding-top:var(--1111, var(--1112, var(--spacingVerticalSNudge)));}",
-        ".f1hz30v1{padding-bottom:var(--1113, var(--1114, var(--spacingVerticalSNudge)));}",
-        ".ff1oxsf{margin-right:var(--1115, var(--1116, var(--spacingHorizontalM)));}",
-        ".f140kmic{margin-left:var(--1115, var(--1116, var(--spacingHorizontalM)));}",
+        ".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}",
+        ".fp2oml8{padding-top:var(--spacingVerticalSNudge);}",
+        ".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}",
+        ".fkujibs{margin-right:var(--spacingHorizontalM);}",
+        ".f199hnxi{margin-left:var(--spacingHorizontalM);}",
         ".f16hsg94{grid-row-start:1;}",
         ".f1nzqi2z{grid-row-end:-1;}",
-        ".f19xubks{padding-top:var(--1117, var(--1118, var(--spacingVerticalXS)));}",
-        ".ftklhep{padding-bottom:var(--1119, var(--1120, var(--spacingVerticalXS)));}",
+        ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
+        ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}",
         ".f1hqyr95{padding-top:9px;}",
@@ -109,8 +109,8 @@ ".fm4hlj0{padding-bottom:9px;}"
 });
-const useSecondaryTextBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r11eyydf", null, [
-    ".r11eyydf{margin-top:var(--1121, var(--1122, var(--spacingVerticalXXS)));color:var(--1123, var(--1124, var(--colorNeutralForeground3)));font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
+const useSecondaryTextBaseClassName = /*#__PURE__*/ (0, _react.__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);}"
 ]);
 const useSecondaryTextStyles = /*#__PURE__*/ (0, _react.__styles)({
     error: {
-        sj55zd: "flua5xq"
+        sj55zd: "f1hcrxcs"
     },
@@ -125,3 +125,3 @@ withIcon: {
     d: [
-        ".flua5xq{color:var(--1125, var(--1126, var(--colorPaletteRedForeground1)));}",
+        ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}",
         ".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}",
@@ -131,21 +131,21 @@ ".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}"
 });
-const useValidationMessageIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1bsxutw", "redbfpy", [
-    ".r1bsxutw{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--1127, var(--1128, var(--spacingHorizontalXS)));line-height:0;vertical-align:-1px;}",
-    ".redbfpy{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--1127, var(--1128, var(--spacingHorizontalXS)));line-height:0;vertical-align:-1px;}"
+const useValidationMessageIconBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("ra7h1uk", "r1rh6bd7", [
+    ".ra7h1uk{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}",
+    ".r1rh6bd7{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}"
 ]);
 const useValidationMessageIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     error: {
-        sj55zd: "ftfje1g"
+        sj55zd: "f1hcrxcs"
     },
     warning: {
-        sj55zd: "f1ydwwcn"
+        sj55zd: "f1k5f75o"
     },
     success: {
-        sj55zd: "f9nem7"
+        sj55zd: "ffmvakt"
     }
 }, {
     d: [
-        ".ftfje1g{color:var(--1129, var(--1130, var(--colorPaletteRedForeground1)));}",
-        ".f1ydwwcn{color:var(--1131, var(--1132, var(--colorPaletteDarkOrangeForeground1)));}",
-        ".f9nem7{color:var(--1133, var(--1134, var(--colorPaletteGreenForeground1)));}"
+        ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}",
+        ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}",
+        ".ffmvakt{color:var(--colorPaletteGreenForeground1);}"
     ]
@@ -152,0 +152,0 @@ });

lib/components/Field/useFieldStyles.styles.js

@@ -32,5 +32,5 @@ import { tokens, typographyStyles } from '@fluentui/react-theme';
   vertical: {
-    z8tnut: "f177h8y8",
-    Byoj8tv: "fg2aix0",
-    jrapky: "f67ly5"
+    z8tnut: "fclwglc",
+    Byoj8tv: "fywfov9",
+    jrapky: "fyacil5"
   },
@@ -40,8 +40,8 @@ verticalLarge: {
     Byoj8tv: "f1brlhvm",
-    jrapky: "f1dvo80x"
+    jrapky: "f8l5zjj"
   },
   horizontal: {
-    z8tnut: "f1rf8hqs",
-    Byoj8tv: "f1hz30v1",
-    t21cq0: ["ff1oxsf", "f140kmic"],
+    z8tnut: "fp2oml8",
+    Byoj8tv: "f1tdddsa",
+    t21cq0: ["fkujibs", "f199hnxi"],
     Ijaq50: "f16hsg94",
@@ -51,4 +51,4 @@ nk6f5a: "f1nzqi2z"
   horizontalSmall: {
-    z8tnut: "f19xubks",
-    Byoj8tv: "ftklhep"
+    z8tnut: "f1ywm7hm",
+    Byoj8tv: "f14wxoun"
   },
@@ -60,8 +60,8 @@ horizontalLarge: {
 }, {
-  d: [".f177h8y8{padding-top:var(--1103, var(--1104, var(--spacingVerticalXXS)));}", ".fg2aix0{padding-bottom:var(--1105, var(--1106, var(--spacingVerticalXXS)));}", ".f67ly5{margin-bottom:var(--1107, var(--1108, var(--spacingVerticalXXS)));}", ".f1sl3k7w{padding-top:1px;}", ".f1brlhvm{padding-bottom:1px;}", ".f1dvo80x{margin-bottom:var(--1109, var(--1110, var(--spacingVerticalXS)));}", ".f1rf8hqs{padding-top:var(--1111, var(--1112, var(--spacingVerticalSNudge)));}", ".f1hz30v1{padding-bottom:var(--1113, var(--1114, var(--spacingVerticalSNudge)));}", ".ff1oxsf{margin-right:var(--1115, var(--1116, var(--spacingHorizontalM)));}", ".f140kmic{margin-left:var(--1115, var(--1116, var(--spacingHorizontalM)));}", ".f16hsg94{grid-row-start:1;}", ".f1nzqi2z{grid-row-end:-1;}", ".f19xubks{padding-top:var(--1117, var(--1118, var(--spacingVerticalXS)));}", ".ftklhep{padding-bottom:var(--1119, var(--1120, var(--spacingVerticalXS)));}", ".f1hqyr95{padding-top:9px;}", ".fm4hlj0{padding-bottom:9px;}"]
+  d: [".fclwglc{padding-top:var(--spacingVerticalXXS);}", ".fywfov9{padding-bottom:var(--spacingVerticalXXS);}", ".fyacil5{margin-bottom:var(--spacingVerticalXXS);}", ".f1sl3k7w{padding-top:1px;}", ".f1brlhvm{padding-bottom:1px;}", ".f8l5zjj{margin-bottom:var(--spacingVerticalXS);}", ".fp2oml8{padding-top:var(--spacingVerticalSNudge);}", ".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f16hsg94{grid-row-start:1;}", ".f1nzqi2z{grid-row-end:-1;}", ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}", ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}", ".f1hqyr95{padding-top:9px;}", ".fm4hlj0{padding-bottom:9px;}"]
 });
-const useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles("r11eyydf", null, [".r11eyydf{margin-top:var(--1121, var(--1122, var(--spacingVerticalXXS)));color:var(--1123, var(--1124, var(--colorNeutralForeground3)));font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
+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);}"]);
 const useSecondaryTextStyles = /*#__PURE__*/__styles({
   error: {
-    sj55zd: "flua5xq"
+    sj55zd: "f1hcrxcs"
   },
@@ -72,17 +72,17 @@ withIcon: {
 }, {
-  d: [".flua5xq{color:var(--1125, var(--1126, var(--colorPaletteRedForeground1)));}", ".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}", ".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}"]
+  d: [".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}", ".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}"]
 });
-const useValidationMessageIconBaseClassName = /*#__PURE__*/__resetStyles("r1bsxutw", "redbfpy", [".r1bsxutw{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--1127, var(--1128, var(--spacingHorizontalXS)));line-height:0;vertical-align:-1px;}", ".redbfpy{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--1127, var(--1128, var(--spacingHorizontalXS)));line-height:0;vertical-align:-1px;}"]);
+const useValidationMessageIconBaseClassName = /*#__PURE__*/__resetStyles("ra7h1uk", "r1rh6bd7", [".ra7h1uk{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}", ".r1rh6bd7{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--spacingHorizontalXS);line-height:0;vertical-align:-1px;}"]);
 const useValidationMessageIconStyles = /*#__PURE__*/__styles({
   error: {
-    sj55zd: "ftfje1g"
+    sj55zd: "f1hcrxcs"
   },
   warning: {
-    sj55zd: "f1ydwwcn"
+    sj55zd: "f1k5f75o"
   },
   success: {
-    sj55zd: "f9nem7"
+    sj55zd: "ffmvakt"
   }
 }, {
-  d: [".ftfje1g{color:var(--1129, var(--1130, var(--colorPaletteRedForeground1)));}", ".f1ydwwcn{color:var(--1131, var(--1132, var(--colorPaletteDarkOrangeForeground1)));}", ".f9nem7{color:var(--1133, var(--1134, var(--colorPaletteGreenForeground1)));}"]
+  d: [".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}"]
 });
@@ -89,0 +89,0 @@ /**

package.json

 {
   "name": "@fluentui/react-field",
-  "version": "0.0.0-nightly-20240820-2210.1",
+  "version": "0.0.0-nightly-20240822-0407.1",
   "description": "Fluent UI Field components",
@@ -28,6 +28,6 @@ "main": "lib-commonjs/index.js",
   "devDependencies": {
-    "@fluentui/react-tooltip": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-tooltip": "0.0.0-nightly-20240822-0407.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240822-0407.1",
     "@fluentui/scripts-api-extractor": "*",
@@ -37,8 +37,8 @@ "@fluentui/scripts-tasks": "*"
   "dependencies": {
-    "@fluentui/react-context-selector": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20240822-0407.1",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-label": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20240820-2210.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-label": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20240822-0407.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20240822-0407.1",
     "@griffel/react": "^1.5.22",
@@ -45,0 +45,0 @@ "@swc/helpers": "^0.5.1"

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

Published versions last months

24

increased by14.29%

Published versions last two months

45

increased by2.27%

Published versions last week

6

increased by20%

Published versions last year

290

increased by1.05%

Worsened metrics

Total package byte prevSize

198984

decreased by-0.96%

Number of downloads

105672

decreased by-0.17%

Lines of code

1076

decreased by-0.19%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-jsx-runtime@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-label@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@fluentui/tokens@0.0.0-nightly-20240822-0407.1(transitive)

• + Added@griffel/core@1.18.2(transitive)

• + Added@griffel/react@1.5.27(transitive)

• + Added@swc/helpers@0.5.15(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-jsx-runtime@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-label@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@fluentui/tokens@0.0.0-nightly-20240820-2210.1(transitive)

• - Removed@griffel/core@1.18.1(transitive)

• - Removed@griffel/react@1.5.26(transitive)

• - Removed@swc/helpers@0.5.13(transitive)

• Updated@fluentui/react-context-selector@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-jsx-runtime@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-label@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-theme@0.0.0-nightly-20240822-0407.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20240822-0407.1