@egov3/system-design 2.2.8 → 2.2.11

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/system-design/system-design/dist/index.js","../src/index.ts","../src/components/Accordion/index.tsx","../src/components/Accordion/Accordion.module.css","../src/utils/joinClasses.tsx","../src/components/Button/index.tsx","../src/components/Button/button.module.css","../src/styles/typography.module.css","../src/components/InputField/index.tsx","../src/components/InputField/InputField.module.css","../src/svg/ClearIcon.tsx","../src/components/Modal/index.tsx","../src/components/Modal/Modal.module.css","../src/components/RadioGroup/index.tsx","../src/components/RadioGroup/RadioGroup.module.css","../src/components/RadioToggle/index.tsx","../src/components/RadioToggle/RadioToggle.module.css","../src/components/SelectBoxButton/index.tsx","../src/components/SelectBoxButton/SelectBoxButton.module.css","../src/components/Typography/index.tsx","../src/components/index.ts"],"names":["at","Object","create","C","defineProperty","nt","getOwnPropertyDescriptor","rt","getOwnPropertyNames","it","getPrototypeOf","lt","prototype","hasOwnProperty","st","t","e","o","get","enumerable","H","n","a","call","l","__esModule","value","dt","index_exports","__export","default","index_default","module","exports","__toCommonJS","import_react","require","Accordion_default","joinClasses","args","filter","item","join","Accordion","open","setOpen","children","title","d","React","createElement","Fragment","className","accordionBtn","onClick","xmlns","width","height","viewBox","fill","style","transform","stroke","accordionContent","button_default","typography_default","btnTypography","mini","Caption2Medium","small","Caption1Medium","medium","Body2Medium","large","Body1Medium","Button","isRounded","disabled","variant","size","ariaLabel","D","button","InputField_default","ClearIcon","pathFill","props","k","fillRule","clipRule","InputField","c","forwardRef","ref","onFocus","onBlur","onChange","onEnterPress","inputLeftIcon","placeholder","isClearable","type","id","labelText","focused","setFocused","readOnly","handleClear","target","handleFocus","handleBlur","handleKeyDown","event","key","length","toLocaleLowerCase","htmlFor","input","onKeyDown","clearIcon","import_graphics","Modal_default","Modal","headerTitle","u","overlay","contentWrap","contentHeader","Components","Typography","tag","fontClass","j","Icons","General","Close","RadioGroup_default","CustomRadioButton","label","name","checked","f","radio","radioBtn","radioBtnText","Body2Regular","RadioGroup","RadioGroupItems","invokeCustomOnChange","setSelectedOption","selectedOption","handleChange","map","RadioToggle_default","RadioToggle","lock","setLock","w","wrap","wrapLock","round","SelectBoxButton_default","SelectBoxButton","setIsOpen","error","modalValue","h","selectContainer","errorLabel","selectText","J","Basic","ChevronDownSmall","restProps","$","SystemDesign"],"mappings":"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","sourcesContent":["\"use strict\";var at=Object.create;var C=Object.defineProperty;var nt=Object.getOwnPropertyDescriptor;var rt=Object.getOwnPropertyNames;var it=Object.getPrototypeOf,lt=Object.prototype.hasOwnProperty;var st=(t,e)=>{for(var o in e)C(t,o,{get:e[o],enumerable:!0})},H=(t,e,o,n)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let a of rt(e))!lt.call(t,a)&&a!==o&&C(t,a,{get:()=>e[a],enumerable:!(n=nt(e,a))||n.enumerable});return t};var l=(t,e,o)=>(o=t!=null?at(it(t)):{},H(e||!t||!t.__esModule?C(o,\"default\",{value:t,enumerable:!0}):o,t)),dt=t=>H(C({},\"__esModule\",{value:!0}),t);var Ct={};st(Ct,{default:()=>vt});module.exports=dt(Ct);var d=l(require(\"react\"));var I={};var i=(...t)=>t.filter(e=>!!e).join(\" \");var _=({open:t,setOpen:e,children:o,title:n})=>d.default.createElement(d.default.Fragment,null,d.default.createElement(\"button\",{\"data-testid\":\"Accordion_BUTTON\",className:I.accordionBtn,onClick:()=>{e(!t)}},n,d.default.createElement(\"svg\",{\"data-testid\":\"Accordion_DIRECTION\",xmlns:\"http://www.w3.org/2000/svg\",width:\"20\",height:\"20\",viewBox:\"0 0 20 20\",fill:\"none\",style:{transform:t?\"rotate(0.5turn)\":\"none\"}},d.default.createElement(\"path\",{d:\"M15.8346 7.5L10.0013 13.3333L4.16797 7.5\",stroke:\"#758393\"}))),d.default.createElement(\"div\",{\"data-testid\":\"Accordion_CONTENT\",className:i(I.accordionContent,!t&&I[\"accordionContent--hidden\"])},o));var D=l(require(\"react\"));var p={};var s={};var mt={mini:s.Caption2Medium,small:s.Caption1Medium,medium:s.Body2Medium,large:s.Body1Medium},O=({onClick:t,children:e,style:o,className:n=\"\",isRounded:a=!1,disabled:r=!1,variant:v=\"default\",size:g=\"medium\",ariaLabel:R=\"\\u041A\\u043D\\u043E\\u043F\\u043A\\u0430\"})=>D.default.createElement(\"button\",{\"data-testid\":\"Button_MAIN\",\"aria-label\":R,disabled:r,\"aria-disabled\":r,onClick:t,className:i(p[`btn--${g}`],mt[g],a?p[`btn-rounded--${g}`]:p[`btn-square--${g}`],r?p[`btn-${v}--disabled`]:p[`btn-${v}`],p.button,n),style:o},e);var c=l(require(\"react\"));var b={};var k=l(require(\"react\")),S=({fill:t=\"none\",pathFill:e=\"#fff\",width:o=20,height:n=20,...a})=>k.default.createElement(\"svg\",{\"data-testid\":\"Icons_CLEAR\",xmlns:\"http://www.w3.org/2000/svg\",width:o,height:n,fill:t,viewBox:\"0 0 20 20\",...a},k.default.createElement(\"path\",{fill:e,fillRule:\"evenodd\",d:\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z\",clipRule:\"evenodd\"}));var F=(0,c.forwardRef)(({onFocus:t,onBlur:e,onChange:o,onEnterPress:n,value:a=\"\",inputLeftIcon:r,placeholder:v=\"\",className:g=\"\",style:R,isClearable:q=!1,type:E=\"text\",id:N,labelText:M=\"\",ariaLabel:K=\"\",focused:W=!1,setFocused:A=()=>{},readOnly:Y=!1},Q)=>{let Z=()=>{o&&o({target:{value:\"\"}})},tt=()=>{A(!0),t&&t()},et=()=>{A(!1),e&&e()},ot=P=>{n&&P.key===\"Enter\"&&n(P)};return c.default.createElement(\"div\",{\"data-testid\":\"InputField_MAIN\",className:i(b[M.length?\"inputContainerLabeled\":\"inputContainer\"],W?b[\"input--onfocus\"]:void 0,b[`input-${E?.toLocaleLowerCase()}`],g),style:R},M.length>0&&c.default.createElement(\"label\",{htmlFor:N,\"data-testid\":\"InputField_LABEL\"},M),r,c.default.createElement(\"input\",{ref:Q,\"data-testid\":\"InputField_INPUT\",\"aria-label\":K,id:N,type:E,className:b.input,placeholder:v,\"aria-placeholder\":v,onFocus:tt,onBlur:et,onChange:o,onKeyDown:ot,value:a,readOnly:Y}),q&&a&&c.default.createElement(S,{fill:\"red\",pathFill:\"#758393\",className:b.clearIcon,onClick:Z}))});var u=l(require(\"react\")),j=l(require(\"@egov3/graphics\"));var y={};var G=({open:t,setOpen:e,children:o,headerTitle:n,variant:a})=>t?u.default.createElement(\"div\",{\"data-testid\":\"Modal_OVERLAY\",className:y.overlay},u.default.createElement(\"div\",{\"data-testid\":\"Modal_WRAPPER\",className:i(y.contentWrap,y[`${a}Variant`])},n&&n.length>0&&u.default.createElement(\"div\",{\"data-testid\":\"Modal_HEADER\",className:y.contentHeader},u.default.createElement(m.Typography,{tag:\"h3\",fontClass:\"Body1Medium\",\"data-testid\":\"Modal_TITLE\",className:y.title},n),u.default.createElement(\"button\",{\"data-testid\":\"ModalHeader_BTN\",onClick:()=>{e(!t)}},u.default.createElement(j.default.General.Close,{\"data-testid\":\"Modal_ICON\"}))),o)):null;var f=l(require(\"react\"));var B={};var L=({label:t,name:e,checked:o,onChange:n,value:a})=>f.default.createElement(\"label\",{\"data-testid\":\"RadioGroupItem_LABEL\",className:B.radio},f.default.createElement(\"input\",{\"data-testid\":\"RadioGroupItem_INPUT\",value:a,type:\"radio\",name:e,checked:o,onChange:n}),f.default.createElement(\"span\",{\"data-testid\":\"RadioGroupItem_RADIO\",className:B.radioBtn}),f.default.createElement(\"span\",{\"data-testid\":\"RadioGroupItem_TEXT\",className:i(B.radioBtnText,s.Body2Regular)},t)),z=({RadioGroupItems:t,invokeCustomOnChange:e,setSelectedOption:o,selectedOption:n})=>{let a=r=>{o(r.target.value),e(r)};return f.default.createElement(\"fieldset\",{\"data-testid\":\"RadioGroup_FIELDSET\"},t.map(r=>f.default.createElement(L,{key:r.label,label:r.label,name:\"radio\",checked:n===r.value,onChange:a,value:r.value})))};var w=l(require(\"react\"));var T={};var X=({lock:t,setLock:e})=>w.default.createElement(\"button\",{\"data-testid\":\"RadioToggle_BUTTON\",\"aria-pressed\":t,\"aria-label\":\"\\u041A\\u043D\\u043E\\u043F\\u043A\\u0430 \\u043F\\u0435\\u0440\\u0435\\u043A\\u043B\\u044E\\u0447\\u0435\\u043D\\u0438\\u044F\",onClick:()=>{e(!t)}},w.default.createElement(\"div\",{\"data-testid\":\"RadioToggle_WRAP\",className:i(T.wrap,t&&T.wrapLock)},w.default.createElement(\"div\",{\"data-testid\":\"RadioToggle_ROUND\",className:T.round})));var h=l(require(\"react\")),J=l(require(\"@egov3/graphics\"));var x={};var U=({setIsOpen:t,labelText:e,disabled:o,error:n,modalValue:a})=>h.default.createElement(\"button\",{\"data-testid\":\"SelectBoxModal_BUTTON\",className:x.selectContainer,onClick:()=>!o&&t(!0)},h.default.createElement(\"div\",{\"data-testid\":\"SelectBoxModal_TITLE\"},h.default.createElement(m.Typography,{tag:\"label\",fontClass:\"Caption1Regular\",\"data-testid\":\"SelectBoxModal_LABEL\",className:n?x.errorLabel:x.label,\"aria-label\":e},e),a&&a.length>0&&h.default.createElement(m.Typography,{tag:\"div\",fontClass:\"Body2Regular\",\"data-testid\":\"SelectBoxModal_VALUE\",className:x.selectText,\"aria-label\":a},a)),h.default.createElement(J.default.Basic.ChevronDownSmall,{\"aria-label\":\"\\u043A\\u043D\\u043E\\u043F\\u043A\\u0430 \\u0440\\u0430\\u0437\\u0432\\u0435\\u0440\\u043D\\u0443\\u0442\\u044C\",fill:\"#758393\",className:x.clearIcon}));var $=l(require(\"react\"));var V=({tag:t,fontClass:e,className:o,children:n,style:a,...r})=>$.default.createElement(t,{...r,className:i(e?s[e]:\"\",o),style:a},n);var m={Accordion:_,Button:O,CustomRadioButton:L,InputField:F,Modal:G,RadioGroup:z,RadioToggle:X,SelectBoxButton:U,Typography:V};var ht={Components:m},vt=ht;\n","import { Components } from \"./components\";\n\nconst SystemDesign =  {\n  Components\n} \n\nexport default SystemDesign","import React, { Dispatch } from \"react\";\n\nimport styles from \"./Accordion.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\n\nexport interface IAccordionProps {\n  open: boolean;\n  setOpen: Dispatch<React.SetStateAction<boolean>>;\n  children: React.ReactNode;\n  title: React.JSX.Element;\n}\n\nexport const Accordion = ({\n  open,\n  setOpen,\n  children,\n  title,\n}: IAccordionProps) => {\n  return (\n    <>\n      <button\n        data-testid=\"Accordion_BUTTON\"\n        className={styles.accordionBtn}\n        onClick={() => {\n          setOpen(!open);\n        }}\n      >\n        {title}\n        <svg\n          data-testid=\"Accordion_DIRECTION\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          style={{\n            transform: !open ? \"none\" : \"rotate(0.5turn)\",\n          }}\n        >\n          <path d=\"M15.8346 7.5L10.0013 13.3333L4.16797 7.5\" stroke=\"#758393\" />\n        </svg>\n      </button>\n      <div\n        data-testid=\"Accordion_CONTENT\"\n        className={joinClasses(\n          styles.accordionContent,\n          !open && styles[`accordionContent--hidden`]\n        )}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n","@import \"~styles/colors.css\";\n\n.accordionBtn {\n  border-radius: inherit;\n  width: 100%;\n  text-align: left;\n\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n}\n\n.accordionContent {\n  max-height: 1000px;\n  overflow: hidden;\n  transition: all 0.3s ease-in-out;\n}\n\n.accordionContent--hidden {\n  max-height: 0;\n}\n","export const joinClasses = (...args: unknown[]) =>\n  args.filter((item) => !!item).join(\" \");\n","import React from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./button.module.css\";\nimport typography from \"~styles/typography.module.css\";\n\nconst btnTypography = {\n  mini: typography.Caption2Medium,\n  small: typography.Caption1Medium,\n  medium: typography.Body2Medium,\n  large: typography.Body1Medium,\n};\n\nexport interface IButtonProps {\n  ariaLabel?: string;\n  onClick?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  isRounded?: boolean;\n  disabled?: boolean;\n  variant?: \"default\" | \"tinted\" | \"secondary\";\n  size?: \"mini\" | \"small\" | \"medium\" | \"large\";\n  style?: React.CSSProperties;\n}\n\nexport const Button = ({\n  onClick,\n  children,\n  style,\n  className = \"\",\n  isRounded = false,\n  disabled = false,\n  variant = \"default\",\n  size = \"medium\",\n  ariaLabel = \"Кнопка\",\n}: IButtonProps) => (\n  <button\n    data-testid=\"Button_MAIN\"\n    aria-label={ariaLabel}\n    disabled={disabled}\n    aria-disabled={disabled}\n    onClick={onClick}\n    className={joinClasses(\n      styles[`btn--${size}`],\n      btnTypography[size],\n      isRounded\n        ? styles[`btn-rounded--${size}`]\n        : styles[`btn-square--${size}`],\n      disabled ? styles[`btn-${variant}--disabled`] : styles[`btn-${variant}`],\n      styles.button,\n      className\n    )}\n    style={style}\n  >\n    {children}\n  </button>\n);\n","@import \"~styles/colors.css\";\n\n.button {\n  border: none;\n  transition: background-color 0.2s ease;\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n\n.btn-default {\n  color: var(--default-white-color);\n  background-color: var(--default-primary-accent);\n}\n\n.btn-default--disabled {\n  color: var(--text-disabled-color);\n  background-color: var(--button-disabled-default-color);\n}\n\n.btn-tinted {\n  color: var(--text-accent);\n  background-color: var(--button-tinted-default-color);\n}\n\n.btn-tinted--disabled {\n  color: var(--text-disabled-accent-color);\n  background-color: var(--button-tinted-default-color);\n}\n\n.btn-secondary {\n  color: var(--text-primary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.btn-secondary--disabled {\n  color: var(--text-secondary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.btn-default:hover {\n  background-color: var(--button-primary-on-hover-color);\n}\n\n.btn-tinted:hover {\n  background-color: var(--button-tinted-on-hover-color);\n}\n\n.btn-secondary:hover {\n  background-color: var(--button-secondary-on-hover);\n}\n\n.btn--mini {\n  gap: 4px;\n  padding: 6px 12px;\n}\n\n.btn--small {\n  gap: 8px;\n  padding: 8px 16px;\n}\n\n.btn--medium {\n  gap: 8px;\n  padding: 8px 20px;\n}\n\n.btn--large {\n  gap: 8px;\n  padding: 14px 24px;\n}\n\n.btn-square--mini {\n  border-radius: 4px;\n}\n\n.btn-square--small {\n  border-radius: 6px;\n}\n\n.btn-square--medium {\n  border-radius: 10px;\n}\n\n.btn-square--large {\n  border-radius: 12px;\n}\n\n.btn-rounded--mini {\n  border-radius: 32px;\n}\n\n.btn-rounded--small {\n  border-radius: 32px;\n}\n\n.btn-rounded--medium {\n  border-radius: 32px;\n}\n\n.btn-rounded--large {\n  border-radius: 40px;\n}\n","/* Headings/Heading 1 */\n.Heading1 {\n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 36px; /* 112.5% */\n  letter-spacing: -0.32px;\n}\n\n/* Headings/Heading 3 */\n.Heading3 {\n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 28px; /* 116.667% */\n  letter-spacing: -0.24px;\n}\n\n/* Subtitles/Subtitle 3 */\n.Subtitles3 {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Medium */\n.Body1Medium {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Regular */\n.Body1Regular {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 2, Medium */\n.Body2Medium {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 2, Regular */\n.Body2Regular {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 3, Regular */\n.Body3Regular {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 114.286% */\n}\n\n/* Caption/Caption 1, Medium */\n.Caption1Medium {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Regular */\n.Caption1Regular {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Semibold */\n.Caption1Semibold {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 2, Medium */\n.Caption2Medium {\n  font-family: Inter;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 12px; /* 120% */\n}\n\n/* Caption/Caption 2, Regular */\n.Caption2Regular {\n  font-family: Inter;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 12px; /* 120% */\n}\n","// InputField.tsx\nimport React, { forwardRef, HTMLInputTypeAttribute, JSX } from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./InputField.module.css\";\n\nimport { ClearIcon } from \"~svg\";\n\nexport type TOtpType = \"OTP\" | \"TEXT\";\n\nexport interface IInputFieldProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onEnterPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  value?: string;\n  placeholder?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  isClearable?: boolean;\n  inputLeftIcon?: JSX.Element;\n  type?: HTMLInputTypeAttribute;\n  id: string;\n  labelText?: string;\n  ariaLabel: string;\n  focused?: boolean;\n  setFocused?: (val: boolean) => void;\n  readOnly?: boolean;\n}\n\nexport const InputField = forwardRef<HTMLInputElement, IInputFieldProps>(\n  (\n    {\n      onFocus,\n      onBlur,\n      onChange,\n      onEnterPress,\n      value = \"\",\n      inputLeftIcon,\n      placeholder = \"\",\n      className = \"\",\n      style,\n      isClearable = false,\n      type = \"text\",\n      id,\n      labelText = \"\",\n      ariaLabel = \"\",\n      focused = false,\n      setFocused = () => {},\n      readOnly = false,\n    }: IInputFieldProps,\n    ref\n  ): JSX.Element => {\n    const handleClear = () => {\n      if (onChange) {\n        onChange({\n          target: { value: \"\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    };\n    const handleFocus = () => {\n      setFocused(true);\n      if (onFocus) onFocus();\n    };\n    const handleBlur = () => {\n      setFocused(false);\n      if (onBlur) onBlur();\n    };\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (onEnterPress && event.key === \"Enter\") {\n        onEnterPress(event);\n      }\n    };\n\n    return (\n      <div\n        data-testid=\"InputField_MAIN\"\n        className={joinClasses(\n          styles[labelText.length ? \"inputContainerLabeled\" : \"inputContainer\"],\n          focused ? styles[`input--onfocus`] : undefined,\n          styles[`input-${type?.toLocaleLowerCase()}`],\n          className\n        )}\n        style={style}\n      >\n        {labelText.length > 0 && (\n          <label htmlFor={id} data-testid=\"InputField_LABEL\">\n            {labelText}\n          </label>\n        )}\n        {inputLeftIcon}\n        <input\n          ref={ref}\n          data-testid=\"InputField_INPUT\"\n          aria-label={ariaLabel}\n          id={id}\n          type={type}\n          className={styles.input}\n          placeholder={placeholder}\n          aria-placeholder={placeholder}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n          value={value}\n          readOnly={readOnly}\n        />\n        {isClearable && value && (\n          <ClearIcon\n            fill=\"red\"\n            pathFill=\"#758393\"\n            className={styles.clearIcon}\n            onClick={handleClear}\n          />\n        )}\n      </div>\n    );\n  }\n);\n","@import \"~styles/colors.css\";\n\n.inputContainer {\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 12px 16px;\n}\n\n.inputContainerLabeled {\n  display: block;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 12px 16px;\n}\n\n.inputContainerLabeled label {\n  color: var(--text-secondary);\n}\n\n.input {\n  width: 100%;\n  border: none;\n  background-color: var(--surface-surface-1);\n}\n\n.input:active,\n.input:focus {\n  outline: none;\n}\n\n.input::placeholder {\n  color: var(--text-disabled-color);\n}\n\n.input::-webkit-inner-spin-button,\n.input::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.clearIcon {\n  cursor: pointer;\n}\n\n.input--onfocus {\n  background-color: var(--surface-surface-3-color);\n}\n\n.input--onfocus .input {\n  background-color: var(--surface-surface-3-color);\n}\n","import React from \"react\";\n\nexport const ClearIcon = ({\n  fill = \"none\",\n  pathFill = \"#fff\",\n  width = 20,\n  height = 20,\n  ...props\n}: React.SVGProps<SVGSVGElement> & { pathFill?: string }) => {\n  return (\n    <svg\n      data-testid=\"Icons_CLEAR\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill={fill}\n      viewBox=\"0 0 20 20\"\n      {...props}\n    >\n      <path\n        fill={pathFill}\n        fillRule=\"evenodd\"\n        d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n","import React, { Dispatch, JSX } from \"react\";\nimport Icons from \"@egov3/graphics\";\n\nimport styles from \"./Modal.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\nimport { Components } from \"~components\";\n\nexport interface IModalProps {\n  open: boolean;\n  children: JSX.Element;\n  setOpen: Dispatch<React.SetStateAction<boolean>>;\n  headerTitle?: string;\n  variant: \"large\" | \"small\";\n}\n\nexport const Modal = ({\n  open,\n  setOpen,\n  children,\n  headerTitle,\n  variant,\n}: IModalProps) => {\n  if (open) {\n    return (\n      <div data-testid=\"Modal_OVERLAY\" className={styles.overlay}>\n        <div\n          data-testid=\"Modal_WRAPPER\"\n          className={joinClasses(\n            styles.contentWrap,\n            styles[`${variant}Variant`]\n          )}\n        >\n          {headerTitle && headerTitle.length > 0 && (\n            <div data-testid=\"Modal_HEADER\" className={styles.contentHeader}>\n              <Components.Typography\n                tag=\"h3\"\n                fontClass=\"Body1Medium\"\n                data-testid=\"Modal_TITLE\"\n                className={styles.title}\n              >\n                {headerTitle}\n              </Components.Typography>\n              <button\n                data-testid=\"ModalHeader_BTN\"\n                onClick={() => {\n                  setOpen(!open);\n                }}\n              >\n                <Icons.General.Close data-testid=\"Modal_ICON\" />\n              </button>\n            </div>\n          )}\n          {children}\n        </div>\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n","@import \"~styles/colors.css\";\n\n.overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.contentWrap {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  height: fit-content;\n  animation: flyDawn 1s;\n}\n\n.largeVariant {\n  width: 1052px;\n}\n\n.smallVariant {\n  width: 400px;\n}\n\n.contentHeader {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  padding: 12px 16px;\n}\n\n.title {\n  color: var(--text-primary);\n}\n\n@keyframes flyDawn {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n","import React from \"react\";\nimport styles from \"./RadioGroup.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\nimport typography from \"~styles/typography.module.css\";\n\nexport interface RadioGroupItem {\n  label: string;\n  value: string;\n}\n\nexport interface ICustomRadioButtonProps {\n  label: string;\n  name: string;\n  checked: boolean;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string;\n}\n\nexport interface IRadioGroupProps {\n  RadioGroupItems: RadioGroupItem[];\n  invokeCustomOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  setSelectedOption: React.Dispatch<React.SetStateAction<string>>;\n  selectedOption: string;\n}\n\nexport const CustomRadioButton = ({\n  label,\n  name,\n  checked,\n  onChange,\n  value,\n}: ICustomRadioButtonProps) => (\n  <label data-testid=\"RadioGroupItem_LABEL\" className={styles.radio}>\n    <input\n      data-testid=\"RadioGroupItem_INPUT\"\n      value={value}\n      type=\"radio\"\n      name={name}\n      checked={checked}\n      onChange={onChange}\n    />\n    <span data-testid=\"RadioGroupItem_RADIO\" className={styles.radioBtn}></span>\n    <span\n      data-testid=\"RadioGroupItem_TEXT\"\n      className={joinClasses(styles.radioBtnText, typography.Body2Regular)}\n    >\n      {label}\n    </span>\n  </label>\n);\n\nexport const RadioGroup = ({\n  RadioGroupItems,\n  invokeCustomOnChange,\n  setSelectedOption,\n  selectedOption,\n}: IRadioGroupProps) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedOption(event.target.value);\n    invokeCustomOnChange(event);\n  };\n  return (\n    <fieldset data-testid=\"RadioGroup_FIELDSET\">\n      {RadioGroupItems.map((item) => (\n        <CustomRadioButton\n          key={item.label}\n          label={item.label}\n          name=\"radio\"\n          checked={selectedOption === item.value}\n          onChange={handleChange}\n          value={item.value}\n        />\n      ))}\n    </fieldset>\n  );\n};\n","@import \"~styles/colors.css\";\n\n.radio {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n\n.radio input {\n  display: none;\n}\n\n.radioBtn {\n  position: relative;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  border: 2px solid var(--button-secondary-on-hover);\n  margin: 10px;\n  transition: background 0.3s;\n}\n\n.radioBtn::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  height: 10px;\n  width: 10px;\n  background: var(--button-primary-default);\n  border-radius: 50%;\n  transform: scale(0) translate(-50%, -50%);\n  transition: transform 0.3s;\n}\n\ninput:checked + .radioBtn::after {\n  transform: scale(1) translate(-50%, -50%);\n}\n\ninput:checked + .radioBtn {\n  border: 2px solid var(--button-primary-default);\n}\n\n.radioBtnText {\n  padding-left: 10px;\n  width: fit-content;\n}\n","import React, { Dispatch, SetStateAction } from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./RadioToggle.module.css\";\n\nexport interface IRadioToggleProps {\n  lock: boolean;\n  setLock: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const RadioToggle = ({ lock, setLock }: IRadioToggleProps) => (\n  <button\n    data-testid=\"RadioToggle_BUTTON\"\n    aria-pressed={lock}\n    aria-label=\"Кнопка переключения\"\n    onClick={() => {\n      setLock(!lock);\n    }}\n  >\n    <div\n      data-testid=\"RadioToggle_WRAP\"\n      className={joinClasses(styles.wrap, lock && styles.wrapLock)}\n    >\n      <div data-testid=\"RadioToggle_ROUND\" className={styles.round}></div>\n    </div>\n  </button>\n);\n","@import \"~styles/colors.css\";\n\n.wrap {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 4px;\n  width: 32px;\n  height: 16px;\n  border-radius: 40px;\n  background: var(--leaf);\n}\n\n.wrapLock {\n  justify-content: flex-start;\n  background: var(--surface-surface-3-color);\n}\n\n.round {\n  width: 16px;\n  height: 16px;\n  background: var(--surface-surface-2);\n  border-radius: 100px;\n}\n","import React, { Dispatch, JSX } from \"react\";\nimport Icons from \"@egov3/graphics\";\n\nimport styles from \"./SelectBoxButton.module.css\";\nimport { Components } from \"~components\";\n\nexport interface ISelectBoxProps {\n  labelText?: string;\n  setIsOpen: Dispatch<React.SetStateAction<boolean>>;\n  disabled: boolean;\n  error?: boolean;\n  modalValue?: string;\n}\n\nexport const SelectBoxButton = ({\n  setIsOpen,\n  labelText,\n  disabled,\n  error,\n  modalValue,\n}: ISelectBoxProps): JSX.Element => (\n  <button\n    data-testid=\"SelectBoxModal_BUTTON\"\n    className={styles.selectContainer}\n    onClick={() => !disabled && setIsOpen(true)}\n  >\n    <div data-testid=\"SelectBoxModal_TITLE\">\n      <Components.Typography\n        tag=\"label\"\n        fontClass=\"Caption1Regular\"\n        data-testid=\"SelectBoxModal_LABEL\"\n        className={error ? styles.errorLabel : styles.label}\n        aria-label={labelText}\n      >\n        {labelText}\n      </Components.Typography>\n      {modalValue && modalValue.length > 0 && (\n        <Components.Typography\n          tag=\"div\"\n          fontClass=\"Body2Regular\"\n          data-testid=\"SelectBoxModal_VALUE\"\n          className={styles.selectText}\n          aria-label={modalValue}\n        >\n          {modalValue}\n        </Components.Typography>\n      )}\n    </div>\n    <Icons.Basic.ChevronDownSmall\n      aria-label=\"кнопка развернуть\"\n      fill=\"#758393\"\n      className={styles.clearIcon}\n    />\n  </button>\n);\n","@import \"~styles/colors.css\";\n\n.selectContainer {\n  display: flex;\n  height: 56px;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 8px 16px;\n}\n\n.label {\n  display: flex;\n  color: var(--text-secondary);\n}\n\n.errorLabel {\n  display: flex;\n  color: var(--icon-error-color);\n}\n\n.selectText {\n  display: flex;\n  color: var(--text-primary);\n}\n","// Typography.tsx\nimport React, { FC, JSX } from \"react\";\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport typography from \"~styles/typography.module.css\";\n\ntype TFontClass =\n  | \"Heading1\"\n  | \"Heading3\"\n  | \"Subtitles3\"\n  | \"Body1Medium\"\n  | \"Body1Regular\"\n  | \"Body2Medium\"\n  | \"Body2Regular\"\n  | \"Body3Regular\"\n  | \"Caption1Medium\"\n  | \"Caption1Regular\"\n  | \"Caption1Semibold\"\n  | \"Caption2Medium\"\n  | \"Caption2Regular\";\n\nexport interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {\n  tag: keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n  fontClass: TFontClass;\n}\n\nexport const Typography: FC<ITypographyProps> = ({\n  tag,\n  fontClass,\n  className,\n  children,\n  style,\n  ...restProps\n}) =>\n  React.createElement(\n    tag,\n    {\n      ...restProps,\n      className: joinClasses(fontClass ? typography[fontClass] : \"\", className),\n      style,\n    },\n    children\n  );\n","import { Accordion } from \"./Accordion\";\nimport { Button } from \"./Button\";\nimport { InputField } from \"./InputField\";\nimport { Modal } from \"./Modal\";\nimport { CustomRadioButton, RadioGroup } from \"./RadioGroup\";\nimport { RadioToggle } from \"./RadioToggle\";\nimport { SelectBoxButton } from \"./SelectBoxButton\";\nimport { Typography } from \"./Typography\";\n\nexport const Components = {\n  Accordion,\n  Button,\n  CustomRadioButton,\n  InputField,\n  Modal,\n  RadioGroup,\n  RadioToggle,\n  SelectBoxButton,\n  Typography,\n};\n\nexport { Button };\n"]}
+{"version":3,"sources":["../src/components/Accordion/Accordion.module.css","../src/utils/joinClasses.tsx","../src/components/Accordion/index.tsx","../src/components/Button/button.module.css","../src/styles/typography.module.css","../src/components/Button/index.tsx","../src/components/InputField/index.tsx","../src/components/InputField/InputField.module.css","../src/svg/ClearIcon.tsx","../src/components/Modal/index.tsx","../src/components/Modal/Modal.module.css","../src/components/RadioGroup/RadioGroup.module.css","../src/components/RadioGroup/index.tsx","../src/components/RadioToggle/RadioToggle.module.css","../src/components/RadioToggle/index.tsx","../src/components/SelectBoxButton/index.tsx","../src/components/SelectBoxButton/SelectBoxButton.module.css","../src/components/Typography/index.tsx","../src/components/index.ts","../src/index.tsx"],"sourcesContent":["@import \"~styles/colors.css\";.Accordion-module__accordionBtn___1unNG{border-radius:inherit;cursor:pointer;display:flex;justify-content:space-between;text-align:left;width:100%}.Accordion-module__accordionContent___Qnx7K{max-height:1000px;overflow:hidden;transition:all .3s ease-in-out}.Accordion-module__accordionContent--hidden___DrXay{max-height:0}","export const joinClasses = (...args: unknown[]) =>\n  args.filter((item) => !!item).join(\" \");\n","import React, { Dispatch } from \"react\";\n\nimport styles from \"./Accordion.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\n\nexport interface IAccordionProps {\n  open: boolean;\n  setOpen: Dispatch<React.SetStateAction<boolean>>;\n  children: React.ReactNode;\n  title: React.JSX.Element;\n}\n\nexport const Accordion = ({\n  open,\n  setOpen,\n  children,\n  title,\n}: IAccordionProps) => {\n  return (\n    <>\n      <button\n        data-testid=\"Accordion_BUTTON\"\n        className={styles.accordionBtn}\n        onClick={() => {\n          setOpen(!open);\n        }}\n      >\n        {title}\n        <svg\n          data-testid=\"Accordion_DIRECTION\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          style={{\n            transform: !open ? \"none\" : \"rotate(0.5turn)\",\n          }}\n        >\n          <path d=\"M15.8346 7.5L10.0013 13.3333L4.16797 7.5\" stroke=\"#758393\" />\n        </svg>\n      </button>\n      <div\n        data-testid=\"Accordion_CONTENT\"\n        className={joinClasses(\n          styles.accordionContent,\n          !open && styles[`accordionContent--hidden`]\n        )}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n","@import \"~styles/colors.css\";.button-module__button___JyfZW{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;transition:background-color .2s ease}.button-module__btn-default___EDl7t{background-color:var(--default-primary-accent);color:var(--default-white-color)}.button-module__btn-default--disabled___H36E7{background-color:var(--button-disabled-default-color);color:var(--text-disabled-color)}.button-module__btn-tinted___Do6iX{background-color:var(--button-tinted-default-color);color:var(--text-accent)}.button-module__btn-tinted--disabled___XRuq-{background-color:var(--button-tinted-default-color);color:var(--text-disabled-accent-color)}.button-module__btn-secondary___LtTTr{background-color:var(--surface-surface-3-color);color:var(--text-primary)}.button-module__btn-secondary--disabled___5YS63{background-color:var(--surface-surface-3-color);color:var(--text-secondary)}.button-module__btn-default___EDl7t:hover{background-color:var(--button-primary-on-hover-color)}.button-module__btn-tinted___Do6iX:hover{background-color:var(--button-tinted-on-hover-color)}.button-module__btn-secondary___LtTTr:hover{background-color:var(--button-secondary-on-hover)}.button-module__btn--mini___a9EJm{gap:4px;padding:6px 12px}.button-module__btn--small___xfhlR{gap:8px;padding:8px 16px}.button-module__btn--medium___pFJSr{gap:8px;padding:8px 20px}.button-module__btn--large___GvwY2{gap:8px;padding:14px 24px}.button-module__btn-square--mini___RWpOc{border-radius:4px}.button-module__btn-square--small___M-WgA{border-radius:6px}.button-module__btn-square--medium___aDBfE{border-radius:10px}.button-module__btn-square--large___dwebF{border-radius:12px}.button-module__btn-rounded--medium___TKy02,.button-module__btn-rounded--mini___bX5xJ,.button-module__btn-rounded--small___LI-QV{border-radius:32px}.button-module__btn-rounded--large___joy-r{border-radius:40px}",".typography-module__Heading1___qoIqf{font-family:Inter;font-size:32px;font-style:normal;font-weight:600;letter-spacing:-.32px;line-height:36px}.typography-module__Heading3___bAFUu{font-family:Inter;font-size:24px;font-style:normal;font-weight:600;letter-spacing:-.24px;line-height:28px}.typography-module__Subtitles3___fZk78{font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.typography-module__Body1Medium___6oNx-{font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.typography-module__Body1Regular___M-29m{font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.typography-module__Body2Medium___AgTJq{font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.typography-module__Body2Regular___vMqoR{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.typography-module__Body3Regular___4msoY{font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.typography-module__Caption1Medium___ZOAXc{font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.typography-module__Caption1Regular___Ngisv{font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.typography-module__Caption1Semibold___bp7U4{font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.typography-module__Caption2Medium___Ru8Ob{font-family:Inter;font-size:10px;font-style:normal;font-weight:500;line-height:12px}.typography-module__Caption2Regular___tpO-t{font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:12px}","import React from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./button.module.css\";\nimport typography from \"~styles/typography.module.css\";\n\nconst btnTypography = {\n  mini: typography.Caption2Medium,\n  small: typography.Caption1Medium,\n  medium: typography.Body2Medium,\n  large: typography.Body1Medium,\n};\n\nexport interface IButtonProps {\n  ariaLabel?: string;\n  onClick?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  isRounded?: boolean;\n  disabled?: boolean;\n  variant?: \"default\" | \"tinted\" | \"secondary\";\n  size?: \"mini\" | \"small\" | \"medium\" | \"large\";\n  style?: React.CSSProperties;\n}\n\nexport const Button = ({\n  onClick,\n  children,\n  style,\n  className = \"\",\n  isRounded = false,\n  disabled = false,\n  variant = \"default\",\n  size = \"medium\",\n  ariaLabel = \"Кнопка\",\n}: IButtonProps) => (\n  <button\n    data-testid=\"Button_MAIN\"\n    aria-label={ariaLabel}\n    disabled={disabled}\n    aria-disabled={disabled}\n    onClick={onClick}\n    className={joinClasses(\n      styles[`btn--${size}`],\n      btnTypography[size],\n      isRounded\n        ? styles[`btn-rounded--${size}`]\n        : styles[`btn-square--${size}`],\n      disabled ? styles[`btn-${variant}--disabled`] : styles[`btn-${variant}`],\n      styles.button,\n      className\n    )}\n    style={style}\n  >\n    {children}\n  </button>\n);\n","// InputField.tsx\nimport React, { forwardRef, HTMLInputTypeAttribute, JSX } from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./InputField.module.css\";\n\nimport { ClearIcon } from \"~svg\";\n\nexport type TOtpType = \"OTP\" | \"TEXT\";\n\nexport interface IInputFieldProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onEnterPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  value?: string;\n  placeholder?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  isClearable?: boolean;\n  inputLeftIcon?: JSX.Element;\n  type?: HTMLInputTypeAttribute;\n  id: string;\n  labelText?: string;\n  ariaLabel: string;\n  focused?: boolean;\n  setFocused?: (val: boolean) => void;\n  readOnly?: boolean;\n}\n\nexport const InputField = forwardRef<HTMLInputElement, IInputFieldProps>(\n  (\n    {\n      onFocus,\n      onBlur,\n      onChange,\n      onEnterPress,\n      value = \"\",\n      inputLeftIcon,\n      placeholder = \"\",\n      className = \"\",\n      style,\n      isClearable = false,\n      type = \"text\",\n      id,\n      labelText = \"\",\n      ariaLabel = \"\",\n      focused = false,\n      setFocused = () => {},\n      readOnly = false,\n    }: IInputFieldProps,\n    ref\n  ): JSX.Element => {\n    const handleClear = () => {\n      if (onChange) {\n        onChange({\n          target: { value: \"\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    };\n    const handleFocus = () => {\n      setFocused(true);\n      if (onFocus) onFocus();\n    };\n    const handleBlur = () => {\n      setFocused(false);\n      if (onBlur) onBlur();\n    };\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (onEnterPress && event.key === \"Enter\") {\n        onEnterPress(event);\n      }\n    };\n\n    return (\n      <div\n        data-testid=\"InputField_MAIN\"\n        className={joinClasses(\n          styles[labelText.length ? \"inputContainerLabeled\" : \"inputContainer\"],\n          focused ? styles[`input--onfocus`] : undefined,\n          styles[`input-${type?.toLocaleLowerCase()}`],\n          className\n        )}\n        style={style}\n      >\n        {labelText.length > 0 && (\n          <label htmlFor={id} data-testid=\"InputField_LABEL\">\n            {labelText}\n          </label>\n        )}\n        {inputLeftIcon}\n        <input\n          ref={ref}\n          data-testid=\"InputField_INPUT\"\n          aria-label={ariaLabel}\n          id={id}\n          type={type}\n          className={styles.input}\n          placeholder={placeholder}\n          aria-placeholder={placeholder}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n          value={value}\n          readOnly={readOnly}\n        />\n        {isClearable && value && (\n          <ClearIcon\n            fill=\"red\"\n            pathFill=\"#758393\"\n            className={styles.clearIcon}\n            onClick={handleClear}\n          />\n        )}\n      </div>\n    );\n  }\n);\n","@import \"~styles/colors.css\";.InputField-module__inputContainer___f-bIm{align-items:center;background-color:var(--surface-surface-1);border-radius:8px;display:flex;padding:12px 16px}.InputField-module__inputContainerLabeled___zrQbJ{background-color:var(--surface-surface-1);border-radius:8px;display:block;padding:12px 16px}.InputField-module__inputContainerLabeled___zrQbJ label{color:var(--text-secondary)}.InputField-module__input___Lgxvm{background-color:var(--surface-surface-1);border:none;width:100%}.InputField-module__input___Lgxvm:active,.InputField-module__input___Lgxvm:focus{outline:none}.InputField-module__input___Lgxvm::-moz-placeholder{color:var(--text-disabled-color)}.InputField-module__input___Lgxvm::placeholder{color:var(--text-disabled-color)}.InputField-module__input___Lgxvm::-webkit-inner-spin-button,.InputField-module__input___Lgxvm::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.InputField-module__clearIcon___1KYtM{cursor:pointer}.InputField-module__input--onfocus___cJyDp,.InputField-module__input--onfocus___cJyDp .InputField-module__input___Lgxvm{background-color:var(--surface-surface-3-color)}","import React from \"react\";\n\nexport const ClearIcon = ({\n  fill = \"none\",\n  pathFill = \"#fff\",\n  width = 20,\n  height = 20,\n  ...props\n}: React.SVGProps<SVGSVGElement> & { pathFill?: string }) => {\n  return (\n    <svg\n      data-testid=\"Icons_CLEAR\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill={fill}\n      viewBox=\"0 0 20 20\"\n      {...props}\n    >\n      <path\n        fill={pathFill}\n        fillRule=\"evenodd\"\n        d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n","import React, { Dispatch, JSX } from \"react\";\nimport Icons from \"@egov3/graphics\";\n\nimport styles from \"./Modal.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\nimport { Components } from \"~components\";\n\nexport interface IModalProps {\n  open: boolean;\n  children: JSX.Element;\n  setOpen: Dispatch<React.SetStateAction<boolean>>;\n  headerTitle?: string;\n  variant: \"large\" | \"small\";\n}\n\nexport const Modal = ({\n  open,\n  setOpen,\n  children,\n  headerTitle,\n  variant,\n}: IModalProps) => {\n  if (open) {\n    return (\n      <div data-testid=\"Modal_OVERLAY\" className={styles.overlay}>\n        <div\n          data-testid=\"Modal_WRAPPER\"\n          className={joinClasses(\n            styles.contentWrap,\n            styles[`${variant}Variant`]\n          )}\n        >\n          {headerTitle && headerTitle.length > 0 && (\n            <div data-testid=\"Modal_HEADER\" className={styles.contentHeader}>\n              <Components.Typography\n                tag=\"h3\"\n                fontClass=\"Body1Medium\"\n                data-testid=\"Modal_TITLE\"\n                className={styles.title}\n              >\n                {headerTitle}\n              </Components.Typography>\n              <button\n                data-testid=\"ModalHeader_BTN\"\n                onClick={() => {\n                  setOpen(!open);\n                }}\n              >\n                <Icons.General.Close data-testid=\"Modal_ICON\" />\n              </button>\n            </div>\n          )}\n          {children}\n        </div>\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n","@import \"~styles/colors.css\";.Modal-module__overlay___dd9h1{align-items:center;background:rgba(0,0,0,.5);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.Modal-module__contentWrap___TeYsL{animation:Modal-module__flyDawn___scb7- 1s;background:var(--page-color-background-white);border-radius:16px;height:-moz-fit-content;height:fit-content}.Modal-module__largeVariant___L-djj{width:1052px}.Modal-module__smallVariant___OSCjI{width:400px}.Modal-module__contentHeader___6XO83{align-items:center;align-self:stretch;display:flex;justify-content:space-between;padding:12px 16px;position:relative}.Modal-module__title___A5OeE{color:var(--text-primary)}@keyframes Modal-module__flyDawn___scb7-{0%{opacity:.1;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}","@import \"~styles/colors.css\";.RadioGroup-module__radio___iyFIA{align-items:center;cursor:pointer;display:flex}.RadioGroup-module__radio___iyFIA input{display:none}.RadioGroup-module__radioBtn___n1J5v{border:2px solid var(--button-secondary-on-hover);border-radius:50%;height:15px;margin:10px;position:relative;transition:background .3s;width:15px}.RadioGroup-module__radioBtn___n1J5v:after{background:var(--button-primary-default);border-radius:50%;content:\"\";height:10px;left:50%;position:absolute;top:50%;transform:scale(0) translate(-50%,-50%);transition:transform .3s;width:10px}input:checked+.RadioGroup-module__radioBtn___n1J5v:after{transform:scale(1) translate(-50%,-50%)}input:checked+.RadioGroup-module__radioBtn___n1J5v{border:2px solid var(--button-primary-default)}.RadioGroup-module__radioBtnText___aP5kH{padding-left:10px;width:-moz-fit-content;width:fit-content}","import React from \"react\";\nimport styles from \"./RadioGroup.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\nimport typography from \"~styles/typography.module.css\";\n\nexport interface RadioGroupItem {\n  label: string;\n  value: string;\n}\n\nexport interface ICustomRadioButtonProps {\n  label: string;\n  name: string;\n  checked: boolean;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string;\n}\n\nexport interface IRadioGroupProps {\n  RadioGroupItems: RadioGroupItem[];\n  invokeCustomOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  setSelectedOption: React.Dispatch<React.SetStateAction<string>>;\n  selectedOption: string;\n}\n\nexport const CustomRadioButton = ({\n  label,\n  name,\n  checked,\n  onChange,\n  value,\n}: ICustomRadioButtonProps) => (\n  <label data-testid=\"RadioGroupItem_LABEL\" className={styles.radio}>\n    <input\n      data-testid=\"RadioGroupItem_INPUT\"\n      value={value}\n      type=\"radio\"\n      name={name}\n      checked={checked}\n      onChange={onChange}\n    />\n    <span data-testid=\"RadioGroupItem_RADIO\" className={styles.radioBtn}></span>\n    <span\n      data-testid=\"RadioGroupItem_TEXT\"\n      className={joinClasses(styles.radioBtnText, typography.Body2Regular)}\n    >\n      {label}\n    </span>\n  </label>\n);\n\nexport const RadioGroup = ({\n  RadioGroupItems,\n  invokeCustomOnChange,\n  setSelectedOption,\n  selectedOption,\n}: IRadioGroupProps) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedOption(event.target.value);\n    invokeCustomOnChange(event);\n  };\n  return (\n    <fieldset data-testid=\"RadioGroup_FIELDSET\">\n      {RadioGroupItems.map((item) => (\n        <CustomRadioButton\n          key={item.label}\n          label={item.label}\n          name=\"radio\"\n          checked={selectedOption === item.value}\n          onChange={handleChange}\n          value={item.value}\n        />\n      ))}\n    </fieldset>\n  );\n};\n","@import \"~styles/colors.css\";.RadioToggle-module__wrap___tM-kQ{align-items:center;background:var(--leaf);border-radius:40px;display:flex;height:16px;justify-content:flex-end;padding:4px;width:32px}.RadioToggle-module__wrapLock___sLgxo{background:var(--surface-surface-3-color);justify-content:flex-start}.RadioToggle-module__round___5NUUP{background:var(--surface-surface-2);border-radius:100px;height:16px;width:16px}","import React, { Dispatch, SetStateAction } from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./RadioToggle.module.css\";\n\nexport interface IRadioToggleProps {\n  lock: boolean;\n  setLock: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const RadioToggle = ({ lock, setLock }: IRadioToggleProps) => (\n  <button\n    data-testid=\"RadioToggle_BUTTON\"\n    aria-pressed={lock}\n    aria-label=\"Кнопка переключения\"\n    onClick={() => {\n      setLock(!lock);\n    }}\n  >\n    <div\n      data-testid=\"RadioToggle_WRAP\"\n      className={joinClasses(styles.wrap, lock && styles.wrapLock)}\n    >\n      <div data-testid=\"RadioToggle_ROUND\" className={styles.round}></div>\n    </div>\n  </button>\n);\n","import React, { Dispatch, JSX } from \"react\";\nimport Icons from \"@egov3/graphics\";\n\nimport styles from \"./SelectBoxButton.module.css\";\nimport { Components } from \"~components\";\n\nexport interface ISelectBoxProps {\n  labelText?: string;\n  setIsOpen: Dispatch<React.SetStateAction<boolean>>;\n  disabled: boolean;\n  error?: boolean;\n  modalValue?: string;\n}\n\nexport const SelectBoxButton = ({\n  setIsOpen,\n  labelText,\n  disabled,\n  error,\n  modalValue,\n}: ISelectBoxProps): JSX.Element => (\n  <button\n    data-testid=\"SelectBoxModal_BUTTON\"\n    className={styles.selectContainer}\n    onClick={() => !disabled && setIsOpen(true)}\n  >\n    <div data-testid=\"SelectBoxModal_TITLE\">\n      <Components.Typography\n        tag=\"label\"\n        fontClass=\"Caption1Regular\"\n        data-testid=\"SelectBoxModal_LABEL\"\n        className={error ? styles.errorLabel : styles.label}\n        aria-label={labelText}\n      >\n        {labelText}\n      </Components.Typography>\n      {modalValue && modalValue.length > 0 && (\n        <Components.Typography\n          tag=\"div\"\n          fontClass=\"Body2Regular\"\n          data-testid=\"SelectBoxModal_VALUE\"\n          className={styles.selectText}\n          aria-label={modalValue}\n        >\n          {modalValue}\n        </Components.Typography>\n      )}\n    </div>\n    <Icons.Basic.ChevronDownSmall\n      aria-label=\"кнопка развернуть\"\n      fill=\"#758393\"\n      className={styles.clearIcon}\n    />\n  </button>\n);\n","@import \"~styles/colors.css\";.SelectBoxButton-module__selectContainer___MyVJF{align-items:center;background-color:var(--surface-surface-1);border-radius:8px;display:flex;height:56px;justify-content:space-between;padding:8px 16px}.SelectBoxButton-module__label___hlxlc{color:var(--text-secondary);display:flex}.SelectBoxButton-module__errorLabel___gYbNN{color:var(--icon-error-color);display:flex}.SelectBoxButton-module__selectText___7FeVj{color:var(--text-primary);display:flex}","// Typography.tsx\nimport React, { FC, JSX } from \"react\";\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport typography from \"~styles/typography.module.css\";\n\ntype TFontClass =\n  | \"Heading1\"\n  | \"Heading3\"\n  | \"Subtitles3\"\n  | \"Body1Medium\"\n  | \"Body1Regular\"\n  | \"Body2Medium\"\n  | \"Body2Regular\"\n  | \"Body3Regular\"\n  | \"Caption1Medium\"\n  | \"Caption1Regular\"\n  | \"Caption1Semibold\"\n  | \"Caption2Medium\"\n  | \"Caption2Regular\";\n\nexport interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {\n  tag: keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n  fontClass: TFontClass;\n}\n\nexport const Typography: FC<ITypographyProps> = ({\n  tag,\n  fontClass,\n  className,\n  children,\n  style,\n  ...restProps\n}) =>\n  React.createElement(\n    tag,\n    {\n      ...restProps,\n      className: joinClasses(fontClass ? typography[fontClass] : \"\", className),\n      style,\n    },\n    children\n  );\n","import { Accordion } from \"./Accordion\";\nimport { Button } from \"./Button\";\nimport { InputField } from \"./InputField\";\nimport { Modal } from \"./Modal\";\nimport { CustomRadioButton, RadioGroup } from \"./RadioGroup\";\nimport { RadioToggle } from \"./RadioToggle\";\nimport { SelectBoxButton } from \"./SelectBoxButton\";\nimport { Typography } from \"./Typography\";\n\nexport const Components = {\n  Accordion,\n  Button,\n  CustomRadioButton,\n  InputField,\n  Modal,\n  RadioGroup,\n  RadioToggle,\n  SelectBoxButton,\n  Typography,\n};\n\nexport { Button };\n","import { Components } from \"./components\";\n\nconst SystemDesign = {\n  Components\n}\n\nexport default SystemDesign"],"mappings":"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","names":["jsx","jsx","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","Icons","jsx","jsxs","Icons","React","React"]}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@egov3/system-design",
-  "version": "2.2.8",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
+  "version": "2.2.11",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "type": "module",
   "files": [
     "dist"
   ],
