@fluentui/react-field - npm Package Compare versions

Comparing version 0.0.0-nightly-20240731-0407.1 to 0.0.0-nightly-20240816-2133.1

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

@@ -58,5 +58,5 @@ "use strict";
     vertical: {
-        z8tnut: "fclwglc",
-        Byoj8tv: "fywfov9",
-        jrapky: "fyacil5"
+        z8tnut: "fh8nav3",
+        Byoj8tv: "f1usewit",
+        jrapky: "ffz6qdv"
     },
@@ -66,10 +66,10 @@ verticalLarge: {
         Byoj8tv: "f1brlhvm",
-        jrapky: "f8l5zjj"
+        jrapky: "f9c6mxk"
     },
     horizontal: {
-        z8tnut: "fp2oml8",
-        Byoj8tv: "f1tdddsa",
+        z8tnut: "forh5k",
+        Byoj8tv: "f6kmjjc",
         t21cq0: [
-            "fkujibs",
-            "f199hnxi"
+            "f1nk2aep",
+            "ft1x1ik"
         ],
@@ -80,4 +80,4 @@ Ijaq50: "f16hsg94",
     horizontalSmall: {
-        z8tnut: "f1ywm7hm",
-        Byoj8tv: "f14wxoun"
+        z8tnut: "f6zghdy",
+        Byoj8tv: "f17vit9g"
     },
@@ -90,16 +90,16 @@ horizontalLarge: {
     d: [
-        ".fclwglc{padding-top:var(--spacingVerticalXXS);}",
-        ".fywfov9{padding-bottom:var(--spacingVerticalXXS);}",
-        ".fyacil5{margin-bottom:var(--spacingVerticalXXS);}",
+        ".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;}",
-        ".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);}",
+        ".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;}",
-        ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
-        ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}",
+        ".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;}",
@@ -109,8 +109,8 @@ ".fm4hlj0{padding-bottom:9px;}"
 });
-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 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 useSecondaryTextStyles = /*#__PURE__*/ (0, _react.__styles)({
     error: {
-        sj55zd: "f1hcrxcs"
+        sj55zd: "f1jop3zj"
     },
@@ -125,3 +125,3 @@ withIcon: {
     d: [
-        ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}",
+        ".f1jop3zj{color:var(--ctrl-token-Field-1125, var(--semantic-token-Field-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)("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 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 useValidationMessageIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     error: {
-        sj55zd: "f1hcrxcs"
+        sj55zd: "f6szvnh"
     },
     warning: {
-        sj55zd: "f1k5f75o"
+        sj55zd: "f1gwyfg5"
     },
     success: {
-        sj55zd: "ffmvakt"
+        sj55zd: "fhj12rj"
     }
 }, {
     d: [
-        ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}",
-        ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}",
-        ".ffmvakt{color:var(--colorPaletteGreenForeground1);}"
+        ".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)));}"
     ]
@@ -152,0 +152,0 @@ });

lib/components/Field/useFieldStyles.styles.js

@@ -32,5 +32,5 @@ import { tokens, typographyStyles } from '@fluentui/react-theme';
   vertical: {
-    z8tnut: "fclwglc",
-    Byoj8tv: "fywfov9",
-    jrapky: "fyacil5"
+    z8tnut: "fh8nav3",
+    Byoj8tv: "f1usewit",
+    jrapky: "ffz6qdv"
   },
@@ -40,8 +40,8 @@ verticalLarge: {
     Byoj8tv: "f1brlhvm",
-    jrapky: "f8l5zjj"
+    jrapky: "f9c6mxk"
   },
   horizontal: {
-    z8tnut: "fp2oml8",
-    Byoj8tv: "f1tdddsa",
-    t21cq0: ["fkujibs", "f199hnxi"],
+    z8tnut: "forh5k",
+    Byoj8tv: "f6kmjjc",
+    t21cq0: ["f1nk2aep", "ft1x1ik"],
     Ijaq50: "f16hsg94",
@@ -51,4 +51,4 @@ nk6f5a: "f1nzqi2z"
   horizontalSmall: {
-    z8tnut: "f1ywm7hm",
-    Byoj8tv: "f14wxoun"
+    z8tnut: "f6zghdy",
+    Byoj8tv: "f17vit9g"
   },
@@ -60,8 +60,8 @@ horizontalLarge: {
 }, {
-  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;}"]
+  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;}"]
 });
-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 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 useSecondaryTextStyles = /*#__PURE__*/__styles({
   error: {
-    sj55zd: "f1hcrxcs"
+    sj55zd: "f1jop3zj"
   },
@@ -72,17 +72,17 @@ withIcon: {
 }, {
-  d: [".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".frawy03{padding-left:calc(12px + var(--spacingHorizontalXS));}", ".fg4c52{padding-right:calc(12px + var(--spacingHorizontalXS));}"]
+  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));}"]
 });
-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 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 useValidationMessageIconStyles = /*#__PURE__*/__styles({
   error: {
-    sj55zd: "f1hcrxcs"
+    sj55zd: "f6szvnh"
   },
   warning: {
-    sj55zd: "f1k5f75o"
+    sj55zd: "f1gwyfg5"
   },
   success: {
-    sj55zd: "ffmvakt"
+    sj55zd: "fhj12rj"
   }
 }, {
-  d: [".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}"]
+  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)));}"]
 });
@@ -89,0 +89,0 @@ /**

package.json

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

Total package byte prevSize

203480

increased by2.26%

Lines of code

1082

increased by0.56%

Dependency changes

• + Added@fluentui/keyboard-keys@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-context-selector@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-jsx-runtime@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-label@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightly-20240816-2133.1(transitive)

• + Added@fluentui/tokens@0.0.0-nightly-20240816-2133.1(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-context-selector@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-jsx-runtime@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-label@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightly-20240731-0407.1(transitive)

• - Removed@fluentui/tokens@0.0.0-nightly-20240731-0407.1(transitive)

• Updated@fluentui/react-context-selector@0.0.0-nightly-20240816-2133.1

• Updated@fluentui/react-jsx-runtime@0.0.0-nightly-20240816-2133.1

• Updated@fluentui/react-label@0.0.0-nightly-20240816-2133.1

• Updated@fluentui/react-theme@0.0.0-nightly-20240816-2133.1

• Updated@fluentui/react-utilities@0.0.0-nightly-20240816-2133.1