@laerdal/life-react-components 5.0.5-dev.4.full → 5.0.6-dev.1

package/dist/InputFields/components/SearchBarInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBarInput.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_index","_styles","_common","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Search","styled","input","attrs","type","_taggedTemplateLiteral2","props","ComponentSStyling","ComponentTextStyle","Italic","COLORS","getColor","theme","Regular","BREAKPOINTS","MEDIUM","ComponentMStyling","exports","SearchBarInput","forwardRef","ref","id","searchTerm","setSearchTerm","enterSearch","placeholder","disabled","onKeyDown","size","onBlur","onClick","elementRef","useFocusVisibleRef","focusParentRefs","useImperativeHandle","current","isPressingEnter","key","preventDefault","stopPropagation","jsx","className","tabIndex","onChange","target","value","onKeyPress","propTypes","_propTypes","string","isRequired","func","bool","array","_default"],"sources":["../../../src/InputFields/components/SearchBarInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles/index';\nimport { Size } from '../../types';\nimport { ComponentMStyling, ComponentSStyling } from '../../styles';\nimport { useFocusVisibleRef } from '../../common';\n\nexport const Search = styled.input.attrs(() => ({ type: 'search' }))`\n  appearance: none;\n  width: calc(100% - 96px);\n\n  /* To prevent browser putting its own cross inside the search bar */\n\n  &::-ms-clear {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n\n  &::-ms-reveal {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n\n  &::placeholder {\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n  }\n\n  height: 32px;\n  border-width: 0;\n  margin-left: 48px;\n  outline: none;\n\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n  ::placeholder {\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    ::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  &.small {\n    margin-left: 44px;\n\n    ::placeholder {\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  &.medium {\n    margin-left: 48px;\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    \n    ::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  &:disabled {\n    background: transparent;\n    border: none;\n  }\n`;\n\ntype SearchBarInputProps = {\n  id: string;\n  searchTerm?: string;\n  setSearchTerm: (term: string) => void;\n  enterSearch: (e: any) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  size?: Size.Small | Size.Medium;\n  onBlur?: (e: any) => void;\n  focusParentRefs?: React.RefObject<any>[];\n  onClick?: ()=>void;\n};\n\nconst SearchBarInput = React.forwardRef<HTMLInputElement, SearchBarInputProps>((props: SearchBarInputProps, ref) => {\n  const { id, searchTerm, setSearchTerm, enterSearch, placeholder, disabled, onKeyDown, size, onBlur, onClick } = props;\n\n  const elementRef = useFocusVisibleRef(props.focusParentRefs || []);\n\n  React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);\n\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n\n  return (\n    <Search\n      placeholder={disabled ? '' : placeholder}\n      ref={elementRef}\n      id={id}\n      data-testid={id}\n      className={size ? size : ''}\n      tabIndex={0}\n      disabled={disabled}\n      onChange={(e: any) => setSearchTerm(e.target.value)}\n      value={searchTerm}\n      onBlur={(e) => onBlur && onBlur(e)}\n      onKeyDown={onKeyDown}\n      onKeyPress={(e: any) => (isPressingEnter(e) ? enterSearch(e) : null)}\n      onClick={onClick}\n    />\n  );\n});\n\nexport default SearchBarInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SearchBarInput.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_index","_styles","_common","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Search","styled","input","attrs","type","_taggedTemplateLiteral2","props","ComponentSStyling","ComponentTextStyle","Italic","COLORS","getColor","theme","Regular","BREAKPOINTS","MEDIUM","ComponentMStyling","exports","SearchBarInput","forwardRef","ref","id","searchTerm","setSearchTerm","enterSearch","placeholder","disabled","onKeyDown","size","onBlur","onClick","elementRef","useFocusVisibleRef","focusParentRefs","useImperativeHandle","current","isPressingEnter","key","preventDefault","stopPropagation","jsx","className","tabIndex","onChange","target","value","onKeyPress","propTypes","_propTypes","string","isRequired","func","bool","array","_default"],"sources":["../../../src/InputFields/components/SearchBarInput.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles/index';\r\nimport { Size } from '../../types';\r\nimport { ComponentMStyling, ComponentSStyling } from '../../styles';\r\nimport { useFocusVisibleRef } from '../../common';\r\n\r\nexport const Search = styled.input.attrs(() => ({ type: 'search' }))`\r\n  appearance: none;\r\n  width: calc(100% - 96px);\r\n\r\n  /* To prevent browser putting its own cross inside the search bar */\r\n\r\n  &::-ms-clear {\r\n    display: none;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n\r\n  &::-ms-reveal {\r\n    display: none;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n\r\n  &::-webkit-search-decoration,\r\n  &::-webkit-search-cancel-button,\r\n  &::-webkit-search-results-button,\r\n  &::-webkit-search-results-decoration {\r\n    display: none;\r\n  }\r\n\r\n  &::placeholder {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  height: 32px;\r\n  border-width: 0;\r\n  margin-left: 48px;\r\n  outline: none;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  ::placeholder {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    margin-left: 44px;\r\n\r\n    ::placeholder {\r\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    margin-left: 48px;\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    \r\n    ::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n`;\r\n\r\ntype SearchBarInputProps = {\r\n  id: string;\r\n  searchTerm?: string;\r\n  setSearchTerm: (term: string) => void;\r\n  enterSearch: (e: any) => void;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n  size?: Size.Small | Size.Medium;\r\n  onBlur?: (e: any) => void;\r\n  focusParentRefs?: React.RefObject<any>[];\r\n  onClick?: ()=>void;\r\n};\r\n\r\nconst SearchBarInput = React.forwardRef<HTMLInputElement, SearchBarInputProps>((props: SearchBarInputProps, ref) => {\r\n  const { id, searchTerm, setSearchTerm, enterSearch, placeholder, disabled, onKeyDown, size, onBlur, onClick } = props;\r\n\r\n  const elementRef = useFocusVisibleRef(props.focusParentRefs || []);\r\n\r\n  React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);\r\n\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  return (\r\n    <Search\r\n      placeholder={disabled ? '' : placeholder}\r\n      ref={elementRef}\r\n      id={id}\r\n      data-testid={id}\r\n      className={size ? size : ''}\r\n      tabIndex={0}\r\n      disabled={disabled}\r\n      onChange={(e: any) => setSearchTerm(e.target.value)}\r\n      value={searchTerm}\r\n      onBlur={(e) => onBlur && onBlur(e)}\r\n      onKeyDown={onKeyDown}\r\n      onKeyPress={(e: any) => (isPressingEnter(e) ? enterSearch(e) : null)}\r\n      onClick={onClick}\r\n    />\r\n  );\r\n});\r\n\r\nexport default SearchBarInput;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/components/SearchBarInput.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { Size } from '../../types';
-export declare const Search: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
-}>, never>, never>> & string;
-type SearchBarInputProps = {
-    id: string;
-    searchTerm?: string;
-    setSearchTerm: (term: string) => void;
-    enterSearch: (e: any) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    size?: Size.Small | Size.Medium;
-    onBlur?: (e: any) => void;
-    focusParentRefs?: React.RefObject<any>[];
-    onClick?: () => void;
-};
-declare const SearchBarInput: React.ForwardRefExoticComponent<SearchBarInputProps & React.RefAttributes<HTMLInputElement>>;
-export default SearchBarInput;
+import * as React from 'react';
+import { Size } from '../../types';
+export declare const Search: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+}>, never>, never>> & string;
+type SearchBarInputProps = {
+    id: string;
+    searchTerm?: string;
+    setSearchTerm: (term: string) => void;
+    enterSearch: (e: any) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    size?: Size.Small | Size.Medium;
+    onBlur?: (e: any) => void;
+    focusParentRefs?: React.RefObject<any>[];
+    onClick?: () => void;
+};
+declare const SearchBarInput: React.ForwardRefExoticComponent<SearchBarInputProps & React.RefAttributes<HTMLInputElement>>;
+export default SearchBarInput;

