@fluentui/react-field - npm Package Compare versions

Comparing version 0.0.0-nightly-20240819-2137.1 to 0.0.0-nightly-20240820-2210.1

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

@@ -58,5 +58,5 @@ "use strict";
     vertical: {
-        z8tnut: "fh8nav3",
-        Byoj8tv: "f1usewit",
-        jrapky: "ffz6qdv"
+        z8tnut: "f177h8y8",
+        Byoj8tv: "fg2aix0",
+        jrapky: "f67ly5"
     },
@@ -66,10 +66,10 @@ verticalLarge: {
         Byoj8tv: "f1brlhvm",
-        jrapky: "f9c6mxk"
+        jrapky: "f1dvo80x"
     },
     horizontal: {
-        z8tnut: "forh5k",
-        Byoj8tv: "f6kmjjc",
+        z8tnut: "f1rf8hqs",
+        Byoj8tv: "f1hz30v1",
         t21cq0: [
-            "f1nk2aep",
-            "ft1x1ik"
+            "ff1oxsf",
+            "f140kmic"
         ],
@@ -80,4 +80,4 @@ Ijaq50: "f16hsg94",
     horizontalSmall: {
-        z8tnut: "f6zghdy",
-        Byoj8tv: "f17vit9g"
+        z8tnut: "f19xubks",
+        Byoj8tv: "ftklhep"
     },
@@ -90,16 +90,16 @@ horizontalLarge: {
     d: [
-        ".fh8nav3{padding-top:var(--ctrl-token-Field-1103, var(--semantic-token-Field-1104, var(--spacingVerticalXXS)));}",
-        ".f1usewit{padding-bottom:var(--ctrl-token-Field-1105, var(--semantic-token-Field-1106, var(--spacingVerticalXXS)));}",
-        ".ffz6qdv{margin-bottom:var(--ctrl-token-Field-1107, var(--semantic-token-Field-1108, var(--spacingVerticalXXS)));}",
+        ".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;}",
-        ".f9c6mxk{margin-bottom:var(--ctrl-token-Field-1109, var(--semantic-token-Field-1110, var(--spacingVerticalXS)));}",
-        ".forh5k{padding-top:var(--ctrl-token-Field-1111, var(--semantic-token-Field-1112, var(--spacingVerticalSNudge)));}",
-        ".f6kmjjc{padding-bottom:var(--ctrl-token-Field-1113, var(--semantic-token-Field-1114, var(--spacingVerticalSNudge)));}",
-        ".f1nk2aep{margin-right:var(--ctrl-token-Field-1115, var(--semantic-token-Field-1116, var(--spacingHorizontalM)));}",
-        ".ft1x1ik{margin-left:var(--ctrl-token-Field-1115, var(--semantic-token-Field-1116, var(--spacingHorizontalM)));}",
+        ".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;}",
-        ".f6zghdy{padding-top:var(--ctrl-token-Field-1117, var(--semantic-token-Field-1118, var(--spacingVerticalXS)));}",
-        ".f17vit9g{padding-bottom:var(--ctrl-token-Field-1119, var(--semantic-token-Field-1120, var(--spacingVerticalXS)));}",
+        ".f19xubks{padding-top:var(--1117, var(--1118, var(--spacingVerticalXS)));}",
+        ".ftklhep{padding-bottom:var(--1119, var(--1120, var(--spacingVerticalXS)));}",
         ".f1hqyr95{padding-top:9px;}",
@@ -109,8 +109,8 @@ ".fm4hlj0{padding-bottom:9px;}"
 });
-const useSecondaryTextBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rv16jcs", null, [
-    ".rv16jcs{margin-top:var(--ctrl-token-Field-1121, var(--semantic-token-Field-1122, var(--spacingVerticalXXS)));color:var(--ctrl-token-Field-1123, var(--semantic-token-Field-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)("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 useSecondaryTextStyles = /*#__PURE__*/ (0, _react.__styles)({
     error: {
-        sj55zd: "f1jop3zj"
+        sj55zd: "flua5xq"
     },
@@ -125,3 +125,3 @@ withIcon: {
     d: [
-        ".f1jop3zj{color:var(--ctrl-token-Field-1125, var(--semantic-token-Field-1126, var(--colorPaletteRedForeground1)));}",
+        ".flua5xq{color:var(--1125, var(--1126, 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)("rc0jclx", "r9fpddc", [
-    ".rc0jclx{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--ctrl-token-Field-1127, var(--semantic-token-Field-1128, var(--spacingHorizontalXS)));line-height:0;vertical-align:-1px;}",
-    ".r9fpddc{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--ctrl-token-Field-1127, var(--semantic-token-Field-1128, var(--spacingHorizontalXS)));line-height:0;vertical-align:-1px;}"
+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 useValidationMessageIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     error: {
-        sj55zd: "f6szvnh"
+        sj55zd: "ftfje1g"
     },
     warning: {
-        sj55zd: "f1gwyfg5"
+        sj55zd: "f1ydwwcn"
     },
     success: {
-        sj55zd: "fhj12rj"
+        sj55zd: "f9nem7"
     }
 }, {
     d: [
-        ".f6szvnh{color:var(--ctrl-token-Field-1129, var(--semantic-token-Field-1130, var(--colorPaletteRedForeground1)));}",
-        ".f1gwyfg5{color:var(--ctrl-token-Field-1131, var(--semantic-token-Field-1132, var(--colorPaletteDarkOrangeForeground1)));}",
-        ".fhj12rj{color:var(--ctrl-token-Field-1133, var(--semantic-token-Field-1134, var(--colorPaletteGreenForeground1)));}"
+        ".ftfje1g{color:var(--1129, var(--1130, var(--colorPaletteRedForeground1)));}",
+        ".f1ydwwcn{color:var(--1131, var(--1132, var(--colorPaletteDarkOrangeForeground1)));}",
+        ".f9nem7{color:var(--1133, var(--1134, 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: "fh8nav3",
-    Byoj8tv: "f1usewit",
-    jrapky: "ffz6qdv"
+    z8tnut: "f177h8y8",
+    Byoj8tv: "fg2aix0",
+    jrapky: "f67ly5"
   },
@@ -40,8 +40,8 @@ verticalLarge: {
     Byoj8tv: "f1brlhvm",
-    jrapky: "f9c6mxk"
+    jrapky: "f1dvo80x"
   },
   horizontal: {
-    z8tnut: "forh5k",
-    Byoj8tv: "f6kmjjc",
-    t21cq0: ["f1nk2aep", "ft1x1ik"],
+    z8tnut: "f1rf8hqs",
+    Byoj8tv: "f1hz30v1",
+    t21cq0: ["ff1oxsf", "f140kmic"],
     Ijaq50: "f16hsg94",
@@ -51,4 +51,4 @@ nk6f5a: "f1nzqi2z"
   horizontalSmall: {
-    z8tnut: "f6zghdy",
-    Byoj8tv: "f17vit9g"
+    z8tnut: "f19xubks",
+    Byoj8tv: "ftklhep"
   },
@@ -60,8 +60,8 @@ horizontalLarge: {
 }, {
-  d: [".fh8nav3{padding-top:var(--ctrl-token-Field-1103, var(--semantic-token-Field-1104, var(--spacingVerticalXXS)));}", ".f1usewit{padding-bottom:var(--ctrl-token-Field-1105, var(--semantic-token-Field-1106, var(--spacingVerticalXXS)));}", ".ffz6qdv{margin-bottom:var(--ctrl-token-Field-1107, var(--semantic-token-Field-1108, var(--spacingVerticalXXS)));}", ".f1sl3k7w{padding-top:1px;}", ".f1brlhvm{padding-bottom:1px;}", ".f9c6mxk{margin-bottom:var(--ctrl-token-Field-1109, var(--semantic-token-Field-1110, var(--spacingVerticalXS)));}", ".forh5k{padding-top:var(--ctrl-token-Field-1111, var(--semantic-token-Field-1112, var(--spacingVerticalSNudge)));}", ".f6kmjjc{padding-bottom:var(--ctrl-token-Field-1113, var(--semantic-token-Field-1114, var(--spacingVerticalSNudge)));}", ".f1nk2aep{margin-right:var(--ctrl-token-Field-1115, var(--semantic-token-Field-1116, var(--spacingHorizontalM)));}", ".ft1x1ik{margin-left:var(--ctrl-token-Field-1115, var(--semantic-token-Field-1116, var(--spacingHorizontalM)));}", ".f16hsg94{grid-row-start:1;}", ".f1nzqi2z{grid-row-end:-1;}", ".f6zghdy{padding-top:var(--ctrl-token-Field-1117, var(--semantic-token-Field-1118, var(--spacingVerticalXS)));}", ".f17vit9g{padding-bottom:var(--ctrl-token-Field-1119, var(--semantic-token-Field-1120, var(--spacingVerticalXS)));}", ".f1hqyr95{padding-top:9px;}", ".fm4hlj0{padding-bottom:9px;}"]
+  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;}"]
 });
-const useSecondaryTextBaseClassName = /*#__PURE__*/__resetStyles("rv16jcs", null, [".rv16jcs{margin-top:var(--ctrl-token-Field-1121, var(--semantic-token-Field-1122, var(--spacingVerticalXXS)));color:var(--ctrl-token-Field-1123, var(--semantic-token-Field-1124, var(--colorNeutralForeground3)));font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"]);
+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 useSecondaryTextStyles = /*#__PURE__*/__styles({
   error: {
-    sj55zd: "f1jop3zj"
+    sj55zd: "flua5xq"
   },
@@ -72,17 +72,17 @@ withIcon: {
 }, {
-  d: [".f1jop3zj{color:var(--ctrl-token-Field-1125, var(--semantic-token-Field-1126, var(--colorPaletteRedForeground1)));}", ".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}", ".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}"]
+  d: [".flua5xq{color:var(--1125, var(--1126, var(--colorPaletteRedForeground1)));}", ".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}", ".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}"]
 });
-const useValidationMessageIconBaseClassName = /*#__PURE__*/__resetStyles("rc0jclx", "r9fpddc", [".rc0jclx{display:inline-block;font-size:12px;margin-left:calc(-12px - var(--spacingHorizontalXS));margin-right:var(--ctrl-token-Field-1127, var(--semantic-token-Field-1128, var(--spacingHorizontalXS)));line-height:0;vertical-align:-1px;}", ".r9fpddc{display:inline-block;font-size:12px;margin-right:calc(-12px - var(--spacingHorizontalXS));margin-left:var(--ctrl-token-Field-1127, var(--semantic-token-Field-1128, var(--spacingHorizontalXS)));line-height:0;vertical-align:-1px;}"]);
+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 useValidationMessageIconStyles = /*#__PURE__*/__styles({
   error: {
-    sj55zd: "f6szvnh"
+    sj55zd: "ftfje1g"
   },
   warning: {
-    sj55zd: "f1gwyfg5"
+    sj55zd: "f1ydwwcn"
   },
   success: {
-    sj55zd: "fhj12rj"
+    sj55zd: "f9nem7"
   }
 }, {
-  d: [".f6szvnh{color:var(--ctrl-token-Field-1129, var(--semantic-token-Field-1130, var(--colorPaletteRedForeground1)));}", ".f1gwyfg5{color:var(--ctrl-token-Field-1131, var(--semantic-token-Field-1132, var(--colorPaletteDarkOrangeForeground1)));}", ".fhj12rj{color:var(--ctrl-token-Field-1133, var(--semantic-token-Field-1134, var(--colorPaletteGreenForeground1)));}"]
+  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)));}"]
 });
@@ -89,0 +89,0 @@ /**

package.json

 {
   "name": "@fluentui/react-field",
-  "version": "0.0.0-nightly-20240819-2137.1",
+  "version": "0.0.0-nightly-20240820-2210.1",
   "description": "Fluent UI Field components",
@@ -28,6 +28,6 @@ "main": "lib-commonjs/index.js",
   "devDependencies": {
-    "@fluentui/react-tooltip": "0.0.0-nightly-20240819-2137.1",
+    "@fluentui/react-tooltip": "0.0.0-nightly-20240820-2210.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240819-2137.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20240820-2210.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240820-2210.1",
     "@fluentui/scripts-api-extractor": "*",
@@ -37,8 +37,8 @@ "@fluentui/scripts-tasks": "*"
   "dependencies": {
-    "@fluentui/react-context-selector": "0.0.0-nightly-20240819-2137.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20240820-2210.1",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-label": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20240819-2137.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20240819-2137.1",
+    "@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",
     "@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

Worsened metrics

Total package byte prevSize

200908

decreased by-1.26%

Lines of code

1078

decreased by-0.37%

Dependency changes

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

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

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

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

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

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

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

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

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-jsx-runtime@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-label@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20240819-2137.1(transitive)

• - Removed@fluentui/tokens@0.0.0-nightly-20240819-2137.1(transitive)

• Updated@fluentui/react-context-selector@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-jsx-runtime@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-label@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-theme@0.0.0-nightly-20240820-2210.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20240820-2210.1