@fluentui/react-field 0.0.0-nightly-20250703-1103.1 → 0.0.0-nightly-20250707-0406.1

package/CHANGELOG.md

@@ -1,26 +1,26 @@
 # Change Log - @fluentui/react-field
 
-This log was last generated on Thu, 03 Jul 2025 11:19:18 GMT and should not be manually modified.
+This log was last generated on Mon, 07 Jul 2025 04:22:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250703-1103.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v0.0.0-nightly-20250703-1103.1)
+## [0.0.0-nightly-20250707-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v0.0.0-nightly-20250707-0406.1)
 
-Thu, 03 Jul 2025 11:19:18 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.3.4..@fluentui/react-field_v0.0.0-nightly-20250703-1103.1)
+Mon, 07 Jul 2025 04:22:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.3.4..@fluentui/react-field_v0.0.0-nightly-20250707-0406.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-context-selector to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
-- Bump @fluentui/react-label to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
-- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-context-selector to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
+- Bump @fluentui/react-label to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
+- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250707-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/0f2f74845f342625c7dff5f00e75864a86e297cb) by beachball)
 
 ## [9.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.3.4)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-field",
-  "version": "0.0.0-nightly-20250703-1103.1",
+  "version": "0.0.0-nightly-20250707-0406.1",
   "description": "Fluent UI Field components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,20 +12,20 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@fluentui/react-tooltip": "0.0.0-nightly-20250703-1103.1",
+    "@fluentui/react-tooltip": "0.0.0-nightly-20250707-0406.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20250703-1103.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20250703-1103.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20250707-0406.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20250707-0406.1",
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "0.0.0-nightly-20250703-1103.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20250707-0406.1",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20250703-1103.1",
-    "@fluentui/react-label": "0.0.0-nightly-20250703-1103.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20250703-1103.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20250703-1103.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20250703-1103.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20250707-0406.1",
+    "@fluentui/react-label": "0.0.0-nightly-20250707-0406.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20250707-0406.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20250707-0406.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20250707-0406.1",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },

package/lib/components/Field/useFieldStyles.styles.raw.js