package/dist/InputFields/components/SearchBarInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBarInput.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentMStyling","ComponentSStyling","useFocusVisibleRef","jsx","_jsx","Search","input","attrs","type","_templateObject","_taggedTemplateLiteral","props","Italic","getColor","theme","Regular","MEDIUM","SearchBarInput","forwardRef","ref","id","searchTerm","setSearchTerm","enterSearch","placeholder","disabled","onKeyDown","size","onBlur","onClick","elementRef","focusParentRefs","useImperativeHandle","current","isPressingEnter","e","key","preventDefault","stopPropagation","className","tabIndex","onChange","target","value","onKeyPress","propTypes","_pt","string","isRequired","func","bool","array"],"sources":["../../../src/InputFields/components/SearchBarInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles/index';\nimport { Size } from '../../types';\nimport { ComponentMStyling, ComponentSStyling } from '../../styles';\nimport { useFocusVisibleRef } from '../../common';\n\nexport const Search = styled.input.attrs(() => ({ type: 'search' }))`\n  appearance: none;\n  width: calc(100% - 96px);\n\n  /* To prevent browser putting its own cross inside the search bar */\n\n  &::-ms-clear {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n\n  &::-ms-reveal {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    display: none;\n  }\n\n  &::placeholder {\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n  }\n\n  height: 32px;\n  border-width: 0;\n  margin-left: 48px;\n  outline: none;\n\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n  ::placeholder {\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    ::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  &.small {\n    margin-left: 44px;\n\n    ::placeholder {\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  &.medium {\n    margin-left: 48px;\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    \n    ::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\n    }\n  }\n\n  &:disabled {\n    background: transparent;\n    border: none;\n  }\n`;\n\ntype SearchBarInputProps = {\n  id: string;\n  searchTerm?: string;\n  setSearchTerm: (term: string) => void;\n  enterSearch: (e: any) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  size?: Size.Small | Size.Medium;\n  onBlur?: (e: any) => void;\n  focusParentRefs?: React.RefObject<any>[];\n  onClick?: ()=>void;\n};\n\nconst SearchBarInput = React.forwardRef<HTMLInputElement, SearchBarInputProps>((props: SearchBarInputProps, ref) => {\n  const { id, searchTerm, setSearchTerm, enterSearch, placeholder, disabled, onKeyDown, size, onBlur, onClick } = props;\n\n  const elementRef = useFocusVisibleRef(props.focusParentRefs || []);\n\n  React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);\n\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n\n  return (\n    <Search\n      placeholder={disabled ? '' : placeholder}\n      ref={elementRef}\n      id={id}\n      data-testid={id}\n      className={size ? size : ''}\n      tabIndex={0}\n      disabled={disabled}\n      onChange={(e: any) => setSearchTerm(e.target.value)}\n      value={searchTerm}\n      onBlur={(e) => onBlur && onBlur(e)}\n      onKeyDown={onKeyDown}\n      onKeyPress={(e: any) => (isPressingEnter(e) ? enterSearch(e) : null)}\n      onClick={onClick}\n    />\n  );\n});\n\nexport default SearchBarInput;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,EAAEC,MAAM,EAAEC,kBAAkB,QAAQ,oBAAoB;AAE5E,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,cAAc;AACnE,SAASC,kBAAkB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,OAAO,IAAMC,MAAM,GAAGT,MAAM,CAACU,KAAK,CAACC,KAAK,CAAC;EAAA,OAAO;IAAEC,IAAI,EAAE;EAAS,CAAC;AAAA,CAAC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,26BA0B9D,UAAAC,KAAK;EAAA,OAAIV,iBAAiB,CAACF,kBAAkB,CAACa,MAAM,EAAEd,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAQpG,UAAAH,KAAK;EAAA,OAAIV,iBAAiB,CAACF,kBAAkB,CAACgB,OAAO,EAAEjB,MAAM,CAACe,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAE3F,UAAAH,KAAK;EAAA,OAAIV,iBAAiB,CAACF,kBAAkB,CAACa,MAAM,EAAEd,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAGpGjB,WAAW,CAACmB,MAAM,EAEd,UAAAL,KAAK;EAAA,OAAIX,iBAAiB,CAACD,kBAAkB,CAACa,MAAM,EAAEd,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAQlG,UAAAH,KAAK;EAAA,OAAIV,iBAAiB,CAACF,kBAAkB,CAACa,MAAM,EAAEd,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAMpG,UAAAH,KAAK;EAAA,OAAIX,iBAAiB,CAACD,kBAAkB,CAACgB,OAAO,EAAEjB,MAAM,CAACe,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAG3F,UAAAH,KAAK;EAAA,OAAIX,iBAAiB,CAACD,kBAAkB,CAACa,MAAM,EAAEd,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,EAQzG;AAgBD,IAAMG,cAAc,gBAAGtB,KAAK,CAACuB,UAAU,CAAwC,UAACP,KAA0B,EAAEQ,GAAG,EAAK;EAClH,IAAQC,EAAE,GAAsGT,KAAK,CAA7GS,EAAE;IAAEC,UAAU,GAA0FV,KAAK,CAAzGU,UAAU;IAAEC,aAAa,GAA2EX,KAAK,CAA7FW,aAAa;IAAEC,WAAW,GAA8DZ,KAAK,CAA9EY,WAAW;IAAEC,WAAW,GAAiDb,KAAK,CAAjEa,WAAW;IAAEC,QAAQ,GAAuCd,KAAK,CAApDc,QAAQ;IAAEC,SAAS,GAA4Bf,KAAK,CAA1Ce,SAAS;IAAEC,IAAI,GAAsBhB,KAAK,CAA/BgB,IAAI;IAAEC,OAAM,GAAcjB,KAAK,CAAzBiB,MAAM;IAAEC,OAAO,GAAKlB,KAAK,CAAjBkB,OAAO;EAE3G,IAAMC,UAAU,GAAG5B,kBAAkB,CAACS,KAAK,CAACoB,eAAe,IAAI,EAAE,CAAC;EAElEpC,KAAK,CAACqC,mBAAmB,CAACb,GAAG,EAAE;IAAA,OAAMW,UAAU,CAACG,OAAO;EAAA,GAAE,CAACH,UAAU,CAAC,CAAC;EAEtE,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAM,EAAK;IAClC,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACrBD,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBF,CAAC,CAACG,eAAe,CAAC,CAAC;MACnB,OAAO,IAAI;IACb;IACA,OAAO,KAAK;EACd,CAAC;EAED,oBACElC,IAAA,CAACC,MAAM;IACLmB,WAAW,EAAEC,QAAQ,GAAG,EAAE,GAAGD,WAAY;IACzCL,GAAG,EAAEW,UAAW;IAChBV,EAAE,EAAEA,EAAG;IACP,eAAaA,EAAG;IAChBmB,SAAS,EAAEZ,IAAI,GAAGA,IAAI,GAAG,EAAG;IAC5Ba,QAAQ,EAAE,CAAE;IACZf,QAAQ,EAAEA,QAAS;IACnBgB,QAAQ,EAAE,SAAAA,SAACN,CAAM;MAAA,OAAKb,aAAa,CAACa,CAAC,CAACO,MAAM,CAACC,KAAK,CAAC;IAAA,CAAC;IACpDA,KAAK,EAAEtB,UAAW;IAClBO,MAAM,EAAE,SAAAA,OAACO,CAAC;MAAA,OAAKP,OAAM,IAAIA,OAAM,CAACO,CAAC,CAAC;IAAA,CAAC;IACnCT,SAAS,EAAEA,SAAU;IACrBkB,UAAU,EAAE,SAAAA,WAACT,CAAM;MAAA,OAAMD,eAAe,CAACC,CAAC,CAAC,GAAGZ,WAAW,CAACY,CAAC,CAAC,GAAG,IAAI;IAAA,CAAE;IACrEN,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN,CAAC,CAAC;AAACZ,cAAA,CAAA4B,SAAA;EA9CDzB,EAAE,EAAA0B,GAAA,CAAAC,MAAA,CAAAC,UAAA;EACF3B,UAAU,EAAAyB,GAAA,CAAAC,MAAA;EACVzB,aAAa,EAAAwB,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACbzB,WAAW,EAAAuB,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACXxB,WAAW,EAAAsB,GAAA,CAAAC,MAAA;EACXtB,QAAQ,EAAAqB,GAAA,CAAAI,IAAA;EACRxB,SAAS,EAAAoB,GAAA,CAAAG,IAAA;EAETrB,MAAM,EAAAkB,GAAA,CAAAG,IAAA;EACNlB,eAAe,EAAAe,GAAA,CAAAK,KAAA;EACftB,OAAO,EAAAiB,GAAA,CAAAG;AAAA;AAsCT,eAAehC,cAAc","ignoreList":[]}
+{"version":3,"file":"SearchBarInput.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentMStyling","ComponentSStyling","useFocusVisibleRef","jsx","_jsx","Search","input","attrs","type","_templateObject","_taggedTemplateLiteral","props","Italic","getColor","theme","Regular","MEDIUM","SearchBarInput","forwardRef","ref","id","searchTerm","setSearchTerm","enterSearch","placeholder","disabled","onKeyDown","size","onBlur","onClick","elementRef","focusParentRefs","useImperativeHandle","current","isPressingEnter","e","key","preventDefault","stopPropagation","className","tabIndex","onChange","target","value","onKeyPress","propTypes","_pt","string","isRequired","func","bool","array"],"sources":["../../../src/InputFields/components/SearchBarInput.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles/index';\r\nimport { Size } from '../../types';\r\nimport { ComponentMStyling, ComponentSStyling } from '../../styles';\r\nimport { useFocusVisibleRef } from '../../common';\r\n\r\nexport const Search = styled.input.attrs(() => ({ type: 'search' }))`\r\n  appearance: none;\r\n  width: calc(100% - 96px);\r\n\r\n  /* To prevent browser putting its own cross inside the search bar */\r\n\r\n  &::-ms-clear {\r\n    display: none;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n\r\n  &::-ms-reveal {\r\n    display: none;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n\r\n  &::-webkit-search-decoration,\r\n  &::-webkit-search-cancel-button,\r\n  &::-webkit-search-results-button,\r\n  &::-webkit-search-results-decoration {\r\n    display: none;\r\n  }\r\n\r\n  &::placeholder {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  height: 32px;\r\n  border-width: 0;\r\n  margin-left: 48px;\r\n  outline: none;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  ::placeholder {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    margin-left: 44px;\r\n\r\n    ::placeholder {\r\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    margin-left: 48px;\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    \r\n    ::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n`;\r\n\r\ntype SearchBarInputProps = {\r\n  id: string;\r\n  searchTerm?: string;\r\n  setSearchTerm: (term: string) => void;\r\n  enterSearch: (e: any) => void;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n  size?: Size.Small | Size.Medium;\r\n  onBlur?: (e: any) => void;\r\n  focusParentRefs?: React.RefObject<any>[];\r\n  onClick?: ()=>void;\r\n};\r\n\r\nconst SearchBarInput = React.forwardRef<HTMLInputElement, SearchBarInputProps>((props: SearchBarInputProps, ref) => {\r\n  const { id, searchTerm, setSearchTerm, enterSearch, placeholder, disabled, onKeyDown, size, onBlur, onClick } = props;\r\n\r\n  const elementRef = useFocusVisibleRef(props.focusParentRefs || []);\r\n\r\n  React.useImperativeHandle(ref, () => elementRef.current, [elementRef]);\r\n\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  return (\r\n    <Search\r\n      placeholder={disabled ? '' : placeholder}\r\n      ref={elementRef}\r\n      id={id}\r\n      data-testid={id}\r\n      className={size ? size : ''}\r\n      tabIndex={0}\r\n      disabled={disabled}\r\n      onChange={(e: any) => setSearchTerm(e.target.value)}\r\n      value={searchTerm}\r\n      onBlur={(e) => onBlur && onBlur(e)}\r\n      onKeyDown={onKeyDown}\r\n      onKeyPress={(e: any) => (isPressingEnter(e) ? enterSearch(e) : null)}\r\n      onClick={onClick}\r\n    />\r\n  );\r\n});\r\n\r\nexport default SearchBarInput;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/components/SearchField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_index","_styles","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","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","SearchFieldWrapper","styled","div","_taggedTemplateLiteral2","focusStyles","exports","StyledSearchField","props","COLORS","getColor","theme","ComponentSStyling","ComponentTextStyle","Regular","Italic","BREAKPOINTS","MEDIUM","ComponentMStyling","SearchField","forwardRef","_ref","ref","id","searchTerm","disabled","validationMessage","children","size","className","rest","_objectWithoutProperties2","cls","concat","jsx","propTypes","_propTypes","string","isRequired","bool","any","_default"],"sources":["../../../src/InputFields/components/SearchField.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles } from '../../styles/index';\nimport { ComponentMStyling, ComponentSStyling } from '../../styles';\nimport { Size } from '../../types';\n\nexport const SearchFieldWrapper = styled.div`\n  &.focus-visible-within {\n    ${focusStyles}\n  }\n`;\n\nexport const StyledSearchField = styled.div<{ $activeValidationMessage?: boolean }>`\n  display: flex;\n  flex-direction: row;\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\n  margin-bottom: 4px;\n  box-sizing: border-box;\n  border-radius: 56px;\n  align-items: center;\n  position: relative;\n  height: 48px;\n  appearance: none;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n\n  padding: 0 !important;\n  width: 100%;\n\n  &::placeholder {\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n\n    height: 56px;\n    padding: 0 4px !important;\n\n    &::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n    }\n  }\n\n  &.small {\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    height: 48px;\n    padding: 0 !important;\n\n    &::placeholder {\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n    }\n  }\n\n  &.medium {\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    height: 56px;\n\n    &::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n    }\n  }\n\n  &:hover {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  div {\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n    background-color: transparent;\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\n  }\n\n  &.disabled {\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\n    pointer-events: none;\n    background-color: transparent !important;\n  }\n`;\n\ntype SeachFieldProps = React.HTMLAttributes<HTMLDivElement> & {\n  id: string;\n  searchTerm?: string;\n  disabled?: boolean;\n  validationMessage?: string;\n  children: any;\n  size?: Size.Small | Size.Medium;\n};\n\nconst SearchField = React.forwardRef<HTMLDivElement, SeachFieldProps>(({ id, searchTerm, disabled, validationMessage, children, size, className, ...rest }, ref) => {\n  const cls = (disabled ? 'disabled ' : '')\n    .concat(searchTerm !== '' ? 'searchactive ' : '')\n    .concat(size ? `${size} ` : '')\n    .concat(validationMessage ? ' invalid ' : '')\n    .concat(`${className ?? ''} `);\n\n  return (\n    <SearchFieldWrapper ref={ref}>\n      <StyledSearchField id={`${id}_main`} data-testid={`${id}_main`} className={cls} {...rest}>\n        {children}\n      </StyledSearchField>\n    </SearchFieldWrapper>\n  );\n});\n\nexport default SearchField;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAoE,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,aAAA/B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAG7D,IAAMkC,kBAAkB,GAAGC,4BAAM,CAACC,GAAG,CAAAvC,eAAA,KAAAA,eAAA,OAAAwC,uBAAA,kEAEtCC,kBAAW,CAEhB;AAACC,OAAA,CAAAL,kBAAA,GAAAA,kBAAA;AAEK,IAAMM,iBAAiB,GAAGL,4BAAM,CAACC,GAAG,CAAAtC,gBAAA,KAAAA,gBAAA,OAAAuC,uBAAA,mlCAGX,UAAAI,KAAK;EAAA,OAAIC,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAQ9D,UAAAH,KAAK;EAAA,OAAIC,aAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAEhE,UAAAH,KAAK;EAAA,OAAI,IAAAI,yBAAiB,EAACC,yBAAkB,CAACC,OAAO,EAAEL,aAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAM3F,UAAAH,KAAK;EAAA,OAAI,IAAAI,yBAAiB,EAACC,yBAAkB,CAACE,MAAM,EAAEN,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAGpGK,kBAAW,CAACC,MAAM,EAChB,UAAAT,KAAK;EAAA,OAAI,IAAAU,yBAAiB,EAACL,yBAAkB,CAACC,OAAO,EAAEL,aAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAM3F,UAAAH,KAAK;EAAA,OAAI,IAAAU,yBAAiB,EAACL,yBAAkB,CAACE,MAAM,EAAEN,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAKpG,UAAAH,KAAK;EAAA,OAAI,IAAAI,yBAAiB,EAACC,yBAAkB,CAACC,OAAO,EAAEL,aAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAK3F,UAAAH,KAAK;EAAA,OAAI,IAAAI,yBAAiB,EAACC,yBAAkB,CAACE,MAAM,EAAEN,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAKpG,UAAAH,KAAK;EAAA,OAAI,IAAAU,yBAAiB,EAACL,yBAAkB,CAACC,OAAO,EAAEL,aAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAI3F,UAAAH,KAAK;EAAA,OAAI,IAAAU,yBAAiB,EAACL,yBAAkB,CAACE,MAAM,EAAEN,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAKxE,UAAAH,KAAK;EAAA,OAAIC,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIpD,UAAAH,KAAK;EAAA,OAAIC,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIzE,UAAAH,KAAK;EAAA,OAAIC,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK/B,UAAAH,KAAK;EAAA,OAAIC,aAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIrD,UAAAH,KAAK;EAAA,OAAIC,aAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAIrF;AAACL,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AAWF,IAAMY,WAAW,gBAAGhE,KAAK,CAACiE,UAAU,CAAkC,UAAAC,IAAA,EAAsFC,GAAG,EAAK;EAAA,IAA3FC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IAAEC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAKC,IAAI,OAAAC,yBAAA,aAAAV,IAAA,EAAA1D,SAAA;EACtJ,IAAMqE,GAAG,GAAG,CAACP,QAAQ,GAAG,WAAW,GAAG,EAAE,EACrCQ,MAAM,CAACT,UAAU,KAAK,EAAE,GAAG,eAAe,GAAG,EAAE,CAAC,CAChDS,MAAM,CAACL,IAAI,MAAAK,MAAA,CAAML,IAAI,SAAM,EAAE,CAAC,CAC9BK,MAAM,CAACP,iBAAiB,GAAG,WAAW,GAAG,EAAE,CAAC,CAC5CO,MAAM,IAAAA,MAAA,CAAIJ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,MAAG,CAAC;EAEhC,oBACE,IAAAnE,WAAA,CAAAwE,GAAA,EAACjC,kBAAkB;IAACqB,GAAG,EAAEA,GAAI;IAAAK,QAAA,eAC3B,IAAAjE,WAAA,CAAAwE,GAAA,EAAC3B,iBAAiB,EAAAb,aAAA,CAAAA,aAAA;MAAC6B,EAAE,KAAAU,MAAA,CAAKV,EAAE,UAAQ;MAAC,kBAAAU,MAAA,CAAgBV,EAAE,UAAQ;MAACM,SAAS,EAAEG;IAAI,GAAKF,IAAI;MAAAH,QAAA,EACrFA;IAAQ,EACQ;EAAC,CACF,CAAC;AAEzB,CAAC,CAAC;AAACR,WAAA,CAAAgB,SAAA;EAtBDZ,EAAE,EAAAa,UAAA,YAAAC,MAAA,CAAAC,UAAA;EACFd,UAAU,EAAAY,UAAA,YAAAC,MAAA;EACVZ,QAAQ,EAAAW,UAAA,YAAAG,IAAA;EACRb,iBAAiB,EAAAU,UAAA,YAAAC,MAAA;EACjBV,QAAQ,EAAAS,UAAA,YAAAI,GAAA,CAAAF;AAAA;AAAA,IAAAG,QAAA,GAoBKtB,WAAW;AAAAb,OAAA,cAAAmC,QAAA","ignoreList":[]}
+{"version":3,"file":"SearchField.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_index","_styles","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","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","SearchFieldWrapper","styled","div","_taggedTemplateLiteral2","focusStyles","exports","StyledSearchField","props","COLORS","getColor","theme","ComponentSStyling","ComponentTextStyle","Regular","Italic","BREAKPOINTS","MEDIUM","ComponentMStyling","SearchField","forwardRef","_ref","ref","id","searchTerm","disabled","validationMessage","children","size","className","rest","_objectWithoutProperties2","cls","concat","jsx","propTypes","_propTypes","string","isRequired","bool","any","_default"],"sources":["../../../src/InputFields/components/SearchField.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles } from '../../styles/index';\r\nimport { ComponentMStyling, ComponentSStyling } from '../../styles';\r\nimport { Size } from '../../types';\r\n\r\nexport const SearchFieldWrapper = styled.div`\r\n  &.focus-visible-within {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const StyledSearchField = styled.div<{ $activeValidationMessage?: boolean }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  margin-bottom: 4px;\r\n  box-sizing: border-box;\r\n  border-radius: 56px;\r\n  align-items: center;\r\n  position: relative;\r\n  height: 48px;\r\n  appearance: none;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  padding: 0 !important;\r\n  width: 100%;\r\n\r\n  &::placeholder {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n    height: 56px;\r\n    padding: 0 4px !important;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    height: 48px;\r\n    padding: 0 !important;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    height: 56px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:focus-within {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  div {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    background-color: transparent;\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  &.disabled {\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    pointer-events: none;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\ntype SeachFieldProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  id: string;\r\n  searchTerm?: string;\r\n  disabled?: boolean;\r\n  validationMessage?: string;\r\n  children: any;\r\n  size?: Size.Small | Size.Medium;\r\n};\r\n\r\nconst SearchField = React.forwardRef<HTMLDivElement, SeachFieldProps>(({ id, searchTerm, disabled, validationMessage, children, size, className, ...rest }, ref) => {\r\n  const cls = (disabled ? 'disabled ' : '')\r\n    .concat(searchTerm !== '' ? 'searchactive ' : '')\r\n    .concat(size ? `${size} ` : '')\r\n    .concat(validationMessage ? ' invalid ' : '')\r\n    .concat(`${className ?? ''} `);\r\n\r\n  return (\r\n    <SearchFieldWrapper ref={ref}>\r\n      <StyledSearchField id={`${id}_main`} data-testid={`${id}_main`} className={cls} {...rest}>\r\n        {children}\r\n      </StyledSearchField>\r\n    </SearchFieldWrapper>\r\n  );\r\n});\r\n\r\nexport default SearchField;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/components/SearchField.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { Size } from '../../types';
-export declare const SearchFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledSearchField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $activeValidationMessage?: boolean | undefined;
-}>> & string;
-declare const SearchField: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    id: string;
-    searchTerm?: string | undefined;
-    disabled?: boolean | undefined;
-    validationMessage?: string | undefined;
-    children: any;
-    size?: Size.Small | Size.Medium | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export default SearchField;
+import * as React from 'react';
+import { Size } from '../../types';
+export declare const SearchFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSearchField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $activeValidationMessage?: boolean | undefined;
+}>> & string;
+declare const SearchField: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    id: string;
+    searchTerm?: string | undefined;
+    disabled?: boolean | undefined;
+    validationMessage?: string | undefined;
+    children: any;
+    size?: Size.Small | Size.Medium | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default SearchField;

