@ntbjs/react-components 2.0.14 → 3.0.0-rc.1

package/build/inputs/CompactTextInput/CompactTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactTextInput.js","sources":["../../../src/components/inputs/CompactTextInput/CompactTextInput.js"],"sourcesContent":["import { isEmpty, isFunction } from 'lodash';\nimport { nanoid } from 'nanoid';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useState, useEffect } from 'react';\nimport useTooltipAutoShow from '../../../hooks/useTooltipAutoShow';\nimport { ReactComponent as EditNoteIcon } from '../../../icons/edit-note.svg';\nimport { ReactComponent as LinkIcon } from '../../../icons/link.svg';\nimport { Tooltip, Popover } from '../../data';\nimport * as S from './CompactTextInput.styled';\n\n// const ConditionalWrapper = ({ condition, wrapper, children }) =>\n//   condition ? wrapper(children) : children;\n\n/**\n * Compact text inputs let users enter and edit text in the UI in a compact way. They typically appear in forms or displays of metadata.\n *\n * ### Import\n *\n * ``` js\n * import { CompactTextInput } from '@ntbjs/react-components/inputs'\n * // or\n * import CompactTextInput from '@ntbjs/react-components/inputs/CompactTextInput'\n * ```\n */\nconst CompactTextInput = React.forwardRef(function CompactTextInput(\n  {\n    label,\n    inputType,\n    name,\n    defaultValue,\n    value,\n    placeholder,\n    link,\n    linkTarget,\n    linkHandler,\n    activeLinkHandler,\n    autoSelect,\n    readOnly,\n    disabled,\n    edit,\n    type,\n    descriptionToolTip,\n    bold,\n    hidden,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    loadingIcon,\n    successIcon,\n    ...props\n  },\n  forwardedRef\n) {\n  const [uniqueId] = useState(nanoid());\n  const [currentValue, setCurrentValue] = useState();\n  const [autoFocus, setAutoFocus] = useState(false);\n\n  const { toolTipDisabled, toolTipVisible, toolTipOnMouseLeave, toolTipContent } =\n    useTooltipAutoShow(descriptionToolTip);\n\n  useEffect(() => {\n    setCurrentValue(value || defaultValue);\n    setAutoFocus(false);\n  }, [value, defaultValue]);\n\n  const onChange = useCallback(\n    event => {\n      setCurrentValue(event.target.value);\n\n      if (!autoFocus) {\n        setAutoFocus(true);\n      }\n      if (isFunction(onChangeProp)) {\n        onChangeProp(event);\n      }\n    },\n    [onChangeProp]\n  );\n\n  const onFocus = useCallback(\n    event => {\n      if (autoSelect) {\n        event.target.select();\n      }\n\n      if (isFunction(onFocusProp)) {\n        onFocusProp(event);\n      }\n    },\n    [autoSelect, readOnly, onFocusProp]\n  );\n\n  const onBlur = useCallback(\n    event => {\n      if (isFunction(onBlurProp)) {\n        onBlurProp(event);\n      }\n    },\n    [onBlurProp]\n  );\n\n  const input = () => {\n    return (\n      <S.Input\n        ref={forwardedRef}\n        id={uniqueId}\n        key={uniqueId}\n        autoFocus={autoFocus}\n        inputtype={inputType}\n        name={name}\n        readOnly={readOnly}\n        disabled={disabled}\n        $edit={edit}\n        placeholder={placeholder}\n        defaultValue={defaultValue}\n        value={value ?? ''}\n        $type={type}\n        $bold={bold}\n        $haslink={!isEmpty(link)}\n        onFocus={onFocus}\n        onChange={onChange}\n        onBlur={onBlur}\n      />\n    );\n  };\n\n  if (hidden) return null;\n\n  return (\n    <S.CompactTextInput {...props}>\n      {label && (\n        <S.Label htmlFor={uniqueId} disabled={disabled}>\n          {label}\n          <S.SuccessContainer>\n            {type === 'loading' && loadingIcon}\n            {type === 'success' && successIcon}\n          </S.SuccessContainer>\n        </S.Label>\n      )}\n      <S.InputContainer $hasLabel={!isEmpty(label)}>\n        {!link && (\n          <div onMouseLeave={toolTipOnMouseLeave}>\n            <Tooltip\n              content={toolTipContent}\n              key=\"tooltip1\"\n              placement=\"bottom-end\"\n              trigger={'mouseenter'}\n              disabled={toolTipDisabled}\n              zIndex={999999}\n              visible={toolTipVisible}\n            >\n              {input()}\n            </Tooltip>\n          </div>\n        )}\n        {link && !readOnly && (\n          <div>\n            <Popover\n              arrow={false}\n              content={\n                <S.LinkPopoverContainer>\n                  {activeLinkHandler ? (\n                    <S.StyledLink\n                      href={link}\n                      target={linkTarget}\n                      onClick={e => {\n                        if (activeLinkHandler) {\n                          e.preventDefault();\n                          linkHandler();\n                        } else null;\n                      }}\n                      rel=\"noreferrer\"\n                    >\n                      <LinkIcon />\n                      {currentValue}\n                    </S.StyledLink>\n                  ) : (\n                    <S.StyledLink href={link} target={linkTarget} rel=\"noreferrer\">\n                      <LinkIcon />\n                      {currentValue}\n                    </S.StyledLink>\n                  )}\n                </S.LinkPopoverContainer>\n              }\n              key=\"tooltip2\"\n              placement=\"bottom-start\"\n              trigger=\"focusin\"\n              zIndex={999999}\n              interactive={true}\n            >\n              {input()}\n            </Popover>\n          </div>\n        )}\n        {link && readOnly && (\n          <S.ReadOnlyLinkContainer>\n            <S.StyledLink\n              href={link}\n              rel=\"noreferrer\"\n              style={{ display: 'inline-block' }}\n              target={linkTarget}\n            >\n              {currentValue}\n            </S.StyledLink>\n          </S.ReadOnlyLinkContainer>\n        )}\n        {!readOnly && !disabled && (\n          <>\n            <S.InputIconContainer $type={type}>\n              <EditNoteIcon />\n            </S.InputIconContainer>\n            {isEmpty(label) && (\n              <S.InputSuccessContainer>\n                {type === 'loading' && loadingIcon}\n                {type === 'success' && successIcon}\n              </S.InputSuccessContainer>\n            )}\n          </>\n        )}\n      </S.InputContainer>\n    </S.CompactTextInput>\n  );\n});\n\nCompactTextInput.propTypes = {\n  /**\n   * The label of the input field - leave `undefined` to hide the label\n   */\n  label: PropTypes.string,\n  /**\n   * Displays a light green background to show that an action was successful.\n   */\n  success: PropTypes.bool,\n  /**\n   * The input type - eg. `text`, `number`\n   */\n  inputType: PropTypes.string,\n  /**\n   * The input name\n   */\n  name: PropTypes.string,\n  /**\n   * The default value of the input - creates an uncontrolled input\n   */\n  defaultValue: PropTypes.string,\n  /**\n   * The value of the input - creates a controlled input\n   */\n  value: PropTypes.string,\n  /**\n   * The placeholder of the input\n   */\n  placeholder: PropTypes.string,\n  /**\n   * A URL associated with the input value. Creates a clickable link that accepts full or relative URL\n   */\n  link: PropTypes.string,\n  /**\n   * The target for the link. Only applies when the field is in read-only mode\n   */\n  linkTarget: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  /**\n   * Whether the link has a onClick event.\n   */\n  linkHandler: PropTypes.func,\n  /**\n   * Whether the handler should preceed the link behavior.\n   */\n  activeLinkHandler: PropTypes.bool,\n  /**\n   * Whether to auto select the entire value when the input is focused – does also work when the field is in read-only mode\n   */\n  autoSelect: PropTypes.bool,\n  /**\n   * Whether the value is read only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the value is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Displays a grey background to show that value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * There is an error present - 'error be prioritized over warnings if both are set to 'true'.\n   */\n  // error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  /**\n   * There is a warning present.\n   */\n  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  /**\n   * Whether to bold the input content - Slightly increases the font size and font weight of the input value\n   */\n  bold: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Callback for `onChange`\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback for `onFocus`\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback for `onBlur`\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Define the type based on error, warning, loading and success.\n   */\n  type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),\n  /**\n   * Description ToolTip text.\n   */\n  descriptionToolTip: PropTypes.string,\n  /**\n   * Icon element – E.g: `icon={<Spinner />}`\n   */\n  loadingIcon: PropTypes.element,\n  /**\n   * Icon element – E.g: `icon={<Check />}`\n   */\n  successIcon: PropTypes.element\n};\n\nCompactTextInput.defaultProps = {\n  inputType: 'text',\n  autoSelect: true,\n  linkTarget: '_self',\n  bold: false,\n  readOnly: false,\n  descriptionToolTip: '',\n  edit: false,\n  hidden: false,\n  type: '',\n  linkHandler: () => {},\n  activeLinkHandler: false,\n  onChange: () => {}\n};\n\nexport default CompactTextInput;\n"],"names":["CompactTextInput","React","forwardRef","label","inputType","name","defaultValue","value","placeholder","link","linkTarget","linkHandler","activeLinkHandler","autoSelect","readOnly","disabled","edit","type","descriptionToolTip","bold","hidden","onChange","onChangeProp","onFocus","onFocusProp","onBlur","onBlurProp","loadingIcon","successIcon","props","forwardedRef","uniqueId","useState","nanoid","currentValue","setCurrentValue","autoFocus","setAutoFocus","toolTipDisabled","toolTipVisible","toolTipOnMouseLeave","toolTipContent","useTooltipAutoShow","useEffect","useCallback","event","target","isFunction","select","input","createElement","S","ref","id","key","inputtype","$edit","$type","$bold","$haslink","isEmpty","htmlFor","$hasLabel","onMouseLeave","Tooltip","content","placement","trigger","zIndex","visible","Popover","arrow","href","onClick","e","preventDefault","rel","LinkIcon","interactive","style","display","Fragment","EditNoteIcon","propTypes","process","env","NODE_ENV","PropTypes","string","success","bool","oneOf","func","warning","oneOfType","element","defaultProps"],"mappings":"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"}
+{"version":3,"file":"CompactTextInput.js","sources":["../../../src/components/inputs/CompactTextInput/CompactTextInput.tsx"],"sourcesContent":["import { isEmpty, isFunction } from 'lodash';\nimport { nanoid } from 'nanoid';\nimport React, { useCallback, useState, useEffect } from 'react';\nimport useTooltipAutoShow from '../../../hooks/useTooltipAutoShow';\nimport { ReactComponent as EditNoteIcon } from '../../../icons/edit-note.svg';\nimport { ReactComponent as LinkIcon } from '../../../icons/link.svg';\nimport { Tooltip, Popover } from '../../data';\nimport * as S from './CompactTextInput.styled';\n\nconst NOOP = () => {};\n\ntype CompactTextInputOwnProps = {\n  /**\n   * The label of the input field - leave `undefined` to hide the label\n   */\n  label?: string;\n  /**\n   * Displays a light green background to show that an action was successful.\n   */\n  success?: boolean;\n  /**\n   * The input type - eg. `text`, `number`\n   */\n  inputType?: string;\n  /**\n   * The input name\n   */\n  name?: string;\n  /**\n   * The default value of the input - creates an uncontrolled input\n   */\n  defaultValue?: string;\n  /**\n   * The value of the input - creates a controlled input\n   */\n  value?: string;\n  /**\n   * The placeholder of the input\n   */\n  placeholder?: string;\n  /**\n   * A URL associated with the input value. Creates a clickable link that accepts full or relative URL\n   */\n  link?: string;\n  /**\n   * The target for the link. Only applies when the field is in read-only mode\n   */\n  linkTarget?: '_self' | '_blank' | '_parent' | '_top';\n  /**\n   * Whether the link has a onClick event.\n   */\n  linkHandler?: (...args: any[]) => any;\n  /**\n   * Whether the handler should preceed the link behavior.\n   */\n  activeLinkHandler?: boolean;\n  /**\n   * Whether to auto select the entire value when the input is focused – does also work when the field is in read-only mode\n   */\n  autoSelect?: boolean;\n  /**\n   * Whether the value is read only\n   */\n  readOnly?: boolean;\n  /**\n   * Whether the value is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Displays a grey background to show that value is editable\n   */\n  edit?: boolean;\n  /**\n   * There is a warning present.\n   */\n  warning?: boolean | string;\n  /**\n   * Whether to bold the input content - Slightly increases the font size and font weight of the input value\n   */\n  bold?: boolean;\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden?: boolean;\n  /**\n   * Callback for `onChange`\n   */\n  onChange?: (...args: any[]) => any;\n  /**\n   * Callback for `onFocus`\n   */\n  onFocus?: (...args: any[]) => any;\n  /**\n   * Callback for `onBlur`\n   */\n  onBlur?: (...args: any[]) => any;\n  /**\n   * Define the type based on error, warning, loading and success.\n   */\n  type?: '' | 'error' | 'warning' | 'loading' | 'success';\n  /**\n   * Description ToolTip text.\n   */\n  descriptionToolTip?: string;\n  /**\n   * Icon element – E.g: `icon={<Spinner />}`\n   */\n  loadingIcon?: React.ReactElement<any>;\n  /**\n   * Icon element – E.g: `icon={<Check />}`\n   */\n  successIcon?: React.ReactElement<any>;\n};\n\n/*\n * NMB-3998 §C.2: `props` is spread onto `S.CompactTextInput`, so the published type\n * has to admit that target's props too — a closed type here is worse than `any` for the\n * 125 consumer files. Declared members win over the base (`Omit` by `keyof CompactTextInputOwnProps`);\n * a bare `&` would INTERSECT a colliding member instead of overriding it, which narrows\n * it (measured: `rows?: number | string` & `rows?: number`) or empties it to `never`.\n */\ntype CompactTextInputProps = Omit<\n  React.ComponentPropsWithoutRef<typeof S.CompactTextInput>,\n  keyof CompactTextInputOwnProps\n> &\n  CompactTextInputOwnProps;\n\n// const ConditionalWrapper = ({ condition, wrapper, children }) =>\n//   condition ? wrapper(children) : children;\n\n/**\n * Compact text inputs let users enter and edit text in the UI in a compact way. They typically appear in forms or displays of metadata.\n *\n * ### Import\n *\n * ``` js\n * import { CompactTextInput } from '@ntbjs/react-components/inputs'\n * // or\n * import CompactTextInput from '@ntbjs/react-components/inputs/CompactTextInput'\n * ```\n */\nconst CompactTextInput = React.forwardRef<any, CompactTextInputProps>(function CompactTextInput(\n  {\n    label,\n    inputType = 'text',\n    name,\n    defaultValue,\n    value,\n    placeholder,\n    link,\n    linkTarget = '_self',\n    linkHandler = NOOP,\n    activeLinkHandler = false,\n    autoSelect = true,\n    readOnly = false,\n    disabled,\n    edit = false,\n    type = '',\n    descriptionToolTip = '',\n    bold = false,\n    hidden = false,\n    onChange: onChangeProp = NOOP,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    loadingIcon,\n    successIcon,\n    ...props\n  },\n  forwardedRef\n) {\n  const [uniqueId] = useState(nanoid());\n  /*\n   * NMB-3998: `useState()` with no argument infers `undefined`, so its setter is typed\n   * `(prevState: undefined) => undefined` and rejects the string this component actually\n   * stores — TS2345. The generic records what is assigned (`value || defaultValue`, both\n   * `string`) while KEEPING the initial value `undefined`, so this is type-only: no\n   * argument is added and the first render is unchanged. `useState('')` would have been a\n   * behavioural change.\n   */\n  const [currentValue, setCurrentValue] = useState<string | undefined>();\n  const [autoFocus, setAutoFocus] = useState(false);\n\n  const { toolTipDisabled, toolTipVisible, toolTipOnMouseLeave, toolTipContent } =\n    useTooltipAutoShow(descriptionToolTip);\n\n  useEffect(() => {\n    setCurrentValue(value || defaultValue);\n    setAutoFocus(false);\n  }, [value, defaultValue]);\n\n  const onChange = useCallback(\n    event => {\n      setCurrentValue(event.target.value);\n\n      if (!autoFocus) {\n        setAutoFocus(true);\n      }\n      if (isFunction(onChangeProp)) {\n        onChangeProp(event);\n      }\n    },\n    [onChangeProp]\n  );\n\n  const onFocus = useCallback(\n    event => {\n      if (autoSelect) {\n        event.target.select();\n      }\n\n      if (isFunction(onFocusProp)) {\n        onFocusProp(event);\n      }\n    },\n    [autoSelect, readOnly, onFocusProp]\n  );\n\n  const onBlur = useCallback(\n    event => {\n      if (isFunction(onBlurProp)) {\n        onBlurProp(event);\n      }\n    },\n    [onBlurProp]\n  );\n\n  const input = () => {\n    return (\n      <S.Input\n        ref={forwardedRef}\n        id={uniqueId}\n        key={uniqueId}\n        autoFocus={autoFocus}\n        $inputType={inputType}\n        name={name}\n        readOnly={readOnly}\n        disabled={disabled}\n        $edit={edit}\n        placeholder={placeholder}\n        defaultValue={defaultValue}\n        value={value ?? ''}\n        $type={type}\n        $bold={bold}\n        $haslink={!isEmpty(link)}\n        onFocus={onFocus}\n        onChange={onChange}\n        onBlur={onBlur}\n      />\n    );\n  };\n\n  if (hidden) return null;\n\n  return (\n    <S.CompactTextInput {...props}>\n      {label && (\n        <S.Label htmlFor={uniqueId} $disabled={disabled}>\n          {label}\n          <S.SuccessContainer>\n            {type === 'loading' && loadingIcon}\n            {type === 'success' && successIcon}\n          </S.SuccessContainer>\n        </S.Label>\n      )}\n      <S.InputContainer $hasLabel={!isEmpty(label)}>\n        {!link && (\n          <div onMouseLeave={toolTipOnMouseLeave}>\n            <Tooltip\n              content={toolTipContent}\n              key=\"tooltip1\"\n              placement=\"bottom-end\"\n              trigger={'mouseenter'}\n              disabled={toolTipDisabled}\n              zIndex={999999}\n              visible={toolTipVisible}\n            >\n              {input()}\n            </Tooltip>\n          </div>\n        )}\n        {link && !readOnly && (\n          <div>\n            <Popover\n              arrow={false}\n              content={\n                <S.LinkPopoverContainer>\n                  {activeLinkHandler ? (\n                    <S.StyledLink\n                      href={link}\n                      target={linkTarget}\n                      onClick={e => {\n                        if (activeLinkHandler) {\n                          e.preventDefault();\n                          linkHandler();\n                        } else null;\n                      }}\n                      rel=\"noreferrer\"\n                    >\n                      <LinkIcon />\n                      {currentValue}\n                    </S.StyledLink>\n                  ) : (\n                    <S.StyledLink href={link} target={linkTarget} rel=\"noreferrer\">\n                      <LinkIcon />\n                      {currentValue}\n                    </S.StyledLink>\n                  )}\n                </S.LinkPopoverContainer>\n              }\n              key=\"tooltip2\"\n              placement=\"bottom-start\"\n              trigger=\"focusin\"\n              zIndex={999999}\n              interactive={true}\n            >\n              {input()}\n            </Popover>\n          </div>\n        )}\n        {link && readOnly && (\n          <S.ReadOnlyLinkContainer>\n            <S.StyledLink\n              href={link}\n              rel=\"noreferrer\"\n              style={{ display: 'inline-block' }}\n              target={linkTarget}\n            >\n              {currentValue}\n            </S.StyledLink>\n          </S.ReadOnlyLinkContainer>\n        )}\n        {!readOnly && !disabled && (\n          <>\n            <S.InputIconContainer $type={type}>\n              <EditNoteIcon />\n            </S.InputIconContainer>\n            {isEmpty(label) && (\n              <S.InputSuccessContainer>\n                {type === 'loading' && loadingIcon}\n                {type === 'success' && successIcon}\n              </S.InputSuccessContainer>\n            )}\n          </>\n        )}\n      </S.InputContainer>\n    </S.CompactTextInput>\n  );\n});\n\nexport default CompactTextInput;\n"],"names":["NOOP","CompactTextInput","React","forwardRef","label","inputType","name","defaultValue","value","placeholder","link","linkTarget","linkHandler","activeLinkHandler","autoSelect","readOnly","disabled","edit","type","descriptionToolTip","bold","hidden","onChange","onChangeProp","onFocus","onFocusProp","onBlur","onBlurProp","loadingIcon","successIcon","props","forwardedRef","uniqueId","useState","nanoid","currentValue","setCurrentValue","autoFocus","setAutoFocus","toolTipDisabled","toolTipVisible","toolTipOnMouseLeave","toolTipContent","useTooltipAutoShow","useEffect","useCallback","event","target","isFunction","select","input","_jsx","S","ref","id","$inputType","$edit","$type","$bold","$haslink","isEmpty","_jsxs","children","htmlFor","$disabled","$hasLabel","onMouseLeave","Tooltip","content","placement","trigger","zIndex","visible","Popover","arrow","href","onClick","e","preventDefault","rel","LinkIcon","interactive","style","display","_Fragment","EditNoteIcon"],"mappings":"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"}

