@commercetools-uikit/field-label/dist/commercetools-uikit-field-label.esm.js

The FieldLabel component represents the label for a field in a form.

import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
import _styled from '@emotion/styled/base';
import { cloneElement } from 'react';
import { warning } from '@commercetools-uikit/utils';
import '@emotion/react';
import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
import { InfoIcon } from '@commercetools-uikit/icons';
import Text from '@commercetools-uikit/text';
import Constraints from '@commercetools-uikit/constraints';
import Inline from '@commercetools-uikit/spacings-inline';
import Label from '@commercetools-uikit/label';
import { designTokens } from '@commercetools-uikit/design-system';
import { jsxs, jsx } from '@emotion/react/jsx-runtime';

const _excluded = ["horizontalConstraint"];
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
/*
  This is needed to deal with every FieldLabel row vertical spacing
  when provided `hint` or `description` is a React component which
  might render nothing.
  Previously we were using the `Stack` component but, as we are wrapping
  those props values with some elements, `Stack` was including some vertical
  spacing even when the received values did not render anything.

  The implementation is tightly coupled to how we currently wrap
  those props, so if we change that, we will need to adjust this as well.
*/
const LabelRowWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
  target: "erir8oc0"
} : {
  target: "erir8oc0",
  label: "LabelRowWrapper"
})("& [data-key='field-label-hint-wrapper'],& [data-key='field-label-description-wrapper']{margin-top:", designTokens.spacing10, "!important;}& [data-key='field-label-hint-wrapper']:empty,& [data-key='field-label-description-wrapper']:empty{margin-top:0!important;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpR2tDIiwiZmlsZSI6ImZpZWxkLWxhYmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2Vjb25kYXJ5SWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSW5mb0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgSW5saW5lIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLWlubGluZSc7XG5pbXBvcnQgTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvbGFiZWwnO1xuaW1wb3J0IHtcbiAgZGVzaWduVG9rZW5zLFxuICB0eXBlIFRJY29uUHJvcHMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5leHBvcnQgdHlwZSBURmllbGRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIGxhYmVsXG4gICAqL1xuICB0aXRsZTogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICAvKipcbiAgICogSGludCBmb3IgdGhlIGxhYmVsLiBQcm92aWRlcyBhIHN1cHBsZW1lbnRhcnkgYnV0IGltcG9ydGFudCBpbmZvcm1hdGlvbiByZWdhcmRpbmcgdGhlIGJlaGF2aW91ciBvZiB0aGUgaW5wdXQgKGUuZyB3YXJuIGFib3V0IHVuaXF1ZW5lc3Mgb2YgYSBmaWVsZCwgd2hlbiBpdCBjYW4gb25seSBiZSBzZXQgb25jZSksIHdoZXJlYXMgZGVzY3JpcHRpb24gY2FuIGRlc2NyaWJlIGl0IGluIG1vcmUgZGVwdGguIENhbiBhbHNvIHJlY2VpdmUgYSBoaW50SWNvbi5cbiAgICovXG4gIGhpbnQ/OiBzdHJpbmcgfCBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIGRlc2NyaXB0aW9uIGZvciB0aGUgdGl0bGUuXG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIGluZm8gYnV0dG9uIGlzIHByZXNzZWQuIEluZm8gYnV0dG9uIHdpbGwgb25seSBiZSB2aXNpYmxlIHdoZW4gdGhpcyBwcm9wIGlzIHBhc3NlZC5cbiAgICovXG4gIG9uSW5mb0J1dHRvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgdG9uZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBsYWJlbFxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGhpbnQgdGV4dC4gV2lsbCBvbmx5IGdldCByZW5kZXJlZCB3aGVuIGhpbnQgaXMgcGFzc2VkIGFzIHdlbGwuXG4gICAqL1xuICBoaW50SWNvbj86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbiAgLyoqXG4gICAqIEJhZGdlIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGxhYmVsLiBNaWdodCBiZSB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBhYm91dCB0aGUgY29udGVudCBvZiB0aGUgZmllbGQgKEUuZyB2ZXJpZmllZCBlbWFpbClcbiAgICovXG4gIGJhZGdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSW5kaWNhdGVzIGlmIHRoZSBsYWJlbGVkIGZpZWxkIGlzIHJlcXVpcmVkIGluIGEgZm9ybVxuICAgKi9cbiAgaGFzUmVxdWlyZWRJbmRpY2F0b3I/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIGZvciBIVE1MIGF0dHJpYnV0ZSwgdXNlZCB0byByZWZlcmVuY2UgZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBpZCBvciBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGlkIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgbGFiZWwuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCAzXG4gICAgfCA0XG4gICAgfCA1XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuLypcbiAgVGhpcyBpcyBuZWVkZWQgdG8gZGVhbCB3aXRoIGV2ZXJ5IEZpZWxkTGFiZWwgcm93IHZlcnRpY2FsIHNwYWNpbmdcbiAgd2hlbiBwcm92aWRlZCBgaGludGAgb3IgYGRlc2NyaXB0aW9uYCBpcyBhIFJlYWN0IGNvbXBvbmVudCB3aGljaFxuICBtaWdodCByZW5kZXIgbm90aGluZy5cbiAgUHJldmlvdXNseSB3ZSB3ZXJlIHVzaW5nIHRoZSBgU3RhY2tgIGNvbXBvbmVudCBidXQsIGFzIHdlIGFyZSB3cmFwcGluZ1xuICB0aG9zZSBwcm9wcyB2YWx1ZXMgd2l0aCBzb21lIGVsZW1lbnRzLCBgU3RhY2tgIHdhcyBpbmNsdWRpbmcgc29tZSB2ZXJ0aWNhbFxuICBzcGFjaW5nIGV2ZW4gd2hlbiB0aGUgcmVjZWl2ZWQgdmFsdWVzIGRpZCBub3QgcmVuZGVyIGFueXRoaW5nLlxuXG4gIFRoZSBpbXBsZW1lbnRhdGlvbiBpcyB0aWdodGx5IGNvdXBsZWQgdG8gaG93IHdlIGN1cnJlbnRseSB3cmFwXG4gIHRob3NlIHByb3BzLCBzbyBpZiB3ZSBjaGFuZ2UgdGhhdCwgd2Ugd2lsbCBuZWVkIHRvIGFkanVzdCB0aGlzIGFzIHdlbGwuXG4qL1xuY29uc3QgTGFiZWxSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddLFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddIHtcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9ICFpbXBvcnRhbnQ7XG4gIH1cbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddOmVtcHR5LFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddOmVtcHR5IHtcbiAgICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSAoe1xuICBob3Jpem9udGFsQ29uc3RyYWludCA9ICdzY2FsZScsXG4gIC4uLnByb3BzXG59OiBURmllbGRMYWJlbFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5oaW50SWNvbikge1xuICAgIHdhcm5pbmcoXG4gICAgICBwcm9wcy5oaW50SWNvbi5wcm9wcy5zaXplID09PSB1bmRlZmluZWQsXG4gICAgICAndWkta2l0L0ZpZWxkTGFiZWw6IHNldHRpbmcgYGhpbnRJY29uYCBzaXplIGlzIG5vdCBzdXBwb3J0ZWQuJ1xuICAgICk7XG5cbiAgICB3YXJuaW5nKFxuICAgICAgQm9vbGVhbihwcm9wcy5oaW50KSxcbiAgICAgICd1aS1raXQvRmllbGRMYWJlbDogYGhpbnRgIGlzIHJlcXVpcmVkIHdoZW4gYGhpbnRJY29uYCBpcyBwcm92aWRlZCdcbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q29uc3RyYWludHMuSG9yaXpvbnRhbCBtYXg9e2hvcml6b250YWxDb25zdHJhaW50fT5cbiAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz17J2NlbnRlcid9IHNjYWxlPVwieHNcIj5cbiAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPXtwcm9wcy5oYXNSZXF1aXJlZEluZGljYXRvcn1cbiAgICAgICAgICAgIHRvbmU9e3Byb3BzLnRvbmV9XG4gICAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgICBodG1sRm9yPXtwcm9wcy5odG1sRm9yfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtwcm9wcy50aXRsZX1cbiAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8L1RleHQuV3JhcD5cbiAgICAgICAge3Byb3BzLm9uSW5mb0J1dHRvbkNsaWNrICYmIChcbiAgICAgICAgICA8U2Vjb25kYXJ5SWNvbkJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9XCJNb3JlIEluZm9cIlxuICAgICAgICAgICAgaWNvbj17PEluZm9JY29uIC8+fVxuICAgICAgICAgICAgc2l6ZT1cIjIwXCJcbiAgICAgICAgICAgIGNvbG9yPVwiaW5mb1wiXG4gICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkluZm9CdXR0b25DbGlja31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9JbmxpbmU+XG4gICAgICB7cHJvcHMuaGludCAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPXsnY2VudGVyJ30gc2NhbGU9XCJ4c1wiPlxuICAgICAgICAgICAge3Byb3BzLmhpbnRJY29uICYmIChcbiAgICAgICAgICAgICAgPElubGluZSBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaGludEljb24sIHtcbiAgICAgICAgICAgICAgICAgIHNpemU6ICczMCcsXG4gICAgICAgICAgICAgICAgICBjb2xvcjogcHJvcHMuaGludEljb24ucHJvcHMuY29sb3IgfHwgJ3dhcm5pbmcnLFxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7cHJvcHMuaGludCAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCIgZGF0YS1rZXk9XCJmaWVsZC1sYWJlbC1oaW50LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICB7cHJvcHMuaGludH1cbiAgICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvTGFiZWxSb3dXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIHtwcm9wcy5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbFxuICAgICAgICAgICAgICB0b25lPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgZGF0YS1rZXk9XCJmaWVsZC1sYWJlbC1kZXNjcmlwdGlvbi13cmFwcGVyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICA8L1RleHQuV3JhcD5cbiAgICAgICAgPC9MYWJlbFJvd1dyYXBwZXI+XG4gICAgICApfVxuICAgICAge3Byb3BzLmJhZGdlICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtwcm9wcy5iYWRnZX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgKTtcbn07XG5cbkZpZWxkTGFiZWwuZGlzcGxheU5hbWUgPSAnRmllbGRMYWJlbCc7XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkTGFiZWw7XG4iXX0= */"));
var _ref = process.env.NODE_ENV === "production" ? {
  name: "skgbeu",
  styles: "display:flex;justify-content:flex-end"
} : {
  name: "pfzph7-FieldLabel",
  styles: "display:flex;justify-content:flex-end;label:FieldLabel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvTGtCIiwiZmlsZSI6ImZpZWxkLWxhYmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNsb25lRWxlbWVudCxcbiAgTW91c2VFdmVudCxcbiAgS2V5Ym9hcmRFdmVudCxcbiAgUmVhY3RFbGVtZW50LFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2Vjb25kYXJ5SWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSW5mb0ljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBDb25zdHJhaW50cyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jb25zdHJhaW50cyc7XG5pbXBvcnQgSW5saW5lIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzLWlubGluZSc7XG5pbXBvcnQgTGFiZWwgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvbGFiZWwnO1xuaW1wb3J0IHtcbiAgZGVzaWduVG9rZW5zLFxuICB0eXBlIFRJY29uUHJvcHMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5leHBvcnQgdHlwZSBURmllbGRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIGxhYmVsXG4gICAqL1xuICB0aXRsZTogc3RyaW5nIHwgUmVhY3ROb2RlO1xuICAvKipcbiAgICogSGludCBmb3IgdGhlIGxhYmVsLiBQcm92aWRlcyBhIHN1cHBsZW1lbnRhcnkgYnV0IGltcG9ydGFudCBpbmZvcm1hdGlvbiByZWdhcmRpbmcgdGhlIGJlaGF2aW91ciBvZiB0aGUgaW5wdXQgKGUuZyB3YXJuIGFib3V0IHVuaXF1ZW5lc3Mgb2YgYSBmaWVsZCwgd2hlbiBpdCBjYW4gb25seSBiZSBzZXQgb25jZSksIHdoZXJlYXMgZGVzY3JpcHRpb24gY2FuIGRlc2NyaWJlIGl0IGluIG1vcmUgZGVwdGguIENhbiBhbHNvIHJlY2VpdmUgYSBoaW50SWNvbi5cbiAgICovXG4gIGhpbnQ/OiBzdHJpbmcgfCBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIGRlc2NyaXB0aW9uIGZvciB0aGUgdGl0bGUuXG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIGluZm8gYnV0dG9uIGlzIHByZXNzZWQuIEluZm8gYnV0dG9uIHdpbGwgb25seSBiZSB2aXNpYmxlIHdoZW4gdGhpcyBwcm9wIGlzIHBhc3NlZC5cbiAgICovXG4gIG9uSW5mb0J1dHRvbkNsaWNrPzogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGUgdG9uZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBsYWJlbFxuICAgKi9cbiAgdG9uZT86ICdwcmltYXJ5JyB8ICdpbnZlcnRlZCc7XG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGhpbnQgdGV4dC4gV2lsbCBvbmx5IGdldCByZW5kZXJlZCB3aGVuIGhpbnQgaXMgcGFzc2VkIGFzIHdlbGwuXG4gICAqL1xuICBoaW50SWNvbj86IFJlYWN0RWxlbWVudDxUSWNvblByb3BzPjtcbiAgLyoqXG4gICAqIEJhZGdlIHRvIGJlIGRpc3BsYXllZCBiZXNpZGUgdGhlIGxhYmVsLiBNaWdodCBiZSB1c2VkIHRvIGRpc3BsYXkgYWRkaXRpb25hbCBpbmZvcm1hdGlvbiBhYm91dCB0aGUgY29udGVudCBvZiB0aGUgZmllbGQgKEUuZyB2ZXJpZmllZCBlbWFpbClcbiAgICovXG4gIGJhZGdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogSW5kaWNhdGVzIGlmIHRoZSBsYWJlbGVkIGZpZWxkIGlzIHJlcXVpcmVkIGluIGEgZm9ybVxuICAgKi9cbiAgaGFzUmVxdWlyZWRJbmRpY2F0b3I/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIGZvciBIVE1MIGF0dHJpYnV0ZSwgdXNlZCB0byByZWZlcmVuY2UgZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBpZCBvciBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGlkIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBhcmlhLWxhYmVsbGVkYnkuXG4gICAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqXG4gICAqIEhvcml6b250YWwgc2l6ZSBsaW1pdCBvZiB0aGUgbGFiZWwuXG4gICAqL1xuICBob3Jpem9udGFsQ29uc3RyYWludD86XG4gICAgfCAzXG4gICAgfCA0XG4gICAgfCA1XG4gICAgfCA2XG4gICAgfCA3XG4gICAgfCA4XG4gICAgfCA5XG4gICAgfCAxMFxuICAgIHwgMTFcbiAgICB8IDEyXG4gICAgfCAxM1xuICAgIHwgMTRcbiAgICB8IDE1XG4gICAgfCAxNlxuICAgIHwgJ3NjYWxlJ1xuICAgIHwgJ2F1dG8nO1xufTtcblxuLypcbiAgVGhpcyBpcyBuZWVkZWQgdG8gZGVhbCB3aXRoIGV2ZXJ5IEZpZWxkTGFiZWwgcm93IHZlcnRpY2FsIHNwYWNpbmdcbiAgd2hlbiBwcm92aWRlZCBgaGludGAgb3IgYGRlc2NyaXB0aW9uYCBpcyBhIFJlYWN0IGNvbXBvbmVudCB3aGljaFxuICBtaWdodCByZW5kZXIgbm90aGluZy5cbiAgUHJldmlvdXNseSB3ZSB3ZXJlIHVzaW5nIHRoZSBgU3RhY2tgIGNvbXBvbmVudCBidXQsIGFzIHdlIGFyZSB3cmFwcGluZ1xuICB0aG9zZSBwcm9wcyB2YWx1ZXMgd2l0aCBzb21lIGVsZW1lbnRzLCBgU3RhY2tgIHdhcyBpbmNsdWRpbmcgc29tZSB2ZXJ0aWNhbFxuICBzcGFjaW5nIGV2ZW4gd2hlbiB0aGUgcmVjZWl2ZWQgdmFsdWVzIGRpZCBub3QgcmVuZGVyIGFueXRoaW5nLlxuXG4gIFRoZSBpbXBsZW1lbnRhdGlvbiBpcyB0aWdodGx5IGNvdXBsZWQgdG8gaG93IHdlIGN1cnJlbnRseSB3cmFwXG4gIHRob3NlIHByb3BzLCBzbyBpZiB3ZSBjaGFuZ2UgdGhhdCwgd2Ugd2lsbCBuZWVkIHRvIGFkanVzdCB0aGlzIGFzIHdlbGwuXG4qL1xuY29uc3QgTGFiZWxSb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddLFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddIHtcbiAgICBtYXJnaW4tdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9ICFpbXBvcnRhbnQ7XG4gIH1cbiAgJiBbZGF0YS1rZXk9J2ZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlciddOmVtcHR5LFxuICAmIFtkYXRhLWtleT0nZmllbGQtbGFiZWwtZGVzY3JpcHRpb24td3JhcHBlciddOmVtcHR5IHtcbiAgICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IEZpZWxkTGFiZWwgPSAoe1xuICBob3Jpem9udGFsQ29uc3RyYWludCA9ICdzY2FsZScsXG4gIC4uLnByb3BzXG59OiBURmllbGRMYWJlbFByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5oaW50SWNvbikge1xuICAgIHdhcm5pbmcoXG4gICAgICBwcm9wcy5oaW50SWNvbi5wcm9wcy5zaXplID09PSB1bmRlZmluZWQsXG4gICAgICAndWkta2l0L0ZpZWxkTGFiZWw6IHNldHRpbmcgYGhpbnRJY29uYCBzaXplIGlzIG5vdCBzdXBwb3J0ZWQuJ1xuICAgICk7XG5cbiAgICB3YXJuaW5nKFxuICAgICAgQm9vbGVhbihwcm9wcy5oaW50KSxcbiAgICAgICd1aS1raXQvRmllbGRMYWJlbDogYGhpbnRgIGlzIHJlcXVpcmVkIHdoZW4gYGhpbnRJY29uYCBpcyBwcm92aWRlZCdcbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q29uc3RyYWludHMuSG9yaXpvbnRhbCBtYXg9e2hvcml6b250YWxDb25zdHJhaW50fT5cbiAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz17J2NlbnRlcid9IHNjYWxlPVwieHNcIj5cbiAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPXtwcm9wcy5oYXNSZXF1aXJlZEluZGljYXRvcn1cbiAgICAgICAgICAgIHRvbmU9e3Byb3BzLnRvbmV9XG4gICAgICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgICAgICBodG1sRm9yPXtwcm9wcy5odG1sRm9yfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtwcm9wcy50aXRsZX1cbiAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8L1RleHQuV3JhcD5cbiAgICAgICAge3Byb3BzLm9uSW5mb0J1dHRvbkNsaWNrICYmIChcbiAgICAgICAgICA8U2Vjb25kYXJ5SWNvbkJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9XCJNb3JlIEluZm9cIlxuICAgICAgICAgICAgaWNvbj17PEluZm9JY29uIC8+fVxuICAgICAgICAgICAgc2l6ZT1cIjIwXCJcbiAgICAgICAgICAgIGNvbG9yPVwiaW5mb1wiXG4gICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkluZm9CdXR0b25DbGlja31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9JbmxpbmU+XG4gICAgICB7cHJvcHMuaGludCAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPXsnY2VudGVyJ30gc2NhbGU9XCJ4c1wiPlxuICAgICAgICAgICAge3Byb3BzLmhpbnRJY29uICYmIChcbiAgICAgICAgICAgICAgPElubGluZSBkYXRhLWtleT1cImZpZWxkLWxhYmVsLWhpbnQtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuaGludEljb24sIHtcbiAgICAgICAgICAgICAgICAgIHNpemU6ICczMCcsXG4gICAgICAgICAgICAgICAgICBjb2xvcjogcHJvcHMuaGludEljb24ucHJvcHMuY29sb3IgfHwgJ3dhcm5pbmcnLFxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7cHJvcHMuaGludCAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCIgZGF0YS1rZXk9XCJmaWVsZC1sYWJlbC1oaW50LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICB7cHJvcHMuaGludH1cbiAgICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvTGFiZWxSb3dXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIHtwcm9wcy5kZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgIDxMYWJlbFJvd1dyYXBwZXI+XG4gICAgICAgICAgPFRleHQuV3JhcD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbFxuICAgICAgICAgICAgICB0b25lPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgZGF0YS1rZXk9XCJmaWVsZC1sYWJlbC1kZXNjcmlwdGlvbi13cmFwcGVyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICA8L1RleHQuV3JhcD5cbiAgICAgICAgPC9MYWJlbFJvd1dyYXBwZXI+XG4gICAgICApfVxuICAgICAge3Byb3BzLmJhZGdlICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtwcm9wcy5iYWRnZX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgIDwvQ29uc3RyYWludHMuSG9yaXpvbnRhbD5cbiAgKTtcbn07XG5cbkZpZWxkTGFiZWwuZGlzcGxheU5hbWUgPSAnRmllbGRMYWJlbCc7XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkTGFiZWw7XG4iXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
const FieldLabel = _ref2 => {
  let _ref2$horizontalConst = _ref2.horizontalConstraint,
    horizontalConstraint = _ref2$horizontalConst === void 0 ? 'scale' : _ref2$horizontalConst,
    props = _objectWithoutProperties(_ref2, _excluded);
  if (props.hintIcon) {
    process.env.NODE_ENV !== "production" ? warning(props.hintIcon.props.size === undefined, 'ui-kit/FieldLabel: setting `hintIcon` size is not supported.') : void 0;
    process.env.NODE_ENV !== "production" ? warning(Boolean(props.hint), 'ui-kit/FieldLabel: `hint` is required when `hintIcon` is provided') : void 0;
  }
  return jsxs(Constraints.Horizontal, {
    max: horizontalConstraint,
    children: [jsxs(Inline, {
      alignItems: 'center',
      scale: "xs",
      children: [jsx(Text.Wrap, {
        children: jsx(Label, {
          isRequiredIndicatorVisible: props.hasRequiredIndicator,
          tone: props.tone,
          id: props.id,
          htmlFor: props.htmlFor,
          children: props.title
        })
      }), props.onInfoButtonClick && jsx(SecondaryIconButton, {
        label: "More Info",
        icon: jsx(InfoIcon, {}),
        size: "20",
        color: "info",
        onClick: props.onInfoButtonClick
      })]
    }), props.hint && jsx(LabelRowWrapper, {
      children: jsxs(Inline, {
        alignItems: 'center',
        scale: "xs",
        children: [props.hintIcon && jsx(Inline, {
          "data-key": "field-label-hint-wrapper",
          children: /*#__PURE__*/cloneElement(props.hintIcon, {
            size: '30',
            color: props.hintIcon.props.color || 'warning'
          })
        }), props.hint && jsx(Text.Detail, {
          tone: "secondary",
          "data-key": "field-label-hint-wrapper",
          children: props.hint
        })]
      })
    }), props.description && jsx(LabelRowWrapper, {
      children: jsx(Text.Wrap, {
        children: jsx(Text.Detail, {
          tone: "secondary",
          "data-key": "field-label-description-wrapper",
          children: props.description
        })
      })
    }), props.badge && jsx("div", {
      css: _ref,
      children: props.badge
    })]
  });
};
FieldLabel.displayName = 'FieldLabel';
var FieldLabel$1 = FieldLabel;

// NOTE: This string will be replaced on build time with the package version.
var version = "20.2.3";

export { FieldLabel$1 as default, version };