package/dist/InputFields/components/SearchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","jsx","_jsx","SearchFieldWrapper","div","_templateObject","_taggedTemplateLiteral","StyledSearchField","_templateObject2","props","getColor","theme","Regular","Italic","MEDIUM","SearchField","forwardRef","_ref","ref","id","searchTerm","disabled","validationMessage","children","size","className","rest","_objectWithoutProperties","_excluded","cls","concat","_objectSpread","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../../src/InputFields/components/SearchField.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles } from '../../styles/index';\nimport { ComponentMStyling, ComponentSStyling } from '../../styles';\nimport { Size } from '../../types';\n\nexport const SearchFieldWrapper = styled.div`\n  &.focus-visible-within {\n    ${focusStyles}\n  }\n`;\n\nexport const StyledSearchField = styled.div<{ $activeValidationMessage?: boolean }>`\n  display: flex;\n  flex-direction: row;\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\n  margin-bottom: 4px;\n  box-sizing: border-box;\n  border-radius: 56px;\n  align-items: center;\n  position: relative;\n  height: 48px;\n  appearance: none;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n\n  padding: 0 !important;\n  width: 100%;\n\n  &::placeholder {\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n\n    height: 56px;\n    padding: 0 4px !important;\n\n    &::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n    }\n  }\n\n  &.small {\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    height: 48px;\n    padding: 0 !important;\n\n    &::placeholder {\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n    }\n  }\n\n  &.medium {\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    height: 56px;\n\n    &::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n    }\n  }\n\n  &:hover {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  div {\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n    background-color: transparent;\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\n  }\n\n  &.disabled {\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\n    pointer-events: none;\n    background-color: transparent !important;\n  }\n`;\n\ntype SeachFieldProps = React.HTMLAttributes<HTMLDivElement> & {\n  id: string;\n  searchTerm?: string;\n  disabled?: boolean;\n  validationMessage?: string;\n  children: any;\n  size?: Size.Small | Size.Medium;\n};\n\nconst SearchField = React.forwardRef<HTMLDivElement, SeachFieldProps>(({ id, searchTerm, disabled, validationMessage, children, size, className, ...rest }, ref) => {\n  const cls = (disabled ? 'disabled ' : '')\n    .concat(searchTerm !== '' ? 'searchactive ' : '')\n    .concat(size ? `${size} ` : '')\n    .concat(validationMessage ? ' invalid ' : '')\n    .concat(`${className ?? ''} `);\n\n  return (\n    <SearchFieldWrapper ref={ref}>\n      <StyledSearchField id={`${id}_main`} data-testid={`${id}_main`} className={cls} {...rest}>\n        {children}\n      </StyledSearchField>\n    </SearchFieldWrapper>\n  );\n});\n\nexport default SearchField;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SearchField.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","jsx","_jsx","SearchFieldWrapper","div","_templateObject","_taggedTemplateLiteral","StyledSearchField","_templateObject2","props","getColor","theme","Regular","Italic","MEDIUM","SearchField","forwardRef","_ref","ref","id","searchTerm","disabled","validationMessage","children","size","className","rest","_objectWithoutProperties","_excluded","cls","concat","_objectSpread","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../../src/InputFields/components/SearchField.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles } from '../../styles/index';\r\nimport { ComponentMStyling, ComponentSStyling } from '../../styles';\r\nimport { Size } from '../../types';\r\n\r\nexport const SearchFieldWrapper = styled.div`\r\n  &.focus-visible-within {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n\r\nexport const StyledSearchField = styled.div<{ $activeValidationMessage?: boolean }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  margin-bottom: 4px;\r\n  box-sizing: border-box;\r\n  border-radius: 56px;\r\n  align-items: center;\r\n  position: relative;\r\n  height: 48px;\r\n  appearance: none;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  padding: 0 !important;\r\n  width: 100%;\r\n\r\n  &::placeholder {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n    height: 56px;\r\n    padding: 0 4px !important;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    height: 48px;\r\n    padding: 0 !important;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    height: 56px;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:focus-within {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  div {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    background-color: transparent;\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  &.disabled {\r\n    box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    pointer-events: none;\r\n    background-color: transparent !important;\r\n  }\r\n`;\r\n\r\ntype SeachFieldProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  id: string;\r\n  searchTerm?: string;\r\n  disabled?: boolean;\r\n  validationMessage?: string;\r\n  children: any;\r\n  size?: Size.Small | Size.Medium;\r\n};\r\n\r\nconst SearchField = React.forwardRef<HTMLDivElement, SeachFieldProps>(({ id, searchTerm, disabled, validationMessage, children, size, className, ...rest }, ref) => {\r\n  const cls = (disabled ? 'disabled ' : '')\r\n    .concat(searchTerm !== '' ? 'searchactive ' : '')\r\n    .concat(size ? `${size} ` : '')\r\n    .concat(validationMessage ? ' invalid ' : '')\r\n    .concat(`${className ?? ''} `);\r\n\r\n  return (\r\n    <SearchFieldWrapper ref={ref}>\r\n      <StyledSearchField id={`${id}_main`} data-testid={`${id}_main`} className={cls} {...rest}>\r\n        {children}\r\n      </StyledSearchField>\r\n    </SearchFieldWrapper>\r\n  );\r\n});\r\n\r\nexport default SearchField;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_TextField","_interopRequireDefault","require","_PasswordField","_Checkbox","_RadioButton","_SearchBar","_Label","_DatepickerField","_Textarea","_QuickSearch","_NumberField","_styling","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_RichTextField"],"sources":["../../src/InputFields/index.ts"],"sourcesContent":["import TextField, { TextFieldProps } from './TextField';\nimport PasswordField, { PasswordFieldProps } from './PasswordField';\nimport Checkbox from './Checkbox';\nimport RadioButton, { RadioButtonProps } from './RadioButton';\nimport SearchBar, { SearchBarProps } from './SearchBar';\nimport InputLabel, { LabelProps } from './Label';\nimport DatepickerField, { DatepickerFieldProps } from './DatepickerField';\nimport Textarea from './Textarea';\nimport QuickSearch, { QuickSearchProps } from './QuickSearch';\nimport NumberField, { NumberFieldProps } from './NumberField';\nimport { TextareaProps, CheckboxProps } from './types';\n\nexport * from './styling';\nexport * from './RichTextField';\n\nexport { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch, NumberField };\n\nexport type { TextFieldProps, CheckboxProps, TextareaProps, DatepickerFieldProps, LabelProps, NumberFieldProps, PasswordFieldProps, QuickSearchProps, RadioButtonProps, SearchBarProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAV,sBAAA,CAAAC,OAAA;AAGA,IAAAU,QAAA,GAAAV,OAAA;AAAAW,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,cAAA,GAAAvB,OAAA;AAAAW,MAAA,CAAAC,IAAA,CAAAW,cAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,cAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,cAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_TextField","_interopRequireDefault","require","_PasswordField","_Checkbox","_RadioButton","_SearchBar","_Label","_DatepickerField","_Textarea","_QuickSearch","_NumberField","_styling","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_RichTextField"],"sources":["../../src/InputFields/index.ts"],"sourcesContent":["import TextField, { TextFieldProps } from './TextField';\r\nimport PasswordField, { PasswordFieldProps } from './PasswordField';\r\nimport Checkbox from './Checkbox';\r\nimport RadioButton, { RadioButtonProps } from './RadioButton';\r\nimport SearchBar, { SearchBarProps } from './SearchBar';\r\nimport InputLabel, { LabelProps } from './Label';\r\nimport DatepickerField, { DatepickerFieldProps } from './DatepickerField';\r\nimport Textarea from './Textarea';\r\nimport QuickSearch, { QuickSearchProps } from './QuickSearch';\r\nimport NumberField, { NumberFieldProps } from './NumberField';\r\nimport { TextareaProps, CheckboxProps } from './types';\r\n\r\nexport * from './styling';\r\nexport * from './RichTextField';\r\n\r\nexport { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch, NumberField };\r\n\r\nexport type { TextFieldProps, CheckboxProps, TextareaProps, DatepickerFieldProps, LabelProps, NumberFieldProps, PasswordFieldProps, QuickSearchProps, RadioButtonProps, SearchBarProps };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,gBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAV,sBAAA,CAAAC,OAAA;AAGA,IAAAU,QAAA,GAAAV,OAAA;AAAAW,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,cAAA,GAAAvB,OAAA;AAAAW,MAAA,CAAAC,IAAA,CAAAW,cAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,cAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,cAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/InputFields/index.d.ts

@@ -1,15 +1,15 @@
-import TextField, { TextFieldProps } from './TextField';
-import PasswordField, { PasswordFieldProps } from './PasswordField';
-import Checkbox from './Checkbox';
-import RadioButton, { RadioButtonProps } from './RadioButton';
-import SearchBar, { SearchBarProps } from './SearchBar';
-import InputLabel, { LabelProps } from './Label';
-import DatepickerField, { DatepickerFieldProps } from './DatepickerField';
-import Textarea from './Textarea';
-import QuickSearch, { QuickSearchProps } from './QuickSearch';
-import NumberField, { NumberFieldProps } from './NumberField';
-import { TextareaProps, CheckboxProps } from './types';
-export * from './styling';
-export * from './RichTextField';
-export { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch, NumberField };
-export type { TextFieldProps, CheckboxProps, TextareaProps, DatepickerFieldProps, LabelProps, NumberFieldProps, PasswordFieldProps, QuickSearchProps, RadioButtonProps, SearchBarProps };
+import TextField, { TextFieldProps } from './TextField';
+import PasswordField, { PasswordFieldProps } from './PasswordField';
+import Checkbox from './Checkbox';
+import RadioButton, { RadioButtonProps } from './RadioButton';
+import SearchBar, { SearchBarProps } from './SearchBar';
+import InputLabel, { LabelProps } from './Label';
+import DatepickerField, { DatepickerFieldProps } from './DatepickerField';
+import Textarea from './Textarea';
+import QuickSearch, { QuickSearchProps } from './QuickSearch';
+import NumberField, { NumberFieldProps } from './NumberField';
+import { TextareaProps, CheckboxProps } from './types';
+export * from './styling';
+export * from './RichTextField';
+export { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch, NumberField };
+export type { TextFieldProps, CheckboxProps, TextareaProps, DatepickerFieldProps, LabelProps, NumberFieldProps, PasswordFieldProps, QuickSearchProps, RadioButtonProps, SearchBarProps };

package/dist/InputFields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TextField","PasswordField","Checkbox","RadioButton","SearchBar","InputLabel","DatepickerField","Textarea","QuickSearch","NumberField"],"sources":["../../src/InputFields/index.ts"],"sourcesContent":["import TextField, { TextFieldProps } from './TextField';\nimport PasswordField, { PasswordFieldProps } from './PasswordField';\nimport Checkbox from './Checkbox';\nimport RadioButton, { RadioButtonProps } from './RadioButton';\nimport SearchBar, { SearchBarProps } from './SearchBar';\nimport InputLabel, { LabelProps } from './Label';\nimport DatepickerField, { DatepickerFieldProps } from './DatepickerField';\nimport Textarea from './Textarea';\nimport QuickSearch, { QuickSearchProps } from './QuickSearch';\nimport NumberField, { NumberFieldProps } from './NumberField';\nimport { TextareaProps, CheckboxProps } from './types';\n\nexport * from './styling';\nexport * from './RichTextField';\n\nexport { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch, NumberField };\n\nexport type { TextFieldProps, CheckboxProps, TextareaProps, DatepickerFieldProps, LabelProps, NumberFieldProps, PasswordFieldProps, QuickSearchProps, RadioButtonProps, SearchBarProps };\n"],"mappings":"AAAA,OAAOA,SAAS,MAA0B,aAAa;AACvD,OAAOC,aAAa,MAA8B,iBAAiB;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,WAAW,MAA4B,eAAe;AAC7D,OAAOC,SAAS,MAA0B,aAAa;AACvD,OAAOC,UAAU,MAAsB,SAAS;AAChD,OAAOC,eAAe,MAAgC,mBAAmB;AACzE,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,WAAW,MAA4B,eAAe;AAC7D,OAAOC,WAAW,MAA4B,eAAe;AAG7D,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAE/B,SAAST,SAAS,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["TextField","PasswordField","Checkbox","RadioButton","SearchBar","InputLabel","DatepickerField","Textarea","QuickSearch","NumberField"],"sources":["../../src/InputFields/index.ts"],"sourcesContent":["import TextField, { TextFieldProps } from './TextField';\r\nimport PasswordField, { PasswordFieldProps } from './PasswordField';\r\nimport Checkbox from './Checkbox';\r\nimport RadioButton, { RadioButtonProps } from './RadioButton';\r\nimport SearchBar, { SearchBarProps } from './SearchBar';\r\nimport InputLabel, { LabelProps } from './Label';\r\nimport DatepickerField, { DatepickerFieldProps } from './DatepickerField';\r\nimport Textarea from './Textarea';\r\nimport QuickSearch, { QuickSearchProps } from './QuickSearch';\r\nimport NumberField, { NumberFieldProps } from './NumberField';\r\nimport { TextareaProps, CheckboxProps } from './types';\r\n\r\nexport * from './styling';\r\nexport * from './RichTextField';\r\n\r\nexport { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch, NumberField };\r\n\r\nexport type { TextFieldProps, CheckboxProps, TextareaProps, DatepickerFieldProps, LabelProps, NumberFieldProps, PasswordFieldProps, QuickSearchProps, RadioButtonProps, SearchBarProps };\r\n"],"mappings":"AAAA,OAAOA,SAAS,MAA0B,aAAa;AACvD,OAAOC,aAAa,MAA8B,iBAAiB;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,WAAW,MAA4B,eAAe;AAC7D,OAAOC,SAAS,MAA0B,aAAa;AACvD,OAAOC,UAAU,MAAsB,SAAS;AAChD,OAAOC,eAAe,MAAgC,mBAAmB;AACzE,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,WAAW,MAA4B,eAAe;AAC7D,OAAOC,WAAW,MAA4B,eAAe;AAG7D,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAE/B,SAAST,SAAS,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW","ignoreList":[]}