@@ -11,8 +12,11 @@
     "type": "git",
     "url": "https://github.com/egov3/system-design.git"
   },
+  "sideEffects": false,
   "scripts": {
     "build": "tsup",
+    "lint": "eslint .",
+    "dev": "tsup --watch",
     "test": "jest",
     "sb": "storybook dev -p 6006",
     "build-storybook": "storybook build"
@@ -25,45 +29,27 @@
     "react-dom": ">=18.0.0 <20.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.4",
-    "@babel/preset-react": "^7.16.0",
-    "@babel/preset-typescript": "^7.16.0",
-    "@chromatic-com/storybook": "^3.2.4",
-    "@mdx-js/react": "^2.1.2",
-    "@storybook/addon-actions": "^8.5.2",
-    "@storybook/addon-essentials": "^8.5.2",
-    "@storybook/addon-links": "^8.5.2",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.5.2",
-    "@storybook/react-webpack5": "^8.5.2",
-    "@storybook/test": "^8.5.2",
-    "@swc/core": "^1.11.24",
-    "@testing-library/react": "^13.3.0",
-    "@types/jest": "^28.1.6",
-    "@types/react": "^19.0.0",
-    "babel-jest": "^27.3.1",
-    "babel-loader": "^8.2.3",
-    "css-loader": "^6.5.1",
-    "html-webpack-plugin": "^5.5.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^28.1.3",
+    "@eslint/js": "^9.26.0",
+    "@types/react": "^19.1.3",
+    "@types/react-dom": "^19.1.3",
+    "@typescript-eslint/eslint-plugin": "^8.32.0",
+    "@typescript-eslint/parser": "^8.32.0",
+    "autoprefixer": "^10.4.21",
+    "classnames": "^2.5.1",
+    "cssnano": "^7.0.7",
+    "eslint": "^9.26.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "postcss": "^8.5.3",
-    "postcss-loader": "^8.1.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "sass": "^1.85.1",
-    "sass-loader": "^12.3.0",
-    "storybook": "^8.5.2",
-    "style-loader": "^3.3.1",
+    "postcss-modules": "^6.0.1",
     "tsup": "^8.4.0",
-    "typescript": "^4.7.4",
-    "webpack": "^5"
+    "typescript": "^5.8.3"
   },
   "dependencies": {
     "@egov3/graphics": "^1.0.49",
-    "tsconfig-paths-webpack-plugin": "^4.2.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   }
 }

