@laerdal/life-react-components 6.0.0-dev.1.full → 6.0.0-dev.12.full

package/dist/InputFields/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","names":["React","_interopRequireWildcard","require","_styles","_types","_styledComponents","_typography","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Label","styled","label","props","ComponentXXSStyling","COLORS","getColor","theme","BREAKPOINTS","MEDIUM","ComponentXSStyling","LabelRow","div","CopyContainer","TypographyBase","LabelRowInner","CopyState","InputLabel","_ref","inputId","text","size","margin","required","requiredProp","showCopyButton","useTheme","setRequired","useState","copyState","setCopyState","Available","useEffect","undefined","document","getElementById","getAttribute","Boolean","onTriggerClick","id","click","copyInputClick","preventDefault","Copied","val","value","window","navigator","clipboard","writeText","setTimeout","jsx","$margin","children","jsxs","$size","htmlFor","onClick","className","SystemIcons","Asterisk","color","Size","Medium","ComponentXS","ComponentXXS","propTypes","_propTypes","string","isRequired","bool","_default","exports"],"sources":["../../src/InputFields/Label.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { ComponentXS, ComponentXSStyling, ComponentXXS, ComponentXXSStyling, TypographyBase } from '../styles/typography';\r\nimport { SystemIcons } from '../icons';\r\n\r\n// Add component-specific styles.\r\nconst Label = styled.label`\r\n  ${props => ComponentXXSStyling(1, COLORS.getColor('neutral_500', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${props => ComponentXSStyling(1, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentXXSStyling(1, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n  &.medium {\r\n    ${props => ComponentXSStyling(1, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  pointer-events: none;\r\n`;\r\n\r\nconst LabelRow = styled.div<{ $margin?: string }>`\r\n  display: flex;\r\n  align-items: flex-start;\r\n  height: 16px;\r\n  margin-bottom: 4px;\r\n`;\r\n\r\nconst CopyContainer = styled.div`\r\n  margin-left: auto;\r\n\r\n  &:visited:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled),\r\n  &.hover-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled),\r\n  &.focus-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      background-color: white;\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled),\r\n  &.active-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      background-color: white;\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled)\r\n  {\r\n    ${TypographyBase}\r\n    {\r\n      outline: none;\r\n      padding: 2px 0;\r\n      text-decoration-style: solid;\r\n      text-decoration-line: none;\r\n      font-weight: 700;\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled\r\n  {\r\n    ${TypographyBase}\r\n    {\r\n      outline: none;\r\n      padding: 2px 0;\r\n      text-decoration-style: solid;\r\n      text-decoration-line: none;\r\n      font-weight: 700;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n  cursor: pointer;\r\n`;\r\n\r\nconst LabelRowInner = styled.div<{ $size: Size.Small | Size.Medium | undefined }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  width: 100%;\r\n  height: 100%;\r\n  align-items: center;\r\n`;\r\n\r\n// Add component-specific types\r\nexport type LabelProps = {\r\n  inputId: string;\r\n  text: string;\r\n  size?: Size.Small | Size.Medium;\r\n  margin?: string;\r\n  required?: boolean;\r\n  showCopyButton?: boolean;\r\n};\r\n\r\nenum CopyState {\r\n  Disabled = 0,\r\n  Available = 1,\r\n  Copied = 2\r\n}\r\n\r\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin, required: requiredProp, showCopyButton }: LabelProps) => {\r\n  // Globally used variables within the component\r\n  const theme = useTheme();\r\n  const [required, setRequired] = React.useState<boolean>(false);\r\n  const [copyState, setCopyState] = React.useState<CopyState>(CopyState.Available);\r\n\r\n  /**\r\n   * Checks if field is set as required and we have to mark it accordingly.\r\n   */\r\n  React.useEffect(() => {\r\n    if(requiredProp === undefined)\r\n    {\r\n      if (document.getElementById(inputId)?.getAttribute('required') === '') {\r\n        setRequired(true);\r\n      } else {\r\n        setRequired(false);\r\n      }\r\n    }\r\n    else\r\n      setRequired(Boolean(requiredProp));\r\n  }, []);\r\n  /**\r\n   * Triggers a click element on a specific element.\r\n   * @param id - ID of the element which needs to be clicked.\r\n   */\r\n  const onTriggerClick = (id: string): void => {\r\n    document.getElementById(id)?.click();\r\n  };\r\n\r\n  const copyInputClick = (e: any) => {\r\n    e.preventDefault();\r\n    if(copyState == CopyState.Copied)\r\n      return;\r\n    \r\n    const val = (document.getElementById(inputId) as HTMLInputElement)?.value;\r\n    if(val)\r\n    {\r\n      window.navigator.clipboard.writeText(val);\r\n      setCopyState(CopyState.Copied);\r\n      setTimeout(() => {\r\n        setCopyState(CopyState.Available);\r\n      }, 1000);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <LabelRow $margin={margin}>\r\n      <LabelRowInner $size={size}>\r\n        <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\r\n          {text}\r\n        </Label>\r\n        {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.getColor('critical_500', theme)} />}\r\n\r\n        {showCopyButton && \r\n        <CopyContainer className={copyState != CopyState.Available ? \"disabled\" : \"\"} onClick={copyInputClick}>\r\n          { size == Size.Medium ? <ComponentXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXS> :\r\n          <ComponentXXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXXS> }\r\n        </CopyContainer> }\r\n      </LabelRowInner>\r\n    </LabelRow>\r\n  );\r\n};\r\n\r\nexport default InputLabel;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Label.cjs","names":["React","_interopRequireWildcard","require","_styles","_types","_styledComponents","_typography","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Label","styled","label","props","COLORS","generateToken","componentType","defaultVariant","theme","ComponentXXSStyling","BREAKPOINTS","MEDIUM","ComponentXSStyling","LabelRow","div","CopyContainer","TypographyBase","state","LabelRowInner","CopyState","InputLabel","_ref","inputId","text","size","margin","required","requiredProp","showCopyButton","useTheme","setRequired","useState","copyState","setCopyState","Available","useEffect","undefined","document","getElementById","getAttribute","Boolean","onTriggerClick","id","click","copyInputClick","preventDefault","Copied","val","value","window","navigator","clipboard","writeText","setTimeout","jsx","$margin","children","jsxs","$size","htmlFor","onClick","className","SystemIcons","Asterisk","color","Size","Medium","ComponentXS","ComponentXXS","propTypes","_propTypes","string","isRequired","bool","_default","exports"],"sources":["../../src/InputFields/Label.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { ComponentXS, ComponentXSStyling, ComponentXXS, ComponentXXSStyling, TypographyBase } from '../styles/typography';\r\nimport { SystemIcons } from '../icons';\r\n\r\n// Add component-specific styles.\r\nconst Label = styled.label`\r\n  color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme)};\r\n  ${props => ComponentXXSStyling(1, null)}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${props => ComponentXSStyling(1, null)}\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentXXSStyling(1, null)}\r\n  }\r\n  &.medium {\r\n    ${props => ComponentXSStyling(1, null)}\r\n  }\r\n\r\n  pointer-events: none;\r\n`;\r\n\r\nconst LabelRow = styled.div<{ $margin?: string }>`\r\n  display: flex;\r\n  align-items: flex-start;\r\n  height: 16px;\r\n  margin-bottom: 4px;\r\n`;\r\n\r\nconst CopyContainer = styled.div`\r\n  margin-left: auto;\r\n\r\n  &:visited:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary', state: 'active' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled),\r\n  &.hover-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled),\r\n  &.focus-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n      background-color: white;\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled),\r\n  &.active-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n      background-color: white;\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled)\r\n  {\r\n    ${TypographyBase}\r\n    {\r\n      outline: none;\r\n      padding: 2px 0;\r\n      text-decoration-style: solid;\r\n      text-decoration-line: none;\r\n      font-weight: 700;\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled\r\n  {\r\n    ${TypographyBase}\r\n    {\r\n      outline: none;\r\n      padding: 2px 0;\r\n      text-decoration-style: solid;\r\n      text-decoration-line: none;\r\n      font-weight: 700;\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary', state: 'disabled' }, props.theme)};\r\n    }\r\n  }\r\n  cursor: pointer;\r\n`;\r\n\r\nconst LabelRowInner = styled.div<{ $size: Size.Small | Size.Medium | undefined }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  width: 100%;\r\n  height: 100%;\r\n  align-items: center;\r\n`;\r\n\r\n// Add component-specific types\r\nexport type LabelProps = {\r\n  inputId: string;\r\n  text: string;\r\n  size?: Size.Small | Size.Medium;\r\n  margin?: string;\r\n  required?: boolean;\r\n  showCopyButton?: boolean;\r\n};\r\n\r\nenum CopyState {\r\n  Disabled = 0,\r\n  Available = 1,\r\n  Copied = 2\r\n}\r\n\r\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin, required: requiredProp, showCopyButton }: LabelProps) => {\r\n  // Globally used variables within the component\r\n  const theme = useTheme();\r\n  const [required, setRequired] = React.useState<boolean>(false);\r\n  const [copyState, setCopyState] = React.useState<CopyState>(CopyState.Available);\r\n\r\n  /**\r\n   * Checks if field is set as required and we have to mark it accordingly.\r\n   */\r\n  React.useEffect(() => {\r\n    if(requiredProp === undefined)\r\n    {\r\n      if (document.getElementById(inputId)?.getAttribute('required') === '') {\r\n        setRequired(true);\r\n      } else {\r\n        setRequired(false);\r\n      }\r\n    }\r\n    else\r\n      setRequired(Boolean(requiredProp));\r\n  }, []);\r\n  /**\r\n   * Triggers a click element on a specific element.\r\n   * @param id - ID of the element which needs to be clicked.\r\n   */\r\n  const onTriggerClick = (id: string): void => {\r\n    document.getElementById(id)?.click();\r\n  };\r\n\r\n  const copyInputClick = (e: any) => {\r\n    e.preventDefault();\r\n    if(copyState == CopyState.Copied)\r\n      return;\r\n    \r\n    const val = (document.getElementById(inputId) as HTMLInputElement)?.value;\r\n    if(val)\r\n    {\r\n      window.navigator.clipboard.writeText(val);\r\n      setCopyState(CopyState.Copied);\r\n      setTimeout(() => {\r\n        setCopyState(CopyState.Available);\r\n      }, 1000);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <LabelRow $margin={margin}>\r\n      <LabelRowInner $size={size}>\r\n        <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\r\n          {text}\r\n        </Label>\r\n        {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.generateToken({ componentType:'icon', defaultVariant:'critical' }, theme)} />}\r\n        {showCopyButton && \r\n        <CopyContainer className={copyState != CopyState.Available ? \"disabled\" : \"\"} onClick={copyInputClick}>\r\n          { size == Size.Medium ? <ComponentXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXS> :\r\n          <ComponentXXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXXS> }\r\n        </CopyContainer> }\r\n      </LabelRowInner>\r\n    </LabelRow>\r\n  );\r\n};\r\n\r\nexport default InputLabel;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/Label.js