package/dist/InputFields/styling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styling.cjs","names":["_TooltipStyles","require","_styledComponents","_interopRequireWildcard","_styles","_typography","_types","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputWrapper","styled","div","_taggedTemplateLiteral2","props","$readOnly","$disabled","$margin","concat","TooltipTrigger","exports","readOnlyState","css","COLORS","getColor","theme","activeErrorMessageState","InputFieldStyling","input","$withoutBorder","_props$$extraRightPad","$extraRightPadding","ComponentSStyling","ComponentTextStyle","Italic","BREAKPOINTS","MEDIUM","ComponentMStyling","$activeErrorMessage","$suppressReadOnlyStyles","focusStyles","ValidationStyling","ComponentXXSStyling","Regular","Warning","ComponentXSStyling","ErrorMessage","getStateColor","type","States","Valid","Default","ValidationMessage","NoteMessage","AutofilledMessage","StyledIcon","SearchIconWrapper"],"sources":["../../src/InputFields/styling.ts"],"sourcesContent":["import { TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport styled, { css } from 'styled-components';\nimport { BREAKPOINTS, COLORS, focusStyles } from '../styles';\nimport { ComponentXXSStyling, ComponentTextStyle, ComponentSStyling, ComponentMStyling, ComponentXSStyling } from '../styles/typography';\nimport {Size, States} from '../types';\n\nexport const InputWrapper = styled.div<{ $readOnly?: boolean; $disabled?: boolean; $margin?: string }>`\n  outline: none;\n  ${(props) => (props.$readOnly || props.$disabled ? 'cursor: not-allowed;' : '')};\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\n  position: relative;\n  \n  ${TooltipTrigger('hover')}\n\n`;\n\nexport const readOnlyState = css`\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n  color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\n  pointer-events: none;\n  outline: none;\n  cursor: not-allowed;\n`;\nexport const activeErrorMessageState = css`\n  box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\n`;\n\nconst InputFieldStyling = styled.input<{\n  $activeErrorMessage?: boolean;\n  $active?: boolean;\n  $withoutBorder?: boolean;\n  $size?: string;\n  $suppressReadOnlyStyles?: boolean;\n  $extraRightPadding?: number;\n}>`\n  height: 48px;\n  width: 100%;\n  border-radius: 4px;\n  margin-bottom: 4px;\n\n  border: 0;\n  -webkit-appearance: none;\n  ${(props) =>\n    props.$withoutBorder\n      ? `-webkit-box-shadow: none;\n      -moz-box-shadow: none;\n      box-shadow: none;\n      `\n      : `-webkit-box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};\n      -moz-box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};\n      box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};`}\n  background-color: #fff;\n  box-sizing: border-box;\n  padding: 0 ${props => 16 + (props.$extraRightPadding ?? 0)}px 0 16px !important;\n  text-overflow: ellipsis;\n\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  font-size: 16px;\n\n  &::placeholder {\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    font-size: 18px;\n    line-height: 18px;\n    height: 56px;\n    padding: 0 16px !important;\n\n    &::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n    }\n  }\n\n  &.small {\n    font-size: 16px;\n    height: 48px;\n    &::placeholder {\n      font-size: 16px;\n    }\n  }\n  &.medium {\n    font-size: 18px;\n    height: 56px;\n    &::placeholder {\n      font-size: 18px;\n    }\n  }\n\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\n\n  ${(props) => (props.$activeErrorMessage ? activeErrorMessageState : '')}\n\n  &:read-only:not(:disabled) {\n    ${(props) => (props.$suppressReadOnlyStyles ? '' : readOnlyState)}\n  }\n\n  &:disabled {\n    border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n    pointer-events: none;\n    box-shadow: none !important;\n    outline: none;\n    cursor: not-allowed;\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n  }\n  &:focus:not(.focus-visible) {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &.focus-visible {\n    ${focusStyles}\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\n  }\n  &.valid {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('correct_500', props.theme)};\n  }\n\n  &:not(.placeholder) {\n    line-height: 40px;\n  }\n\n  &:hover {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &.active {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &.show-checkmark.valid {\n    background-image: none;\n  }\n\n  &.show-checkmark.pending {\n    background-image: none;\n  }\n`;\n\nconst ValidationStyling = css`\n  &.error-msg {\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    text-align: center;\n    font-weight: 400;\n    box-sizing: border-box;\n  }\n\n  &.error-msg {\n    padding-top: 8px;\n    padding-bottom: 0;\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, '#e76468')}\n    font-weight: 700;\n    line-height: 15px;\n  }\n`;\n\nexport const Warning = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  &.small {\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &.medium {\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  & * {\n    vertical-align: middle;\n    display: inline-block;\n  }\n\n  svg {\n    margin-right: 4px;\n  }\n`;\nexport const ErrorMessage = styled(Warning)`\n  color: ${props => COLORS.getColor('critical_500', props.theme)};\n`;\n\nconst getStateColor = (type: States, theme: any) => {\n  if(type === States.Valid) \n    return COLORS.getColor('correct_500', theme);\n  else if (type === States.Default)\n    return COLORS.getColor('neutral_500', theme);\n  else \n    return COLORS.getColor('critical_500', theme);\n};\n  \nexport const ValidationMessage = styled(Warning)<{ type: States.Valid | States.Invalid | States.Default}>`\n  color: ${(props) => getStateColor(props.type, props.theme)};\n`;\n\nexport const NoteMessage = styled(Warning)`\n  color: ${props => COLORS.getColor('neutral_500', props.theme)};\n`;\nexport const AutofilledMessage = styled(Warning)`\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n`;\n\nexport { ValidationStyling, InputFieldStyling };\n\nexport const StyledIcon = styled.div`\n  border-radius: 50%;\n`;\n\nexport const SearchIconWrapper = styled(StyledIcon)`\n  position: absolute;\n  border-radius: 50%;\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styling.cjs","names":["_TooltipStyles","require","_styledComponents","_interopRequireWildcard","_styles","_typography","_types","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InputWrapper","styled","div","_taggedTemplateLiteral2","props","$readOnly","$disabled","$margin","concat","TooltipTrigger","exports","readOnlyState","css","COLORS","getColor","theme","activeErrorMessageState","InputFieldStyling","input","$withoutBorder","_props$$extraRightPad","$extraRightPadding","ComponentSStyling","ComponentTextStyle","Italic","BREAKPOINTS","MEDIUM","ComponentMStyling","$activeErrorMessage","$suppressReadOnlyStyles","focusStyles","ValidationStyling","ComponentXXSStyling","Regular","Warning","ComponentXSStyling","ErrorMessage","getStateColor","type","States","Valid","Default","ValidationMessage","NoteMessage","AutofilledMessage","StyledIcon","SearchIconWrapper"],"sources":["../../src/InputFields/styling.ts"],"sourcesContent":["import { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport styled, { css } from 'styled-components';\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../styles';\r\nimport { ComponentXXSStyling, ComponentTextStyle, ComponentSStyling, ComponentMStyling, ComponentXSStyling } from '../styles/typography';\r\nimport {Size, States} from '../types';\r\n\r\nexport const InputWrapper = styled.div<{ $readOnly?: boolean; $disabled?: boolean; $margin?: string }>`\r\n  outline: none;\r\n  ${(props) => (props.$readOnly || props.$disabled ? 'cursor: not-allowed;' : '')};\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n  position: relative;\r\n  \r\n  ${TooltipTrigger('hover')}\r\n\r\n`;\r\n\r\nexport const readOnlyState = css`\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n  pointer-events: none;\r\n  outline: none;\r\n  cursor: not-allowed;\r\n`;\r\nexport const activeErrorMessageState = css`\r\n  box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n`;\r\n\r\nconst InputFieldStyling = styled.input<{\r\n  $activeErrorMessage?: boolean;\r\n  $active?: boolean;\r\n  $withoutBorder?: boolean;\r\n  $size?: string;\r\n  $suppressReadOnlyStyles?: boolean;\r\n  $extraRightPadding?: number;\r\n}>`\r\n  height: 48px;\r\n  width: 100%;\r\n  border-radius: 4px;\r\n  margin-bottom: 4px;\r\n\r\n  border: 0;\r\n  -webkit-appearance: none;\r\n  ${(props) =>\r\n    props.$withoutBorder\r\n      ? `-webkit-box-shadow: none;\r\n      -moz-box-shadow: none;\r\n      box-shadow: none;\r\n      `\r\n      : `-webkit-box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};\r\n      -moz-box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};\r\n      box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};`}\r\n  background-color: #fff;\r\n  box-sizing: border-box;\r\n  padding: 0 ${props => 16 + (props.$extraRightPadding ?? 0)}px 0 16px !important;\r\n  text-overflow: ellipsis;\r\n\r\n  outline: none;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  font-size: 16px;\r\n\r\n  &::placeholder {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    font-size: 18px;\r\n    line-height: 18px;\r\n    height: 56px;\r\n    padding: 0 16px !important;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    font-size: 16px;\r\n    height: 48px;\r\n    &::placeholder {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n  &.medium {\r\n    font-size: 18px;\r\n    height: 56px;\r\n    &::placeholder {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n\r\n  ${(props) => (props.$activeErrorMessage ? activeErrorMessageState : '')}\r\n\r\n  &:read-only:not(:disabled) {\r\n    ${(props) => (props.$suppressReadOnlyStyles ? '' : readOnlyState)}\r\n  }\r\n\r\n  &:disabled {\r\n    border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    pointer-events: none;\r\n    box-shadow: none !important;\r\n    outline: none;\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n  &:focus:not(.focus-visible) {\r\n    box-shadow: inset 0px 0px 0px 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  &.invalid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n  }\r\n  &.valid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('correct_500', props.theme)};\r\n  }\r\n\r\n  &:not(.placeholder) {\r\n    line-height: 40px;\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &.active {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.show-checkmark.valid {\r\n    background-image: none;\r\n  }\r\n\r\n  &.show-checkmark.pending {\r\n    background-image: none;\r\n  }\r\n`;\r\n\r\nconst ValidationStyling = css`\r\n  &.error-msg {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    text-align: center;\r\n    font-weight: 400;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  &.error-msg {\r\n    padding-top: 8px;\r\n    padding-bottom: 0;\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, '#e76468')}\r\n    font-weight: 700;\r\n    line-height: 15px;\r\n  }\r\n`;\r\n\r\nexport const Warning = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 4px;\r\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    svg {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n  &.medium {\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  & * {\r\n    vertical-align: middle;\r\n    display: inline-block;\r\n  }\r\n\r\n  svg {\r\n    margin-right: 4px;\r\n  }\r\n`;\r\nexport const ErrorMessage = styled(Warning)`\r\n  color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n`;\r\n\r\nconst getStateColor = (type: States, theme: any) => {\r\n  if(type === States.Valid) \r\n    return COLORS.getColor('correct_500', theme);\r\n  else if (type === States.Default)\r\n    return COLORS.getColor('neutral_500', theme);\r\n  else \r\n    return COLORS.getColor('critical_500', theme);\r\n};\r\n  \r\nexport const ValidationMessage = styled(Warning)<{ type: States.Valid | States.Invalid | States.Default}>`\r\n  color: ${(props) => getStateColor(props.type, props.theme)};\r\n`;\r\n\r\nexport const NoteMessage = styled(Warning)`\r\n  color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n`;\r\nexport const AutofilledMessage = styled(Warning)`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`;\r\n\r\nexport { ValidationStyling, InputFieldStyling };\r\n\r\nexport const StyledIcon = styled.div`\r\n  border-radius: 50%;\r\n`;\r\n\r\nexport const SearchIconWrapper = styled(StyledIcon)`\r\n  position: absolute;\r\n  border-radius: 50%;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/styling.d.ts

@@ -1,38 +1,38 @@
-/// <reference types="react" />
-import { States } from '../types';
-export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $readOnly?: boolean | undefined;
-    $disabled?: boolean | undefined;
-    $margin?: string | undefined;
-}>> & string;
-export declare const readOnlyState: import("styled-components").RuleSet<object>;
-export declare const activeErrorMessageState: import("styled-components").RuleSet<object>;
-declare const InputFieldStyling: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    $activeErrorMessage?: boolean | undefined;
-    $active?: boolean | undefined;
-    $withoutBorder?: boolean | undefined;
-    $size?: string | undefined;
-    $suppressReadOnlyStyles?: boolean | undefined;
-    $extraRightPadding?: number | undefined;
-}>> & string;
-declare const ValidationStyling: import("styled-components").RuleSet<object>;
-export declare const Warning: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const ValidationMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, {
-    type: States.Valid | States.Invalid | States.Default;
-}>> & string;
-export declare const NoteMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const AutofilledMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export { ValidationStyling, InputFieldStyling };
-export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SearchIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
+/// <reference types="react" />
+import { States } from '../types';
+export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $readOnly?: boolean | undefined;
+    $disabled?: boolean | undefined;
+    $margin?: string | undefined;
+}>> & string;
+export declare const readOnlyState: import("styled-components").RuleSet<object>;
+export declare const activeErrorMessageState: import("styled-components").RuleSet<object>;
+declare const InputFieldStyling: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $activeErrorMessage?: boolean | undefined;
+    $active?: boolean | undefined;
+    $withoutBorder?: boolean | undefined;
+    $size?: string | undefined;
+    $suppressReadOnlyStyles?: boolean | undefined;
+    $extraRightPadding?: number | undefined;
+}>> & string;
+declare const ValidationStyling: import("styled-components").RuleSet<object>;
+export declare const Warning: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const ValidationMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, {
+    type: States.Valid | States.Invalid | States.Default;
+}>> & string;
+export declare const NoteMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export declare const AutofilledMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+export { ValidationStyling, InputFieldStyling };
+export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SearchIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;