@@ -1,122 +0,0 @@
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';
-export const fieldClassNames = {
-    root: `fui-Field`,
-    label: `fui-Field__label`,
-    validationMessage: `fui-Field__validationMessage`,
-    validationMessageIcon: `fui-Field__validationMessageIcon`,
-    hint: `fui-Field__hint`
-};
-// Size of the icon in the validation message
-const iconSize = '12px';
-/**
- * Styles for the root slot
- */ const useRootStyles = makeStyles({
-    base: {
-        display: 'grid'
-    },
-    // In horizontal layout, the field is a grid with the label taking up the entire first column.
-    // The last row is slack space in case the label is taller than the rest of the content.
-    horizontal: {
-        gridTemplateColumns: '33% 1fr',
-        gridTemplateRows: 'auto auto auto 1fr'
-    },
-    // In horizontal layout without a label, replace the label's column with padding.
-    // This lets grid auto-flow properly place the other children, and keeps fields with and without labels aligned.
-    horizontalNoLabel: {
-        paddingLeft: '33%',
-        gridTemplateColumns: '1fr'
-    }
-});
-const useLabelStyles = makeStyles({
-    vertical: {
-        paddingTop: tokens.spacingVerticalXXS,
-        paddingBottom: tokens.spacingVerticalXXS,
-        marginBottom: tokens.spacingVerticalXXS
-    },
-    verticalLarge: {
-        paddingTop: '1px',
-        paddingBottom: '1px',
-        marginBottom: tokens.spacingVerticalXS
-    },
-    horizontal: {
-        paddingTop: tokens.spacingVerticalSNudge,
-        paddingBottom: tokens.spacingVerticalSNudge,
-        marginRight: tokens.spacingHorizontalM,
-        gridRowStart: '1',
-        gridRowEnd: '-1'
-    },
-    horizontalSmall: {
-        paddingTop: tokens.spacingVerticalXS,
-        paddingBottom: tokens.spacingVerticalXS
-    },
-    horizontalLarge: {
-        // To align the label text with the Input text, it should be centered within the 40px height of the Input.
-        // This is (40px - lineHeightBase400) / 2 = 9px. Hardcoded since there is no 9px padding token.
-        paddingTop: '9px',
-        paddingBottom: '9px'
-    }
-});
-const useSecondaryTextBaseClassName = makeResetStyles({
-    marginTop: tokens.spacingVerticalXXS,
-    color: tokens.colorNeutralForeground3,
-    ...typographyStyles.caption1
-});
-const useSecondaryTextStyles = makeStyles({
-    error: {
-        color: tokens.colorPaletteRedForeground1
-    },
-    withIcon: {
-        // Add a gutter for the icon, to allow multiple lines of text to line up to the right of the icon.
-        paddingLeft: `calc(${iconSize} + ${tokens.spacingHorizontalXS})`
-    }
-});
-const useValidationMessageIconBaseClassName = makeResetStyles({
-    display: 'inline-block',
-    fontSize: iconSize,
-    // Negative left margin puts the icon in the gutter of the validation message div's withIcon style.
-    marginLeft: `calc(-${iconSize} - ${tokens.spacingHorizontalXS})`,
-    marginRight: tokens.spacingHorizontalXS,
-    // Line height of 0 prevents the verticalAlign from affecting the line height of the text.
-    lineHeight: '0',
-    // Negative verticalAlign shifts the inline icon down to align with the text (effectively top padding).
-    verticalAlign: '-1px'
-});
-const useValidationMessageIconStyles = makeStyles({
-    error: {
-        color: tokens.colorPaletteRedForeground1
-    },
-    warning: {
-        color: tokens.colorPaletteDarkOrangeForeground1
-    },
-    success: {
-        color: tokens.colorPaletteGreenForeground1
-    }
-});
-/**
- * Apply styling to the Field slots based on the state
- */ export const useFieldStyles_unstable = (state)=>{
-    'use no memo';
-    const { validationState, size } = state;
-    const horizontal = state.orientation === 'horizontal';
-    const rootStyles = useRootStyles();
-    state.root.className = mergeClasses(fieldClassNames.root, rootStyles.base, horizontal && rootStyles.horizontal, horizontal && !state.label && rootStyles.horizontalNoLabel, state.root.className);
-    const labelStyles = useLabelStyles();
-    if (state.label) {
-        state.label.className = mergeClasses(fieldClassNames.label, horizontal && labelStyles.horizontal, horizontal && size === 'small' && labelStyles.horizontalSmall, horizontal && size === 'large' && labelStyles.horizontalLarge, !horizontal && labelStyles.vertical, !horizontal && size === 'large' && labelStyles.verticalLarge, state.label.className);
-    }
-    const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();
-    const validationMessageIconStyles = useValidationMessageIconStyles();
-    if (state.validationMessageIcon) {
-        state.validationMessageIcon.className = mergeClasses(fieldClassNames.validationMessageIcon, validationMessageIconBaseClassName, validationState !== 'none' && validationMessageIconStyles[validationState], state.validationMessageIcon.className);
-    }
-    const secondaryTextBaseClassName = useSecondaryTextBaseClassName();
-    const secondaryTextStyles = useSecondaryTextStyles();
-    if (state.validationMessage) {
-        state.validationMessage.className = mergeClasses(fieldClassNames.validationMessage, secondaryTextBaseClassName, validationState === 'error' && secondaryTextStyles.error, !!state.validationMessageIcon && secondaryTextStyles.withIcon, state.validationMessage.className);
-    }
-    if (state.hint) {
-        state.hint.className = mergeClasses(fieldClassNames.hint, secondaryTextBaseClassName, state.hint.className);
-    }
-    return state;
-};