package/build/inputs/CompactTextInput/CompactTextInput.styled.js

@@ -1,179 +1,65 @@
 import styled, { css } from 'styled-components';
 import { applyDefaultTheme } from '../../utils/defaultTheme.js';
 
-const linkColor = css`
-  ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}
-  ${props => !props.disabled && css`
-      &:hover {
-        text-decoration: underline;
-      }
-    `}
-`;
-const commonAnchorTagStyle = css`
-  a,
-  && {
-    font-size: 0.875rem;
-    text-decoration: none;
-  }
-`;
-const readOnlyBackground = css`
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
-`;
+const linkColor = css(["", " ", ""], props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500')), props => !props.disabled && css(["&:hover{text-decoration:underline;}"]));
+const commonAnchorTagStyle = css(["a,&&{font-size:0.875rem;text-decoration:none;}"]);
+const readOnlyBackground = css(["", ""], props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white')));
 const shouldForwardProp = prop => {
   return prop !== 'theme' && !prop.startsWith('$');
 };
 const CompactTextInput = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  height: 24px;
-  font-family: ${props => props.theme.primaryFontFamily};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__CompactTextInput",
+  componentId: "sc-1v2ckml-0"
+})(["display:flex;align-items:center;height:24px;font-family:", ";"], props => props.theme.primaryFontFamily);
 const Label = styled.label.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