@@ -20,17 +20,21 @@ import { SystemIcons } from '../icons';
 // Add component-specific styles.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Label = styled.label`
-  ${props => ComponentXXSStyling(1, COLORS.getColor('neutral_500', props.theme))}
+  color: ${props => COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
+  ${props => ComponentXXSStyling(1, null)}
 
   ${BREAKPOINTS.MEDIUM} {
-    ${props => ComponentXSStyling(1, COLORS.getColor('neutral_500', props.theme))}
+    ${props => ComponentXSStyling(1, null)}
   }
 
   &.small {
-    ${props => ComponentXXSStyling(1, COLORS.getColor('neutral_500', props.theme))}
+    ${props => ComponentXXSStyling(1, null)}
   }
   &.medium {
-    ${props => ComponentXSStyling(1, COLORS.getColor('neutral_500', props.theme))}
+    ${props => ComponentXSStyling(1, null)}
   }
 
   pointer-events: none;
@@ -47,7 +51,11 @@ const CopyContainer = styled.div`
   &:visited:not(.disabled) {
     ${TypographyBase}
     {
-      color: ${props => COLORS.getColor('primary_800', props.theme)};
+      color: ${props => COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary',
+  state: 'active'
+}, props.theme)};
     }
   }
 
@@ -55,7 +63,10 @@ const CopyContainer = styled.div`
   &.hover-state:not(.disabled) {
     ${TypographyBase}
     {
-      color: ${props => COLORS.getColor('primary_700', props.theme)};
+      color: ${props => COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme)};
       text-decoration-line: underline;
     }
   }
@@ -64,7 +75,10 @@ const CopyContainer = styled.div`
   &.focus-state:not(.disabled) {
     ${TypographyBase}
     {
-      color: ${props => COLORS.getColor('primary_700', props.theme)};
+      color: ${props => COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme)};
       background-color: white;
       text-decoration-line: underline;
     }
@@ -74,7 +88,10 @@ const CopyContainer = styled.div`
   &.active-state:not(.disabled) {
     ${TypographyBase}
     {
-      color: ${props => COLORS.getColor('primary_700', props.theme)};
+      color: ${props => COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme)};
       background-color: white;
       text-decoration-line: underline;
     }
@@ -89,7 +106,10 @@ const CopyContainer = styled.div`
       text-decoration-style: solid;
       text-decoration-line: none;
       font-weight: 700;
-      color: ${props => COLORS.getColor('primary_600', props.theme)};
+      color: ${props => COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme)};
     }
   }
 
@@ -102,7 +122,11 @@ const CopyContainer = styled.div`
       text-decoration-style: solid;
       text-decoration-line: none;
       font-weight: 700;
-      color: ${props => COLORS.getColor('neutral_300', props.theme)};
+      color: ${props => COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary',
+  state: 'disabled'
+}, props.theme)};
     }
   }
   cursor: pointer;