package/lib/components/Field/useFieldStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Field/useFieldStyles.styles.ts"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { FieldSlots, FieldState } from './Field.types';\n\nexport const fieldClassNames: SlotClassNames<FieldSlots> = {\n  root: `fui-Field`,\n  label: `fui-Field__label`,\n  validationMessage: `fui-Field__validationMessage`,\n  validationMessageIcon: `fui-Field__validationMessageIcon`,\n  hint: `fui-Field__hint`,\n};\n\n// Size of the icon in the validation message\nconst iconSize = '12px';\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    display: 'grid',\n  },\n\n  // In horizontal layout, the field is a grid with the label taking up the entire first column.\n  // The last row is slack space in case the label is taller than the rest of the content.\n  horizontal: {\n    gridTemplateColumns: '33% 1fr',\n    gridTemplateRows: 'auto auto auto 1fr',\n  },\n\n  // In horizontal layout without a label, replace the label's column with padding.\n  // This lets grid auto-flow properly place the other children, and keeps fields with and without labels aligned.\n  horizontalNoLabel: {\n    paddingLeft: '33%',\n    gridTemplateColumns: '1fr',\n  },\n});\n\nconst useLabelStyles = makeStyles({\n  vertical: {\n    paddingTop: tokens.spacingVerticalXXS,\n    paddingBottom: tokens.spacingVerticalXXS,\n    marginBottom: tokens.spacingVerticalXXS,\n  },\n\n  verticalLarge: {\n    paddingTop: '1px',\n    paddingBottom: '1px',\n    marginBottom: tokens.spacingVerticalXS,\n  },\n\n  horizontal: {\n    paddingTop: tokens.spacingVerticalSNudge,\n    paddingBottom: tokens.spacingVerticalSNudge,\n    marginRight: tokens.spacingHorizontalM,\n    gridRowStart: '1',\n    gridRowEnd: '-1',\n  },\n\n  horizontalSmall: {\n    paddingTop: tokens.spacingVerticalXS,\n    paddingBottom: tokens.spacingVerticalXS,\n  },\n\n  horizontalLarge: {\n    // To align the label text with the Input text, it should be centered within the 40px height of the Input.\n    // This is (40px - lineHeightBase400) / 2 = 9px. Hardcoded since there is no 9px padding token.\n    paddingTop: '9px',\n    paddingBottom: '9px',\n  },\n});\n\nconst useSecondaryTextBaseClassName = makeResetStyles({\n  marginTop: tokens.spacingVerticalXXS,\n  color: tokens.colorNeutralForeground3,\n  ...typographyStyles.caption1,\n});\n\nconst useSecondaryTextStyles = makeStyles({\n  error: {\n    color: tokens.colorPaletteRedForeground1,\n  },\n\n  withIcon: {\n    // Add a gutter for the icon, to allow multiple lines of text to line up to the right of the icon.\n    paddingLeft: `calc(${iconSize} + ${tokens.spacingHorizontalXS})`,\n  },\n});\n\nconst useValidationMessageIconBaseClassName = makeResetStyles({\n  display: 'inline-block',\n  fontSize: iconSize,\n  // Negative left margin puts the icon in the gutter of the validation message div's withIcon style.\n  marginLeft: `calc(-${iconSize} - ${tokens.spacingHorizontalXS})`,\n  marginRight: tokens.spacingHorizontalXS,\n  // Line height of 0 prevents the verticalAlign from affecting the line height of the text.\n  lineHeight: '0',\n  // Negative verticalAlign shifts the inline icon down to align with the text (effectively top padding).\n  verticalAlign: '-1px',\n});\n\nconst useValidationMessageIconStyles = makeStyles({\n  error: {\n    color: tokens.colorPaletteRedForeground1,\n  },\n  warning: {\n    color: tokens.colorPaletteDarkOrangeForeground1,\n  },\n  success: {\n    color: tokens.colorPaletteGreenForeground1,\n  },\n});\n\n/**\n * Apply styling to the Field slots based on the state\n */\nexport const useFieldStyles_unstable = (state: FieldState): FieldState => {\n  'use no memo';\n\n  const { validationState, size } = state;\n  const horizontal = state.orientation === 'horizontal';\n\n  const rootStyles = useRootStyles();\n  state.root.className = mergeClasses(\n    fieldClassNames.root,\n    rootStyles.base,\n    horizontal && rootStyles.horizontal,\n    horizontal && !state.label && rootStyles.horizontalNoLabel,\n    state.root.className,\n  );\n\n  const labelStyles = useLabelStyles();\n  if (state.label) {\n    state.label.className = mergeClasses(\n      fieldClassNames.label,\n      horizontal && labelStyles.horizontal,\n      horizontal && size === 'small' && labelStyles.horizontalSmall,\n      horizontal && size === 'large' && labelStyles.horizontalLarge,\n      !horizontal && labelStyles.vertical,\n      !horizontal && size === 'large' && labelStyles.verticalLarge,\n      state.label.className,\n    );\n  }\n\n  const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();\n  const validationMessageIconStyles = useValidationMessageIconStyles();\n  if (state.validationMessageIcon) {\n    state.validationMessageIcon.className = mergeClasses(\n      fieldClassNames.validationMessageIcon,\n      validationMessageIconBaseClassName,\n      validationState !== 'none' && validationMessageIconStyles[validationState],\n      state.validationMessageIcon.className,\n    );\n  }\n\n  const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n  const secondaryTextStyles = useSecondaryTextStyles();\n  if (state.validationMessage) {\n    state.validationMessage.className = mergeClasses(\n      fieldClassNames.validationMessage,\n      secondaryTextBaseClassName,\n      validationState === 'error' && secondaryTextStyles.error,\n      !!state.validationMessageIcon && secondaryTextStyles.withIcon,\n      state.validationMessage.className,\n    );\n  }\n\n  if (state.hint) {\n    state.hint.className = mergeClasses(fieldClassNames.hint, secondaryTextBaseClassName, state.hint.className);\n  }\n\n  return state;\n};\n"],"names":["tokens","typographyStyles","makeResetStyles","makeStyles","mergeClasses","fieldClassNames","root","label","validationMessage","validationMessageIcon","hint","iconSize","useRootStyles","base","display","horizontal","gridTemplateColumns","gridTemplateRows","horizontalNoLabel","paddingLeft","useLabelStyles","vertical","paddingTop","spacingVerticalXXS","paddingBottom","marginBottom","verticalLarge","spacingVerticalXS","spacingVerticalSNudge","marginRight","spacingHorizontalM","gridRowStart","gridRowEnd","horizontalSmall","horizontalLarge","useSecondaryTextBaseClassName","marginTop","color","colorNeutralForeground3","caption1","useSecondaryTextStyles","error","colorPaletteRedForeground1","withIcon","spacingHorizontalXS","useValidationMessageIconBaseClassName","fontSize","marginLeft","lineHeight","verticalAlign","useValidationMessageIconStyles","warning","colorPaletteDarkOrangeForeground1","success","colorPaletteGreenForeground1","useFieldStyles_unstable","state","validationState","size","orientation","rootStyles","className","labelStyles","validationMessageIconBaseClassName","validationMessageIconStyles","secondaryTextBaseClassName","secondaryTextStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,138 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    fieldClassNames: function() {
-        return fieldClassNames;
-    },
-    useFieldStyles_unstable: function() {
-        return useFieldStyles_unstable;
-    }
-});
-const _reacttheme = require("@fluentui/react-theme");
-const _react = require("@griffel/react");
-const fieldClassNames = {
-    root: `fui-Field`,
-    label: `fui-Field__label`,
-    validationMessage: `fui-Field__validationMessage`,
-    validationMessageIcon: `fui-Field__validationMessageIcon`,
-    hint: `fui-Field__hint`
-};
-// Size of the icon in the validation message
-const iconSize = '12px';
-/**
- * Styles for the root slot
- */ const useRootStyles = (0, _react.makeStyles)({
-    base: {
-        display: 'grid'
-    },
-    // In horizontal layout, the field is a grid with the label taking up the entire first column.
-    // The last row is slack space in case the label is taller than the rest of the content.
-    horizontal: {
-        gridTemplateColumns: '33% 1fr',
-        gridTemplateRows: 'auto auto auto 1fr'
-    },
-    // In horizontal layout without a label, replace the label's column with padding.
-    // This lets grid auto-flow properly place the other children, and keeps fields with and without labels aligned.
-    horizontalNoLabel: {
-        paddingLeft: '33%',
-        gridTemplateColumns: '1fr'
-    }
-});
-const useLabelStyles = (0, _react.makeStyles)({
-    vertical: {
-        paddingTop: _reacttheme.tokens.spacingVerticalXXS,
-        paddingBottom: _reacttheme.tokens.spacingVerticalXXS,
-        marginBottom: _reacttheme.tokens.spacingVerticalXXS
-    },
-    verticalLarge: {
-        paddingTop: '1px',
-        paddingBottom: '1px',
-        marginBottom: _reacttheme.tokens.spacingVerticalXS
-    },
-    horizontal: {
-        paddingTop: _reacttheme.tokens.spacingVerticalSNudge,
-        paddingBottom: _reacttheme.tokens.spacingVerticalSNudge,
-        marginRight: _reacttheme.tokens.spacingHorizontalM,
-        gridRowStart: '1',
-        gridRowEnd: '-1'
-    },
-    horizontalSmall: {
-        paddingTop: _reacttheme.tokens.spacingVerticalXS,
-        paddingBottom: _reacttheme.tokens.spacingVerticalXS
-    },
-    horizontalLarge: {
-        // To align the label text with the Input text, it should be centered within the 40px height of the Input.
-        // This is (40px - lineHeightBase400) / 2 = 9px. Hardcoded since there is no 9px padding token.
-        paddingTop: '9px',
-        paddingBottom: '9px'
-    }
-});
-const useSecondaryTextBaseClassName = (0, _react.makeResetStyles)({
-    marginTop: _reacttheme.tokens.spacingVerticalXXS,
-    color: _reacttheme.tokens.colorNeutralForeground3,
-    ..._reacttheme.typographyStyles.caption1
-});
-const useSecondaryTextStyles = (0, _react.makeStyles)({
-    error: {
-        color: _reacttheme.tokens.colorPaletteRedForeground1
-    },
-    withIcon: {
-        // Add a gutter for the icon, to allow multiple lines of text to line up to the right of the icon.
-        paddingLeft: `calc(${iconSize} + ${_reacttheme.tokens.spacingHorizontalXS})`
-    }
-});
-const useValidationMessageIconBaseClassName = (0, _react.makeResetStyles)({
-    display: 'inline-block',
-    fontSize: iconSize,
-    // Negative left margin puts the icon in the gutter of the validation message div's withIcon style.
-    marginLeft: `calc(-${iconSize} - ${_reacttheme.tokens.spacingHorizontalXS})`,
-    marginRight: _reacttheme.tokens.spacingHorizontalXS,
-    // Line height of 0 prevents the verticalAlign from affecting the line height of the text.
-    lineHeight: '0',
-    // Negative verticalAlign shifts the inline icon down to align with the text (effectively top padding).
-    verticalAlign: '-1px'
-});
-const useValidationMessageIconStyles = (0, _react.makeStyles)({
-    error: {
-        color: _reacttheme.tokens.colorPaletteRedForeground1
-    },
-    warning: {
-        color: _reacttheme.tokens.colorPaletteDarkOrangeForeground1
-    },
-    success: {
-        color: _reacttheme.tokens.colorPaletteGreenForeground1
-    }
-});
-const useFieldStyles_unstable = (state)=>{
-    'use no memo';
-    const { validationState, size } = state;
-    const horizontal = state.orientation === 'horizontal';
-    const rootStyles = useRootStyles();
-    state.root.className = (0, _react.mergeClasses)(fieldClassNames.root, rootStyles.base, horizontal && rootStyles.horizontal, horizontal && !state.label && rootStyles.horizontalNoLabel, state.root.className);
-    const labelStyles = useLabelStyles();
-    if (state.label) {
-        state.label.className = (0, _react.mergeClasses)(fieldClassNames.label, horizontal && labelStyles.horizontal, horizontal && size === 'small' && labelStyles.horizontalSmall, horizontal && size === 'large' && labelStyles.horizontalLarge, !horizontal && labelStyles.vertical, !horizontal && size === 'large' && labelStyles.verticalLarge, state.label.className);
-    }
-    const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();
-    const validationMessageIconStyles = useValidationMessageIconStyles();
-    if (state.validationMessageIcon) {
-        state.validationMessageIcon.className = (0, _react.mergeClasses)(fieldClassNames.validationMessageIcon, validationMessageIconBaseClassName, validationState !== 'none' && validationMessageIconStyles[validationState], state.validationMessageIcon.className);
-    }
-    const secondaryTextBaseClassName = useSecondaryTextBaseClassName();
-    const secondaryTextStyles = useSecondaryTextStyles();
-    if (state.validationMessage) {
-        state.validationMessage.className = (0, _react.mergeClasses)(fieldClassNames.validationMessage, secondaryTextBaseClassName, validationState === 'error' && secondaryTextStyles.error, !!state.validationMessageIcon && secondaryTextStyles.withIcon, state.validationMessage.className);
-    }
-    if (state.hint) {
-        state.hint.className = (0, _react.mergeClasses)(fieldClassNames.hint, secondaryTextBaseClassName, state.hint.className);
-    }
-    return state;
-};