-  flex-basis: 33.33%;
-  font-size: 0.875rem;
-  line-height: 1rem;
-  justify-content: space-between;
-  height: 19px;
-  display: flex;
-  align-items: center;
-  ${props => props.disabled && css`
-      opacity: 0.5;
-      cursor: not-allowed;
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__Label",
+  componentId: "sc-1v2ckml-1"
+})(["", ";flex-basis:33.33%;font-size:0.875rem;line-height:1rem;justify-content:space-between;height:19px;display:flex;align-items:center;", ""], props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')), props => props.$disabled && css(["opacity:0.5;cursor:not-allowed;"]));
 const InputContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: relative;
-  height: 19px;
-  flex-basis: ${props => props.$hasLabel ? '66.66%' : '100%'};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__InputContainer",
+  componentId: "sc-1v2ckml-2"
+})(["position:relative;height:19px;flex-basis:", ";"], props => props.$hasLabel ? '66.66%' : '100%');
 const SuccessContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  opacity: 1;
-  pointer-events: none;
-  display: flex;
-  transition: opacity 0.5s ease-in-out;
-  margin-right: 5px;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))}
-  > svg {
-    width: 13px;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__SuccessContainer",
+  componentId: "sc-1v2ckml-3"
+})(["opacity:1;pointer-events:none;display:flex;transition:opacity 0.5s ease-in-out;margin-right:5px;", " > svg{width:13px;}"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
 const InputSuccessContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  opacity: 1;
-  pointer-events: none;
-  display: flex;
-  justify-content: flex-end;
-  transition: opacity 0.5s ease-in-out;
-  position: relative;
-  margin-top: -20px;
-  margin-right: 8px;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))}
-  > svg {
-    width: 13px;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__InputSuccessContainer",
+  componentId: "sc-1v2ckml-4"
+})(["opacity:1;pointer-events:none;display:flex;justify-content:flex-end;transition:opacity 0.5s ease-in-out;position:relative;margin-top:-20px;margin-right:8px;", " > svg{width:13px;}"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
 const InputIconContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  opacity: 0;
-  pointer-events: none;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  padding: 5px 10px 0 0;
-  transition: opacity 250ms;
-  ${props => props.theme.themeProp('background', css`
-        linear-gradient(-90deg,
-        ${props => props.$type === 'error' ? '#901d1d' : props.$type === 'warning' ? '#816600' : props.theme.getColor('gray-700')} 55%,
-        transparent)
-      `, css`
-        linear-gradient(-90deg,
-        ${props => props.$type === 'error' ? '#f7d5d0' : props.$type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100')} 55%,
-        transparent)
-      `)};
-
-  display: flex;
-  align-items: center;
-  position: absolute;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  color: ${props => props.theme.getColor('gray-400')};
-
-  ${props => props.$type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43')}
-
-  ${props => props.$type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F')}
-
-  > svg {
-    width: 12px;
-    transition: opacity 250ms;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__InputIconContainer",
+  componentId: "sc-1v2ckml-5"
+})(["opacity:0;pointer-events:none;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:5px 10px 0 0;transition:opacity 250ms;", ";display:flex;align-items:center;position:absolute;right:0;top:0;bottom:0;color:", ";", " ", " > svg{width:12px;transition:opacity 250ms;}"], props => props.theme.themeProp('background', css(["linear-gradient(-90deg,", " 55%,transparent)"], props => props.$type === 'error' ? '#901d1d' : props.$type === 'warning' ? '#816600' : props.theme.getColor('gray-700')), css(["linear-gradient(-90deg,", " 55%,transparent)"], props => props.$type === 'error' ? '#f7d5d0' : props.$type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100'))), props => props.theme.getColor('gray-400'), props => props.$type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43'), props => props.$type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F'));
 const Input = styled.input.withConfig({
   shouldForwardProp
 }).attrs(props => ({
   ...applyDefaultTheme(props),
-  type: props.inputtype || 'text'
-}))`
-  box-sizing: border-box;
-  height: 22px;
-  width: 100%;
-  display: block;
-  font-size: 0.875rem;
-  line-height: 1rem;
-  font-family: inherit;
-  padding: 1px 10px;
-  border-radius: 3px;
-  border: 1px solid transparent;
-  transition: border-color 350ms, background 350ms;
-
-  ${props => {
+  type: props.$inputType || 'text'
+})).withConfig({
+  displayName: "CompactTextInputstyled__Input",
+  componentId: "sc-1v2ckml-6"
+})(["box-sizing:border-box;height:22px;width:100%;display:block;font-size:0.875rem;line-height:1rem;font-family:inherit;padding:1px 10px;border-radius:3px;border:1px solid transparent;transition:border-color 350ms,background 350ms;", " ", " ", " ", " ", ";&&:not(:hover):not(:focus){", " ", ";", "}&&:hover:not(:focus){", " ", ";", " & + ", "{opacity:1;", "}", " ", "}&&:focus{outline:none;", "}&&::placeholder{color:inherit;opacity:0.6;}&&:hover::placeholder{", "}&&:focus::placeholder{", "}", ""], props => {
   if (props.$type === 'error') {
-    return css`
-        ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;
-      `;
+    return css(["", " !important;"], props.theme.themeProp('background', '#7f1b1b', '#FEE2E2'));
   } else if (props.$type === 'warning') {
-    return css`
-        ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;
-      `;
+    return css(["", " !important;"], props.theme.themeProp('background', '#634E01', '#FFFDE8'));
   } else {
     return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
   }
-}}
-
-  ${props => props.readOnly && css`
-      cursor: default;
-    `}
-
-  ${props => props.disabled && css`
-      opacity: 0.5;
-    `}
-
-
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))}
-
-  ${props => props.$haslink && css`
-      &&:not(:focus),
-      &&:read-only {
-        ${linkColor}
-      }
-      &&:read-only {
-        cursor: default;
-      }
-    `};
-
-  &&:not(:hover):not(:focus) {
-    ${props => {
+}, props => props.readOnly && css(["cursor:default;"]), props => props.disabled && css(["opacity:0.5;"]), props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')), props => props.$haslink && css(["&&:not(:focus),&&:read-only{", "}&&:read-only{cursor:default;}"], linkColor), props => {
   if (props.$edit) {
     if (props.$type === 'error') {
       return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
@@ -183,21 +69,7 @@ const Input = styled.input.withConfig({
       return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
     }
   }
-}}
-
-    ${props => props.$edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};
-    
-    ${props => props.$haslink && css`
-        &&:not(:focus),
-        &&:read-only {
-          cursor: default;
-          ${linkColor}
-        }
-      `}
-  }
-
-  &&:hover:not(:focus) {
-    ${props => {
+}, props => props.$edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)'), props => props.$haslink && css(["&&:not(:focus),&&:read-only{cursor:default;", "}"], linkColor), props => {
   if (props.readOnly) {
     if (props.$type === 'error') {
       return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
@@ -213,40 +85,7 @@ const Input = styled.input.withConfig({
   } else {
     return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
   }
-}}
-
-    ${props => props.$edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))};
-
-    ${props => props.$haslink && css`
-        cursor: pointer;
-        &&:read-only {
-          background: none !important;
-          cursor: default;
-        }
-      `}
-      
-    & + ${InputIconContainer} {
-      opacity: 1;
-      ${props => props.$type === 'success' && css`
-          opacity: 0;
-        `}
-    }
-
-    ${props => props.disabled && css`
-        background: none !important;
-        cursor: not-allowed;
-      `}
-    
-    ${props => props.disabled && props.$haslink && css`
-        background: none !important;
-        cursor: not-allowed !important;
-      `}
-  }
-
-  &&:focus {
-    outline: none;
-
-    ${props => {
+}, props => props.$edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')), props => props.$haslink && css(["cursor:pointer;&&:read-only{background:none !important;cursor:default;}"]), InputIconContainer, props => props.$type === 'success' && css(["opacity:0;"]), props => props.disabled && css(["background:none !important;cursor:not-allowed;"]), props => props.disabled && props.$haslink && css(["background:none !important;cursor:not-allowed !important;"]), props => {
   if (props.readOnly) {
     if (props.$type === 'error') {
       return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
@@ -256,87 +95,45 @@ const Input = styled.input.withConfig({
     return readOnlyBackground;
   }
   if (props.$type === 'error') {
-    return css`
-          ${props.theme.themeProp('border-color', '#D83018', '#D83018')}
-          ${props.theme.themeProp('background', 'white', 'white')}
-          ${props.theme.themeProp('color', 'black', 'black')}
-        `;
+    return css(["", " ", " ", ""], props.theme.themeProp('border-color', '#D83018', '#D83018'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
   } else if (props.$type === 'warning') {
-    return css`
-          ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}
-          ${props.theme.themeProp('background', 'white', 'white')}
-          ${props.theme.themeProp('color', 'black', 'black')}
-        `;
+    return css(["", " ", " ", ""], props.theme.themeProp('border-color', '#F4E21E', '#F4E21E'), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
   } else {
-    return css`
-          border-color: ${props.theme.getColor('gray-600')};
-          ${props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))}
-        `;
-  }
-}}
-  }
-
-  &&::placeholder {
-    color: inherit;
-    opacity: 0.6;
+    return css(["border-color:", ";", ""], props.theme.getColor('gray-600'), props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')));
   }
-
-  &&:hover::placeholder {
-    ${props => {
+}, props => {
   if (props.$type === 'warning') {
     return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
   } else if (props.$type === 'error') {
     return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
   }
   return '';
-}}
-  }
-
-  &&:focus::placeholder {
-    ${props => {
+}, props => {
   if (props.$type === 'warning') {
     return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
   } else if (props.$type === 'error') {
     return props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'));
   }
   return '';
-}}
-  }
-
-  ${props => props.$bold && css`
-      font-size: 1rem;
-      font-weight: 500;
-      line-height: 1.0625;
-      padding-top: 3px;
-      padding-bottom: 2px;
-    `}
-`;
+}, props => props.$bold && css(["font-size:1rem;font-weight:500;line-height:1.0625;padding-top:3px;padding-bottom:2px;"]));
 const LinkPopoverContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${commonAnchorTagStyle}
-
-  padding: 5px 8px;
-
-  svg {
-    width: 18px;
-    margin-right: 8px;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__LinkPopoverContainer",
+  componentId: "sc-1v2ckml-7"
+})(["", " padding:5px 8px;svg{width:18px;margin-right:8px;}"], commonAnchorTagStyle);
 const StyledLink = styled.a.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${commonAnchorTagStyle}
-  ${linkColor}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__StyledLink",
+  componentId: "sc-1v2ckml-8"
+})(["", " ", ""], commonAnchorTagStyle, linkColor);
 const ReadOnlyLinkContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  ${readOnlyBackground};
-  border: 1px solid transparent;
-  border-radius: 3px;
-  padding: 0 10px 1px;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "CompactTextInputstyled__ReadOnlyLinkContainer",
+  componentId: "sc-1v2ckml-9"
+})(["", ";border:1px solid transparent;border-radius:3px;padding:0 10px 1px;"], readOnlyBackground);
 
 export { CompactTextInput, Input, InputContainer, InputIconContainer, InputSuccessContainer, Label, LinkPopoverContainer, ReadOnlyLinkContainer, StyledLink, SuccessContainer };
 //# sourceMappingURL=CompactTextInput.styled.js.map

package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactTextInput.styled.js","sources":["../../../src/components/inputs/CompactTextInput/CompactTextInput.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst linkColor = css`\n  ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}\n  ${props =>\n    !props.disabled &&\n    css`\n      &:hover {\n        text-decoration: underline;\n      }\n    `}\n`;\n\nconst commonAnchorTagStyle = css`\n  a,\n  && {\n    font-size: 0.875rem;\n    text-decoration: none;\n  }\n`;\n\nconst readOnlyBackground = css`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('white')\n    )}\n`;\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const CompactTextInput = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const Label = styled.label\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  justify-content: space-between;\n  height: 19px;\n  display: flex;\n  align-items: center;\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n    `}\n`;\n\nexport const InputContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n  height: 19px;\n  flex-basis: ${props => (props.$hasLabel ? '66.66%' : '100%')};\n`;\n\nexport const SuccessContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n  > svg {\n    width: 13px;\n  }\n`;\n\nexport const InputSuccessContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  justify-content: flex-end;\n  transition: opacity 0.5s ease-in-out;\n  position: relative;\n  margin-top: -20px;\n  margin-right: 8px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n  > svg {\n    width: 13px;\n  }\n`;\n\nexport const InputIconContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 5px 10px 0 0;\n  transition: opacity 250ms;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      css`\n        linear-gradient(-90deg,\n        ${props =>\n          props.$type === 'error'\n            ? '#901d1d'\n            : props.$type === 'warning'\n              ? '#816600'\n              : props.theme.getColor('gray-700')} 55%,\n        transparent)\n      `,\n      css`\n        linear-gradient(-90deg,\n        ${props =>\n          props.$type === 'error'\n            ? '#f7d5d0'\n            : props.$type === 'warning'\n              ? '#fffebf'\n              : props.theme.getColor('gray-100')} 55%,\n        transparent)\n      `\n    )};\n\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  color: ${props => props.theme.getColor('gray-400')};\n\n  ${props => props.$type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43')}\n\n  ${props => props.$type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F')}\n\n  > svg {\n    width: 12px;\n    transition: opacity 250ms;\n  }\n`;\n\n// @ts-ignore - Transient props ($type, $edit, $bold, $haslink) are filtered by shouldForwardProp\nexport const Input = styled.input\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(props => ({\n    ...applyDefaultTheme(props),\n    type: props.inputtype || 'text'\n  }))`\n  box-sizing: border-box;\n  height: 22px;\n  width: 100%;\n  display: block;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  font-family: inherit;\n  padding: 1px 10px;\n  border-radius: 3px;\n  border: 1px solid transparent;\n  transition: border-color 350ms, background 350ms;\n\n  ${props => {\n    if (props.$type === 'error') {\n      return css`\n        ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;\n      `;\n    } else if (props.$type === 'warning') {\n      return css`\n        ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;\n      `;\n    } else {\n      return props.theme.themeProp(\n        'background',\n        props.theme.getColor('gray-900'),\n        props.theme.getColor('white')\n      );\n    }\n  }}\n\n  ${props =>\n    props.readOnly &&\n    css`\n      cursor: default;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n    `}\n\n\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-200'),\n      props.theme.getColor('gray-700')\n    )}\n\n  ${props =>\n    props.$haslink &&\n    css`\n      &&:not(:focus),\n      &&:read-only {\n        ${linkColor}\n      }\n      &&:read-only {\n        cursor: default;\n      }\n    `};\n\n  &&:not(:hover):not(:focus) {\n    ${props => {\n      if (props.$edit) {\n        if (props.$type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n        } else if (props.$type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        } else {\n          return props.theme.themeProp(\n            'background',\n            'rgba(39,39,42, 0.7)',\n            'rgba(244,244,245, 0.3)'\n          );\n        }\n      }\n    }}\n\n    ${props =>\n      props.$edit &&\n      props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n    \n    ${props =>\n      props.$haslink &&\n      css`\n        &&:not(:focus),\n        &&:read-only {\n          cursor: default;\n          ${linkColor}\n        }\n      `}\n  }\n\n  &&:hover:not(:focus) {\n    ${props => {\n      if (props.readOnly) {\n        if (props.$type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n        } else if (props.$type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        }\n        return readOnlyBackground;\n      }\n\n      if (props.$type === 'error') {\n        return props.theme.themeProp('background', '#901d1d', '#F7D5D0');\n      } else if (props.$type === 'warning') {\n        return props.theme.themeProp('background', '#806403', '#FFFEBF');\n      } else {\n        return props.theme.themeProp(\n          'background',\n          props.theme.getColor('gray-700'),\n          props.theme.getColor('gray-100')\n        );\n      }\n    }}\n\n    ${props =>\n      props.$edit &&\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('gray-100')\n      )};\n\n    ${props =>\n      props.$haslink &&\n      css`\n        cursor: pointer;\n        &&:read-only {\n          background: none !important;\n          cursor: default;\n        }\n      `}\n      \n    & + ${InputIconContainer} {\n      opacity: 1;\n      ${props =>\n        props.$type === 'success' &&\n        css`\n          opacity: 0;\n        `}\n    }\n\n    ${props =>\n      props.disabled &&\n      css`\n        background: none !important;\n        cursor: not-allowed;\n      `}\n    \n    ${props =>\n      props.disabled &&\n      props.$haslink &&\n      css`\n        background: none !important;\n        cursor: not-allowed !important;\n      `}\n  }\n\n  &&:focus {\n    outline: none;\n\n    ${props => {\n      if (props.readOnly) {\n        if (props.$type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n        } else if (props.$type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        }\n        return readOnlyBackground;\n      }\n\n      if (props.$type === 'error') {\n        return css`\n          ${props.theme.themeProp('border-color', '#D83018', '#D83018')}\n          ${props.theme.themeProp('background', 'white', 'white')}\n          ${props.theme.themeProp('color', 'black', 'black')}\n        `;\n      } else if (props.$type === 'warning') {\n        return css`\n          ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n          ${props.theme.themeProp('background', 'white', 'white')}\n          ${props.theme.themeProp('color', 'black', 'black')}\n        `;\n      } else {\n        return css`\n          border-color: ${props.theme.getColor('gray-600')};\n          ${props.theme.themeProp(\n            'background',\n            props.theme.getColor('gray-700'),\n            props.theme.getColor('gray-100')\n          )}\n        `;\n      }\n    }}\n  }\n\n  &&::placeholder {\n    color: inherit;\n    opacity: 0.6;\n  }\n\n  &&:hover::placeholder {\n    ${props => {\n      if (props.$type === 'warning') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-200'),\n          props.theme.getColor('gray-700')\n        );\n      } else if (props.$type === 'error') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-200'),\n          props.theme.getColor('gray-700')\n        );\n      }\n      return '';\n    }}\n  }\n\n  &&:focus::placeholder {\n    ${props => {\n      if (props.$type === 'warning') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-900'),\n          props.theme.getColor('gray-900')\n        );\n      } else if (props.$type === 'error') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('red-600'),\n          props.theme.getColor('red-600')\n        );\n      }\n      return '';\n    }}\n  }\n\n  ${props =>\n    props.$bold &&\n    css`\n      font-size: 1rem;\n      font-weight: 500;\n      line-height: 1.0625;\n      padding-top: 3px;\n      padding-bottom: 2px;\n    `}\n`;\n\nexport const LinkPopoverContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${commonAnchorTagStyle}\n\n  padding: 5px 8px;\n\n  svg {\n    width: 18px;\n    margin-right: 8px;\n  }\n`;\n\nexport const StyledLink = styled.a\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${commonAnchorTagStyle}\n  ${linkColor}\n`;\n\nexport const ReadOnlyLinkContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${readOnlyBackground};\n  border: 1px solid transparent;\n  border-radius: 3px;\n  padding: 0 10px 1px;\n`;\n"],"names":["linkColor","css","props","theme","themeProp","getColor","disabled","commonAnchorTagStyle","readOnlyBackground","shouldForwardProp","prop","startsWith","CompactTextInput","styled","div","withConfig","attrs","applyDefaultTheme","primaryFontFamily","Label","label","InputContainer","$hasLabel","SuccessContainer","InputSuccessContainer","InputIconContainer","$type","Input","input","type","inputtype","readOnly","$haslink","$edit","$bold","LinkPopoverContainer","StyledLink","a","ReadOnlyLinkContainer"],"mappings":";;;AAGA,MAAMA,SAAS,GAAGC,GAAG,CAAA;AACrB,EAAIC,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,SAAS,EAAEF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAA;AAC3F,EAAA,EAAIH,KAAK,IACL,CAACA,KAAK,CAACI,QAAQ,IACfL,GAAG,CAAA;AACP;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL,CAAC,CAAA;AAED,MAAMM,oBAAoB,GAAGN,GAAG,CAAA;AAChC;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMO,kBAAkB,GAAGP,GAAG,CAAA;AAC9B,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACL,CAAC,CAAA;AAED,MAAMI,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CACvCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA,eAAA,EAAiBf,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACe,iBAAiB,CAAA;AACvD,EAAC;AAEM,MAAMC,KAAK,GAAGN,MAAM,CAACO,KAAK,CAC9BL,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,EAAIf,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,EAC7BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACI,QAAQ,IACdL,GAAG,CAAA;AACP;AACA;AACA,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAMoB,cAAc,GAAGR,MAAM,CAACC,GAAG,CACrCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA,cAAgBf,EAAAA,KAAK,IAAKA,KAAK,CAACoB,SAAS,GAAG,QAAQ,GAAG,MAAO,CAAA;AAC9D,EAAC;AAEM,MAAMC,gBAAgB,GAAGV,MAAM,CAACC,GAAG,CACvCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA,EAAIf,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA,EAAC;AAEM,MAAMmB,qBAAqB,GAAGX,MAAM,CAACC,GAAG,CAC5CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAIf,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA,EAAC;AAEM,MAAMoB,kBAAkB,GAAGZ,MAAM,CAACC,GAAG,CACzCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA,EAAIf,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,YAAY,EACZH,GAAG,CAAA;AACT;AACA,QAAUC,EAAAA,KAAK,IACLA,KAAK,CAACwB,KAAK,KAAK,OAAO,GACnB,SAAS,GACTxB,KAAK,CAACwB,KAAK,KAAK,SAAS,GACvB,SAAS,GACTxB,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAA;AAChD;AACA,MAAA,CAAO,EACDJ,GAAG,CAAA;AACT;AACA,QAAUC,EAAAA,KAAK,IACLA,KAAK,CAACwB,KAAK,KAAK,OAAO,GACnB,SAAS,GACTxB,KAAK,CAACwB,KAAK,KAAK,SAAS,GACvB,SAAS,GACTxB,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAA;AAChD;AACA,MAAA,CACI,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAWH,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAA;AACpD;AACA,EAAA,EAAIH,KAAK,IAAIA,KAAK,CAACwB,KAAK,KAAK,SAAS,IAAIxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAC9F;AACA,EAAA,EAAIF,KAAK,IAAIA,KAAK,CAACwB,KAAK,KAAK,OAAO,IAAIxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAC5F;AACA;AACA;AACA;AACA;AACA,EAAC;AAGM,MAAMuB,KAAK,GAAGd,MAAM,CAACe,KAAK,CAC9Bb,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACd,KAAK,KAAK;EACf,GAAGe,iBAAiB,CAACf,KAAK,CAAC;AAC3B2B,EAAAA,IAAI,EAAE3B,KAAK,CAAC4B,SAAS,IAAI,MAAA;AAC3B,CAAC,CAAC,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAI5B,KAAK,IAAI;AACT,EAAA,IAAIA,KAAK,CAACwB,KAAK,KAAK,OAAO,EAAE;AAC3B,IAAA,OAAOzB,GAAG,CAAA;AAChB,QAAUC,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACnE,MAAO,CAAA,CAAA;AACH,GAAC,MAAM,IAAIF,KAAK,CAACwB,KAAK,KAAK,SAAS,EAAE;AACpC,IAAA,OAAOzB,GAAG,CAAA;AAChB,QAAUC,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACnE,MAAO,CAAA,CAAA;AACH,GAAC,MAAM;IACL,OAAOF,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACH,GAAA;AACF,CAAC,CAAA;AACH;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAAC6B,QAAQ,IACd9B,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIC,KAAK,IACLA,KAAK,CAACI,QAAQ,IACdL,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAAC8B,QAAQ,IACd/B,GAAG,CAAA;AACP;AACA;AACA,QAAA,EAAUD,SAAS,CAAA;AACnB;AACA;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA,IAAA,EAAME,KAAK,IAAI;EACT,IAAIA,KAAK,CAAC+B,KAAK,EAAE;AACf,IAAA,IAAI/B,KAAK,CAACwB,KAAK,KAAK,OAAO,EAAE;MAC3B,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAC,MAAM,IAAIF,KAAK,CAACwB,KAAK,KAAK,SAAS,EAAE;MACpC,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAC,MAAM;MACL,OAAOF,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,YAAY,EACZ,qBAAqB,EACrB,wBACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;AACF,CAAC,CAAA;AACL;AACA,IAAA,EAAMF,KAAK,IACLA,KAAK,CAAC+B,KAAK,IACX/B,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,qBAAqB,EAAE,wBAAwB,CAAC,CAAA;AAC5F;AACA,IAAA,EAAMF,KAAK,IACLA,KAAK,CAAC8B,QAAQ,IACd/B,GAAG,CAAA;AACT;AACA;AACA;AACA,UAAA,EAAYD,SAAS,CAAA;AACrB;AACA,MAAO,CAAA,CAAA;AACP;AACA;AACA;AACA,IAAA,EAAME,KAAK,IAAI;EACT,IAAIA,KAAK,CAAC6B,QAAQ,EAAE;AAClB,IAAA,IAAI7B,KAAK,CAACwB,KAAK,KAAK,OAAO,EAAE;MAC3B,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAC,MAAM,IAAIF,KAAK,CAACwB,KAAK,KAAK,SAAS,EAAE;MACpC,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAA;AACA,IAAA,OAAOI,kBAAkB,CAAA;AAC3B,GAAA;AAEA,EAAA,IAAIN,KAAK,CAACwB,KAAK,KAAK,OAAO,EAAE;IAC3B,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,GAAC,MAAM,IAAIF,KAAK,CAACwB,KAAK,KAAK,SAAS,EAAE;IACpC,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,GAAC,MAAM;IACL,OAAOF,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAA;AACF,CAAC,CAAA;AACL;AACA,IAAA,EAAMH,KAAK,IACLA,KAAK,CAAC+B,KAAK,IACX/B,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,cAAc,EACdF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACP;AACA,IAAA,EAAMH,KAAK,IACLA,KAAK,CAAC8B,QAAQ,IACd/B,GAAG,CAAA;AACT;AACA;AACA;AACA;AACA;AACA,MAAO,CAAA,CAAA;AACP;AACA,QAAA,EAAUwB,kBAAkB,CAAA;AAC5B;AACA,MAAQvB,EAAAA,KAAK,IACLA,KAAK,CAACwB,KAAK,KAAK,SAAS,IACzBzB,GAAG,CAAA;AACX;AACA,QAAS,CAAA,CAAA;AACT;AACA;AACA,IAAA,EAAMC,KAAK,IACLA,KAAK,CAACI,QAAQ,IACdL,GAAG,CAAA;AACT;AACA;AACA,MAAO,CAAA,CAAA;AACP;AACA,IAAMC,EAAAA,KAAK,IACLA,KAAK,CAACI,QAAQ,IACdJ,KAAK,CAAC8B,QAAQ,IACd/B,GAAG,CAAA;AACT;AACA;AACA,MAAO,CAAA,CAAA;AACP;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMC,KAAK,IAAI;EACT,IAAIA,KAAK,CAAC6B,QAAQ,EAAE;AAClB,IAAA,IAAI7B,KAAK,CAACwB,KAAK,KAAK,OAAO,EAAE;MAC3B,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAC,MAAM,IAAIF,KAAK,CAACwB,KAAK,KAAK,SAAS,EAAE;MACpC,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAA;AACA,IAAA,OAAOI,kBAAkB,CAAA;AAC3B,GAAA;AAEA,EAAA,IAAIN,KAAK,CAACwB,KAAK,KAAK,OAAO,EAAE;AAC3B,IAAA,OAAOzB,GAAG,CAAA;AAClB,UAAYC,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACvE,UAAYF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AACjE,UAAYF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAC5D,QAAS,CAAA,CAAA;AACH,GAAC,MAAM,IAAIF,KAAK,CAACwB,KAAK,KAAK,SAAS,EAAE;AACpC,IAAA,OAAOzB,GAAG,CAAA;AAClB,UAAYC,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACvE,UAAYF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AACjE,UAAYF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAC5D,QAAS,CAAA,CAAA;AACH,GAAC,MAAM;AACL,IAAA,OAAOH,GAAG,CAAA;AAClB,wBAAA,EAA0BC,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAA;AAC1D,UAAYH,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACX,QAAS,CAAA,CAAA;AACH,GAAA;AACF,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMH,KAAK,IAAI;AACT,EAAA,IAAIA,KAAK,CAACwB,KAAK,KAAK,SAAS,EAAE;IAC7B,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAC,MAAM,IAAIH,KAAK,CAACwB,KAAK,KAAK,OAAO,EAAE;IAClC,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AACL;AACA;AACA;AACA,IAAA,EAAMH,KAAK,IAAI;AACT,EAAA,IAAIA,KAAK,CAACwB,KAAK,KAAK,SAAS,EAAE;IAC7B,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAC,MAAM,IAAIH,KAAK,CAACwB,KAAK,KAAK,OAAO,EAAE;IAClC,OAAOxB,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAC/BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAChC,CAAC,CAAA;AACH,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AACL;AACA;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACgC,KAAK,IACXjC,GAAG,CAAA;AACP;AACA;AACA;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAMkC,oBAAoB,GAAGtB,MAAM,CAACC,GAAG,CAC3CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,EAAA,EAAIV,oBAAoB,CAAA;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAM6B,UAAU,GAAGvB,MAAM,CAACwB,CAAC,CAC/BtB,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,EAAA,EAAIV,oBAAoB,CAAA;AACxB,EAAA,EAAIP,SAAS,CAAA;AACb,EAAC;AAEM,MAAMsC,qBAAqB,GAAGzB,MAAM,CAACC,GAAG,CAC5CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,EAAA,EAAIT,kBAAkB,CAAA;AACtB;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"CompactTextInput.styled.js","sources":["../../../src/components/inputs/CompactTextInput/CompactTextInput.styled.ts"],"sourcesContent":["/*\n * $-transient-prop pattern: rules in\n * `src/components/layout/SectionSeparator/SectionSeparator.styled.ts`, derivation and\n * measurements in `scripts/TS-MIGRATION-PLAYBOOK.md` §J.\n *\n * THIS FILE IS THE WORKED EXAMPLE FOR EVERYTHING THE SIMPLE CASE DOES NOT SHOW:\n *\n *   - an `.attrs(props => …)` CALLBACK that reads a prop (`Input`). The generic MUST be\n *     on `.attrs<P>()` here and cannot be on the template call: measured, the\n *     template-call slot leaves the callback parameter `FastOmit<…, never>`, so P never\n *     reaches it and the error has no fix but a suppression. §J.2.\n *   - MODULE-SCOPE `css` helpers shared between components (`linkColor`,\n *     `readOnlyBackground`), each its own generic slot. §J.7.\n *   - `css` blocks NESTED inside an interpolation's argument list\n *     (`InputIconContainer`'s two `themeProp()` arguments), whose own `${props => …}`\n *     SHADOWS the outer one, so the outer `.attrs<P>()` does not reach them. §J.7.\n *   - a closed 5-member union for `$type` derived from the component's propTypes,\n *     rather than the `any` the a7bb76d prototype emits. §J.6.\n *   - `Input`'s `inputtype`, one of the two non-`$` keys §J.9 recorded as a deferred DOM\n *     leak: now FIXED and transient (`$inputType`). It removed `inputtype=\"text\"` from\n *     every rendered `<input>`, so it moved the render baseline on purpose. §J.9 / §E.4.\n *   - `Label`'s `disabled`, the other one, FIXED the same way (`$disabled`). It removed\n *     an attribute that is not even legal on `<label>`.\n */\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\n/**\n * `CompactTextInput.tsx`'s `type` prop, from its\n * `PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success'])`, carried across\n * the `shouldForwardProp` boundary as `$type` by both `Input` and\n * `InputIconContainer`.\n *\n * Closed on purpose, not widened to `string`. The templates below branch on this\n * value 20 times; with a closed union a mistyped state name is TS2367 rather than a\n * branch that silently never fires. `''` is a member because the component defaults\n * `type = ''` — this union is the propTypes verbatim, not a tidied version of it.\n */\ntype CompactTextInputType = '' | 'error' | 'warning' | 'loading' | 'success';\n\n/**\n * A module-scope `css` helper is a SEPARATE generic slot: unannotated, its props are\n * `ExecutionContext & object` and `props.disabled` is TS2339 no matter what the\n * hosting component declares.\n *\n * `disabled` is declared here because of `Input`, which is one of this block's two\n * hosts and does receive it. THE OTHER HOST IS `StyledLink`, WHICH DOES NOT — and that\n * IS checked: `{ disabled?: boolean }` is a weak type, assignability to a weak type\n * needs at least one member in common, and `AnchorHTMLAttributes` has no `disabled`.\n * See the note at `StyledLink` for the resulting declaration and why it is not an\n * invented prop.\n *\n * Hosts, for whoever changes this block: Input (twice, inside the `$haslink` blocks)\n * and StyledLink.\n */\nconst linkColor = css<{ disabled?: boolean }>`\n  ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}\n  ${props =>\n    !props.disabled &&\n    css`\n      &:hover {\n        text-decoration: underline;\n      }\n    `}\n`;\n\n/* No interpolations at all, so no props and no generic. */\nconst commonAnchorTagStyle = css`\n  a,\n  && {\n    font-size: 0.875rem;\n    text-decoration: none;\n  }\n`;\n\n/*\n * Reads only `props.theme`, which is on `ExecutionContext` via the C6 `DefaultTheme`\n * augmentation — so this one needs NO generic even though it is the same shape as\n * `linkColor`. §J.7.\n */\nconst readOnlyBackground = css`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('white')\n    )}\n`;\n\n/*\n * Single-argument, and it stays that way — peer floor `styled-components: >=5.1.0`,\n * and the two majors disagree on the second parameter. §J.4. `prop` needs the\n * annotation because `withConfig` takes this by reference, so it gets no contextual\n * typing.\n */\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const CompactTextInput = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\n/*\n * `$disabled` WAS `disabled`, WITH NO `$`, AND THAT WAS A DOM LEAK — now fixed.\n *\n * `disabled` is not a member of `LabelHTMLAttributes`, which is why the read below used\n * to be TS2339 while the identical read in `Input` is not (there it IS a real\n * `InputHTMLAttributes` member and needs no declaration at all — §J.9). That asymmetry\n * was the whole tell: `CompactTextInput.tsx` passed `disabled={disabled}` to this\n * component, `shouldForwardProp` forwards every non-`$` prop, and so `disabled=\"\"`\n * landed on a `<label>`, where it is not valid HTML. It is in three entries of the\n * committed render baseline (`inputs/CompactTextInput#disabled`, and the same leak from\n * the equivalent code in `inputs/Radio#disabled` and `inputs/TextArea#disabled`, which\n * are other files' to fix).\n *\n * §E.4, third case: the fix is the `$` prefix at both ends, which removes the attribute\n * from the rendered HTML. Purely internal — `CompactTextInput`'s own public `disabled`\n * prop is untouched and still drives this.\n */\nexport const Label = styled.label\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $disabled?: boolean }>(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  justify-content: space-between;\n  height: 19px;\n  display: flex;\n  align-items: center;\n  ${props =>\n    props.$disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n    `}\n`;\n\nexport const InputContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $hasLabel?: boolean }>(applyDefaultTheme)`\n  position: relative;\n  height: 19px;\n  flex-basis: ${props => (props.$hasLabel ? '66.66%' : '100%')};\n`;\n\nexport const SuccessContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n  > svg {\n    width: 13px;\n  }\n`;\n\nexport const InputSuccessContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  justify-content: flex-end;\n  transition: opacity 0.5s ease-in-out;\n  position: relative;\n  margin-top: -20px;\n  margin-right: 8px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n  > svg {\n    width: 13px;\n  }\n`;\n\n/*\n * TWO GENERIC SLOTS IN ONE COMPONENT, and the outer one does not cover the inner ones.\n *\n * The `.attrs<{ $type }>()` below types the template's own interpolations. The two\n * `css`…`` blocks passed as arguments to `themeProp()` each open their OWN\n * `${props => …}`, which shadows the outer `props`, so the outer generic never reaches\n * them — unannotated their props are `ExecutionContext & object` and `props.$type` is\n * TS2339 there regardless of what the component declares. Hence `css<…>` on both.\n * This is C7 rule 3 / §J.7, and it is 4 of this file's 35 errors.\n */\nexport const InputIconContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $type?: CompactTextInputType }>(applyDefaultTheme)`\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 5px 10px 0 0;\n  transition: opacity 250ms;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      css<{ $type?: CompactTextInputType }>`\n        linear-gradient(-90deg,\n        ${props =>\n          props.$type === 'error'\n            ? '#901d1d'\n            : props.$type === 'warning'\n              ? '#816600'\n              : props.theme.getColor('gray-700')} 55%,\n        transparent)\n      `,\n      css<{ $type?: CompactTextInputType }>`\n        linear-gradient(-90deg,\n        ${props =>\n          props.$type === 'error'\n            ? '#f7d5d0'\n            : props.$type === 'warning'\n              ? '#fffebf'\n              : props.theme.getColor('gray-100')} 55%,\n        transparent)\n      `\n    )};\n\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  color: ${props => props.theme.getColor('gray-400')};\n\n  ${props => props.$type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43')}\n\n  ${props => props.$type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F')}\n\n  > svg {\n    width: 12px;\n    transition: opacity 250ms;\n  }\n`;\n\n/**\n * Props of `Input`.\n *\n * Every member is transient, so `shouldForwardProp` filters all of them out of the DOM.\n * `$haslink` is lower-case by existing convention at both ends; renaming it would be a\n * two-file change for no type benefit.\n *\n * `$inputType` WAS `inputtype`, WITH NO `$`, AND THAT WAS A DOM LEAK — now fixed.\n * It is a style/behaviour input (the `.attrs()` callback turns it into the real `type`\n * attribute), but without the `$` prefix `shouldForwardProp` forwarded it verbatim too,\n * so `inputtype=\"text\"` was on every rendered `<input>` — visible in seven entries of the\n * recorded render baseline (`inputs/CompactTextInput` and its five variants, plus\n * `layout/InputGroup`). §E.4's third case, and the fix is the `$` prefix.\n *\n * The PUBLIC prop is unaffected: `CompactTextInput.tsx` still takes `inputType` and maps\n * it to this transient prop internally, so no consumer has to react. (Grepped: neither\n * `mb-main-client/src` nor `ntb-dam/client/src` mentions `inputtype` or `inputType` at\n * all, and no stylesheet in `src` selects on `[inputtype]`.)\n *\n * `readOnly` and `disabled` are read by the template too and are deliberately ABSENT\n * from this interface: both are real `InputHTMLAttributes` members, so those reads\n * already typecheck and declaring them would add nothing. §J.9.\n */\ninterface InputStyleProps {\n  /** `type` — see `CompactTextInputType`. Branched on 20 times below. */\n  $type?: CompactTextInputType;\n  /** `edit` — shows the editable-affordance background. */\n  $edit?: boolean;\n  /** `bold` — larger font-size/weight for the value. */\n  $bold?: boolean;\n  /** `!isEmpty(link)` — the component derives this, so `boolean`, not `link`'s type. */\n  $haslink?: boolean;\n  /**\n   * `inputType` — the real `<input type>`, defaulted to `'text'` in the callback.\n   * `string` because the propTypes say `PropTypes.string` and the value is handed\n   * straight to the `type` attribute the callback produces.\n   */\n  $inputType?: string;\n}\n\n/*\n * THE GENERIC MUST BE ON `.attrs<P>()` HERE. THIS IS THE SITE THAT PROVES IT.\n *\n * `props.$inputType` is read inside the `.attrs()` CALLBACK, and measured (§J.2) the\n * callback parameter is typed `FastOmit<…, keyof P> & P` only when P is supplied to\n * `attrs`; supplying it on the tagged-template call instead leaves the parameter\n * `FastOmit<…, never>`, where no amount of adding members to P will ever fix the read.\n *\n * There was a `@ts-ignore` above this declaration until NMB-3998 C2, which measured as\n * suppressing NOTHING — a directive covers only the following line, that line is\n * `export const Input = styled.input`, and tsc reports no error there. The file's errors\n * started at the callback below and continued through the template: 35 of them at the\n * time this commit was written (102 before the C6 theme augmentation removed the\n * `props.theme` reads). It is not re-added in a legal form either. §E.2 names the\n * styled-generics bucket explicitly as something a suppression must not hide, and the\n * remedy is the line below.\n */\nexport const Input = styled.input\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<InputStyleProps>(props => ({\n    ...applyDefaultTheme(props),\n    type: props.$inputType || 'text'\n  }))`\n  box-sizing: border-box;\n  height: 22px;\n  width: 100%;\n  display: block;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  font-family: inherit;\n  padding: 1px 10px;\n  border-radius: 3px;\n  border: 1px solid transparent;\n  transition: border-color 350ms, background 350ms;\n\n  ${props => {\n    if (props.$type === 'error') {\n      return css`\n        ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;\n      `;\n    } else if (props.$type === 'warning') {\n      return css`\n        ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;\n      `;\n    } else {\n      return props.theme.themeProp(\n        'background',\n        props.theme.getColor('gray-900'),\n        props.theme.getColor('white')\n      );\n    }\n  }}\n\n  ${props =>\n    props.readOnly &&\n    css`\n      cursor: default;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n    `}\n\n\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-200'),\n      props.theme.getColor('gray-700')\n    )}\n\n  ${props =>\n    props.$haslink &&\n    css`\n      &&:not(:focus),\n      &&:read-only {\n        ${linkColor}\n      }\n      &&:read-only {\n        cursor: default;\n      }\n    `};\n\n  &&:not(:hover):not(:focus) {\n    ${props => {\n      if (props.$edit) {\n        if (props.$type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n        } else if (props.$type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        } else {\n          return props.theme.themeProp(\n            'background',\n            'rgba(39,39,42, 0.7)',\n            'rgba(244,244,245, 0.3)'\n          );\n        }\n      }\n    }}\n\n    ${props =>\n      props.$edit &&\n      props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n    \n    ${props =>\n      props.$haslink &&\n      css`\n        &&:not(:focus),\n        &&:read-only {\n          cursor: default;\n          ${linkColor}\n        }\n      `}\n  }\n\n  &&:hover:not(:focus) {\n    ${props => {\n      if (props.readOnly) {\n        if (props.$type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n        } else if (props.$type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        }\n        return readOnlyBackground;\n      }\n\n      if (props.$type === 'error') {\n        return props.theme.themeProp('background', '#901d1d', '#F7D5D0');\n      } else if (props.$type === 'warning') {\n        return props.theme.themeProp('background', '#806403', '#FFFEBF');\n      } else {\n        return props.theme.themeProp(\n          'background',\n          props.theme.getColor('gray-700'),\n          props.theme.getColor('gray-100')\n        );\n      }\n    }}\n\n    ${props =>\n      props.$edit &&\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('gray-100')\n      )};\n\n    ${props =>\n      props.$haslink &&\n      css`\n        cursor: pointer;\n        &&:read-only {\n          background: none !important;\n          cursor: default;\n        }\n      `}\n      \n    & + ${InputIconContainer} {\n      opacity: 1;\n      ${props =>\n        props.$type === 'success' &&\n        css`\n          opacity: 0;\n        `}\n    }\n\n    ${props =>\n      props.disabled &&\n      css`\n        background: none !important;\n        cursor: not-allowed;\n      `}\n    \n    ${props =>\n      props.disabled &&\n      props.$haslink &&\n      css`\n        background: none !important;\n        cursor: not-allowed !important;\n      `}\n  }\n\n  &&:focus {\n    outline: none;\n\n    ${props => {\n      if (props.readOnly) {\n        if (props.$type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n        } else if (props.$type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        }\n        return readOnlyBackground;\n      }\n\n      if (props.$type === 'error') {\n        return css`\n          ${props.theme.themeProp('border-color', '#D83018', '#D83018')}\n          ${props.theme.themeProp('background', 'white', 'white')}\n          ${props.theme.themeProp('color', 'black', 'black')}\n        `;\n      } else if (props.$type === 'warning') {\n        return css`\n          ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n          ${props.theme.themeProp('background', 'white', 'white')}\n          ${props.theme.themeProp('color', 'black', 'black')}\n        `;\n      } else {\n        return css`\n          border-color: ${props.theme.getColor('gray-600')};\n          ${props.theme.themeProp(\n            'background',\n            props.theme.getColor('gray-700'),\n            props.theme.getColor('gray-100')\n          )}\n        `;\n      }\n    }}\n  }\n\n  &&::placeholder {\n    color: inherit;\n    opacity: 0.6;\n  }\n\n  &&:hover::placeholder {\n    ${props => {\n      if (props.$type === 'warning') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-200'),\n          props.theme.getColor('gray-700')\n        );\n      } else if (props.$type === 'error') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-200'),\n          props.theme.getColor('gray-700')\n        );\n      }\n      return '';\n    }}\n  }\n\n  &&:focus::placeholder {\n    ${props => {\n      if (props.$type === 'warning') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-900'),\n          props.theme.getColor('gray-900')\n        );\n      } else if (props.$type === 'error') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('red-600'),\n          props.theme.getColor('red-600')\n        );\n      }\n      return '';\n    }}\n  }\n\n  ${props =>\n    props.$bold &&\n    css`\n      font-size: 1rem;\n      font-weight: 500;\n      line-height: 1.0625;\n      padding-top: 3px;\n      padding-bottom: 2px;\n    `}\n`;\n\nexport const LinkPopoverContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${commonAnchorTagStyle}\n\n  padding: 5px 8px;\n\n  svg {\n    width: 18px;\n    margin-right: 8px;\n  }\n`;\n\n/*\n * `disabled` IS DECLARED HERE BECAUSE `linkColor` READS IT, NOT BECAUSE ANYTHING PASSES\n * IT. Nothing does: `CompactTextInput.tsx` renders `<S.StyledLink href=… target=…\n * rel=…>` in all three places, so `props.disabled` is always `undefined` here and\n * `linkColor`'s `!props.disabled` branch always takes the true arm — the hover\n * underline is unconditional on this component.\n *\n * Without the declaration this is TS2345, and the reason is worth knowing because it\n * contradicts the obvious guess: `{ disabled?: boolean }` is a WEAK TYPE (every member\n * optional), and assignability to a weak type requires AT LEAST ONE MEMBER IN COMMON.\n * `AnchorHTMLAttributes` has no `disabled`, so the overlap is empty and\n * `RuleSet<{ disabled?: boolean }>` is rejected — \"has no properties in common with\n * type '{ disabled?: boolean; }'\". `Input` needs no such declaration because `disabled`\n * is a genuine `InputHTMLAttributes` member.\n *\n * So a shared `css<A>` helper IS checked against every host, and the host has to be\n * able to supply what the helper reads. Playbook §J.7 said the opposite until this\n * file disproved it.\n */\nexport const StyledLink = styled.a\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ disabled?: boolean }>(applyDefaultTheme)`\n  ${commonAnchorTagStyle}\n  ${linkColor}\n`;\n\nexport const ReadOnlyLinkContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  ${readOnlyBackground};\n  border: 1px solid transparent;\n  border-radius: 3px;\n  padding: 0 10px 1px;\n`;\n"],"names":["linkColor","css","props","theme","themeProp","getColor","disabled","commonAnchorTagStyle","readOnlyBackground","shouldForwardProp","prop","startsWith","CompactTextInput","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","primaryFontFamily","Label","label","$disabled","InputContainer","$hasLabel","SuccessContainer","InputSuccessContainer","InputIconContainer","$type","Input","input","type","$inputType","readOnly","$haslink","$edit","$bold","LinkPopoverContainer","StyledLink","a","ReadOnlyLinkContainer"],"mappings":"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"}