@@ -178,7 +202,10 @@ const InputLabel = _ref => {
         children: text
       }), required && /*#__PURE__*/_jsx(SystemIcons.Asterisk, {
         size: "16px",
-        color: COLORS.getColor('critical_500', theme)
+        color: COLORS.generateToken({
+          componentType: 'icon',
+          defaultVariant: 'critical'
+        }, theme)
       }), showCopyButton && /*#__PURE__*/_jsx(CopyContainer, {
         className: copyState != CopyState.Available ? "disabled" : "",
         onClick: copyInputClick,

package/dist/InputFields/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["React","BREAKPOINTS","COLORS","Size","styled","useTheme","ComponentXS","ComponentXSStyling","ComponentXXS","ComponentXXSStyling","TypographyBase","SystemIcons","jsx","_jsx","jsxs","_jsxs","Label","label","props","getColor","theme","MEDIUM","LabelRow","div","CopyContainer","LabelRowInner","CopyState","InputLabel","_ref","inputId","text","size","margin","required","requiredProp","showCopyButton","setRequired","useState","copyState","setCopyState","Available","useEffect","undefined","document","getElementById","getAttribute","Boolean","onTriggerClick","id","click","copyInputClick","e","preventDefault","Copied","val","value","window","navigator","clipboard","writeText","setTimeout","$margin","children","$size","htmlFor","onClick","className","Asterisk","color","Medium","propTypes","_pt","string","isRequired","bool"],"sources":["../../src/InputFields/Label.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { ComponentXS, ComponentXSStyling, ComponentXXS, ComponentXXSStyling, TypographyBase } from '../styles/typography';\r\nimport { SystemIcons } from '../icons';\r\n\r\n// Add component-specific styles.\r\nconst Label = styled.label`\r\n  ${props => ComponentXXSStyling(1, COLORS.getColor('neutral_500', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${props => ComponentXSStyling(1, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentXXSStyling(1, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n  &.medium {\r\n    ${props => ComponentXSStyling(1, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  pointer-events: none;\r\n`;\r\n\r\nconst LabelRow = styled.div<{ $margin?: string }>`\r\n  display: flex;\r\n  align-items: flex-start;\r\n  height: 16px;\r\n  margin-bottom: 4px;\r\n`;\r\n\r\nconst CopyContainer = styled.div`\r\n  margin-left: auto;\r\n\r\n  &:visited:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled),\r\n  &.hover-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled),\r\n  &.focus-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      background-color: white;\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled),\r\n  &.active-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      background-color: white;\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled)\r\n  {\r\n    ${TypographyBase}\r\n    {\r\n      outline: none;\r\n      padding: 2px 0;\r\n      text-decoration-style: solid;\r\n      text-decoration-line: none;\r\n      font-weight: 700;\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled\r\n  {\r\n    ${TypographyBase}\r\n    {\r\n      outline: none;\r\n      padding: 2px 0;\r\n      text-decoration-style: solid;\r\n      text-decoration-line: none;\r\n      font-weight: 700;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n  cursor: pointer;\r\n`;\r\n\r\nconst LabelRowInner = styled.div<{ $size: Size.Small | Size.Medium | undefined }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  width: 100%;\r\n  height: 100%;\r\n  align-items: center;\r\n`;\r\n\r\n// Add component-specific types\r\nexport type LabelProps = {\r\n  inputId: string;\r\n  text: string;\r\n  size?: Size.Small | Size.Medium;\r\n  margin?: string;\r\n  required?: boolean;\r\n  showCopyButton?: boolean;\r\n};\r\n\r\nenum CopyState {\r\n  Disabled = 0,\r\n  Available = 1,\r\n  Copied = 2\r\n}\r\n\r\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin, required: requiredProp, showCopyButton }: LabelProps) => {\r\n  // Globally used variables within the component\r\n  const theme = useTheme();\r\n  const [required, setRequired] = React.useState<boolean>(false);\r\n  const [copyState, setCopyState] = React.useState<CopyState>(CopyState.Available);\r\n\r\n  /**\r\n   * Checks if field is set as required and we have to mark it accordingly.\r\n   */\r\n  React.useEffect(() => {\r\n    if(requiredProp === undefined)\r\n    {\r\n      if (document.getElementById(inputId)?.getAttribute('required') === '') {\r\n        setRequired(true);\r\n      } else {\r\n        setRequired(false);\r\n      }\r\n    }\r\n    else\r\n      setRequired(Boolean(requiredProp));\r\n  }, []);\r\n  /**\r\n   * Triggers a click element on a specific element.\r\n   * @param id - ID of the element which needs to be clicked.\r\n   */\r\n  const onTriggerClick = (id: string): void => {\r\n    document.getElementById(id)?.click();\r\n  };\r\n\r\n  const copyInputClick = (e: any) => {\r\n    e.preventDefault();\r\n    if(copyState == CopyState.Copied)\r\n      return;\r\n    \r\n    const val = (document.getElementById(inputId) as HTMLInputElement)?.value;\r\n    if(val)\r\n    {\r\n      window.navigator.clipboard.writeText(val);\r\n      setCopyState(CopyState.Copied);\r\n      setTimeout(() => {\r\n        setCopyState(CopyState.Available);\r\n      }, 1000);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <LabelRow $margin={margin}>\r\n      <LabelRowInner $size={size}>\r\n        <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\r\n          {text}\r\n        </Label>\r\n        {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.getColor('critical_500', theme)} />}\r\n\r\n        {showCopyButton && \r\n        <CopyContainer className={copyState != CopyState.Available ? \"disabled\" : \"\"} onClick={copyInputClick}>\r\n          { size == Size.Medium ? <ComponentXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXS> :\r\n          <ComponentXXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXXS> }\r\n        </CopyContainer> }\r\n      </LabelRowInner>\r\n    </LabelRow>\r\n  );\r\n};\r\n\r\nexport default InputLabel;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Label.js","names":["React","BREAKPOINTS","COLORS","Size","styled","useTheme","ComponentXS","ComponentXSStyling","ComponentXXS","ComponentXXSStyling","TypographyBase","SystemIcons","jsx","_jsx","jsxs","_jsxs","Label","label","props","generateToken","componentType","defaultVariant","theme","MEDIUM","LabelRow","div","CopyContainer","state","LabelRowInner","CopyState","InputLabel","_ref","inputId","text","size","margin","required","requiredProp","showCopyButton","setRequired","useState","copyState","setCopyState","Available","useEffect","undefined","document","getElementById","getAttribute","Boolean","onTriggerClick","id","click","copyInputClick","e","preventDefault","Copied","val","value","window","navigator","clipboard","writeText","setTimeout","$margin","children","$size","htmlFor","onClick","className","Asterisk","color","Medium","propTypes","_pt","string","isRequired","bool"],"sources":["../../src/InputFields/Label.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { ComponentXS, ComponentXSStyling, ComponentXXS, ComponentXXSStyling, TypographyBase } from '../styles/typography';\r\nimport { SystemIcons } from '../icons';\r\n\r\n// Add component-specific styles.\r\nconst Label = styled.label`\r\n  color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme)};\r\n  ${props => ComponentXXSStyling(1, null)}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${props => ComponentXSStyling(1, null)}\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentXXSStyling(1, null)}\r\n  }\r\n  &.medium {\r\n    ${props => ComponentXSStyling(1, null)}\r\n  }\r\n\r\n  pointer-events: none;\r\n`;\r\n\r\nconst LabelRow = styled.div<{ $margin?: string }>`\r\n  display: flex;\r\n  align-items: flex-start;\r\n  height: 16px;\r\n  margin-bottom: 4px;\r\n`;\r\n\r\nconst CopyContainer = styled.div`\r\n  margin-left: auto;\r\n\r\n  &:visited:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary', state: 'active' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled),\r\n  &.hover-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled),\r\n  &.focus-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n      background-color: white;\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled),\r\n  &.active-state:not(.disabled) {\r\n    ${TypographyBase}\r\n    {\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n      background-color: white;\r\n      text-decoration-line: underline;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled)\r\n  {\r\n    ${TypographyBase}\r\n    {\r\n      outline: none;\r\n      padding: 2px 0;\r\n      text-decoration-style: solid;\r\n      text-decoration-line: none;\r\n      font-weight: 700;\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled\r\n  {\r\n    ${TypographyBase}\r\n    {\r\n      outline: none;\r\n      padding: 2px 0;\r\n      text-decoration-style: solid;\r\n      text-decoration-line: none;\r\n      font-weight: 700;\r\n      color: ${props => COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary', state: 'disabled' }, props.theme)};\r\n    }\r\n  }\r\n  cursor: pointer;\r\n`;\r\n\r\nconst LabelRowInner = styled.div<{ $size: Size.Small | Size.Medium | undefined }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  width: 100%;\r\n  height: 100%;\r\n  align-items: center;\r\n`;\r\n\r\n// Add component-specific types\r\nexport type LabelProps = {\r\n  inputId: string;\r\n  text: string;\r\n  size?: Size.Small | Size.Medium;\r\n  margin?: string;\r\n  required?: boolean;\r\n  showCopyButton?: boolean;\r\n};\r\n\r\nenum CopyState {\r\n  Disabled = 0,\r\n  Available = 1,\r\n  Copied = 2\r\n}\r\n\r\nconst InputLabel: React.FunctionComponent<LabelProps> = ({ inputId, text, size, margin, required: requiredProp, showCopyButton }: LabelProps) => {\r\n  // Globally used variables within the component\r\n  const theme = useTheme();\r\n  const [required, setRequired] = React.useState<boolean>(false);\r\n  const [copyState, setCopyState] = React.useState<CopyState>(CopyState.Available);\r\n\r\n  /**\r\n   * Checks if field is set as required and we have to mark it accordingly.\r\n   */\r\n  React.useEffect(() => {\r\n    if(requiredProp === undefined)\r\n    {\r\n      if (document.getElementById(inputId)?.getAttribute('required') === '') {\r\n        setRequired(true);\r\n      } else {\r\n        setRequired(false);\r\n      }\r\n    }\r\n    else\r\n      setRequired(Boolean(requiredProp));\r\n  }, []);\r\n  /**\r\n   * Triggers a click element on a specific element.\r\n   * @param id - ID of the element which needs to be clicked.\r\n   */\r\n  const onTriggerClick = (id: string): void => {\r\n    document.getElementById(id)?.click();\r\n  };\r\n\r\n  const copyInputClick = (e: any) => {\r\n    e.preventDefault();\r\n    if(copyState == CopyState.Copied)\r\n      return;\r\n    \r\n    const val = (document.getElementById(inputId) as HTMLInputElement)?.value;\r\n    if(val)\r\n    {\r\n      window.navigator.clipboard.writeText(val);\r\n      setCopyState(CopyState.Copied);\r\n      setTimeout(() => {\r\n        setCopyState(CopyState.Available);\r\n      }, 1000);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <LabelRow $margin={margin}>\r\n      <LabelRowInner $size={size}>\r\n        <Label htmlFor={inputId} onClick={() => onTriggerClick(inputId)} className={size || ''}>\r\n          {text}\r\n        </Label>\r\n        {required && <SystemIcons.Asterisk size=\"16px\" color={COLORS.generateToken({ componentType:'icon', defaultVariant:'critical' }, theme)} />}\r\n        {showCopyButton && \r\n        <CopyContainer className={copyState != CopyState.Available ? \"disabled\" : \"\"} onClick={copyInputClick}>\r\n          { size == Size.Medium ? <ComponentXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXS> :\r\n          <ComponentXXS>{copyState == CopyState.Copied ? 'Copied' : 'Copy'}</ComponentXXS> }\r\n        </CopyContainer> }\r\n      </LabelRowInner>\r\n    </LabelRow>\r\n  );\r\n};\r\n\r\nexport default InputLabel;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/NumberField.cjs

@@ -29,7 +29,13 @@ const Container = _styledComponents.default.div``;
 const PrefixContainer = _styledComponents.default.div`
   width: ${props => props.$size === _types.Size.Small ? '10px' : '11px'};
   height: ${props => props.$size === _types.Size.Small ? '20px' : '24px'};
-  color: ${props => props.$disabled ? _styles.COLORS.getColor('neutral_300', props.theme) : _styles.COLORS.getColor('neutral_500', props.theme)};
+  color: ${props => props.$disabled ? _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme) : _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
   ${props => props.$size === _types.Size.Small ? (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, null) : (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, null)}
   position: absolute;
   padding: ${props => props.$size === _types.Size.Small ? '14px 0 14px 16px' : '16px 0 16px 16px'};
@@ -48,7 +54,10 @@ const OperatorWrapper = _styledComponents.default.div`
 
   .divider {
     margin: 16px 0;
-    background: ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+    background: ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
     width: 1px;
   }
 `;
@@ -57,11 +66,23 @@ const NumberInput = _styledComponents.default.input`
   border: none;
   border-radius: 4px;
   text-overflow: ellipsis;
-  box-shadow: inset 0 0 0 1px ${props => _styles.COLORS.getColor('neutral_400', props.theme)};
+  box-shadow: inset 0 0 0 1px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'default'
+}, props.theme)};
   outline: none;
-  color: ${props => _styles.COLORS.getColor('neutral_500', props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
 
-  ${props => props.$fieldSize === _types.Size.Small ? (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme)) : (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme))}
+  ${props => props.$fieldSize === _types.Size.Small ? (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme)) : (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme))}
   ${props => props.$type === 'NumberField' ? `
         padding: ${props.$fieldSize === _types.Size.Small ? '14px 97px 14px 16px' : '16px 97px 16px 16px'};
         padding-left: ${props.$hasPrefix ? '30px' : ''};
@@ -74,7 +95,10 @@ const NumberInput = _styledComponents.default.input`
   }
 
   &:focus:not(.focus-visible):not(.disabled):not(.readOnly):not(.valid):not(.invalid) {
-    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'hover'
+}, props.theme)};
   }
 
   &.focus-visible {
@@ -82,35 +106,61 @@ const NumberInput = _styledComponents.default.input`
   }
 
   &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {
-    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'hover'
+}, props.theme)};
   }
 
   &.disabled {
-    box-shadow: inset 0 0 0 1px ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+    box-shadow: inset 0 0 0 1px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'disabled'
+}, props.theme)};
     cursor: not-allowed;
-    color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)};
     pointer-events: none;
 
     &::placeholder {
-      color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)};
     }
   }
 
   &.readOnly {
-    background: ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
-    box-shadow: inset 0 0 0 1px ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
+    background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'disabled'
+}, props.theme)};
+    box-shadow: inset 0 0 0 1px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'default'
+}, props.theme)};
     cursor: not-allowed;
-    background: ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
     pointer-events: none;
-    color: ${props => _styles.COLORS.getColor('neutral_500', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
   }
 
   &.valid {
-    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.getColor('correct_400', props.theme)};
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'positive'
+}, props.theme)};
   }
 
   &.invalid {
-    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.getColor('critical_400', props.theme)};
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'critical'
+}, props.theme)};
   }
 `;
 const InputContainer = _styledComponents.default.div`

package/dist/InputFields/NumberField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.cjs","names":["React","_interopRequireWildcard","require","_TooltipStyles","_TooltipOverflow","_interopRequireDefault","_styledComponents","_Button","_common","_icons","_styles","_typography","_types","_styling","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Container","styled","div","PrefixContainer","props","$size","Size","Small","$disabled","COLORS","getColor","theme","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","OperatorWrapper","Medium","NumberInput","input","$fieldSize","$type","$hasPrefix","Italic","focusStyles","InputContainer","Z_INDEXES","focus","TooltipTrigger","LeftOperator","RightOperator","NumberField","forwardRef","ref","type","size","note","noteIcon","required","prefix","interval","minValue","maxValue","allowNegative","decimalPrecision","disabled","readOnly","state","value","placeholder","onChange","className","id","overflowTooltipPosition","dataTestId","rest","_objectWithoutProperties2","userInput","setUserInput","useState","toString","elementRef","useFocusVisibleRef","useEffect","useImperativeHandle","current","setVal","handleKeyPress","key","addInterval","subtractInterval","handleInput","preventDefault","simpleRegex","RegExp","decimalFormationRegEx","negativeDecimalFormationRegEx","allowNegativeRegex","decimalPrecisionRegex","undefined","negativeAndDecimalRegex","val","target","charAt","test","isInRange","replace","indexOf","lastIndexOf","includes","isDecimal","x","parseFloat","toFixed","parseInt","isNaN","Math","round","pow","isLocked","operator","operatorState","renderNumberFieldElements","jsxs","Fragment","children","jsx","IconButton","tabIndex","variant","shape","action","useTransparentBackground","SystemIcons","Minus","Plus","renderNumberInputElements","onKeyDown","concat","position","withArrow","maxWidth","align","ValidationMessage","States","Default","propTypes","_propTypes","string","number","bool","node","oneOf","func","_default","exports"],"sources":["../../src/InputFields/NumberField.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport styled from 'styled-components';\r\nimport {IconButton} from '../Button';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, focusStyles, Z_INDEXES} from '../styles';\r\nimport {\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Size, States, Testable} from '../types';\r\nimport {ValidationMessage} from \"./styling\";\r\n\r\nconst Container = styled.div``;\r\n\r\nconst PrefixContainer = styled.div<{ $size: Size, $disabled: boolean }>`\r\n  width: ${props => props.$size === Size.Small ? '10px' : '11px'};\r\n  height: ${props => props.$size === Size.Small ? '20px' : '24px'};\r\n  color: ${props => props.$disabled ? COLORS.getColor('neutral_300', props.theme) : COLORS.getColor('neutral_500', props.theme)};\r\n  ${props => props.$size === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, null) : ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  position: absolute;\r\n  padding: ${props => props.$size === Size.Small ? '14px 0 14px 16px' : '16px 0 16px 16px'};\r\n`;\r\n\r\nconst OperatorWrapper = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  display: flex;\r\n  margin: ${props => props.$size === Size.Medium ? '4px 0' : ''};\r\n\r\n  svg {\r\n    height: 14px;\r\n    width: 14px;\r\n  }\r\n\r\n  .divider {\r\n    margin: 16px 0;\r\n    background: ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    width: 1px;\r\n  }\r\n`;\r\n\r\nconst NumberInput = styled.input<{ $fieldSize: Size, $hasPrefix: boolean, $type: string }>`\r\n  width: 100%;\r\n  border: none;\r\n  border-radius: 4px;\r\n  text-overflow: ellipsis;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  outline: none;\r\n  color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n\r\n  ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme)) : ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  ${props => props.$type === 'NumberField' ? `\r\n        padding: ${props.$fieldSize === Size.Small ? '14px 97px 14px 16px' : '16px 97px 16px 16px'};\r\n        padding-left: ${props.$hasPrefix ? '30px' : ''};\r\n    ` : ''}\r\n  ${props => props.$type === 'NumberInput' ? `\r\n        padding: ${props.$fieldSize === Size.Small ? '14px 48px' : '16px 48px'};\r\n    ` : ''}\r\n  &::placeholder {\r\n    ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Italic, null) : ComponentMStyling(ComponentTextStyle.Italic, null)}\r\n  }\r\n\r\n  &:focus:not(.focus-visible):not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    pointer-events: none;\r\n\r\n    &::placeholder {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.readOnly {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    pointer-events: none;\r\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  }\r\n\r\n  &.valid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('correct_400', props.theme)};\r\n  }\r\n\r\n  &.invalid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n  }\r\n`;\r\n\r\nconst InputContainer = styled.div<{ $size: Size, $type: string }>`\r\n  min-width: ${props => props.$type === 'NumberField' ? '160px' : '144px'};\r\n  height: ${props => props.$size === Size.Small ? '48px' : '56px'};\r\n  display: flex;\r\n  position: relative;\r\n  margin-bottom: 4px;\r\n\r\n  input.focus-visible ~ div.operator {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n\r\n  ${TooltipTrigger('hover')}\r\n`;\r\n\r\nconst LeftOperator = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: ${props => props.$size === Size.Small ? '0' : '4px'};\r\n  left: 0;\r\n`;\r\n\r\nconst RightOperator = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: ${props => props.$size === Size.Small ? '0' : '4px'};\r\n  right: 0;\r\n`;\r\n\r\nexport interface NumberFieldProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onKeyDown' | 'onClick' | 'tabIndex' | 'size' | 'value' | 'prefix' | 'min' | 'max'>\r\n{\r\n  /**\r\n   * Optional. The size of the number field. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /**\r\n   * Optional. The prefix to be displayed before the number in the field.\r\n   */\r\n  prefix?: string;\r\n\r\n  /**\r\n   * Optional. The interval for incrementing and decrementing the number in the field.\r\n   */\r\n  interval?: number;\r\n\r\n  /**\r\n   * Optional. The minimum value that can be entered in the field.\r\n   */\r\n  minValue?: number;\r\n\r\n  /**\r\n   * Optional. The maximum value that can be entered in the field.\r\n   */\r\n  maxValue?: number;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether negative numbers are allowed.\r\n   */\r\n  allowNegative?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of decimal places allowed in the number.\r\n   */\r\n  decimalPrecision?: number;\r\n\r\n  /**\r\n   * Optional. The state of the number field. Can be 'Valid' or 'Invalid'.\r\n   */\r\n  state?: States.Valid | States.Invalid;\r\n\r\n  /**\r\n   * Optional. A note to be displayed below the number field.\r\n   */\r\n  note?: string;\r\n\r\n  /**\r\n   * Optional. An icon to be displayed next to the note.\r\n   */\r\n  noteIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The type of the number field. Can be 'NumberField' or 'NumberInput'.\r\n   */\r\n  type?: 'NumberField' | 'NumberInput';\r\n\r\n  /**\r\n   * Optional. The current value of the number field.\r\n   */\r\n  value?: number;\r\n\r\n  /**\r\n   * Optional. A function to be called when the value of the number field changes.\r\n   */\r\n  onChange?: (e: number) => void;\r\n\r\n  /**\r\n   * Optional. The position of the tooltip when the number overflows. Can be 'top' or 'bottom'.\r\n   */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n}\r\n\r\nconst NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>((props, ref) => {\r\n      const {\r\n        type = 'NumberField',\r\n        size = Size.Medium,\r\n        note,\r\n        noteIcon,\r\n        required,\r\n        prefix,\r\n        interval = 1,\r\n        minValue,\r\n        maxValue,\r\n        allowNegative,\r\n        decimalPrecision,\r\n        disabled,\r\n        readOnly,\r\n        state,\r\n        value,\r\n        placeholder,\r\n        onChange,\r\n        className,\r\n        id,\r\n        overflowTooltipPosition,\r\n        dataTestId,\r\n        ...rest\r\n      } = props;\r\n\r\n      const [userInput, setUserInput] = React.useState(value ? value.toString() : '');\r\n\r\n      const elementRef = useFocusVisibleRef();\r\n\r\n      React.useEffect(() => setUserInput(`${value ?? ''}`), [value]);\r\n\r\n      React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);\r\n\r\n      const setVal = (e: string) => {\r\n        setUserInput(e);\r\n        onChange && onChange(+e);\r\n      }\r\n\r\n      const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n        switch (e.key) {\r\n          case 'ArrowUp':\r\n            addInterval();\r\n            break;\r\n          case 'ArrowDown':\r\n            subtractInterval();\r\n            break;\r\n          default:\r\n            break;\r\n        }\r\n      }\r\n\r\n      const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        e.preventDefault();\r\n        let simpleRegex = new RegExp(/^[0-9]\\d*$/);\r\n        let decimalFormationRegEx = new RegExp(/^[0-9]\\d*\\.$/);\r\n        let negativeDecimalFormationRegEx = new RegExp(/^[-][0-9]\\d*\\.$/);\r\n\r\n        let allowNegativeRegex = new RegExp(/^[-][0-9]\\d*$/);\r\n        let decimalPrecisionRegex = decimalPrecision ? new RegExp(`^[0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\r\n        let negativeAndDecimalRegex = (decimalPrecision && allowNegative) ? new RegExp(`^[-][0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\r\n\r\n        let val = e.target.value;\r\n        if (val !== '') {\r\n          if (allowNegative && decimalPrecision) {\r\n            if (val.length === 1 && val.charAt(0) === '-')\r\n              setVal(val);\r\n            else {\r\n              if ((negativeAndDecimalRegex!.test(val) || decimalPrecisionRegex!.test(val)) && isInRange(val, true))\r\n                setVal(val);\r\n\r\n              else if ((negativeDecimalFormationRegEx.test(val) || decimalFormationRegEx.test(val)) && isInRange(val.replace('.', ''), true))\r\n                setVal(val);\r\n\r\n              else if ((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val, true))\r\n                setVal(val);\r\n            }\r\n          } else if (allowNegative) {\r\n            if (val.length === 1 && val.charAt(0) === '-')\r\n              setVal(val);\r\n            else if ((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val, false))\r\n              setVal(val);\r\n          } else if (decimalPrecision && (val.indexOf('.') === val.lastIndexOf('.')) && isInRange(val, true)) {\r\n            if (decimalPrecisionRegex!.test(val))\r\n              setVal(val);\r\n            else if (decimalFormationRegEx.test(val))\r\n              setVal(val);\r\n            else if (!val.includes('.') && simpleRegex.test(val))\r\n              setVal(val);\r\n          } else if (simpleRegex.test(val) && isInRange(val, false)) {\r\n            setVal(val);\r\n          }\r\n        }\r\n\r\n        if (val === '')\r\n          setVal('');\r\n      }\r\n\r\n      const isInRange = (value: string, isDecimal: boolean): boolean => {\r\n        let x = isDecimal ? parseFloat(parseFloat(value).toFixed(decimalPrecision)) : parseInt(value);\r\n        if (minValue && minValue > x)\r\n          return false;\r\n        else if (maxValue && maxValue < x)\r\n          return false;\r\n        else\r\n          return true;\r\n      }\r\n\r\n      const addInterval = () => {\r\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\r\n        val = isNaN(val) && userInput === '' ? (minValue ? minValue - 1 : 0) : val;\r\n        if (!isNaN(val)) {\r\n          if (decimalPrecision)\r\n            val = Math.round((val + interval) * Math.pow(10, decimalPrecision!)) / Math.pow(10, decimalPrecision!);\r\n          else\r\n            val += 1;\r\n\r\n          if (maxValue && maxValue >= val)\r\n            setVal(val.toString());\r\n          else if (!maxValue)\r\n            setVal(val.toString());\r\n        }\r\n      }\r\n\r\n      const subtractInterval = () => {\r\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\r\n        val = isNaN(val) && userInput === '' ? (maxValue ? maxValue + 1 : 0) : val;\r\n        if (!isNaN(val)) {\r\n          if (decimalPrecision)\r\n            val = Math.round((val - interval) * Math.pow(10, decimalPrecision!)) / Math.pow(10, decimalPrecision!);\r\n          else\r\n            val -= 1;\r\n\r\n          if ((minValue && minValue <= val) || !minValue) {\r\n            if (allowNegative || val >= 0) {\r\n              setVal(val.toString());\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      const isLocked = (input: string, operator: string): boolean => {\r\n        let val = decimalPrecision ? parseFloat(input) : parseInt(input);\r\n        val = isNaN(val) && userInput === '' ? 0 : val;\r\n        let operatorState = false;\r\n        if (operator === 'add' && maxValue)\r\n          operatorState = val >= maxValue;\r\n\r\n        if (operator === 'subtract' && minValue)\r\n          operatorState = val <= minValue;\r\n\r\n        if (operator === 'subtract' && !minValue && !allowNegative)\r\n          operatorState = val <= 0;\r\n\r\n        return operatorState;\r\n      }\r\n\r\n      const renderNumberFieldElements = () => {\r\n        return (\r\n          <>\r\n            {prefix && <PrefixContainer $size={size} $disabled={!!disabled} className=\"operator\">\r\n              {prefix}\r\n            </PrefixContainer>}\r\n\r\n            <OperatorWrapper data-testid={'operators'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => subtractInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'subtract')}>\r\n                <SystemIcons.Minus size=\"14px\"/>\r\n              </IconButton>\r\n              <div className=\"divider\"></div>\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => addInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'add')}>\r\n                <SystemIcons.Plus size=\"14px\"/>\r\n              </IconButton>\r\n            </OperatorWrapper>\r\n          </>)\r\n      }\r\n\r\n      const renderNumberInputElements = () => {\r\n        return (\r\n          <>\r\n            <LeftOperator data-testid={'leftOperator'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => subtractInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'subtract')}>\r\n                <SystemIcons.Minus size=\"14px\"/>\r\n              </IconButton>\r\n            </LeftOperator>\r\n            <RightOperator data-testid={'rightOperator'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => addInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'add')}>\r\n                <SystemIcons.Plus size=\"14px\"/>\r\n              </IconButton>\r\n            </RightOperator>\r\n          </>)\r\n      }\r\n\r\n      return (\r\n        <Container>\r\n          <InputContainer $type={type} $size={size} tabIndex={-1}>\r\n            <NumberInput $type={type}\r\n                          id={id}\r\n                         data-testid={dataTestId}\r\n                         $fieldSize={size}\r\n                         $hasPrefix={!!prefix}\r\n                         placeholder={placeholder ? placeholder : 'Enter number'}\r\n                         value={userInput}\r\n                         ref={elementRef}\r\n                         tabIndex={(disabled || readOnly) ? -1 : 0}\r\n                         onChange={e => handleInput(e)}\r\n                         onKeyDown={e => handleKeyPress(e)}\r\n                         required={required}\r\n                         className={disabled ? ' disabled' : ''\r\n                           .concat(readOnly ? ' readOnly' : '')\r\n                           .concat(state ? ` ${state}` : '')\r\n                           .concat(className ? ` ${className}` : '')}\r\n                         {...rest}/>\r\n\r\n            {type === 'NumberField' && renderNumberFieldElements()}\r\n            {type === 'NumberInput' && renderNumberInputElements()}\r\n            {value && <TooltipOverflow position={overflowTooltipPosition} input={elementRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n              {value?.toString()}\r\n            </TooltipOverflow>}\r\n          </InputContainer>\r\n\r\n          {\r\n            note &&\r\n            <ValidationMessage type={state || States.Default}>\r\n              {noteIcon}\r\n              <span>{note}</span>\r\n            </ValidationMessage>\r\n          }\r\n\r\n        </Container>\r\n      );\r\n    }\r\n  )\r\n;\r\n\r\nexport default NumberField;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NumberField.cjs","names":["React","_interopRequireWildcard","require","_TooltipStyles","_TooltipOverflow","_interopRequireDefault","_styledComponents","_Button","_common","_icons","_styles","_typography","_types","_styling","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Container","styled","div","PrefixContainer","props","$size","Size","Small","$disabled","COLORS","generateToken","componentType","state","theme","defaultVariant","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","OperatorWrapper","Medium","NumberInput","input","$fieldSize","$type","$hasPrefix","Italic","focusStyles","InputContainer","Z_INDEXES","focus","TooltipTrigger","LeftOperator","RightOperator","NumberField","forwardRef","ref","type","size","note","noteIcon","required","prefix","interval","minValue","maxValue","allowNegative","decimalPrecision","disabled","readOnly","value","placeholder","onChange","className","id","overflowTooltipPosition","dataTestId","rest","_objectWithoutProperties2","userInput","setUserInput","useState","toString","elementRef","useFocusVisibleRef","useEffect","useImperativeHandle","current","setVal","handleKeyPress","key","addInterval","subtractInterval","handleInput","preventDefault","simpleRegex","RegExp","decimalFormationRegEx","negativeDecimalFormationRegEx","allowNegativeRegex","decimalPrecisionRegex","undefined","negativeAndDecimalRegex","val","target","charAt","test","isInRange","replace","indexOf","lastIndexOf","includes","isDecimal","x","parseFloat","toFixed","parseInt","isNaN","Math","round","pow","isLocked","operator","operatorState","renderNumberFieldElements","jsxs","Fragment","children","jsx","IconButton","tabIndex","variant","shape","action","useTransparentBackground","SystemIcons","Minus","Plus","renderNumberInputElements","onKeyDown","concat","position","withArrow","maxWidth","align","ValidationMessage","States","Default","propTypes","_propTypes","string","number","bool","node","oneOf","func","_default","exports"],"sources":["../../src/InputFields/NumberField.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport styled from 'styled-components';\r\nimport {IconButton} from '../Button';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, focusStyles, Z_INDEXES} from '../styles';\r\nimport {\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles/typography';\r\nimport {Size, States, Testable} from '../types';\r\nimport {ValidationMessage} from \"./styling\";\r\n\r\nconst Container = styled.div``;\r\n\r\nconst PrefixContainer = styled.div<{ $size: Size, $disabled: boolean }>`\r\n  width: ${props => props.$size === Size.Small ? '10px' : '11px'};\r\n  height: ${props => props.$size === Size.Small ? '20px' : '24px'};\r\n  color: ${props => props.$disabled ? COLORS.generateToken({componentType:'text', state:'disabled'}, props.theme) : \r\n    COLORS.generateToken({componentType:'text', defaultVariant:'subtle'}, props.theme)};\r\n  ${props => props.$size === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, null) : ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  position: absolute;\r\n  padding: ${props => props.$size === Size.Small ? '14px 0 14px 16px' : '16px 0 16px 16px'};\r\n`;\r\n\r\nconst OperatorWrapper = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  display: flex;\r\n  margin: ${props => props.$size === Size.Medium ? '4px 0' : ''};\r\n\r\n  svg {\r\n    height: 14px;\r\n    width: 14px;\r\n  }\r\n\r\n  .divider {\r\n    margin: 16px 0;\r\n    background: ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'subtle' }, props.theme)};\r\n    width: 1px;\r\n  }\r\n`;\r\n\r\nconst NumberInput = styled.input<{ $fieldSize: Size, $hasPrefix: boolean, $type: string }>`\r\n  width: 100%;\r\n  border: none;\r\n  border-radius: 4px;\r\n  text-overflow: ellipsis;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.generateToken({componentType:'border', defaultVariant:'default' }, props.theme)};\r\n  outline: none;\r\n  color: ${props => COLORS.generateToken({componentType:'text', defaultVariant:'subtle'}, props.theme)};\r\n\r\n  ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.generateToken({componentType:'text', defaultVariant:'default'}, props.theme)) :\r\n     ComponentMStyling(ComponentTextStyle.Regular, COLORS.generateToken({componentType:'text', defaultVariant:'default'}, props.theme))}\r\n  ${props => props.$type === 'NumberField' ? `\r\n        padding: ${props.$fieldSize === Size.Small ? '14px 97px 14px 16px' : '16px 97px 16px 16px'};\r\n        padding-left: ${props.$hasPrefix ? '30px' : ''};\r\n    ` : ''}\r\n  ${props => props.$type === 'NumberInput' ? `\r\n        padding: ${props.$fieldSize === Size.Small ? '14px 48px' : '16px 48px'};\r\n    ` : ''}\r\n  &::placeholder {\r\n    ${props => props.$fieldSize === Size.Small ? ComponentSStyling(ComponentTextStyle.Italic, null) : ComponentMStyling(ComponentTextStyle.Italic, null)}\r\n  }\r\n\r\n  &:focus:not(.focus-visible):not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.generateToken({ componentType:'border', state:'hover' }, props.theme)};\r\n  }\r\n\r\n  &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.disabled):not(.readOnly):not(.valid):not(.invalid) {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.generateToken({ componentType:'border', state:'hover' }, props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.generateToken({ componentType:'border', state:'disabled' }, props.theme)};\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.generateToken({ componentType:'text', state:'disabled' }, props.theme)};\r\n    pointer-events: none;\r\n\r\n    &::placeholder {\r\n      color: ${props => COLORS.generateToken({ componentType:'text', state:'disabled' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.readOnly {\r\n    background: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'disabled'  }, props.theme)};\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'default'  }, props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle'  }, props.theme)};\r\n  }\r\n\r\n  &.valid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.generateToken({ componentType:'border', defaultVariant:'positive' }, props.theme)};\r\n  }\r\n\r\n  &.invalid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.generateToken({ componentType:'border', defaultVariant:'critical' }, props.theme)};\r\n  }\r\n`;\r\n\r\nconst InputContainer = styled.div<{ $size: Size, $type: string }>`\r\n  min-width: ${props => props.$type === 'NumberField' ? '160px' : '144px'};\r\n  height: ${props => props.$size === Size.Small ? '48px' : '56px'};\r\n  display: flex;\r\n  position: relative;\r\n  margin-bottom: 4px;\r\n\r\n  input.focus-visible ~ div.operator {\r\n    z-index: ${Z_INDEXES.focus};\r\n  }\r\n\r\n  ${TooltipTrigger('hover')}\r\n`;\r\n\r\nconst LeftOperator = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: ${props => props.$size === Size.Small ? '0' : '4px'};\r\n  left: 0;\r\n`;\r\n\r\nconst RightOperator = styled.div<{ $size: Size }>`\r\n  position: absolute;\r\n  top: ${props => props.$size === Size.Small ? '0' : '4px'};\r\n  right: 0;\r\n`;\r\n\r\nexport interface NumberFieldProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onKeyDown' | 'onClick' | 'tabIndex' | 'size' | 'value' | 'prefix' | 'min' | 'max'>\r\n{\r\n  /**\r\n   * Optional. The size of the number field. Can be 'Small' or 'Medium'.\r\n   */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /**\r\n   * Optional. The prefix to be displayed before the number in the field.\r\n   */\r\n  prefix?: string;\r\n\r\n  /**\r\n   * Optional. The interval for incrementing and decrementing the number in the field.\r\n   */\r\n  interval?: number;\r\n\r\n  /**\r\n   * Optional. The minimum value that can be entered in the field.\r\n   */\r\n  minValue?: number;\r\n\r\n  /**\r\n   * Optional. The maximum value that can be entered in the field.\r\n   */\r\n  maxValue?: number;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether negative numbers are allowed.\r\n   */\r\n  allowNegative?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of decimal places allowed in the number.\r\n   */\r\n  decimalPrecision?: number;\r\n\r\n  /**\r\n   * Optional. The state of the number field. Can be 'Valid' or 'Invalid'.\r\n   */\r\n  state?: States.Valid | States.Invalid;\r\n\r\n  /**\r\n   * Optional. A note to be displayed below the number field.\r\n   */\r\n  note?: string;\r\n\r\n  /**\r\n   * Optional. An icon to be displayed next to the note.\r\n   */\r\n  noteIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The type of the number field. Can be 'NumberField' or 'NumberInput'.\r\n   */\r\n  type?: 'NumberField' | 'NumberInput';\r\n\r\n  /**\r\n   * Optional. The current value of the number field.\r\n   */\r\n  value?: number;\r\n\r\n  /**\r\n   * Optional. A function to be called when the value of the number field changes.\r\n   */\r\n  onChange?: (e: number) => void;\r\n\r\n  /**\r\n   * Optional. The position of the tooltip when the number overflows. Can be 'top' or 'bottom'.\r\n   */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n}\r\n\r\nconst NumberField = React.forwardRef<HTMLInputElement, NumberFieldProps>((props, ref) => {\r\n      const {\r\n        type = 'NumberField',\r\n        size = Size.Medium,\r\n        note,\r\n        noteIcon,\r\n        required,\r\n        prefix,\r\n        interval = 1,\r\n        minValue,\r\n        maxValue,\r\n        allowNegative,\r\n        decimalPrecision,\r\n        disabled,\r\n        readOnly,\r\n        state,\r\n        value,\r\n        placeholder,\r\n        onChange,\r\n        className,\r\n        id,\r\n        overflowTooltipPosition,\r\n        dataTestId,\r\n        ...rest\r\n      } = props;\r\n\r\n      const [userInput, setUserInput] = React.useState(value ? value.toString() : '');\r\n\r\n      const elementRef = useFocusVisibleRef();\r\n\r\n      React.useEffect(() => setUserInput(`${value ?? ''}`), [value]);\r\n\r\n      React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);\r\n\r\n      const setVal = (e: string) => {\r\n        setUserInput(e);\r\n        onChange && onChange(+e);\r\n      }\r\n\r\n      const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n        switch (e.key) {\r\n          case 'ArrowUp':\r\n            addInterval();\r\n            break;\r\n          case 'ArrowDown':\r\n            subtractInterval();\r\n            break;\r\n          default:\r\n            break;\r\n        }\r\n      }\r\n\r\n      const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n        e.preventDefault();\r\n        let simpleRegex = new RegExp(/^[0-9]\\d*$/);\r\n        let decimalFormationRegEx = new RegExp(/^[0-9]\\d*\\.$/);\r\n        let negativeDecimalFormationRegEx = new RegExp(/^[-][0-9]\\d*\\.$/);\r\n\r\n        let allowNegativeRegex = new RegExp(/^[-][0-9]\\d*$/);\r\n        let decimalPrecisionRegex = decimalPrecision ? new RegExp(`^[0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\r\n        let negativeAndDecimalRegex = (decimalPrecision && allowNegative) ? new RegExp(`^[-][0-9]\\\\d*\\\\.[0-9]\\\\d{0,${decimalPrecision-1}}$`) : undefined;\r\n\r\n        let val = e.target.value;\r\n        if (val !== '') {\r\n          if (allowNegative && decimalPrecision) {\r\n            if (val.length === 1 && val.charAt(0) === '-')\r\n              setVal(val);\r\n            else {\r\n              if ((negativeAndDecimalRegex!.test(val) || decimalPrecisionRegex!.test(val)) && isInRange(val, true))\r\n                setVal(val);\r\n\r\n              else if ((negativeDecimalFormationRegEx.test(val) || decimalFormationRegEx.test(val)) && isInRange(val.replace('.', ''), true))\r\n                setVal(val);\r\n\r\n              else if ((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val, true))\r\n                setVal(val);\r\n            }\r\n          } else if (allowNegative) {\r\n            if (val.length === 1 && val.charAt(0) === '-')\r\n              setVal(val);\r\n            else if ((allowNegativeRegex.test(val) || simpleRegex.test(val)) && isInRange(val, false))\r\n              setVal(val);\r\n          } else if (decimalPrecision && (val.indexOf('.') === val.lastIndexOf('.')) && isInRange(val, true)) {\r\n            if (decimalPrecisionRegex!.test(val))\r\n              setVal(val);\r\n            else if (decimalFormationRegEx.test(val))\r\n              setVal(val);\r\n            else if (!val.includes('.') && simpleRegex.test(val))\r\n              setVal(val);\r\n          } else if (simpleRegex.test(val) && isInRange(val, false)) {\r\n            setVal(val);\r\n          }\r\n        }\r\n\r\n        if (val === '')\r\n          setVal('');\r\n      }\r\n\r\n      const isInRange = (value: string, isDecimal: boolean): boolean => {\r\n        let x = isDecimal ? parseFloat(parseFloat(value).toFixed(decimalPrecision)) : parseInt(value);\r\n        if (minValue && minValue > x)\r\n          return false;\r\n        else if (maxValue && maxValue < x)\r\n          return false;\r\n        else\r\n          return true;\r\n      }\r\n\r\n      const addInterval = () => {\r\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\r\n        val = isNaN(val) && userInput === '' ? (minValue ? minValue - 1 : 0) : val;\r\n        if (!isNaN(val)) {\r\n          if (decimalPrecision)\r\n            val = Math.round((val + interval) * Math.pow(10, decimalPrecision!)) / Math.pow(10, decimalPrecision!);\r\n          else\r\n            val += 1;\r\n\r\n          if (maxValue && maxValue >= val)\r\n            setVal(val.toString());\r\n          else if (!maxValue)\r\n            setVal(val.toString());\r\n        }\r\n      }\r\n\r\n      const subtractInterval = () => {\r\n        let val = decimalPrecision ? parseFloat(userInput) : parseInt(userInput);\r\n        val = isNaN(val) && userInput === '' ? (maxValue ? maxValue + 1 : 0) : val;\r\n        if (!isNaN(val)) {\r\n          if (decimalPrecision)\r\n            val = Math.round((val - interval) * Math.pow(10, decimalPrecision!)) / Math.pow(10, decimalPrecision!);\r\n          else\r\n            val -= 1;\r\n\r\n          if ((minValue && minValue <= val) || !minValue) {\r\n            if (allowNegative || val >= 0) {\r\n              setVal(val.toString());\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      const isLocked = (input: string, operator: string): boolean => {\r\n        let val = decimalPrecision ? parseFloat(input) : parseInt(input);\r\n        val = isNaN(val) && userInput === '' ? 0 : val;\r\n        let operatorState = false;\r\n        if (operator === 'add' && maxValue)\r\n          operatorState = val >= maxValue;\r\n\r\n        if (operator === 'subtract' && minValue)\r\n          operatorState = val <= minValue;\r\n\r\n        if (operator === 'subtract' && !minValue && !allowNegative)\r\n          operatorState = val <= 0;\r\n\r\n        return operatorState;\r\n      }\r\n\r\n      const renderNumberFieldElements = () => {\r\n        return (\r\n          <>\r\n            {prefix && <PrefixContainer $size={size} $disabled={!!disabled} className=\"operator\">\r\n              {prefix}\r\n            </PrefixContainer>}\r\n\r\n            <OperatorWrapper data-testid={'operators'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => subtractInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'subtract')}>\r\n                <SystemIcons.Minus size=\"14px\"/>\r\n              </IconButton>\r\n              <div className=\"divider\"></div>\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => addInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'add')}>\r\n                <SystemIcons.Plus size=\"14px\"/>\r\n              </IconButton>\r\n            </OperatorWrapper>\r\n          </>)\r\n      }\r\n\r\n      const renderNumberInputElements = () => {\r\n        return (\r\n          <>\r\n            <LeftOperator data-testid={'leftOperator'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => subtractInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'subtract')}>\r\n                <SystemIcons.Minus size=\"14px\"/>\r\n              </IconButton>\r\n            </LeftOperator>\r\n            <RightOperator data-testid={'rightOperator'} $size={size} className=\"operator\">\r\n              <IconButton tabIndex={0} variant=\"secondary\" shape=\"square\" action={() => addInterval()}\r\n                          useTransparentBackground disabled={disabled || readOnly || isLocked(userInput, 'add')}>\r\n                <SystemIcons.Plus size=\"14px\"/>\r\n              </IconButton>\r\n            </RightOperator>\r\n          </>)\r\n      }\r\n\r\n      return (\r\n        <Container>\r\n          <InputContainer $type={type} $size={size} tabIndex={-1}>\r\n            <NumberInput $type={type}\r\n                          id={id}\r\n                         data-testid={dataTestId}\r\n                         $fieldSize={size}\r\n                         $hasPrefix={!!prefix}\r\n                         placeholder={placeholder ? placeholder : 'Enter number'}\r\n                         value={userInput}\r\n                         ref={elementRef}\r\n                         tabIndex={(disabled || readOnly) ? -1 : 0}\r\n                         onChange={e => handleInput(e)}\r\n                         onKeyDown={e => handleKeyPress(e)}\r\n                         required={required}\r\n                         className={disabled ? ' disabled' : ''\r\n                           .concat(readOnly ? ' readOnly' : '')\r\n                           .concat(state ? ` ${state}` : '')\r\n                           .concat(className ? ` ${className}` : '')}\r\n                         {...rest}/>\r\n\r\n            {type === 'NumberField' && renderNumberFieldElements()}\r\n            {type === 'NumberInput' && renderNumberInputElements()}\r\n            {value && <TooltipOverflow position={overflowTooltipPosition} input={elementRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n              {value?.toString()}\r\n            </TooltipOverflow>}\r\n          </InputContainer>\r\n\r\n          {\r\n            note &&\r\n            <ValidationMessage type={state || States.Default}>\r\n              {noteIcon}\r\n              <span>{note}</span>\r\n            </ValidationMessage>\r\n          }\r\n\r\n        </Container>\r\n      );\r\n    }\r\n  )\r\n;\r\n\r\nexport default NumberField;\r\n"],"mappings":"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","ignoreList":[]}