package/lib-commonjs/components/Field/useFieldStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Field/useFieldStyles.styles.ts"],"sourcesContent":["import { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { FieldSlots, FieldState } from './Field.types';\n\nexport const fieldClassNames: SlotClassNames<FieldSlots> = {\n  root: `fui-Field`,\n  label: `fui-Field__label`,\n  validationMessage: `fui-Field__validationMessage`,\n  validationMessageIcon: `fui-Field__validationMessageIcon`,\n  hint: `fui-Field__hint`,\n};\n\n// Size of the icon in the validation message\nconst iconSize = '12px';\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    display: 'grid',\n  },\n\n  // In horizontal layout, the field is a grid with the label taking up the entire first column.\n  // The last row is slack space in case the label is taller than the rest of the content.\n  horizontal: {\n    gridTemplateColumns: '33% 1fr',\n    gridTemplateRows: 'auto auto auto 1fr',\n  },\n\n  // In horizontal layout without a label, replace the label's column with padding.\n  // This lets grid auto-flow properly place the other children, and keeps fields with and without labels aligned.\n  horizontalNoLabel: {\n    paddingLeft: '33%',\n    gridTemplateColumns: '1fr',\n  },\n});\n\nconst useLabelStyles = makeStyles({\n  vertical: {\n    paddingTop: tokens.spacingVerticalXXS,\n    paddingBottom: tokens.spacingVerticalXXS,\n    marginBottom: tokens.spacingVerticalXXS,\n  },\n\n  verticalLarge: {\n    paddingTop: '1px',\n    paddingBottom: '1px',\n    marginBottom: tokens.spacingVerticalXS,\n  },\n\n  horizontal: {\n    paddingTop: tokens.spacingVerticalSNudge,\n    paddingBottom: tokens.spacingVerticalSNudge,\n    marginRight: tokens.spacingHorizontalM,\n    gridRowStart: '1',\n    gridRowEnd: '-1',\n  },\n\n  horizontalSmall: {\n    paddingTop: tokens.spacingVerticalXS,\n    paddingBottom: tokens.spacingVerticalXS,\n  },\n\n  horizontalLarge: {\n    // To align the label text with the Input text, it should be centered within the 40px height of the Input.\n    // This is (40px - lineHeightBase400) / 2 = 9px. Hardcoded since there is no 9px padding token.\n    paddingTop: '9px',\n    paddingBottom: '9px',\n  },\n});\n\nconst useSecondaryTextBaseClassName = makeResetStyles({\n  marginTop: tokens.spacingVerticalXXS,\n  color: tokens.colorNeutralForeground3,\n  ...typographyStyles.caption1,\n});\n\nconst useSecondaryTextStyles = makeStyles({\n  error: {\n    color: tokens.colorPaletteRedForeground1,\n  },\n\n  withIcon: {\n    // Add a gutter for the icon, to allow multiple lines of text to line up to the right of the icon.\n    paddingLeft: `calc(${iconSize} + ${tokens.spacingHorizontalXS})`,\n  },\n});\n\nconst useValidationMessageIconBaseClassName = makeResetStyles({\n  display: 'inline-block',\n  fontSize: iconSize,\n  // Negative left margin puts the icon in the gutter of the validation message div's withIcon style.\n  marginLeft: `calc(-${iconSize} - ${tokens.spacingHorizontalXS})`,\n  marginRight: tokens.spacingHorizontalXS,\n  // Line height of 0 prevents the verticalAlign from affecting the line height of the text.\n  lineHeight: '0',\n  // Negative verticalAlign shifts the inline icon down to align with the text (effectively top padding).\n  verticalAlign: '-1px',\n});\n\nconst useValidationMessageIconStyles = makeStyles({\n  error: {\n    color: tokens.colorPaletteRedForeground1,\n  },\n  warning: {\n    color: tokens.colorPaletteDarkOrangeForeground1,\n  },\n  success: {\n    color: tokens.colorPaletteGreenForeground1,\n  },\n});\n\n/**\n * Apply styling to the Field slots based on the state\n */\nexport const useFieldStyles_unstable = (state: FieldState): FieldState => {\n  'use no memo';\n\n  const { validationState, size } = state;\n  const horizontal = state.orientation === 'horizontal';\n\n  const rootStyles = useRootStyles();\n  state.root.className = mergeClasses(\n    fieldClassNames.root,\n    rootStyles.base,\n    horizontal && rootStyles.horizontal,\n    horizontal && !state.label && rootStyles.horizontalNoLabel,\n    state.root.className,\n  );\n\n  const labelStyles = useLabelStyles();\n  if (state.label) {\n    state.label.className = mergeClasses(\n      fieldClassNames.label,\n      horizontal && labelStyles.horizontal,\n      horizontal && size === 'small' && labelStyles.horizontalSmall,\n      horizontal && size === 'large' && labelStyles.horizontalLarge,\n      !horizontal && labelStyles.vertical,\n      !horizontal && size === 'large' && labelStyles.verticalLarge,\n      state.label.className,\n    );\n  }\n\n  const validationMessageIconBaseClassName = useValidationMessageIconBaseClassName();\n  const validationMessageIconStyles = useValidationMessageIconStyles();\n  if (state.validationMessageIcon) {\n    state.validationMessageIcon.className = mergeClasses(\n      fieldClassNames.validationMessageIcon,\n      validationMessageIconBaseClassName,\n      validationState !== 'none' && validationMessageIconStyles[validationState],\n      state.validationMessageIcon.className,\n    );\n  }\n\n  const secondaryTextBaseClassName = useSecondaryTextBaseClassName();\n  const secondaryTextStyles = useSecondaryTextStyles();\n  if (state.validationMessage) {\n    state.validationMessage.className = mergeClasses(\n      fieldClassNames.validationMessage,\n      secondaryTextBaseClassName,\n      validationState === 'error' && secondaryTextStyles.error,\n      !!state.validationMessageIcon && secondaryTextStyles.withIcon,\n      state.validationMessage.className,\n    );\n  }\n\n  if (state.hint) {\n    state.hint.className = mergeClasses(fieldClassNames.hint, secondaryTextBaseClassName, state.hint.className);\n  }\n\n  return state;\n};\n"],"names":["fieldClassNames","useFieldStyles_unstable","root","label","validationMessage","validationMessageIcon","hint","iconSize","useRootStyles","makeStyles","base","display","horizontal","gridTemplateColumns","gridTemplateRows","horizontalNoLabel","paddingLeft","useLabelStyles","vertical","paddingTop","tokens","spacingVerticalXXS","paddingBottom","marginBottom","verticalLarge","spacingVerticalXS","spacingVerticalSNudge","marginRight","spacingHorizontalM","gridRowStart","gridRowEnd","horizontalSmall","horizontalLarge","useSecondaryTextBaseClassName","makeResetStyles","marginTop","color","colorNeutralForeground3","typographyStyles","caption1","useSecondaryTextStyles","error","colorPaletteRedForeground1","withIcon","spacingHorizontalXS","useValidationMessageIconBaseClassName","fontSize","marginLeft","lineHeight","verticalAlign","useValidationMessageIconStyles","warning","colorPaletteDarkOrangeForeground1","success","colorPaletteGreenForeground1","state","validationState","size","orientation","rootStyles","className","mergeClasses","labelStyles","validationMessageIconBaseClassName","validationMessageIconStyles","secondaryTextBaseClassName","secondaryTextStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}