package/dist/InputFields/styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"styling.js","names":["TooltipTrigger","styled","css","BREAKPOINTS","COLORS","focusStyles","ComponentXXSStyling","ComponentTextStyle","ComponentSStyling","ComponentMStyling","ComponentXSStyling","States","InputWrapper","div","_templateObject","_taggedTemplateLiteral","props","$readOnly","$disabled","$margin","concat","readOnlyState","_templateObject2","getColor","theme","activeErrorMessageState","_templateObject3","InputFieldStyling","input","_templateObject4","$withoutBorder","_props$$extraRightPad","$extraRightPadding","Italic","MEDIUM","$activeErrorMessage","$suppressReadOnlyStyles","ValidationStyling","_templateObject5","Regular","Warning","_templateObject6","ErrorMessage","_templateObject7","getStateColor","type","Valid","Default","ValidationMessage","_templateObject8","NoteMessage","_templateObject9","AutofilledMessage","_templateObject10","StyledIcon","_templateObject11","SearchIconWrapper","_templateObject12"],"sources":["../../src/InputFields/styling.ts"],"sourcesContent":["import { TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport styled, { css } from 'styled-components';\nimport { BREAKPOINTS, COLORS, focusStyles } from '../styles';\nimport { ComponentXXSStyling, ComponentTextStyle, ComponentSStyling, ComponentMStyling, ComponentXSStyling } from '../styles/typography';\nimport {Size, States} from '../types';\n\nexport const InputWrapper = styled.div<{ $readOnly?: boolean; $disabled?: boolean; $margin?: string }>`\n  outline: none;\n  ${(props) => (props.$readOnly || props.$disabled ? 'cursor: not-allowed;' : '')};\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\n  position: relative;\n  \n  ${TooltipTrigger('hover')}\n\n`;\n\nexport const readOnlyState = css`\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n  color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\n  pointer-events: none;\n  outline: none;\n  cursor: not-allowed;\n`;\nexport const activeErrorMessageState = css`\n  box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\n`;\n\nconst InputFieldStyling = styled.input<{\n  $activeErrorMessage?: boolean;\n  $active?: boolean;\n  $withoutBorder?: boolean;\n  $size?: string;\n  $suppressReadOnlyStyles?: boolean;\n  $extraRightPadding?: number;\n}>`\n  height: 48px;\n  width: 100%;\n  border-radius: 4px;\n  margin-bottom: 4px;\n\n  border: 0;\n  -webkit-appearance: none;\n  ${(props) =>\n    props.$withoutBorder\n      ? `-webkit-box-shadow: none;\n      -moz-box-shadow: none;\n      box-shadow: none;\n      `\n      : `-webkit-box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};\n      -moz-box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};\n      box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};`}\n  background-color: #fff;\n  box-sizing: border-box;\n  padding: 0 ${props => 16 + (props.$extraRightPadding ?? 0)}px 0 16px !important;\n  text-overflow: ellipsis;\n\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  font-size: 16px;\n\n  &::placeholder {\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    font-size: 18px;\n    line-height: 18px;\n    height: 56px;\n    padding: 0 16px !important;\n\n    &::placeholder {\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\n    }\n  }\n\n  &.small {\n    font-size: 16px;\n    height: 48px;\n    &::placeholder {\n      font-size: 16px;\n    }\n  }\n  &.medium {\n    font-size: 18px;\n    height: 56px;\n    &::placeholder {\n      font-size: 18px;\n    }\n  }\n\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\n\n  ${(props) => (props.$activeErrorMessage ? activeErrorMessageState : '')}\n\n  &:read-only:not(:disabled) {\n    ${(props) => (props.$suppressReadOnlyStyles ? '' : readOnlyState)}\n  }\n\n  &:disabled {\n    border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n    pointer-events: none;\n    box-shadow: none !important;\n    outline: none;\n    cursor: not-allowed;\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n  }\n  &:focus:not(.focus-visible) {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &.focus-visible {\n    ${focusStyles}\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\n  }\n  &.valid {\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('correct_500', props.theme)};\n  }\n\n  &:not(.placeholder) {\n    line-height: 40px;\n  }\n\n  &:hover {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &.active {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &.show-checkmark.valid {\n    background-image: none;\n  }\n\n  &.show-checkmark.pending {\n    background-image: none;\n  }\n`;\n\nconst ValidationStyling = css`\n  &.error-msg {\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    text-align: center;\n    font-weight: 400;\n    box-sizing: border-box;\n  }\n\n  &.error-msg {\n    padding-top: 8px;\n    padding-bottom: 0;\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, '#e76468')}\n    font-weight: 700;\n    line-height: 15px;\n  }\n`;\n\nexport const Warning = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  &.small {\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &.medium {\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  & * {\n    vertical-align: middle;\n    display: inline-block;\n  }\n\n  svg {\n    margin-right: 4px;\n  }\n`;\nexport const ErrorMessage = styled(Warning)`\n  color: ${props => COLORS.getColor('critical_500', props.theme)};\n`;\n\nconst getStateColor = (type: States, theme: any) => {\n  if(type === States.Valid) \n    return COLORS.getColor('correct_500', theme);\n  else if (type === States.Default)\n    return COLORS.getColor('neutral_500', theme);\n  else \n    return COLORS.getColor('critical_500', theme);\n};\n  \nexport const ValidationMessage = styled(Warning)<{ type: States.Valid | States.Invalid | States.Default}>`\n  color: ${(props) => getStateColor(props.type, props.theme)};\n`;\n\nexport const NoteMessage = styled(Warning)`\n  color: ${props => COLORS.getColor('neutral_500', props.theme)};\n`;\nexport const AutofilledMessage = styled(Warning)`\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n`;\n\nexport { ValidationStyling, InputFieldStyling };\n\nexport const StyledIcon = styled.div`\n  border-radius: 50%;\n`;\n\nexport const SearchIconWrapper = styled(StyledIcon)`\n  position: absolute;\n  border-radius: 50%;\n`;\n"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,2BAA2B;AAC1D,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,EAAEC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AAC5D,SAASC,mBAAmB,EAAEC,kBAAkB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,sBAAsB;AACxI,SAAcC,MAAM,QAAO,UAAU;AAErC,OAAO,IAAMC,YAAY,GAAGX,MAAM,CAACY,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,mFAElC,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,SAAS,IAAID,KAAK,CAACE,SAAS,GAAG,sBAAsB,GAAG,EAAE;AAAA,CAAC,EAC7E,UAACF,KAAK;EAAA,OAAMA,KAAK,CAACG,OAAO,cAAAC,MAAA,CAAcJ,KAAK,CAACG,OAAO,SAAM,EAAE;AAAA,CAAC,EAG7DnB,cAAc,CAAC,OAAO,CAAC,CAE1B;AAED,OAAO,IAAMqB,aAAa,GAAGnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,oLACV,UAAAC,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAC1C,UAAAR,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GACzE,UAAAR,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,EAI9D;AACD,OAAO,IAAMC,uBAAuB,GAAGvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,gDACV,UAAAC,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,cAAc,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,EACpF;AAED,IAAMG,iBAAiB,GAAG1B,MAAM,CAAC2B,KAAK,CAAAC,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,qkDAelC,UAACC,KAAK;EAAA,OACNA,KAAK,CAACc,cAAc,6IAAAV,MAAA,CAK6BhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,sDAAAJ,MAAA,CACjDhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,iDAAAJ,MAAA,CAChDhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,MAAG;AAAA,GAGzE,UAAAR,KAAK;EAAA,IAAAe,qBAAA;EAAA,OAAI,EAAE,KAAAA,qBAAA,GAAIf,KAAK,CAACgB,kBAAkB,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC;AAAA,GAUtD,UAAAf,KAAK;EAAA,OAAIR,iBAAiB,CAACD,kBAAkB,CAAC0B,MAAM,EAAE7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,CAAC;AAAA,GAGpGrB,WAAW,CAAC+B,MAAM,EAOd,UAAAlB,KAAK;EAAA,OAAIP,iBAAiB,CAACF,kBAAkB,CAAC0B,MAAM,EAAE7B,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,CAAC;AAAA,GAmB/F,UAAAR,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAErD,UAACR,KAAK;EAAA,OAAMA,KAAK,CAACmB,mBAAmB,GAAGV,uBAAuB,GAAG,EAAE;AAAA,CAAC,EAGnE,UAACT,KAAK;EAAA,OAAMA,KAAK,CAACoB,uBAAuB,GAAG,EAAE,GAAGf,aAAa;AAAA,CAAC,EAI7C,UAAAL,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAK/D,UAAAR,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAGzB,UAAAR,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAItFnB,WAAW,EAIiB,UAAAW,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,cAAc,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAGrD,UAAAR,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAQ9C,UAAAR,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAIpD,UAAAR,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,EAU3F;AAED,IAAMa,iBAAiB,GAAGnC,GAAG,CAAAoC,gBAAA,KAAAA,gBAAA,GAAAvB,sBAAA,wPAEvB,UAAAC,KAAK;EAAA,OAAIV,mBAAmB,CAACC,kBAAkB,CAACgC,OAAO,EAAEnC,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAC,CAAC;AAAA,GAS/FlB,mBAAmB,CAACC,kBAAkB,CAACgC,OAAO,EAAE,SAAS,CAAC,CAI/D;AAED,OAAO,IAAMC,OAAO,GAAGvC,MAAM,CAACY,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAA1B,sBAAA,igBAI7BT,mBAAmB,CAACC,kBAAkB,CAACgC,OAAO,EAAE,IAAI,CAAC,EAOrDpC,WAAW,CAAC+B,MAAM,EAChBxB,kBAAkB,CAACH,kBAAkB,CAACgC,OAAO,EAAE,IAAI,CAAC,EAQpDjC,mBAAmB,CAACC,kBAAkB,CAACgC,OAAO,EAAE,IAAI,CAAC,EAOrD7B,kBAAkB,CAACH,kBAAkB,CAACgC,OAAO,EAAE,IAAI,CAAC,CAezD;AACD,OAAO,IAAMG,YAAY,GAAGzC,MAAM,CAACuC,OAAO,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAA5B,sBAAA,2BAChC,UAAAC,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,cAAc,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,EAC/D;AAED,IAAMoB,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAY,EAAErB,KAAU,EAAK;EAClD,IAAGqB,IAAI,KAAKlC,MAAM,CAACmC,KAAK,EACtB,OAAO1C,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC,CAAC,KAC1C,IAAIqB,IAAI,KAAKlC,MAAM,CAACoC,OAAO,EAC9B,OAAO3C,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC,CAAC,KAE7C,OAAOpB,MAAM,CAACmB,QAAQ,CAAC,cAAc,EAAEC,KAAK,CAAC;AACjD,CAAC;AAED,OAAO,IAAMwB,iBAAiB,GAAG/C,MAAM,CAACuC,OAAO,CAAC,CAAAS,gBAAA,KAAAA,gBAAA,GAAAlC,sBAAA,2BACrC,UAACC,KAAK;EAAA,OAAK4B,aAAa,CAAC5B,KAAK,CAAC6B,IAAI,EAAE7B,KAAK,CAACQ,KAAK,CAAC;AAAA,EAC3D;AAED,OAAO,IAAM0B,WAAW,GAAGjD,MAAM,CAACuC,OAAO,CAAC,CAAAW,gBAAA,KAAAA,gBAAA,GAAApC,sBAAA,2BAC/B,UAAAC,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,EAC9D;AACD,OAAO,IAAM4B,iBAAiB,GAAGnD,MAAM,CAACuC,OAAO,CAAC,CAAAa,iBAAA,KAAAA,iBAAA,GAAAtC,sBAAA,2BACrC,UAAAC,KAAK;EAAA,OAAIZ,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,EAC9D;AAED,SAASa,iBAAiB,EAAEV,iBAAiB;AAE7C,OAAO,IAAM2B,UAAU,GAAGrD,MAAM,CAACY,GAAG,CAAA0C,iBAAA,KAAAA,iBAAA,GAAAxC,sBAAA,iCAEnC;AAED,OAAO,IAAMyC,iBAAiB,GAAGvD,MAAM,CAACqD,UAAU,CAAC,CAAAG,iBAAA,KAAAA,iBAAA,GAAA1C,sBAAA,wDAGlD","ignoreList":[]}
+{"version":3,"file":"styling.js","names":["TooltipTrigger","styled","css","BREAKPOINTS","COLORS","focusStyles","ComponentXXSStyling","ComponentTextStyle","ComponentSStyling","ComponentMStyling","ComponentXSStyling","States","InputWrapper","div","_templateObject","_taggedTemplateLiteral","props","$readOnly","$disabled","$margin","concat","readOnlyState","_templateObject2","getColor","theme","activeErrorMessageState","_templateObject3","InputFieldStyling","input","_templateObject4","$withoutBorder","_props$$extraRightPad","$extraRightPadding","Italic","MEDIUM","$activeErrorMessage","$suppressReadOnlyStyles","ValidationStyling","_templateObject5","Regular","Warning","_templateObject6","ErrorMessage","_templateObject7","getStateColor","type","Valid","Default","ValidationMessage","_templateObject8","NoteMessage","_templateObject9","AutofilledMessage","_templateObject10","StyledIcon","_templateObject11","SearchIconWrapper","_templateObject12"],"sources":["../../src/InputFields/styling.ts"],"sourcesContent":["import { TooltipTrigger } from '../Tooltips/TooltipStyles';\r\nimport styled, { css } from 'styled-components';\r\nimport { BREAKPOINTS, COLORS, focusStyles } from '../styles';\r\nimport { ComponentXXSStyling, ComponentTextStyle, ComponentSStyling, ComponentMStyling, ComponentXSStyling } from '../styles/typography';\r\nimport {Size, States} from '../types';\r\n\r\nexport const InputWrapper = styled.div<{ $readOnly?: boolean; $disabled?: boolean; $margin?: string }>`\r\n  outline: none;\r\n  ${(props) => (props.$readOnly || props.$disabled ? 'cursor: not-allowed;' : '')};\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n  position: relative;\r\n  \r\n  ${TooltipTrigger('hover')}\r\n\r\n`;\r\n\r\nexport const readOnlyState = css`\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  box-shadow: inset 0 0 0 1px ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n  pointer-events: none;\r\n  outline: none;\r\n  cursor: not-allowed;\r\n`;\r\nexport const activeErrorMessageState = css`\r\n  box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n`;\r\n\r\nconst InputFieldStyling = styled.input<{\r\n  $activeErrorMessage?: boolean;\r\n  $active?: boolean;\r\n  $withoutBorder?: boolean;\r\n  $size?: string;\r\n  $suppressReadOnlyStyles?: boolean;\r\n  $extraRightPadding?: number;\r\n}>`\r\n  height: 48px;\r\n  width: 100%;\r\n  border-radius: 4px;\r\n  margin-bottom: 4px;\r\n\r\n  border: 0;\r\n  -webkit-appearance: none;\r\n  ${(props) =>\r\n    props.$withoutBorder\r\n      ? `-webkit-box-shadow: none;\r\n      -moz-box-shadow: none;\r\n      box-shadow: none;\r\n      `\r\n      : `-webkit-box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};\r\n      -moz-box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};\r\n      box-shadow: inset 0px 0px 0px 1px ${COLORS.getColor('neutral_400', props.theme)};`}\r\n  background-color: #fff;\r\n  box-sizing: border-box;\r\n  padding: 0 ${props => 16 + (props.$extraRightPadding ?? 0)}px 0 16px !important;\r\n  text-overflow: ellipsis;\r\n\r\n  outline: none;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  font-size: 16px;\r\n\r\n  &::placeholder {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    font-size: 18px;\r\n    line-height: 18px;\r\n    height: 56px;\r\n    padding: 0 16px !important;\r\n\r\n    &::placeholder {\r\n      ${props => ComponentMStyling(ComponentTextStyle.Italic, COLORS.getColor('neutral_500', props.theme))}\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    font-size: 16px;\r\n    height: 48px;\r\n    &::placeholder {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n  &.medium {\r\n    font-size: 18px;\r\n    height: 56px;\r\n    &::placeholder {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)} !important;\r\n\r\n  ${(props) => (props.$activeErrorMessage ? activeErrorMessageState : '')}\r\n\r\n  &:read-only:not(:disabled) {\r\n    ${(props) => (props.$suppressReadOnlyStyles ? '' : readOnlyState)}\r\n  }\r\n\r\n  &:disabled {\r\n    border: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    pointer-events: none;\r\n    box-shadow: none !important;\r\n    outline: none;\r\n    cursor: not-allowed;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n  }\r\n  &:focus:not(.focus-visible) {\r\n    box-shadow: inset 0px 0px 0px 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  &.invalid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('critical_400', props.theme)};\r\n  }\r\n  &.valid {\r\n    box-shadow: inset 0 0 0 2px ${props => COLORS.getColor('correct_500', props.theme)};\r\n  }\r\n\r\n  &:not(.placeholder) {\r\n    line-height: 40px;\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &.active {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &.show-checkmark.valid {\r\n    background-image: none;\r\n  }\r\n\r\n  &.show-checkmark.pending {\r\n    background-image: none;\r\n  }\r\n`;\r\n\r\nconst ValidationStyling = css`\r\n  &.error-msg {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    text-align: center;\r\n    font-weight: 400;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  &.error-msg {\r\n    padding-top: 8px;\r\n    padding-bottom: 0;\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, '#e76468')}\r\n    font-weight: 700;\r\n    line-height: 15px;\r\n  }\r\n`;\r\n\r\nexport const Warning = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 4px;\r\n  ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    svg {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n  &.medium {\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  & * {\r\n    vertical-align: middle;\r\n    display: inline-block;\r\n  }\r\n\r\n  svg {\r\n    margin-right: 4px;\r\n  }\r\n`;\r\nexport const ErrorMessage = styled(Warning)`\r\n  color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n`;\r\n\r\nconst getStateColor = (type: States, theme: any) => {\r\n  if(type === States.Valid) \r\n    return COLORS.getColor('correct_500', theme);\r\n  else if (type === States.Default)\r\n    return COLORS.getColor('neutral_500', theme);\r\n  else \r\n    return COLORS.getColor('critical_500', theme);\r\n};\r\n  \r\nexport const ValidationMessage = styled(Warning)<{ type: States.Valid | States.Invalid | States.Default}>`\r\n  color: ${(props) => getStateColor(props.type, props.theme)};\r\n`;\r\n\r\nexport const NoteMessage = styled(Warning)`\r\n  color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n`;\r\nexport const AutofilledMessage = styled(Warning)`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`;\r\n\r\nexport { ValidationStyling, InputFieldStyling };\r\n\r\nexport const StyledIcon = styled.div`\r\n  border-radius: 50%;\r\n`;\r\n\r\nexport const SearchIconWrapper = styled(StyledIcon)`\r\n  position: absolute;\r\n  border-radius: 50%;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../src/InputFields/types.ts"],"sourcesContent":["import {Size, States, Testable} from '../types';\nimport React from 'react';\n\nexport type TextareaProps =\n  Testable & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>,  'onChange'>\n  & {\n  /**\n   * Required. The ID of the textarea.\n   */\n  id: string;\n\n  /**\n   * Optional. The state of the textarea. Can be 'Invalid' or 'Valid'.\n   */\n  state?: States.Invalid | States.Valid;\n\n  /**\n   * Optional. A function to be called when the text in the textarea changes.\n   * It should take a string representing the new text.\n   */\n  onChange?: (text: string) => void;\n\n  /**\n   * Optional. The validation message to be displayed when the textarea is in an error state.\n   */\n  validationMessage?: string;\n\n  /**\n   * Required. The size of the textarea. Can be 'Small' or 'Medium'.\n   */\n  size: Size.Small | Size.Medium;\n\n  /**\n   * Optional. A boolean indicating whether the height of the textarea should automatically adjust to fit the text.\n   */\n  autoHeight?: boolean;\n\n  /**\n   * Optional. The margin of the textarea. Can be any valid CSS margin value.\n   */\n  margin?: string;\n\n  /**\n   * Optional. A note to be displayed below the textarea.\n   */\n  note?: TextFieldNote;\n};\n\nexport type TextFieldNote = {\n  message: string;\n  icon: React.ReactNode;\n};\n\nexport interface CheckboxProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onKeyDown' | 'onMouseDown' | 'tabIndex'>{\n  /** Optional. Id of the checkbox. */\n  id?: string;\n  /** Required. Current state of the checkbox. */\n  selected: boolean;\n  /** Optional. Handler to be called when checkbox is selected/unselected */\n  select?: (selected: boolean) => void;\n  /** Optional. Label to be shown on the right side of the checkbox. */\n  label?: string;\n  /** Optional. If checkbox is selected and invalid flag is set, then checkbox will be shown in 'invalid' state. */\n  invalid?: boolean;\n  /** Optional. If set, then user can not interact with it. */\n  disabled?: boolean;\n  /** Optional. Margin property. */\n  margin?: string;\n  /** Optional. Size of the Checkbox. Defaults to 'medium'. */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Optional. pointer-events: none style will be set to the checkbox if this flag is set. */\n  iconPointerEventsTransparent?: boolean;\n  /** Optional. If set then checkbox will be shown in 'semi-selected' state. */\n  semiSelected?: boolean;\n  /** Optional. If set, then user can not select/unselect the checkbox */\n  readOnly?: boolean;\n  /** Optional. Tab index attribute of the checkbox. */\n  tabIndexVal?: number;\n  /** Optional. Custom classname to be set to the checkbox. */\n  className?: string;\n};\n"],"mappings":";;;;;AAgFC","ignoreList":[]}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/InputFields/types.ts"],"sourcesContent":["import {Size, States, Testable} from '../types';\r\nimport React from 'react';\r\n\r\nexport type TextareaProps =\r\n  Testable & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>,  'onChange'>\r\n  & {\r\n  /**\r\n   * Required. The ID of the textarea.\r\n   */\r\n  id: string;\r\n\r\n  /**\r\n   * Optional. The state of the textarea. Can be 'Invalid' or 'Valid'.\r\n   */\r\n  state?: States.Invalid | States.Valid;\r\n\r\n  /**\r\n   * Optional. A function to be called when the text in the textarea changes.\r\n   * It should take a string representing the new text.\r\n   */\r\n  onChange?: (text: string) => void;\r\n\r\n  /**\r\n   * Optional. The validation message to be displayed when the textarea is in an error state.\r\n   */\r\n  validationMessage?: string;\r\n\r\n  /**\r\n   * Required. The size of the textarea. Can be 'Small' or 'Medium'.\r\n   */\r\n  size: Size.Small | Size.Medium;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the height of the textarea should automatically adjust to fit the text.\r\n   */\r\n  autoHeight?: boolean;\r\n\r\n  /**\r\n   * Optional. The margin of the textarea. Can be any valid CSS margin value.\r\n   */\r\n  margin?: string;\r\n\r\n  /**\r\n   * Optional. A note to be displayed below the textarea.\r\n   */\r\n  note?: TextFieldNote;\r\n};\r\n\r\nexport type TextFieldNote = {\r\n  message: string;\r\n  icon: React.ReactNode;\r\n};\r\n\r\nexport interface CheckboxProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onKeyDown' | 'onMouseDown' | 'tabIndex'>{\r\n  /** Optional. Id of the checkbox. */\r\n  id?: string;\r\n  /** Required. Current state of the checkbox. */\r\n  selected: boolean;\r\n  /** Optional. Handler to be called when checkbox is selected/unselected */\r\n  select?: (selected: boolean) => void;\r\n  /** Optional. Label to be shown on the right side of the checkbox. */\r\n  label?: string;\r\n  /** Optional. If checkbox is selected and invalid flag is set, then checkbox will be shown in 'invalid' state. */\r\n  invalid?: boolean;\r\n  /** Optional. If set, then user can not interact with it. */\r\n  disabled?: boolean;\r\n  /** Optional. Margin property. */\r\n  margin?: string;\r\n  /** Optional. Size of the Checkbox. Defaults to 'medium'. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Optional. pointer-events: none style will be set to the checkbox if this flag is set. */\r\n  iconPointerEventsTransparent?: boolean;\r\n  /** Optional. If set then checkbox will be shown in 'semi-selected' state. */\r\n  semiSelected?: boolean;\r\n  /** Optional. If set, then user can not select/unselect the checkbox */\r\n  readOnly?: boolean;\r\n  /** Optional. Tab index attribute of the checkbox. */\r\n  tabIndexVal?: number;\r\n  /** Optional. Custom classname to be set to the checkbox. */\r\n  className?: string;\r\n};\r\n"],"mappings":";;;;;AAgFC","ignoreList":[]}