package/dist/index.mjs

@@ -1 +0,0 @@
-function e(e,t,a){if(t in e){Object.defineProperty(e,t,{value:a,enumerable:true,configurable:true,writable:true})}else{e[t]=a}return e}function t(t){for(var a=1;a<arguments.length;a++){var r=arguments[a]!=null?arguments[a]:{};var n=Object.keys(r);if(typeof Object.getOwnPropertySymbols==="function"){n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))}n.forEach(function(a){e(t,a,r[a])})}return t}function a(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);if(t){r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})}a.push.apply(a,r)}return a}function r(e,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(t))}else{a(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}function n(e,t){if(e==null)return{};var a=o(e,t);var r,n;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++){r=l[n];if(t.indexOf(r)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,r))continue;a[r]=e[r]}}return a}function o(e,t){if(e==null)return{};var a={};var r=Object.keys(e);var n,o;for(o=0;o<r.length;o++){n=r[o];if(t.indexOf(n)>=0)continue;a[n]=e[n]}return a}import l from"react";var i={};var c=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++){t[a]=arguments[a]}return t.filter(function(e){return!!e}).join(" ")};var d=function(e){var t=e.open,a=e.setOpen,r=e.children,n=e.title;return l.createElement(l.Fragment,null,l.createElement("button",{"data-testid":"Accordion_BUTTON",className:i.accordionBtn,onClick:function(){a(!t)}},n,l.createElement("svg",{"data-testid":"Accordion_DIRECTION",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",style:{transform:t?"rotate(0.5turn)":"none"}},l.createElement("path",{d:"M15.8346 7.5L10.0013 13.3333L4.16797 7.5",stroke:"#758393"}))),l.createElement("div",{"data-testid":"Accordion_CONTENT",className:c(i.accordionContent,!t&&i["accordionContent--hidden"])},r))};import s from"react";var u={};var m={};var v={mini:m.Caption2Medium,small:m.Caption1Medium,medium:m.Body2Medium,large:m.Body1Medium},p=function(e){var t=e.onClick,a=e.children,r=e.style,n=e.className,o=n===void 0?"":n,l=e.isRounded,i=l===void 0?!1:l,d=e.disabled,m=d===void 0?!1:d,p=e.variant,f=p===void 0?"default":p,b=e.size,g=b===void 0?"medium":b,h=e.ariaLabel,y=h===void 0?"Кнопка":h;return s.createElement("button",{"data-testid":"Button_MAIN","aria-label":y,disabled:m,"aria-disabled":m,onClick:t,className:c(u["btn--".concat(g)],v[g],i?u["btn-rounded--".concat(g)]:u["btn-square--".concat(g)],m?u["btn-".concat(f,"--disabled")]:u["btn-".concat(f)],u.button,o),style:r},a)};import f,{forwardRef as b}from"react";var g={};import h from"react";var y=function(e){var a=e.fill,r=a===void 0?"none":a,o=e.pathFill,l=o===void 0?"#fff":o,i=e.width,c=i===void 0?20:i,d=e.height,s=d===void 0?20:d,u=n(e,["fill","pathFill","width","height"]);return h.createElement("svg",t({"data-testid":"Icons_CLEAR",xmlns:"http://www.w3.org/2000/svg",width:c,height:s,fill:r,viewBox:"0 0 20 20"},u),h.createElement("path",{fill:l,fillRule:"evenodd",d:"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z",clipRule:"evenodd"}))};var E=b(function(e,t){var a=e.onFocus,r=e.onBlur,n=e.onChange,o=e.onEnterPress,l=e.value,i=l===void 0?"":l,d=e.inputLeftIcon,s=e.placeholder,u=s===void 0?"":s,m=e.className,v=m===void 0?"":m,p=e.style,b=e.isClearable,h=b===void 0?!1:b,E=e.type,O=E===void 0?"text":E,C=e.id,N=e.labelText,w=N===void 0?"":N,T=e.ariaLabel,B=T===void 0?"":T,R=e.focused,I=R===void 0?!1:R,L=e.setFocused,_=L===void 0?function(){}:L,M=e.readOnly,j=M===void 0?!1:M;var k=function(){n&&n({target:{value:""}})},P=function(){_(!0),a&&a()},x=function(){_(!1),r&&r()},A=function(e){o&&e.key==="Enter"&&o(e)};return f.createElement("div",{"data-testid":"InputField_MAIN",className:c(g[w.length?"inputContainerLabeled":"inputContainer"],I?g["input--onfocus"]:void 0,g["input-".concat(O===null||O===void 0?void 0:O.toLocaleLowerCase())],v),style:p},w.length>0&&f.createElement("label",{htmlFor:C,"data-testid":"InputField_LABEL"},w),d,f.createElement("input",{ref:t,"data-testid":"InputField_INPUT","aria-label":B,id:C,type:O,className:g.input,placeholder:u,"aria-placeholder":u,onFocus:P,onBlur:x,onChange:n,onKeyDown:A,value:i,readOnly:j}),h&&i&&f.createElement(y,{fill:"red",pathFill:"#758393",className:g.clearIcon,onClick:k}))});import O from"react";import C from"@egov3/graphics";var N={};var w=function(e){var t=e.open,a=e.setOpen,r=e.children,n=e.headerTitle,o=e.variant;return t?O.createElement("div",{"data-testid":"Modal_OVERLAY",className:N.overlay},O.createElement("div",{"data-testid":"Modal_WRAPPER",className:c(N.contentWrap,N["".concat(o,"Variant")])},n&&n.length>0&&O.createElement("div",{"data-testid":"Modal_HEADER",className:N.contentHeader},O.createElement(F.Typography,{tag:"h3",fontClass:"Body1Medium","data-testid":"Modal_TITLE",className:N.title},n),O.createElement("button",{"data-testid":"ModalHeader_BTN",onClick:function(){a(!t)}},O.createElement(C.General.Close,{"data-testid":"Modal_ICON"}))),r)):null};import T from"react";var B={};var R=function(e){var t=e.label,a=e.name,r=e.checked,n=e.onChange,o=e.value;return T.createElement("label",{"data-testid":"RadioGroupItem_LABEL",className:B.radio},T.createElement("input",{"data-testid":"RadioGroupItem_INPUT",value:o,type:"radio",name:a,checked:r,onChange:n}),T.createElement("span",{"data-testid":"RadioGroupItem_RADIO",className:B.radioBtn}),T.createElement("span",{"data-testid":"RadioGroupItem_TEXT",className:c(B.radioBtnText,m.Body2Regular)},t))},I=function(e){var t=e.RadioGroupItems,a=e.invokeCustomOnChange,r=e.setSelectedOption,n=e.selectedOption;var o=function(e){r(e.target.value),a(e)};return T.createElement("fieldset",{"data-testid":"RadioGroup_FIELDSET"},t.map(function(e){return T.createElement(R,{key:e.label,label:e.label,name:"radio",checked:n===e.value,onChange:o,value:e.value})}))};import L from"react";var _={};var M=function(e){var t=e.lock,a=e.setLock;return L.createElement("button",{"data-testid":"RadioToggle_BUTTON","aria-pressed":t,"aria-label":"Кнопка переключения",onClick:function(){a(!t)}},L.createElement("div",{"data-testid":"RadioToggle_WRAP",className:c(_.wrap,t&&_.wrapLock)},L.createElement("div",{"data-testid":"RadioToggle_ROUND",className:_.round})))};import j from"react";import k from"@egov3/graphics";var P={};var x=function(e){var t=e.setIsOpen,a=e.labelText,r=e.disabled,n=e.error,o=e.modalValue;return j.createElement("button",{"data-testid":"SelectBoxModal_BUTTON",className:P.selectContainer,onClick:function(){return!r&&t(!0)}},j.createElement("div",{"data-testid":"SelectBoxModal_TITLE"},j.createElement(F.Typography,{tag:"label",fontClass:"Caption1Regular","data-testid":"SelectBoxModal_LABEL",className:n?P.errorLabel:P.label,"aria-label":a},a),o&&o.length>0&&j.createElement(F.Typography,{tag:"div",fontClass:"Body2Regular","data-testid":"SelectBoxModal_VALUE",className:P.selectText,"aria-label":o},o)),j.createElement(k.Basic.ChevronDownSmall,{"aria-label":"кнопка развернуть",fill:"#758393",className:P.clearIcon}))};import A from"react";var S=function(e){var a=e.tag,o=e.fontClass,l=e.className,i=e.children,d=e.style,s=n(e,["tag","fontClass","className","children","style"]);return A.createElement(a,r(t({},s),{className:c(o?m[o]:"",l),style:d}),i)};var F={Accordion:d,Button:p,CustomRadioButton:R,InputField:E,Modal:w,RadioGroup:I,RadioToggle:M,SelectBoxButton:x,Typography:S};var D={Components:F},G=D;export{G as default};//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Accordion/index.tsx","../src/components/Accordion/Accordion.module.css","../src/utils/joinClasses.tsx","../src/components/Button/index.tsx","../src/components/Button/button.module.css","../src/styles/typography.module.css","../src/components/InputField/index.tsx","../src/components/InputField/InputField.module.css","../src/svg/ClearIcon.tsx","../src/components/Modal/index.tsx","../src/components/Modal/Modal.module.css","../src/components/RadioGroup/index.tsx","../src/components/RadioGroup/RadioGroup.module.css","../src/components/RadioToggle/index.tsx","../src/components/RadioToggle/RadioToggle.module.css","../src/components/SelectBoxButton/index.tsx","../src/components/SelectBoxButton/SelectBoxButton.module.css","../src/components/Typography/index.tsx","../src/components/index.ts","../src/index.ts"],"names":["React","Accordion_default","joinClasses","args","filter","item","join","Accordion","open","setOpen","children","title","createElement","Fragment","className","accordionBtn","onClick","xmlns","width","height","viewBox","fill","style","transform","d","stroke","accordionContent","button_default","typography_default","btnTypography","mini","Caption2Medium","small","Caption1Medium","medium","Body2Medium","large","Body1Medium","Button","isRounded","disabled","variant","size","ariaLabel","button","forwardRef","InputField_default","ClearIcon","pathFill","props","fillRule","clipRule","InputField","ref","onFocus","onBlur","onChange","onEnterPress","value","inputLeftIcon","placeholder","isClearable","type","id","labelText","focused","setFocused","readOnly","handleClear","target","handleFocus","handleBlur","handleKeyDown","event","key","length","toLocaleLowerCase","htmlFor","input","onKeyDown","clearIcon","Icons","Modal_default","Modal","headerTitle","overlay","contentWrap","contentHeader","Components","Typography","tag","fontClass","General","Close","RadioGroup_default","CustomRadioButton","label","name","checked","radio","radioBtn","radioBtnText","Body2Regular","RadioGroup","RadioGroupItems","invokeCustomOnChange","setSelectedOption","selectedOption","handleChange","map","RadioToggle_default","RadioToggle","lock","setLock","wrap","wrapLock","round","SelectBoxButton_default","SelectBoxButton","setIsOpen","error","modalValue","selectContainer","errorLabel","selectText","Basic","ChevronDownSmall","restProps","SystemDesign","index_default"],"mappings":"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","sourcesContent":["import React, { Dispatch } from \"react\";\n\nimport styles from \"./Accordion.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\n\nexport interface IAccordionProps {\n  open: boolean;\n  setOpen: Dispatch<React.SetStateAction<boolean>>;\n  children: React.ReactNode;\n  title: React.JSX.Element;\n}\n\nexport const Accordion = ({\n  open,\n  setOpen,\n  children,\n  title,\n}: IAccordionProps) => {\n  return (\n    <>\n      <button\n        data-testid=\"Accordion_BUTTON\"\n        className={styles.accordionBtn}\n        onClick={() => {\n          setOpen(!open);\n        }}\n      >\n        {title}\n        <svg\n          data-testid=\"Accordion_DIRECTION\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          style={{\n            transform: !open ? \"none\" : \"rotate(0.5turn)\",\n          }}\n        >\n          <path d=\"M15.8346 7.5L10.0013 13.3333L4.16797 7.5\" stroke=\"#758393\" />\n        </svg>\n      </button>\n      <div\n        data-testid=\"Accordion_CONTENT\"\n        className={joinClasses(\n          styles.accordionContent,\n          !open && styles[`accordionContent--hidden`]\n        )}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n","@import \"~styles/colors.css\";\n\n.accordionBtn {\n  border-radius: inherit;\n  width: 100%;\n  text-align: left;\n\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n}\n\n.accordionContent {\n  max-height: 1000px;\n  overflow: hidden;\n  transition: all 0.3s ease-in-out;\n}\n\n.accordionContent--hidden {\n  max-height: 0;\n}\n","export const joinClasses = (...args: unknown[]) =>\n  args.filter((item) => !!item).join(\" \");\n","import React from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./button.module.css\";\nimport typography from \"~styles/typography.module.css\";\n\nconst btnTypography = {\n  mini: typography.Caption2Medium,\n  small: typography.Caption1Medium,\n  medium: typography.Body2Medium,\n  large: typography.Body1Medium,\n};\n\nexport interface IButtonProps {\n  ariaLabel?: string;\n  onClick?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  isRounded?: boolean;\n  disabled?: boolean;\n  variant?: \"default\" | \"tinted\" | \"secondary\";\n  size?: \"mini\" | \"small\" | \"medium\" | \"large\";\n  style?: React.CSSProperties;\n}\n\nexport const Button = ({\n  onClick,\n  children,\n  style,\n  className = \"\",\n  isRounded = false,\n  disabled = false,\n  variant = \"default\",\n  size = \"medium\",\n  ariaLabel = \"Кнопка\",\n}: IButtonProps) => (\n  <button\n    data-testid=\"Button_MAIN\"\n    aria-label={ariaLabel}\n    disabled={disabled}\n    aria-disabled={disabled}\n    onClick={onClick}\n    className={joinClasses(\n      styles[`btn--${size}`],\n      btnTypography[size],\n      isRounded\n        ? styles[`btn-rounded--${size}`]\n        : styles[`btn-square--${size}`],\n      disabled ? styles[`btn-${variant}--disabled`] : styles[`btn-${variant}`],\n      styles.button,\n      className\n    )}\n    style={style}\n  >\n    {children}\n  </button>\n);\n","@import \"~styles/colors.css\";\n\n.button {\n  border: none;\n  transition: background-color 0.2s ease;\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n\n.btn-default {\n  color: var(--default-white-color);\n  background-color: var(--default-primary-accent);\n}\n\n.btn-default--disabled {\n  color: var(--text-disabled-color);\n  background-color: var(--button-disabled-default-color);\n}\n\n.btn-tinted {\n  color: var(--text-accent);\n  background-color: var(--button-tinted-default-color);\n}\n\n.btn-tinted--disabled {\n  color: var(--text-disabled-accent-color);\n  background-color: var(--button-tinted-default-color);\n}\n\n.btn-secondary {\n  color: var(--text-primary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.btn-secondary--disabled {\n  color: var(--text-secondary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.btn-default:hover {\n  background-color: var(--button-primary-on-hover-color);\n}\n\n.btn-tinted:hover {\n  background-color: var(--button-tinted-on-hover-color);\n}\n\n.btn-secondary:hover {\n  background-color: var(--button-secondary-on-hover);\n}\n\n.btn--mini {\n  gap: 4px;\n  padding: 6px 12px;\n}\n\n.btn--small {\n  gap: 8px;\n  padding: 8px 16px;\n}\n\n.btn--medium {\n  gap: 8px;\n  padding: 8px 20px;\n}\n\n.btn--large {\n  gap: 8px;\n  padding: 14px 24px;\n}\n\n.btn-square--mini {\n  border-radius: 4px;\n}\n\n.btn-square--small {\n  border-radius: 6px;\n}\n\n.btn-square--medium {\n  border-radius: 10px;\n}\n\n.btn-square--large {\n  border-radius: 12px;\n}\n\n.btn-rounded--mini {\n  border-radius: 32px;\n}\n\n.btn-rounded--small {\n  border-radius: 32px;\n}\n\n.btn-rounded--medium {\n  border-radius: 32px;\n}\n\n.btn-rounded--large {\n  border-radius: 40px;\n}\n","/* Headings/Heading 1 */\n.Heading1 {\n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 36px; /* 112.5% */\n  letter-spacing: -0.32px;\n}\n\n/* Headings/Heading 3 */\n.Heading3 {\n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 28px; /* 116.667% */\n  letter-spacing: -0.24px;\n}\n\n/* Subtitles/Subtitle 3 */\n.Subtitles3 {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Medium */\n.Body1Medium {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Regular */\n.Body1Regular {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 2, Medium */\n.Body2Medium {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 2, Regular */\n.Body2Regular {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 3, Regular */\n.Body3Regular {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 114.286% */\n}\n\n/* Caption/Caption 1, Medium */\n.Caption1Medium {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Regular */\n.Caption1Regular {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Semibold */\n.Caption1Semibold {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 2, Medium */\n.Caption2Medium {\n  font-family: Inter;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 12px; /* 120% */\n}\n\n/* Caption/Caption 2, Regular */\n.Caption2Regular {\n  font-family: Inter;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 12px; /* 120% */\n}\n","// InputField.tsx\nimport React, { forwardRef, HTMLInputTypeAttribute, JSX } from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./InputField.module.css\";\n\nimport { ClearIcon } from \"~svg\";\n\nexport type TOtpType = \"OTP\" | \"TEXT\";\n\nexport interface IInputFieldProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onEnterPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  value?: string;\n  placeholder?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  isClearable?: boolean;\n  inputLeftIcon?: JSX.Element;\n  type?: HTMLInputTypeAttribute;\n  id: string;\n  labelText?: string;\n  ariaLabel: string;\n  focused?: boolean;\n  setFocused?: (val: boolean) => void;\n  readOnly?: boolean;\n}\n\nexport const InputField = forwardRef<HTMLInputElement, IInputFieldProps>(\n  (\n    {\n      onFocus,\n      onBlur,\n      onChange,\n      onEnterPress,\n      value = \"\",\n      inputLeftIcon,\n      placeholder = \"\",\n      className = \"\",\n      style,\n      isClearable = false,\n      type = \"text\",\n      id,\n      labelText = \"\",\n      ariaLabel = \"\",\n      focused = false,\n      setFocused = () => {},\n      readOnly = false,\n    }: IInputFieldProps,\n    ref\n  ): JSX.Element => {\n    const handleClear = () => {\n      if (onChange) {\n        onChange({\n          target: { value: \"\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    };\n    const handleFocus = () => {\n      setFocused(true);\n      if (onFocus) onFocus();\n    };\n    const handleBlur = () => {\n      setFocused(false);\n      if (onBlur) onBlur();\n    };\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (onEnterPress && event.key === \"Enter\") {\n        onEnterPress(event);\n      }\n    };\n\n    return (\n      <div\n        data-testid=\"InputField_MAIN\"\n        className={joinClasses(\n          styles[labelText.length ? \"inputContainerLabeled\" : \"inputContainer\"],\n          focused ? styles[`input--onfocus`] : undefined,\n          styles[`input-${type?.toLocaleLowerCase()}`],\n          className\n        )}\n        style={style}\n      >\n        {labelText.length > 0 && (\n          <label htmlFor={id} data-testid=\"InputField_LABEL\">\n            {labelText}\n          </label>\n        )}\n        {inputLeftIcon}\n        <input\n          ref={ref}\n          data-testid=\"InputField_INPUT\"\n          aria-label={ariaLabel}\n          id={id}\n          type={type}\n          className={styles.input}\n          placeholder={placeholder}\n          aria-placeholder={placeholder}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n          value={value}\n          readOnly={readOnly}\n        />\n        {isClearable && value && (\n          <ClearIcon\n            fill=\"red\"\n            pathFill=\"#758393\"\n            className={styles.clearIcon}\n            onClick={handleClear}\n          />\n        )}\n      </div>\n    );\n  }\n);\n","@import \"~styles/colors.css\";\n\n.inputContainer {\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 12px 16px;\n}\n\n.inputContainerLabeled {\n  display: block;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 12px 16px;\n}\n\n.inputContainerLabeled label {\n  color: var(--text-secondary);\n}\n\n.input {\n  width: 100%;\n  border: none;\n  background-color: var(--surface-surface-1);\n}\n\n.input:active,\n.input:focus {\n  outline: none;\n}\n\n.input::placeholder {\n  color: var(--text-disabled-color);\n}\n\n.input::-webkit-inner-spin-button,\n.input::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.clearIcon {\n  cursor: pointer;\n}\n\n.input--onfocus {\n  background-color: var(--surface-surface-3-color);\n}\n\n.input--onfocus .input {\n  background-color: var(--surface-surface-3-color);\n}\n","import React from \"react\";\n\nexport const ClearIcon = ({\n  fill = \"none\",\n  pathFill = \"#fff\",\n  width = 20,\n  height = 20,\n  ...props\n}: React.SVGProps<SVGSVGElement> & { pathFill?: string }) => {\n  return (\n    <svg\n      data-testid=\"Icons_CLEAR\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill={fill}\n      viewBox=\"0 0 20 20\"\n      {...props}\n    >\n      <path\n        fill={pathFill}\n        fillRule=\"evenodd\"\n        d=\"M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n","import React, { Dispatch, JSX } from \"react\";\nimport Icons from \"@egov3/graphics\";\n\nimport styles from \"./Modal.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\nimport { Components } from \"~components\";\n\nexport interface IModalProps {\n  open: boolean;\n  children: JSX.Element;\n  setOpen: Dispatch<React.SetStateAction<boolean>>;\n  headerTitle?: string;\n  variant: \"large\" | \"small\";\n}\n\nexport const Modal = ({\n  open,\n  setOpen,\n  children,\n  headerTitle,\n  variant,\n}: IModalProps) => {\n  if (open) {\n    return (\n      <div data-testid=\"Modal_OVERLAY\" className={styles.overlay}>\n        <div\n          data-testid=\"Modal_WRAPPER\"\n          className={joinClasses(\n            styles.contentWrap,\n            styles[`${variant}Variant`]\n          )}\n        >\n          {headerTitle && headerTitle.length > 0 && (\n            <div data-testid=\"Modal_HEADER\" className={styles.contentHeader}>\n              <Components.Typography\n                tag=\"h3\"\n                fontClass=\"Body1Medium\"\n                data-testid=\"Modal_TITLE\"\n                className={styles.title}\n              >\n                {headerTitle}\n              </Components.Typography>\n              <button\n                data-testid=\"ModalHeader_BTN\"\n                onClick={() => {\n                  setOpen(!open);\n                }}\n              >\n                <Icons.General.Close data-testid=\"Modal_ICON\" />\n              </button>\n            </div>\n          )}\n          {children}\n        </div>\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n","@import \"~styles/colors.css\";\n\n.overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.contentWrap {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  height: fit-content;\n  animation: flyDawn 1s;\n}\n\n.largeVariant {\n  width: 1052px;\n}\n\n.smallVariant {\n  width: 400px;\n}\n\n.contentHeader {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  padding: 12px 16px;\n}\n\n.title {\n  color: var(--text-primary);\n}\n\n@keyframes flyDawn {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n","import React from \"react\";\nimport styles from \"./RadioGroup.module.css\";\nimport { joinClasses } from \"~utils/joinClasses\";\nimport typography from \"~styles/typography.module.css\";\n\nexport interface RadioGroupItem {\n  label: string;\n  value: string;\n}\n\nexport interface ICustomRadioButtonProps {\n  label: string;\n  name: string;\n  checked: boolean;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string;\n}\n\nexport interface IRadioGroupProps {\n  RadioGroupItems: RadioGroupItem[];\n  invokeCustomOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  setSelectedOption: React.Dispatch<React.SetStateAction<string>>;\n  selectedOption: string;\n}\n\nexport const CustomRadioButton = ({\n  label,\n  name,\n  checked,\n  onChange,\n  value,\n}: ICustomRadioButtonProps) => (\n  <label data-testid=\"RadioGroupItem_LABEL\" className={styles.radio}>\n    <input\n      data-testid=\"RadioGroupItem_INPUT\"\n      value={value}\n      type=\"radio\"\n      name={name}\n      checked={checked}\n      onChange={onChange}\n    />\n    <span data-testid=\"RadioGroupItem_RADIO\" className={styles.radioBtn}></span>\n    <span\n      data-testid=\"RadioGroupItem_TEXT\"\n      className={joinClasses(styles.radioBtnText, typography.Body2Regular)}\n    >\n      {label}\n    </span>\n  </label>\n);\n\nexport const RadioGroup = ({\n  RadioGroupItems,\n  invokeCustomOnChange,\n  setSelectedOption,\n  selectedOption,\n}: IRadioGroupProps) => {\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedOption(event.target.value);\n    invokeCustomOnChange(event);\n  };\n  return (\n    <fieldset data-testid=\"RadioGroup_FIELDSET\">\n      {RadioGroupItems.map((item) => (\n        <CustomRadioButton\n          key={item.label}\n          label={item.label}\n          name=\"radio\"\n          checked={selectedOption === item.value}\n          onChange={handleChange}\n          value={item.value}\n        />\n      ))}\n    </fieldset>\n  );\n};\n","@import \"~styles/colors.css\";\n\n.radio {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n\n.radio input {\n  display: none;\n}\n\n.radioBtn {\n  position: relative;\n  height: 15px;\n  width: 15px;\n  border-radius: 50%;\n  border: 2px solid var(--button-secondary-on-hover);\n  margin: 10px;\n  transition: background 0.3s;\n}\n\n.radioBtn::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  height: 10px;\n  width: 10px;\n  background: var(--button-primary-default);\n  border-radius: 50%;\n  transform: scale(0) translate(-50%, -50%);\n  transition: transform 0.3s;\n}\n\ninput:checked + .radioBtn::after {\n  transform: scale(1) translate(-50%, -50%);\n}\n\ninput:checked + .radioBtn {\n  border: 2px solid var(--button-primary-default);\n}\n\n.radioBtnText {\n  padding-left: 10px;\n  width: fit-content;\n}\n","import React, { Dispatch, SetStateAction } from \"react\";\n\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport styles from \"./RadioToggle.module.css\";\n\nexport interface IRadioToggleProps {\n  lock: boolean;\n  setLock: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const RadioToggle = ({ lock, setLock }: IRadioToggleProps) => (\n  <button\n    data-testid=\"RadioToggle_BUTTON\"\n    aria-pressed={lock}\n    aria-label=\"Кнопка переключения\"\n    onClick={() => {\n      setLock(!lock);\n    }}\n  >\n    <div\n      data-testid=\"RadioToggle_WRAP\"\n      className={joinClasses(styles.wrap, lock && styles.wrapLock)}\n    >\n      <div data-testid=\"RadioToggle_ROUND\" className={styles.round}></div>\n    </div>\n  </button>\n);\n","@import \"~styles/colors.css\";\n\n.wrap {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 4px;\n  width: 32px;\n  height: 16px;\n  border-radius: 40px;\n  background: var(--leaf);\n}\n\n.wrapLock {\n  justify-content: flex-start;\n  background: var(--surface-surface-3-color);\n}\n\n.round {\n  width: 16px;\n  height: 16px;\n  background: var(--surface-surface-2);\n  border-radius: 100px;\n}\n","import React, { Dispatch, JSX } from \"react\";\nimport Icons from \"@egov3/graphics\";\n\nimport styles from \"./SelectBoxButton.module.css\";\nimport { Components } from \"~components\";\n\nexport interface ISelectBoxProps {\n  labelText?: string;\n  setIsOpen: Dispatch<React.SetStateAction<boolean>>;\n  disabled: boolean;\n  error?: boolean;\n  modalValue?: string;\n}\n\nexport const SelectBoxButton = ({\n  setIsOpen,\n  labelText,\n  disabled,\n  error,\n  modalValue,\n}: ISelectBoxProps): JSX.Element => (\n  <button\n    data-testid=\"SelectBoxModal_BUTTON\"\n    className={styles.selectContainer}\n    onClick={() => !disabled && setIsOpen(true)}\n  >\n    <div data-testid=\"SelectBoxModal_TITLE\">\n      <Components.Typography\n        tag=\"label\"\n        fontClass=\"Caption1Regular\"\n        data-testid=\"SelectBoxModal_LABEL\"\n        className={error ? styles.errorLabel : styles.label}\n        aria-label={labelText}\n      >\n        {labelText}\n      </Components.Typography>\n      {modalValue && modalValue.length > 0 && (\n        <Components.Typography\n          tag=\"div\"\n          fontClass=\"Body2Regular\"\n          data-testid=\"SelectBoxModal_VALUE\"\n          className={styles.selectText}\n          aria-label={modalValue}\n        >\n          {modalValue}\n        </Components.Typography>\n      )}\n    </div>\n    <Icons.Basic.ChevronDownSmall\n      aria-label=\"кнопка развернуть\"\n      fill=\"#758393\"\n      className={styles.clearIcon}\n    />\n  </button>\n);\n","@import \"~styles/colors.css\";\n\n.selectContainer {\n  display: flex;\n  height: 56px;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 8px 16px;\n}\n\n.label {\n  display: flex;\n  color: var(--text-secondary);\n}\n\n.errorLabel {\n  display: flex;\n  color: var(--icon-error-color);\n}\n\n.selectText {\n  display: flex;\n  color: var(--text-primary);\n}\n","// Typography.tsx\nimport React, { FC, JSX } from \"react\";\nimport { joinClasses } from \"~utils/joinClasses\";\n\nimport typography from \"~styles/typography.module.css\";\n\ntype TFontClass =\n  | \"Heading1\"\n  | \"Heading3\"\n  | \"Subtitles3\"\n  | \"Body1Medium\"\n  | \"Body1Regular\"\n  | \"Body2Medium\"\n  | \"Body2Regular\"\n  | \"Body3Regular\"\n  | \"Caption1Medium\"\n  | \"Caption1Regular\"\n  | \"Caption1Semibold\"\n  | \"Caption2Medium\"\n  | \"Caption2Regular\";\n\nexport interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {\n  tag: keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n  fontClass: TFontClass;\n}\n\nexport const Typography: FC<ITypographyProps> = ({\n  tag,\n  fontClass,\n  className,\n  children,\n  style,\n  ...restProps\n}) =>\n  React.createElement(\n    tag,\n    {\n      ...restProps,\n      className: joinClasses(fontClass ? typography[fontClass] : \"\", className),\n      style,\n    },\n    children\n  );\n","import { Accordion } from \"./Accordion\";\nimport { Button } from \"./Button\";\nimport { InputField } from \"./InputField\";\nimport { Modal } from \"./Modal\";\nimport { CustomRadioButton, RadioGroup } from \"./RadioGroup\";\nimport { RadioToggle } from \"./RadioToggle\";\nimport { SelectBoxButton } from \"./SelectBoxButton\";\nimport { Typography } from \"./Typography\";\n\nexport const Components = {\n  Accordion,\n  Button,\n  CustomRadioButton,\n  InputField,\n  Modal,\n  RadioGroup,\n  RadioToggle,\n  SelectBoxButton,\n  Typography,\n};\n\nexport { Button };\n","import { Components } from \"./components\";\n\nconst SystemDesign =  {\n  Components\n} \n\nexport default SystemDesign"]}