kui-basic 1.1.21 → 1.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/dist/Accordion/index.d.ts +20 -0
  2. package/dist/Accordion/index.js +2 -0
  3. package/dist/Accordion/index.js.map +1 -0
  4. package/dist/Accordion/package.json +10 -0
  5. package/dist/AccordionDetails/index.d.ts +12 -0
  6. package/dist/AccordionDetails/index.js +2 -0
  7. package/dist/AccordionDetails/index.js.map +1 -0
  8. package/dist/AccordionDetails/package.json +7 -0
  9. package/dist/AccordionSummary/index.d.ts +23 -0
  10. package/dist/AccordionSummary/index.js +2 -0
  11. package/dist/AccordionSummary/index.js.map +1 -0
  12. package/dist/AccordionSummary/package.json +10 -0
  13. package/dist/AppBar/index.d.ts +16 -0
  14. package/dist/AppBar/index.js +2 -0
  15. package/dist/AppBar/index.js.map +1 -0
  16. package/dist/AppBar/package.json +10 -0
  17. package/dist/Box/index.d.ts +25 -0
  18. package/dist/Box/index.js +2 -0
  19. package/dist/Box/index.js.map +1 -0
  20. package/dist/Box/package.json +7 -0
  21. package/dist/Button/index.d.ts +63 -0
  22. package/dist/Button/index.js +2 -0
  23. package/dist/Button/index.js.map +1 -0
  24. package/dist/Button/package.json +10 -0
  25. package/dist/Caption/index.d.ts +78 -0
  26. package/dist/Caption/index.js +2 -0
  27. package/dist/Caption/index.js.map +1 -0
  28. package/dist/Caption/package.json +10 -0
  29. package/dist/Checkbox/index.d.ts +18 -0
  30. package/dist/Checkbox/index.js +2 -0
  31. package/dist/Checkbox/index.js.map +1 -0
  32. package/dist/Checkbox/package.json +10 -0
  33. package/dist/CircularProgress/index.d.ts +19 -0
  34. package/dist/CircularProgress/index.js +2 -0
  35. package/dist/CircularProgress/index.js.map +1 -0
  36. package/dist/CircularProgress/package.json +10 -0
  37. package/dist/Container/index.d.ts +12 -0
  38. package/dist/Container/index.js +2 -0
  39. package/dist/Container/index.js.map +1 -0
  40. package/dist/Container/package.json +10 -0
  41. package/dist/Divider/index.d.ts +14 -0
  42. package/dist/Divider/index.js +2 -0
  43. package/dist/Divider/index.js.map +1 -0
  44. package/dist/Divider/package.json +10 -0
  45. package/dist/ErrorComponent/index.d.ts +16 -0
  46. package/dist/ErrorComponent/index.js +2 -0
  47. package/dist/ErrorComponent/index.js.map +1 -0
  48. package/dist/ErrorComponent/package.json +10 -0
  49. package/dist/Grid/index.d.ts +51 -0
  50. package/dist/Grid/index.js +2 -0
  51. package/dist/Grid/index.js.map +1 -0
  52. package/dist/Grid/package.json +10 -0
  53. package/dist/Heading/index.d.ts +76 -0
  54. package/dist/Heading/index.js +2 -0
  55. package/dist/Heading/index.js.map +1 -0
  56. package/dist/Heading/package.json +10 -0
  57. package/dist/IconButton/index.d.ts +14 -0
  58. package/dist/IconButton/index.js +2 -0
  59. package/dist/IconButton/index.js.map +1 -0
  60. package/dist/IconButton/package.json +10 -0
  61. package/dist/Input/index.d.ts +31 -0
  62. package/dist/Input/index.js +2 -0
  63. package/dist/Input/index.js.map +1 -0
  64. package/dist/Input/package.json +10 -0
  65. package/dist/InputFile/index.d.ts +17 -0
  66. package/dist/InputFile/index.js +2 -0
  67. package/dist/InputFile/index.js.map +1 -0
  68. package/dist/InputFile/package.json +10 -0
  69. package/dist/InputMessage/index.d.ts +19 -0
  70. package/dist/InputMessage/index.js +2 -0
  71. package/dist/InputMessage/index.js.map +1 -0
  72. package/dist/InputMessage/package.json +10 -0
  73. package/dist/InputWithAdornments/index.d.ts +37 -0
  74. package/dist/InputWithAdornments/index.js +2 -0
  75. package/dist/InputWithAdornments/index.js.map +1 -0
  76. package/dist/InputWithAdornments/package.json +10 -0
  77. package/dist/InputWithCountryDropdown/index.d.ts +54 -0
  78. package/dist/InputWithCountryDropdown/index.js +2 -0
  79. package/dist/InputWithCountryDropdown/index.js.map +1 -0
  80. package/dist/InputWithCountryDropdown/package.json +11 -0
  81. package/dist/InputWithMask/index.d.ts +42 -0
  82. package/dist/InputWithMask/index.js +2 -0
  83. package/dist/InputWithMask/index.js.map +1 -0
  84. package/dist/InputWithMask/package.json +11 -0
  85. package/dist/LinearProgress/index.d.ts +20 -0
  86. package/dist/LinearProgress/index.js +2 -0
  87. package/dist/LinearProgress/index.js.map +1 -0
  88. package/dist/LinearProgress/package.json +10 -0
  89. package/dist/MenuPanel/index.d.ts +31 -0
  90. package/dist/MenuPanel/index.js +2 -0
  91. package/dist/MenuPanel/index.js.map +1 -0
  92. package/dist/MenuPanel/package.json +11 -0
  93. package/dist/Modal/index.d.ts +24 -0
  94. package/dist/Modal/index.js +2 -0
  95. package/dist/Modal/index.js.map +1 -0
  96. package/dist/Modal/package.json +10 -0
  97. package/dist/Popper/index.d.ts +33 -0
  98. package/dist/Popper/index.js +2 -0
  99. package/dist/Popper/index.js.map +1 -0
  100. package/dist/Popper/package.json +10 -0
  101. package/dist/PopperBase/index.d.ts +39 -0
  102. package/dist/PopperBase/index.js +2 -0
  103. package/dist/PopperBase/index.js.map +1 -0
  104. package/dist/PopperBase/package.json +10 -0
  105. package/dist/PopperWithPortal/index.d.ts +23 -0
  106. package/dist/PopperWithPortal/index.js +2 -0
  107. package/dist/PopperWithPortal/index.js.map +1 -0
  108. package/dist/PopperWithPortal/package.json +10 -0
  109. package/dist/Radio/index.d.ts +17 -0
  110. package/dist/Radio/index.js +2 -0
  111. package/dist/Radio/index.js.map +1 -0
  112. package/dist/Radio/package.json +7 -0
  113. package/dist/ScrollTab/index.d.ts +3 -0
  114. package/dist/ScrollTab/index.js +2 -0
  115. package/dist/ScrollTab/index.js.map +1 -0
  116. package/dist/ScrollTab/package.json +11 -0
  117. package/dist/Skeleton/index.d.ts +12 -0
  118. package/dist/Skeleton/index.js +2 -0
  119. package/dist/Skeleton/index.js.map +1 -0
  120. package/dist/Skeleton/package.json +10 -0
  121. package/dist/StaticPopper/index.d.ts +23 -0
  122. package/dist/StaticPopper/index.js +2 -0
  123. package/dist/StaticPopper/index.js.map +1 -0
  124. package/dist/StaticPopper/package.json +10 -0
  125. package/dist/Switch/index.d.ts +22 -0
  126. package/dist/Switch/index.js +2 -0
  127. package/dist/Switch/index.js.map +1 -0
  128. package/dist/Switch/package.json +10 -0
  129. package/dist/Tab/index.d.ts +27 -0
  130. package/dist/Tab/index.js +2 -0
  131. package/dist/Tab/index.js.map +1 -0
  132. package/dist/Tab/package.json +10 -0
  133. package/dist/Tabs/index.d.ts +28 -0
  134. package/dist/Tabs/index.js +2 -0
  135. package/dist/Tabs/index.js.map +1 -0
  136. package/dist/Tabs/package.json +10 -0
  137. package/dist/TabsPanel/index.d.ts +31 -0
  138. package/dist/TabsPanel/index.js +2 -0
  139. package/dist/TabsPanel/index.js.map +1 -0
  140. package/dist/TabsPanel/package.json +10 -0
  141. package/dist/Text/index.d.ts +31 -0
  142. package/dist/Text/index.js +2 -0
  143. package/dist/Text/index.js.map +1 -0
  144. package/dist/Text/package.json +10 -0
  145. package/dist/ToolBar/index.d.ts +12 -0
  146. package/dist/ToolBar/index.js +2 -0
  147. package/dist/ToolBar/index.js.map +1 -0
  148. package/dist/ToolBar/package.json +10 -0
  149. package/dist/Tooltip/index.d.ts +33 -0
  150. package/dist/Tooltip/index.js +2 -0
  151. package/dist/Tooltip/index.js.map +1 -0
  152. package/dist/Tooltip/package.json +10 -0
  153. package/dist/index.es.js +1 -5118
  154. package/dist/index.es.js.map +1 -1
  155. package/dist/index.js +1 -5164
  156. package/dist/index.js.map +1 -1
  157. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../src/components/Caption/variants.js","../../src/theme/colors/index.js","../../src/theme/index.js","../../src/theme/breakpoints/index.js","../../src/theme/shadows/index.js","../../src/theme/settings/index.js","../../src/components/Caption/index.js","../../src/icons/ErrorIcon.js","../../src/icons/WarningIcon.js","../../src/icons/SuccessIcon.js","../../src/components/InputMessage/variants.js","../../src/components/InputMessage/index.js","../../src/icons/TextareaGrabIcon.js","../../src/components/Input/index.js","../../src/components/InputWithAdornments/index.js","../../src/components/InputWithMask/index.js"],"sourcesContent":["const captionSizes = {\n xs: {\n size: 12,\n height: 14,\n },\n sm: {\n size: 13,\n height: 14,\n high: 20,\n },\n s: {\n size: 14,\n height: 18,\n high: 22,\n },\n m: {\n size: 16,\n height: 24,\n },\n l: {\n size: 18,\n height: 28,\n },\n}\n\nexport default captionSizes\n","const colors = {\r\n primary: {\r\n main: \"#ED713C\",\r\n pressed: \"#D24C13\",\r\n hover: \"#EA5A1D\",\r\n light: \"#FCEAE2\",\r\n light2: \"#FEF7F3\",\r\n },\r\n secondary: {\r\n main: \"#18191F\",\r\n gray60: \"#474A57\",\r\n gray50: \"#7F8285\",\r\n gray40: \"#949494\",\r\n gray30: \"#BFBFBF\",\r\n gray15: \"#EAECEF\",\r\n white: \"#FFFFFF\",\r\n light: \"#C4C4C4\",\r\n disabled: \"#A6AEBC\",\r\n },\r\n background: {\r\n main: \"#FBFBFD\",\r\n light2: \"#F7F8F9\",\r\n light3: \"#F2F3F5\",\r\n },\r\n success: {\r\n green70: \"#259E58\",\r\n green60: \"#23A65A\",\r\n main: \"#27AE60\",\r\n green10: \"#EAFCF7\",\r\n green5: \"#F0FDF9\",\r\n },\r\n error: {\r\n red70: \"#D03C1A\",\r\n red60: \"#DA421F\",\r\n main: \"#EB4620\",\r\n red10: \"#FCE3DE\",\r\n red5: \"#FDF0ED\",\r\n },\r\n info: {\r\n blue70: \"#0098B6\",\r\n blue60: \"#009CBB\",\r\n main: \"#00ABCD\",\r\n blue10: \"#D9F2F8\",\r\n blue5: \"#E5F7FA\",\r\n },\r\n purple: {\r\n purple70: \"#914BD2\",\r\n purple60: \"#974EDB\",\r\n main: \"#9B51E0\",\r\n purple10: \"#F0E5FA\",\r\n purple5: \"#F7F1FD\",\r\n },\r\n}\r\n\r\nexport default colors\r\n","import colors from \"./colors\"\nimport shadows from \"./shadows\"\nimport breakpoints from \"./breakpoints\"\nimport settings from \"./settings\"\n\nconst palette = {\n brand: {\n ...colors.primary,\n background: colors.primary.light2,\n },\n grey: {\n seventy: colors.secondary.main,\n sixty: colors.secondary.gray60,\n fiftyP: colors.secondary.gray50,\n fourty: colors.secondary.gray40,\n thirty: colors.secondary.gray30,\n fifteenB: colors.secondary.gray15,\n zero: colors.secondary.white,\n },\n background: {\n ...colors.background,\n light1: colors.background.main,\n light4: \"#C5C6C7\",\n },\n green: {\n fiftyP: colors.success.main,\n seventy: colors.success.green70,\n sixty: colors.success.green60,\n ten: colors.success.green10,\n five: colors.success.green5,\n },\n red: {\n fiftyP: colors.error.main,\n seventy: colors.error.red70,\n sixty: colors.error.red60,\n ten: colors.error.red10,\n five: colors.error.red5,\n },\n blue: {\n fiftyP: colors.info.main,\n seventy: colors.info.blue70,\n sixty: colors.info.blue60,\n ten: colors.info.blue10,\n five: colors.info.blue5,\n },\n purple: {\n fiftyP: colors.purple.main,\n seventy: colors.purple.purple70,\n sixty: colors.purple.purple60,\n ten: colors.purple.purple10,\n five: colors.purple.purple5,\n },\n}\n\nconst themeOld = {\n palette: colors,\n breakpoints,\n shadows,\n settings,\n}\n\nconst theme = {\n palette,\n breakpoints,\n shadows,\n settings,\n}\n\nexport { themeOld, theme }\n","const breakpoints = {\n xxs: 375,\n xs: 600,\n sm: 900,\n md: 1200,\n lg: 1440,\n xl: 1536,\n}\n\nexport default breakpoints\n","const shadows = {\r\n shadow1: \"0px 5px 16px rgba(0, 0, 0, 0.1)\",\r\n shadow2: \"0px 12px 16px rgba(0, 0, 0, 0.08)\",\r\n shadow3: \"0px 26px 34px rgba(0, 0, 0, 0.1)\",\r\n shadow4: \"0px 10px 20px rgba(0, 0, 0, 0.1)\",\r\n}\r\n\r\nexport default shadows\r\n","const settings = {\r\n spacing: 8,\r\n columns: 12,\r\n}\r\n\r\nexport default settings\r\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport captionSizes from \"./variants\"\nimport { theme } from \"../../theme\"\n\nfunction Caption(props) {\n const { children, size, className, ...otherProps } = props\n\n return (\n <StyledCaption\n size={captionSizes[size]}\n className={classNames(\"KUI-Caption\", className)}\n {...otherProps}\n >\n {children}\n </StyledCaption>\n )\n}\n\nCaption.defaultProps = {\n size: \"m\",\n weight: 400,\n color: \"seventy\",\n colorGroup: \"grey\",\n disableUserSelect: false,\n variant: \"default\",\n}\n\nCaption.displayName = \"Caption\"\n\nCaption.propTypes = {\n size: PropTypes.oneOf([\"xs\", \"sm\", \"s\", \"m\", \"l\"]),\n weight: PropTypes.oneOf([400, 500, 600, 700]),\n disableUserSelect: PropTypes.bool,\n variant: PropTypes.oneOf([\"default\", \"high\"]),\n}\n\nexport default Caption\n\nconst captionSettingsCSS = ({\n size,\n weight,\n align,\n color,\n colorGroup,\n disSelect,\n variant,\n}) => css`\n font-size: ${size.size}px;\n line-height: ${variant === \"high\" ? size.high || size.height : size.height}px;\n font-weight: ${weight};\n text-align: ${align};\n ${disSelect && \"user-select: none\"};\n color: ${theme.palette[colorGroup][color]\n ? theme.palette[colorGroup][color]\n : theme.palette.grey.seventy};\n`\n\nconst StyledCaption = styled.p`\n font-family: \"Inter\", sans-serif;\n letter-spacing: normal;\n text-transform: none;\n margin: 0;\n ${captionSettingsCSS};\n`\n","import React from \"react\"\r\nimport PropTypes from \"prop-types\"\r\n\r\nconst ErrorIcon = ({ width, height }) => (\r\n <svg\r\n width={width}\r\n height={height}\r\n viewBox={`0 0 ${width} ${height}`}\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-label=\"error\"\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M7.99935 15.3334C12.0494 15.3334 15.3327 12.0502 15.3327 8.00008C15.3327 3.94999 12.0494 0.666748 7.99935 0.666748C3.94926 0.666748 0.666016 3.94999 0.666016 8.00008C0.666016 12.0502 3.94926 15.3334 7.99935 15.3334ZM7.99935 13.3334C10.9449 13.3334 13.3327 10.9456 13.3327 8.00008C13.3327 5.05456 10.9449 2.66675 7.99935 2.66675C5.05383 2.66675 2.66602 5.05456 2.66602 8.00008C2.66602 10.9456 5.05383 13.3334 7.99935 13.3334ZM9.52795 5.52868C9.78829 5.26833 10.2104 5.26833 10.4708 5.52868C10.7311 5.78903 10.7311 6.21114 10.4708 6.47149L8.94216 8.00008L10.4708 9.52868C10.7311 9.78903 10.7311 10.2111 10.4708 10.4715C10.2104 10.7318 9.78829 10.7318 9.52795 10.4715L7.99935 8.94289L6.47075 10.4715C6.2104 10.7318 5.78829 10.7318 5.52794 10.4715C5.2676 10.2111 5.2676 9.78903 5.52794 9.52868L7.05654 8.00008L5.52794 6.47149C5.2676 6.21114 5.2676 5.78903 5.52794 5.52868C5.78829 5.26833 6.2104 5.26833 6.47075 5.52868L7.99935 7.05727L9.52795 5.52868Z\"\r\n fill=\"#EB5757\"\r\n />\r\n </svg>\r\n)\r\n\r\nErrorIcon.defaultProps = {\r\n width: 16,\r\n height: 16,\r\n}\r\n\r\nErrorIcon.propTypes = {\r\n width: PropTypes.number,\r\n height: PropTypes.number,\r\n}\r\n\r\nexport default ErrorIcon\r\n","import React from \"react\"\r\nimport PropTypes from \"prop-types\"\r\n\r\nconst WarningIcon = ({ width, height }) => (\r\n <svg\r\n width={width}\r\n height={height}\r\n viewBox={`0 0 ${width} ${height}`}\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-label=\"warning\"\r\n >\r\n <path\r\n d=\"M6.99999 0.142883C10.7871 0.142883 13.8571 3.21293 13.8571 7.00002C13.8571 10.7871 10.7871 13.8572 6.99999 13.8572C3.2129 13.8572 0.142853 10.7871 0.142853 7.00002C0.142853 3.21293 3.2129 0.142883 6.99999 0.142883ZM6.99999 1.28574C3.84408 1.28574 1.28571 3.84411 1.28571 7.00002C1.28571 10.1559 3.84408 12.7143 6.99999 12.7143C10.1559 12.7143 12.7143 10.1559 12.7143 7.00002C12.7143 3.84411 10.1559 1.28574 6.99999 1.28574ZM6.99999 9.05717C7.44182 9.05717 7.79999 9.41534 7.79999 9.85717C7.79999 10.299 7.44182 10.6572 6.99999 10.6572C6.55817 10.6572 6.2 10.299 6.2 9.85717C6.2 9.41534 6.55817 9.05717 6.99999 9.05717ZM7.04206 3.57145C7.17783 3.57145 7.26306 3.59267 7.33756 3.63251C7.41206 3.67235 7.47052 3.73082 7.51036 3.80532C7.55021 3.87982 7.57142 3.96504 7.57142 4.10081V7.61352C7.57142 7.74929 7.55021 7.83452 7.51036 7.90902C7.47052 7.98352 7.41206 8.04198 7.33756 8.08182C7.26306 8.12166 7.17783 8.14288 7.04206 8.14288H6.95793C6.82215 8.14288 6.73693 8.12166 6.66243 8.08182C6.58793 8.04198 6.52947 7.98352 6.48962 7.90902C6.44978 7.83452 6.42857 7.74929 6.42857 7.61352V4.10081C6.42857 3.96504 6.44978 3.87982 6.48962 3.80532C6.52947 3.73082 6.58793 3.67235 6.66243 3.63251C6.73693 3.59267 6.82215 3.57145 6.95793 3.57145H7.04206Z\"\r\n fill=\"#ED713C\"\r\n />\r\n </svg>\r\n)\r\n\r\nWarningIcon.defaultProps = {\r\n width: 16,\r\n height: 16,\r\n}\r\n\r\nWarningIcon.propTypes = {\r\n width: PropTypes.number,\r\n height: PropTypes.number,\r\n}\r\n\r\nexport default WarningIcon\r\n","import PropTypes from \"prop-types\"\r\nimport React from \"react\"\r\n\r\nconst SuccessIcon = ({ width, height }) => (\r\n <svg\r\n width={width}\r\n height={height}\r\n viewBox={`0 0 ${width} ${height}`}\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n aria-label=\"success\"\r\n >\r\n <path\r\n d=\"M6.99999 0.142883C10.7871 0.142883 13.8571 3.21293 13.8571 7.00002C13.8571 10.7871 10.7871 13.8572 6.99999 13.8572C3.2129 13.8572 0.142853 10.7871 0.142853 7.00002C0.142853 3.21293 3.2129 0.142883 6.99999 0.142883ZM6.99999 1.28574C3.84408 1.28574 1.28571 3.84411 1.28571 7.00002C1.28571 10.1559 3.84408 12.7143 6.99999 12.7143C10.1559 12.7143 12.7143 10.1559 12.7143 7.00002C12.7143 3.84411 10.1559 1.28574 6.99999 1.28574ZM9.45142 4.88003C9.67458 4.65687 10.0397 4.65687 10.2629 4.88003C10.486 5.10318 10.486 5.4683 10.2629 5.69145L6.2612 9.6898C6.03804 9.91296 5.67623 9.91296 5.45308 9.6898L3.45308 7.6898C3.22992 7.46664 3.22992 7.10484 3.45308 6.88168C3.67623 6.65852 4.03804 6.65852 4.2612 6.88168L5.85714 8.47762L9.45142 4.88003Z\"\r\n fill=\"#27AE60\"\r\n />\r\n </svg>\r\n)\r\n\r\nSuccessIcon.defaultProps = {\r\n width: 16,\r\n height: 16,\r\n}\r\n\r\nSuccessIcon.propTypes = {\r\n width: PropTypes.number,\r\n height: PropTypes.number,\r\n}\r\n\r\nexport default SuccessIcon\r\n","import React from \"react\"\nimport ErrorIcon from \"../../icons/ErrorIcon\"\nimport WarningIcon from \"../../icons/WarningIcon\"\nimport SuccessIcon from \"../../icons/SuccessIcon\"\nimport { theme } from \"../../theme\"\n\nconst messageVariants = {\n error: {\n background: theme.palette.red.five,\n color: theme.palette.red.fiftyP,\n icon: <ErrorIcon />,\n },\n warning: {\n background: theme.palette.purple.ten,\n color: theme.palette.purple.seventy,\n icon: <WarningIcon />,\n },\n success: {\n background: theme.palette.green.five,\n color: theme.palette.green.fiftyP,\n icon: <SuccessIcon />,\n },\n}\n\nexport default messageVariants\n","import React, { useEffect, useRef, useState } from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport Caption from \"../Caption\"\nimport messageVariants from \"./variants\"\n\nfunction InputMessage(props) {\n const { msg, variant, className, ...otherProps } = props\n const messageRef = useRef(null)\n const [messageRefHeight, setMessageRefHeight] = useState(32)\n\n useEffect(() => {\n setMessageRefHeight(messageRef?.current?.clientHeight)\n }, [messageRef?.current?.clientHeight])\n\n return (\n <StyledMessage\n ref={messageRef}\n variant={messageVariants[variant]}\n className={classNames(\n \"KUI-InputMessage\",\n `KUI-InputMessage_${variant}`,\n className\n )}\n style={{ bottom: `-${messageRefHeight}px` }}\n {...otherProps}\n >\n <StyledIconWrapper className=\"KUI-InputMessage_icon\">\n {messageVariants[variant].icon}\n </StyledIconWrapper>\n <StyledTitle className=\"KUI-InputMessage_title\" size=\"xs\" weight={600}>\n {msg}\n </StyledTitle>\n </StyledMessage>\n )\n}\n\nInputMessage.defaultProps = {\n msg: \"\",\n className: \"\",\n variant: \"error\",\n}\n\nInputMessage.propTypes = {\n msg: PropTypes.string,\n className: PropTypes.string,\n variant: PropTypes.oneOf([\"error\", \"warning\", \"success\"]),\n}\n\nexport default InputMessage\n\nconst StyledTitle = styled(Caption)`\n padding-left: 8px;\n`\n\nconst messageVariantCSS = ({ variant }) => css`\n background-color: ${variant.background};\n svg {\n path {\n fill: ${variant.color};\n }\n }\n .KUI-InputMessage_title {\n color: ${variant.color};\n }\n`\n\nconst StyledMessage = styled.div`\n z-index: 5;\n position: absolute;\n left: 0px;\n bottom: 0;\n padding: 8px 15px;\n width: 100%;\n box-sizing: border-box;\n border-radius: 0 0 8px 8px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-shadow: 0px 0px 1px rgba(10, 31, 68, 0.08),\n 0px 3px 4px rgba(10, 31, 68, 0.1);\n ${messageVariantCSS};\n`\n\nconst StyledIconWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n`\n","import React from \"react\"\r\n\r\nconst TextareaGrabIcon = (props) => (\r\n <svg\r\n width=\"9\"\r\n height=\"8\"\r\n viewBox=\"0 0 9 8\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M0.21967 7.80474C0.512563 8.06509 0.987437 8.06509 1.28033 7.80474L8.78033 1.13807C9.07322 0.877722 9.07322 0.455612 8.78033 0.195262C8.48744 -0.0650874 8.01256 -0.0650874 7.71967 0.195262L0.21967 6.86193C-0.0732233 7.12228 -0.0732233 7.54439 0.21967 7.80474ZM3.96957 7.80441C4.26246 8.06476 4.73734 8.06476 5.03023 7.80441L8.78021 4.47108C9.0731 4.21073 9.0731 3.78862 8.78021 3.52827C8.48732 3.26792 8.01245 3.26792 7.71956 3.52827L3.96957 6.8616C3.67668 7.12195 3.67668 7.54406 3.96957 7.80441Z\"\r\n fill=\"#EAECEF\"\r\n />\r\n </svg>\r\n)\r\n\r\nexport default TextareaGrabIcon\r\n","import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport Caption from \"../Caption\"\nimport InputMessage from \"../InputMessage\"\nimport TextareaGrabIcon from \"../../icons/TextareaGrabIcon\"\nimport { theme } from \"../../theme\"\n\nconst { palette } = theme\n\nconst Input = forwardRef((props, ref) => {\n const {\n isTextArea,\n inputRef: inputRefProp,\n className,\n inputStyles,\n labelStyles,\n label,\n startIcon,\n endIcon,\n messageClassName,\n labelInlineStyles,\n message,\n messageVariant,\n value: inputValue,\n type,\n rows,\n placeholder,\n ...inputProps\n } = props\n const [isFilled, setIsFilled] = useState(false)\n const inputRef = useRef(null)\n const isInvalid = !!message && messageVariant !== \"success\"\n\n const forwardedRef = (elem) => {\n if (inputRefProp) {\n inputRefProp.current = elem\n }\n if (ref) {\n if (typeof ref === \"function\") {\n ref(elem)\n } else {\n ref.current = elem\n }\n }\n inputRef.current = elem\n }\n\n useEffect(() => {\n if (inputRef.current?.value) {\n setIsFilled(true)\n } else {\n setIsFilled(false)\n }\n }, [inputRef])\n\n useEffect(() => {\n if (!inputValue) {\n setIsFilled(false)\n } else {\n setIsFilled(true)\n }\n }, [inputValue])\n\n const handleChange = (e) => {\n if (e.target.value) {\n setIsFilled(true)\n } else {\n setIsFilled(false)\n }\n if (inputProps.onInput) {\n inputProps.onInput(e)\n }\n }\n\n const commonProps = {\n ref: forwardedRef,\n value: inputValue,\n onInput: handleChange,\n withMessage: !!message,\n messageVariant: messageVariant || \"error\",\n withLabel: !!label,\n placeholder,\n ...inputProps,\n }\n\n return (\n <StyledContainer\n className={classNames(\n \"KUI-Input_container\",\n !isTextArea && \"KUI-Input_InputContainer\",\n className\n )}\n >\n {startIcon && startIcon}\n {isTextArea ? (\n <StyledTextarea\n rows={rows}\n className={classNames(\n \"KUI-Input\",\n \"KUI-Textarea\",\n inputStyles,\n isInvalid && \"KUI-Input_invalid\"\n )}\n {...commonProps}\n />\n ) : (\n <StyledInput\n type={type}\n className={classNames(\n \"KUI-Input\",\n inputStyles,\n isInvalid && \"KUI-Input_invalid\"\n )}\n {...commonProps}\n />\n )}\n <StyledInputLabel\n size=\"s\"\n color=\"fiftyP\"\n active={isFilled || placeholder}\n className={classNames(\n \"KUI-Input_label\",\n isFilled && \"KUI-Input_label-active\",\n labelStyles\n )}\n style={labelInlineStyles}\n >\n {label}\n </StyledInputLabel>\n {isTextArea && <StyledTextareaIcon className=\"KUI-Textarea_icon\" />}\n {endIcon && endIcon}\n {!!message && (\n <InputMessage\n variant={messageVariant || \"error\"}\n msg={message}\n className={messageClassName}\n />\n )}\n </StyledContainer>\n )\n})\n\nInput.defaultProps = {\n disabled: false,\n isTextArea: false,\n label: \"\",\n rows: 4,\n type: \"text\",\n}\n\nInput.propTypes = {\n disabled: PropTypes.bool,\n isTextArea: PropTypes.bool,\n label: PropTypes.string,\n message: PropTypes.string,\n rows: PropTypes.number,\n type: PropTypes.oneOf([\n \"text\",\n \"number\",\n \"password\",\n \"phone\",\n \"email\",\n \"phone\",\n ]),\n}\n\nInput.displayName = \"Input\"\n\nexport default Input\n\nconst StyledContainer = styled.div`\n position: relative;\n &.KUI-Input_InputContainer {\n height: 56px;\n }\n`\n\nconst StyledTextareaIcon = styled(TextareaGrabIcon)`\n display: block;\n width: 9px;\n height: 8px;\n position: absolute;\n right: 4px;\n bottom: calc(15% * (14 / 16) + 8px);\n pointer-events: none;\n cursor: none;\n`\n\nconst labelActiveCSS = css`\n font-size: 12px;\n top: 10px;\n`\n\nconst StyledInputLabel = styled(Caption)`\n position: absolute;\n top: 19px;\n left: 16px;\n transition: top ease-out 0.2s, font-size ease-out 0.2s;\n user-select: none;\n pointer-events: none;\n ${({ active }) => active && labelActiveCSS};\n`\n\nconst inputStates = {\n error: palette.red.fiftyP,\n warning: palette.purple.seventy,\n success: palette.green.fiftyP,\n}\n\nconst inputStateCSS = (messageVariant) => css`\n border-radius: 8px 8px 0px 0px;\n border-color: ${inputStates[messageVariant]} !important;\n color: ${inputStates[messageVariant]};\n`\n\nconst inputCSS = ({ withMessage, messageVariant, withLabel }) => css`\n box-sizing: border-box;\n border: 1.5px solid ${palette.grey.fifteenB};\n border-radius: 8px;\n background-color: ${palette.grey.zero};\n caret-color: ${palette.brand.main};\n color: ${palette.grey.seventy};\n font-weight: 500;\n padding: ${withLabel ? \"27px 8px 10px 17px\" : \"16px 8px 16px 17px\"};\n font-family: \"Inter\", sans-serif;\n -moz-appearance: textfield;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n font-size: 16px;\n transform: scale(calc(14 / 16));\n transform-origin: left top;\n width: calc(100% * (16 / 14));\n margin-right: -14%;\n &:-webkit-autofill {\n box-shadow: inset 0 0 0 1000px #fff;\n }\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n &:focus {\n outline: none;\n border-color: ${palette.brand.main};\n & + .KUI-Input_label {\n ${labelActiveCSS}\n }\n }\n ${withMessage && inputStateCSS(messageVariant)};\n &:disabled {\n background-color: ${palette.background.light1};\n }\n`\n\nconst StyledInput = styled.input`\n height: 64px;\n ${inputCSS};\n`\n\nconst StyledTextarea = styled.textarea`\n resize: vertical;\n max-height: 168px;\n min-height: 64px;\n height: auto;\n &::-webkit-resizer {\n display: none;\n }\n ${inputCSS};\n`\n","import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport Input from \"../Input\"\nimport Caption from \"../Caption\"\n\nconst InputWithAdornments = forwardRef((props, ref) => {\n const { cornerLabel, startIcon, endIcon, ...inputProps } = props\n\n const startIconRef = useRef(null)\n const endIconRef = useRef(null)\n const [startIconWidth, setStartIconWidth] = useState(0)\n const [endIconWidth, setEndIconWidth] = useState(0)\n\n const inputStyle = {\n paddingLeft: startIconWidth > 0 ? (startIconWidth + 20) * (16 / 14) : 16,\n paddingRight: endIconWidth > 0 ? endIconWidth + 24 : 8,\n }\n\n const labelStyle = {\n left: startIconWidth > 0 ? startIconWidth + 22 : 16,\n }\n\n useEffect(() => {\n setStartIconWidth(startIconRef?.current?.clientWidth)\n }, [startIconRef?.current?.clientWidth])\n\n useEffect(() => {\n setEndIconWidth(endIconRef?.current?.clientWidth)\n }, [endIconRef?.current?.clientWidth])\n\n return (\n <Input\n ref={ref}\n startIcon={\n startIcon && (\n <StyledStartIcon\n ref={startIconRef}\n className=\"KUI-InputAdornment_start-icon\"\n >\n {startIcon}\n </StyledStartIcon>\n )\n }\n endIcon={\n (endIcon || cornerLabel) && (\n <StyledEndIcon\n ref={endIconRef}\n isCornerLabel={!!cornerLabel}\n className={classNames(\n \"KUI-InputAdornment_end-icon\",\n cornerLabel && \"KUI-InputAdornment_corner-label\"\n )}\n >\n {cornerLabel ? (\n <Caption size=\"s\" weight={500} color=\"fiftyP\">\n {cornerLabel}\n </Caption>\n ) : (\n endIcon\n )}\n </StyledEndIcon>\n )\n }\n style={inputStyle}\n labelInlineStyles={labelStyle}\n {...inputProps}\n />\n )\n})\n\nInputWithAdornments.defaultProps = {\n cornerLabel: null,\n startIcon: null,\n endIcon: null,\n}\n\nInputWithAdornments.propTypes = {\n label: PropTypes.string,\n errorMessage: PropTypes.string,\n cornerLabel: PropTypes.string,\n disabled: PropTypes.bool,\n startIcon: PropTypes.element,\n endIcon: PropTypes.element,\n type: PropTypes.oneOf([\"text\", \"number\", \"password\"]),\n}\n\nInputWithAdornments.displayName = \"InputWithAdornments\"\n\nexport default InputWithAdornments\n\nconst cornerLabelCSS = css`\n align-items: flex-end;\n bottom: 12px;\n right: 12px;\n`\n\nconst StyledIcon = styled.div`\n position: absolute;\n top: 8px;\n bottom: 8px;\n display: flex;\n align-items: center;\n z-index: 1;\n`\n\nconst StyledStartIcon = styled(StyledIcon)`\n left: 8px;\n`\n\nconst StyledEndIcon = styled(StyledIcon)`\n right: 8px;\n z-index: 0;\n ${({ isCornerLabel }) => isCornerLabel && cornerLabelCSS};\n`\n","import InputMask from \"react-input-mask\"\nimport React, { forwardRef, useEffect, useState } from \"react\"\nimport PropTypes from \"prop-types\"\nimport InputWithAdornments from \"../InputWithAdornments\"\n\nconst InputWithMask = forwardRef((props, ref) => {\n const { mask, value: valueProp, onChange, onBlur, disabled, ...other } = props\n const [value, setValue] = useState(valueProp)\n\n const handleChange = (e) => {\n if (e.target.value?.match(/[0-9]/)) {\n setValue(e.target.value)\n } else {\n setValue(\"\")\n }\n if (onChange) {\n onChange(e)\n }\n }\n\n useEffect(() => {\n setValue(valueProp)\n }, [valueProp])\n\n return (\n <InputMask\n maskPlaceholder={null}\n mask={mask}\n alwaysShowMask={false}\n disabled={disabled}\n onChange={handleChange}\n onBlur={onBlur}\n value={value}\n >\n {() => (\n <InputWithAdornments\n disabled={disabled}\n value={value}\n ref={ref}\n {...other}\n />\n )}\n </InputMask>\n )\n})\n\nInputWithMask.displayName = \"InputWithMask\"\n\nInputWithMask.propTypes = {\n label: PropTypes.string,\n errorMessage: PropTypes.string,\n cornerLabel: PropTypes.string,\n disabled: PropTypes.bool,\n startIcon: PropTypes.element,\n endIcon: PropTypes.element,\n mask: PropTypes.string,\n}\n\nexport default InputWithMask\n"],"names":["captionSizes","xs","size","height","sm","high","s","m","l","colors","main","pressed","hover","light","light2","gray60","gray50","gray40","gray30","gray15","white","disabled","light3","green70","green60","green10","green5","red70","red60","red10","red5","blue70","blue60","blue10","blue5","purple70","purple60","purple10","purple5","theme","palette","brand","_objectSpread","background","grey","seventy","sixty","fiftyP","fourty","thirty","fifteenB","zero","light1","light4","green","ten","five","red","blue","purple","breakpoints","xxs","md","lg","xl","shadows","shadow1","shadow2","shadow3","shadow4","settings","spacing","columns","Caption","props","children","className","otherProps","_excluded","_jsx","StyledCaption","classNames","defaultProps","weight","color","colorGroup","disableUserSelect","variant","displayName","propTypes","PropTypes","oneOf","bool","captionSettingsCSS","_ref","align","disSelect","css","process","env","NODE_ENV","_styled","target","label","ErrorIcon","width","viewBox","fill","xmlns","fillRule","clipRule","d","number","WarningIcon","SuccessIcon","messageVariants","error","icon","warning","success","InputMessage","_messageRef$current2","msg","messageRef","useRef","_useState2","_slicedToArray","useState","messageRefHeight","setMessageRefHeight","useEffect","_messageRef$current","current","clientHeight","_jsxs","StyledMessage","ref","style","bottom","StyledIconWrapper","StyledTitle","string","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","messageVariantCSS","TextareaGrabIcon","Input","forwardRef","isTextArea","inputRefProp","inputRef","inputStyles","labelStyles","startIcon","endIcon","messageClassName","labelInlineStyles","message","messageVariant","inputValue","value","type","rows","placeholder","inputProps","isFilled","setIsFilled","isInvalid","_inputRef$current","commonProps","elem","onInput","e","withMessage","withLabel","StyledContainer","StyledTextarea","StyledInput","StyledInputLabel","active","StyledTextareaIcon","labelActiveCSS","inputStates","inputCSS","_ref2","inputStateCSS","InputWithAdornments","_startIconRef$current2","_endIconRef$current2","cornerLabel","startIconRef","endIconRef","startIconWidth","setStartIconWidth","_useState4","endIconWidth","setEndIconWidth","inputStyle","paddingLeft","paddingRight","labelStyle","left","_startIconRef$current","clientWidth","_endIconRef$current","StyledStartIcon","StyledEndIcon","isCornerLabel","errorMessage","element","cornerLabelCSS","StyledIcon","InputWithMask","mask","valueProp","onChange","onBlur","other","setValue","InputMask","maskPlaceholder","alwaysShowMask","_e$target$value","match"],"mappings":"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"}
@@ -0,0 +1,11 @@
1
+ {
2
+ "name": "kui-basic/InputWithMask",
3
+ "private": true,
4
+ "main": "./index.js",
5
+ "module": "./index.es.js",
6
+ "types": "./index.d.ts",
7
+ "dependencies": {
8
+ "classnames": "^2.3.1",
9
+ "react-input-mask": "^2.0.4"
10
+ }
11
+ }
@@ -0,0 +1,20 @@
1
+ import * as React from 'react';
2
+
3
+ interface LinearProgressProps
4
+ extends React.DetailedHTMLProps<
5
+ React.HTMLAttributes<HTMLDivElement>,
6
+ HTMLDivElement
7
+ >,
8
+ React.AriaAttributes {
9
+ className?: string
10
+ progressBarStyles?: string
11
+ value?: number
12
+ }
13
+
14
+ type LinearProgressType = (
15
+ props: LinearProgressProps
16
+ ) => React.ReactElement
17
+
18
+ declare const LinearProgress: LinearProgressType
19
+
20
+ export { LinearProgressType, LinearProgress as default };
@@ -0,0 +1,2 @@
1
+ import c from"@emotion/styled/base";import"react";import e from"classnames";import{jsx as t}from"@emotion/react/jsx-runtime";function r(c,e){var t=Object.keys(c);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(c);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(c,e).enumerable}))),t.push.apply(t,r)}return t}function b(c){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?r(Object(t),!0).forEach((function(e){l(c,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(t)):r(Object(t)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(t,e))}))}return c}function l(c,e,t){return e in c?Object.defineProperty(c,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):c[e]=t,c}function i(c,e){if(null==c)return{};var t,r,b=function(c,e){if(null==c)return{};var t,r,b={},l=Object.keys(c);for(r=0;r<l.length;r++)t=l[r],e.indexOf(t)>=0||(b[t]=c[t]);return b}(c,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(c);for(r=0;r<l.length;r++)t=l[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(c,t)&&(b[t]=c[t])}return b}var o=["className","progressBarStyles","value"];function g(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}function a(c){var r=c.className,l=c.progressBarStyles,g=c.value,a=i(c,o),s=g;return g>100&&(s=100),t(n,b(b({className:e("KUI-LinearProgress",r),"aria-valuenow":s},a),{},{children:t(m,{className:e("KUI-LinearProgress_bar",l),style:{transform:"translateX(".concat(s-100,"%)")}})}))}a.defaultProps={value:0};var n=c("div","production"===process.env.NODE_ENV?{target:"e18ywayr1"}:{target:"e18ywayr1",label:"StyledLinearProgress"})("production"===process.env.NODE_ENV?{name:"1oq155e",styles:"overflow:hidden;position:relative;backdrop-filter:blur(4px);background-color:rgba(255, 255, 255, 0.55);border-radius:66px;height:6px"}:{name:"1oq155e",styles:"overflow:hidden;position:relative;backdrop-filter:blur(4px);background-color:rgba(255, 255, 255, 0.55);border-radius:66px;height:6px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DdUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5cbmZ1bmN0aW9uIExpbmVhclByb2dyZXNzKHtcbiAgY2xhc3NOYW1lLFxuICBwcm9ncmVzc0JhclN0eWxlcyxcbiAgdmFsdWUsXG4gIC4uLm90aGVyUHJvcHNcbn0pIHtcbiAgbGV0IG5ld1ZhbHVlID0gdmFsdWVcblxuICBpZiAodmFsdWUgPiAxMDApIHtcbiAgICBuZXdWYWx1ZSA9IDEwMFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGluZWFyUHJvZ3Jlc3NcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIktVSS1MaW5lYXJQcm9ncmVzc1wiLCBjbGFzc05hbWUpfVxuICAgICAgYXJpYS12YWx1ZW5vdz17bmV3VmFsdWV9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICA+XG4gICAgICA8U3R5bGVkTGluZWFyUHJvZ3Jlc3NCYXJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUxpbmVhclByb2dyZXNzX2JhclwiLCBwcm9ncmVzc0JhclN0eWxlcyl9XG4gICAgICAgIHN0eWxlPXt7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtuZXdWYWx1ZSAtIDEwMH0lKWAgfX1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRMaW5lYXJQcm9ncmVzcz5cbiAgKVxufVxuXG5MaW5lYXJQcm9ncmVzcy5kZWZhdWx0UHJvcHMgPSB7XG4gIHZhbHVlOiAwLFxufVxuXG5leHBvcnQgZGVmYXVsdCBMaW5lYXJQcm9ncmVzc1xuXG5jb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzcyA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDRweCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC41NSk7XG4gIGJvcmRlci1yYWRpdXM6IDY2cHg7XG4gIGhlaWdodDogNnB4O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzc0JhciA9IHN0eWxlZC5kaXZgXG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvdHRvbTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC40cyBsaW5lYXI7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQ7XG4gIG9wYWNpdHk6IDAuOTtcbiAgYm9yZGVyLXJhZGl1czogNjZweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG5gXG4iXX0= */",toString:g}),m=c("div","production"===process.env.NODE_ENV?{target:"e18ywayr0"}:{target:"e18ywayr0",label:"StyledLinearProgressBar"})("production"===process.env.NODE_ENV?{name:"1vz2oxc",styles:"top:0;left:0;width:100%;bottom:0;position:absolute;transition:transform 0.4s linear;transform-origin:left;opacity:0.9;border-radius:66px;background-color:white"}:{name:"1vz2oxc",styles:"top:0;left:0;width:100%;bottom:0;position:absolute;transition:transform 0.4s linear;transform-origin:left;opacity:0.9;border-radius:66px;background-color:white",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDMEMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5cbmZ1bmN0aW9uIExpbmVhclByb2dyZXNzKHtcbiAgY2xhc3NOYW1lLFxuICBwcm9ncmVzc0JhclN0eWxlcyxcbiAgdmFsdWUsXG4gIC4uLm90aGVyUHJvcHNcbn0pIHtcbiAgbGV0IG5ld1ZhbHVlID0gdmFsdWVcblxuICBpZiAodmFsdWUgPiAxMDApIHtcbiAgICBuZXdWYWx1ZSA9IDEwMFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGluZWFyUHJvZ3Jlc3NcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIktVSS1MaW5lYXJQcm9ncmVzc1wiLCBjbGFzc05hbWUpfVxuICAgICAgYXJpYS12YWx1ZW5vdz17bmV3VmFsdWV9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICA+XG4gICAgICA8U3R5bGVkTGluZWFyUHJvZ3Jlc3NCYXJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUxpbmVhclByb2dyZXNzX2JhclwiLCBwcm9ncmVzc0JhclN0eWxlcyl9XG4gICAgICAgIHN0eWxlPXt7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtuZXdWYWx1ZSAtIDEwMH0lKWAgfX1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRMaW5lYXJQcm9ncmVzcz5cbiAgKVxufVxuXG5MaW5lYXJQcm9ncmVzcy5kZWZhdWx0UHJvcHMgPSB7XG4gIHZhbHVlOiAwLFxufVxuXG5leHBvcnQgZGVmYXVsdCBMaW5lYXJQcm9ncmVzc1xuXG5jb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzcyA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDRweCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC41NSk7XG4gIGJvcmRlci1yYWRpdXM6IDY2cHg7XG4gIGhlaWdodDogNnB4O1xuYFxuXG5jb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzc0JhciA9IHN0eWxlZC5kaXZgXG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvdHRvbTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC40cyBsaW5lYXI7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQ7XG4gIG9wYWNpdHk6IDAuOTtcbiAgYm9yZGVyLXJhZGl1czogNjZweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG5gXG4iXX0= */",toString:g});export{a as default};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../src/components/LinearProgress/index.js"],"sourcesContent":["import React from \"react\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\n\nfunction LinearProgress({\n className,\n progressBarStyles,\n value,\n ...otherProps\n}) {\n let newValue = value\n\n if (value > 100) {\n newValue = 100\n }\n\n return (\n <StyledLinearProgress\n className={classNames(\"KUI-LinearProgress\", className)}\n aria-valuenow={newValue}\n {...otherProps}\n >\n <StyledLinearProgressBar\n className={classNames(\"KUI-LinearProgress_bar\", progressBarStyles)}\n style={{ transform: `translateX(${newValue - 100}%)` }}\n />\n </StyledLinearProgress>\n )\n}\n\nLinearProgress.defaultProps = {\n value: 0,\n}\n\nexport default LinearProgress\n\nconst StyledLinearProgress = styled.div`\n overflow: hidden;\n position: relative;\n backdrop-filter: blur(4px);\n background-color: rgba(255, 255, 255, 0.55);\n border-radius: 66px;\n height: 6px;\n`\n\nconst StyledLinearProgressBar = styled.div`\n top: 0;\n left: 0;\n width: 100%;\n bottom: 0;\n position: absolute;\n transition: transform 0.4s linear;\n transform-origin: left;\n opacity: 0.9;\n border-radius: 66px;\n background-color: white;\n`\n"],"names":["LinearProgress","_ref","className","progressBarStyles","value","otherProps","_objectWithoutProperties","_excluded","newValue","_jsx","StyledLinearProgress","_objectSpread","classNames","children","StyledLinearProgressBar","style","transform","concat","defaultProps","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":"68CAIA,SAASA,EAKNC,GAAA,IAJDC,IAAAA,UACAC,IAAAA,kBACAC,IAAAA,MACGC,EAAUC,EAAAL,EAAAM,GAETC,EAAWJ,EAMf,OAJIA,EAAQ,MACVI,EAAW,KAIXC,EAACC,EAAoBC,EAAAA,EAAA,CACnBT,UAAWU,EAAW,qBAAsBV,GAC5C,gBAAeM,GACXH,GAAU,GAAA,CAAAQ,SAEdJ,EAACK,EAAuB,CACtBZ,UAAWU,EAAW,yBAA0BT,GAChDY,MAAO,CAAEC,UAAS,cAAAC,OAAgBT,EAAW,IAAG,WAIxD,CAEAR,EAAekB,aAAe,CAC5Bd,MAAO,GAKT,IAAMM,EAAoBS,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,wBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,wIAAA,CAAAD,KAAA,UAAAC,OAAA,uIAAAC,IAAA,szDAAAC,SAAAC,IASpBf,EAAuBK,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,2BAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,mKAAA,CAAAD,KAAA,UAAAC,OAAA,kKAAAC,IAAA,szDAAAC,SAAAC"}
@@ -0,0 +1,10 @@
1
+ {
2
+ "name": "kui-basic/LinearProgress",
3
+ "private": true,
4
+ "main": "./index.js",
5
+ "module": "./index.es.js",
6
+ "types": "./index.d.ts",
7
+ "dependencies": {
8
+ "classnames": "^2.3.1"
9
+ }
10
+ }
@@ -0,0 +1,31 @@
1
+ import * as React from 'react';
2
+ import { SyntheticEvent } from 'react';
3
+
4
+ type TabChangeHandlerType = (
5
+ e: SyntheticEvent<HTMLButtonElement>,
6
+ value: number
7
+ ) => void
8
+
9
+ type TabsIndicatorPositions = "bottom" | "top"
10
+
11
+ interface MenuPanelProps
12
+ extends Omit<
13
+ React.DetailedHTMLProps<
14
+ React.HTMLAttributes<HTMLDivElement>,
15
+ HTMLDivElement
16
+ >,
17
+ "onChange"
18
+ > {
19
+ tabs: string[]
20
+ tabsId?: string[]
21
+ activeTab?: number
22
+ offset?: number
23
+ onChange?: TabChangeHandlerType
24
+ indicatorPos?: TabsIndicatorPositions
25
+ }
26
+
27
+ type MenuPanelType = (props: MenuPanelProps) => React.ReactElement
28
+
29
+ declare const MenuPanel: MenuPanelType
30
+
31
+ export { MenuPanelProps, MenuPanelType, MenuPanel as default };
@@ -0,0 +1,2 @@
1
+ import I,{forwardRef as g,useRef as b,useState as c,useEffect as l}from"react";import G from"prop-types";import C from"@emotion/styled/base";import Z from"classnames";import{css as i}from"@emotion/react";import{jsxs as A,jsx as X}from"@emotion/react/jsx-runtime";import{Link as u,scroller as d,Events as W}from"react-scroll";function m(I,g){var b=Object.keys(I);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(I);g&&(c=c.filter((function(g){return Object.getOwnPropertyDescriptor(I,g).enumerable}))),b.push.apply(b,c)}return b}function t(I){for(var g=1;g<arguments.length;g++){var b=null!=arguments[g]?arguments[g]:{};g%2?m(Object(b),!0).forEach((function(g){V(I,g,b[g])})):Object.getOwnPropertyDescriptors?Object.defineProperties(I,Object.getOwnPropertyDescriptors(b)):m(Object(b)).forEach((function(g){Object.defineProperty(I,g,Object.getOwnPropertyDescriptor(b,g))}))}return I}function V(I,g,b){return g in I?Object.defineProperty(I,g,{value:b,enumerable:!0,configurable:!0,writable:!0}):I[g]=b,I}function e(I,g){if(null==I)return{};var b,c,l=function(I,g){if(null==I)return{};var b,c,l={},G=Object.keys(I);for(c=0;c<G.length;c++)b=G[c],g.indexOf(b)>=0||(l[b]=I[b]);return l}(I,g);if(Object.getOwnPropertySymbols){var G=Object.getOwnPropertySymbols(I);for(c=0;c<G.length;c++)b=G[c],g.indexOf(b)>=0||Object.prototype.propertyIsEnumerable.call(I,b)&&(l[b]=I[b])}return l}function a(I,g){return function(I){if(Array.isArray(I))return I}(I)||function(I,g){var b=null==I?null:"undefined"!=typeof Symbol&&I[Symbol.iterator]||I["@@iterator"];if(null==b)return;var c,l,G=[],C=!0,Z=!1;try{for(b=b.call(I);!(C=(c=b.next()).done)&&(G.push(c.value),!g||G.length!==g);C=!0);}catch(I){Z=!0,l=I}finally{try{C||null==b.return||b.return()}finally{if(Z)throw l}}return G}(I,g)||function(I,g){if(!I)return;if("string"==typeof I)return n(I,g);var b=Object.prototype.toString.call(I).slice(8,-1);"Object"===b&&I.constructor&&(b=I.constructor.name);if("Map"===b||"Set"===b)return Array.from(I);if("Arguments"===b||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b))return n(I,g)}(I,g)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(I,g){(null==g||g>I.length)&&(g=I.length);for(var b=0,c=new Array(g);b<g;b++)c[b]=I[b];return c}var B={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},x={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},s={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},p={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},Y={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},N={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},o={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},R={palette:{brand:t(t({},B),{},{background:B.light2}),grey:{seventy:x.main,sixty:x.gray60,fiftyP:x.gray50,fourty:x.gray40,thirty:x.gray30,fifteenB:x.gray15,zero:x.white},background:t(t({},s),{},{light1:s.main,light4:"#C5C6C7"}),green:{fiftyP:p.main,seventy:p.green70,sixty:p.green60,ten:p.green10,five:p.green5},red:{fiftyP:Y.main,seventy:Y.red70,sixty:Y.red60,ten:Y.red10,five:Y.red5},blue:{fiftyP:N.main,seventy:N.blue70,sixty:N.blue60,ten:N.blue10,five:N.blue5},purple:{fiftyP:o.main,seventy:o.purple70,sixty:o.purple60,ten:o.purple10,five:o.purple5}},breakpoints:{xxs:375,xs:600,sm:900,md:1200,lg:1440,xl:1536},shadows:{shadow1:"0px 5px 16px rgba(0, 0, 0, 0.1)",shadow2:"0px 12px 16px rgba(0, 0, 0, 0.08)",shadow3:"0px 26px 34px rgba(0, 0, 0, 0.1)",shadow4:"0px 10px 20px rgba(0, 0, 0, 0.1)"},settings:{spacing:8,columns:12}},J=["value","onChange","className","indicatorPos","indicatorHidden","children"];function y(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}var F=R.palette,H=function(I,g){return I===g?I.firstChild:g&&g.nextElementSibling?g.nextElementSibling:I.firstChild},h=function(I,g){return I===g?I.lastChild:g&&g.previousElementSibling?g.previousElementSibling:I.lastChild},r=function(I,g,b){b(I,g).focus()},v=g((function(g,G){var C=g.value,i=g.onChange,u=g.className,d=g.indicatorPos,W=g.indicatorHidden,m=g.children,V=e(g,J),n=b(null),B=a(c({}),2),x=B[0],s=B[1],p=I.Children.map(m,(function(g,b){if(!I.isValidElement(g))return null;var c=void 0===g.props.value?b:g.props.value,l=c===C;return I.cloneElement(g,{selected:l,onChange:i,value:c})}));return l((function(){var I,g=null===(I=n.current)||void 0===I?void 0:I.children[C];s({width:null==g?void 0:g.clientWidth,left:null==g?void 0:g.offsetLeft})}),[C]),A(w,t(t({ref:G,className:"KUI-Tabs"},V),{},{children:[X(j,{tabIndex:0,role:"tablist",className:Z("KUI-TabList",u),ref:n,onKeyDown:function(I){var g=n.current,b=g.ownerDocument.activeElement;switch(I.key){case"ArrowLeft":case"End":I.preventDefault(),r(g,b,h);break;case"ArrowRight":case"Home":I.preventDefault(),r(g,b,H)}},children:p}),X(S,{hidden:W,position:d,className:Z("KUI-Tabs_indicator",W&&"KUI-Tabs_hidden"),style:x})]}))}));v.propTypes={indicatorPos:G.oneOf(["bottom","top"])},v.defaultProps={indicatorPos:"bottom"};var z={top:"production"===process.env.NODE_ENV?{name:"y5cdff",styles:"top:0;border-radius:0 0 8px 8px"}:{name:"2bp3wi-top",styles:"top:0;border-radius:0 0 8px 8px;label:top;",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFJVSIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuY29uc3QgeyBwYWxldHRlIH0gPSB0aGVtZVxuXG5jb25zdCBuZXh0SXRlbSA9IChsaXN0LCBpdGVtKSA9PiB7XG4gIGlmIChsaXN0ID09PSBpdGVtKSB7XG4gICAgcmV0dXJuIGxpc3QuZmlyc3RDaGlsZFxuICB9XG4gIGlmIChpdGVtICYmIGl0ZW0ubmV4dEVsZW1lbnRTaWJsaW5nKSB7XG4gICAgcmV0dXJuIGl0ZW0ubmV4dEVsZW1lbnRTaWJsaW5nXG4gIH1cbiAgcmV0dXJuIGxpc3QuZmlyc3RDaGlsZFxufVxuXG5jb25zdCBwcmV2aW91c0l0ZW0gPSAobGlzdCwgaXRlbSkgPT4ge1xuICBpZiAobGlzdCA9PT0gaXRlbSkge1xuICAgIHJldHVybiBsaXN0Lmxhc3RDaGlsZFxuICB9XG4gIGlmIChpdGVtICYmIGl0ZW0ucHJldmlvdXNFbGVtZW50U2libGluZykge1xuICAgIHJldHVybiBpdGVtLnByZXZpb3VzRWxlbWVudFNpYmxpbmdcbiAgfVxuICByZXR1cm4gbGlzdC5sYXN0Q2hpbGRcbn1cblxuY29uc3QgbW92ZUZvY3VzID0gKGxpc3QsIGN1cnJlbnRGb2N1cywgdHJhdmVyc2FsRnVuY3Rpb24pID0+IHtcbiAgY29uc3QgbmV4dEZvY3VzID0gdHJhdmVyc2FsRnVuY3Rpb24obGlzdCwgY3VycmVudEZvY3VzKVxuXG4gIG5leHRGb2N1cy5mb2N1cygpXG59XG5cbmNvbnN0IFRhYnMgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW5kaWNhdG9yUG9zLFxuICAgIGluZGljYXRvckhpZGRlbixcbiAgICBjaGlsZHJlbjogY2hpbGRyZW5Qcm9wLFxuICAgIC4uLm90aGVyUHJvcHNcbiAgfSA9IHByb3BzXG4gIGNvbnN0IHRhYkxpc3RSZWYgPSB1c2VSZWYobnVsbClcbiAgY29uc3QgW2luZGljYXRvclN0eWxlcywgc2V0SW5kaWNhdG9yU3R5bGVzXSA9IHVzZVN0YXRlKHt9KVxuXG4gIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZSkgPT4ge1xuICAgIGNvbnN0IGxpc3QgPSB0YWJMaXN0UmVmLmN1cnJlbnRcbiAgICBjb25zdCBjdXJyRm9jdXMgPSBsaXN0Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudFxuICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgIGNhc2UgXCJBcnJvd0xlZnRcIjpcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIG1vdmVGb2N1cyhsaXN0LCBjdXJyRm9jdXMsIHByZXZpb3VzSXRlbSlcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgXCJBcnJvd1JpZ2h0XCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBuZXh0SXRlbSlcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgXCJIb21lXCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBuZXh0SXRlbSlcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgXCJFbmRcIjpcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIG1vdmVGb2N1cyhsaXN0LCBjdXJyRm9jdXMsIHByZXZpb3VzSXRlbSlcbiAgICAgICAgYnJlYWtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrXG4gICAgfVxuICB9XG5cbiAgY29uc3QgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW5Qcm9wLCAoY2hpbGQsIGNoaWxkSW5kZXgpID0+IHtcbiAgICBpZiAoIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSkge1xuICAgICAgcmV0dXJuIG51bGxcbiAgICB9XG5cbiAgICBjb25zdCBjaGlsZFZhbHVlID1cbiAgICAgIGNoaWxkLnByb3BzLnZhbHVlID09PSB1bmRlZmluZWQgPyBjaGlsZEluZGV4IDogY2hpbGQucHJvcHMudmFsdWVcbiAgICBjb25zdCBzZWxlY3RlZCA9IGNoaWxkVmFsdWUgPT09IHZhbHVlXG5cbiAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICBzZWxlY3RlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgdmFsdWU6IGNoaWxkVmFsdWUsXG4gICAgfSlcbiAgfSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGVkVGFiID0gdGFiTGlzdFJlZi5jdXJyZW50Py5jaGlsZHJlblt2YWx1ZV1cbiAgICBzZXRJbmRpY2F0b3JTdHlsZXMoe1xuICAgICAgd2lkdGg6IHNlbGVjdGVkVGFiPy5jbGllbnRXaWR0aCxcbiAgICAgIC8vIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtzZWxlY3RlZFRhYj8ub2Zmc2V0TGVmdH0pYCxcbiAgICAgIGxlZnQ6IHNlbGVjdGVkVGFiPy5vZmZzZXRMZWZ0LFxuICAgIH0pXG4gIH0sIFt2YWx1ZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGFicyByZWY9e3JlZn0gY2xhc3NOYW1lPVwiS1VJLVRhYnNcIiB7Li4ub3RoZXJQcm9wc30+XG4gICAgICA8U3R5bGVkVGFiTGlzdFxuICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgcm9sZT1cInRhYmxpc3RcIlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktVGFiTGlzdFwiLCBjbGFzc05hbWUpfVxuICAgICAgICByZWY9e3RhYkxpc3RSZWZ9XG4gICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJMaXN0PlxuICAgICAgPFN0eWxlZFRhYnNJbmRpY2F0b3JcbiAgICAgICAgaGlkZGVuPXtpbmRpY2F0b3JIaWRkZW59XG4gICAgICAgIHBvc2l0aW9uPXtpbmRpY2F0b3JQb3N9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcbiAgICAgICAgICBcIktVSS1UYWJzX2luZGljYXRvclwiLFxuICAgICAgICAgIGluZGljYXRvckhpZGRlbiAmJiBcIktVSS1UYWJzX2hpZGRlblwiXG4gICAgICAgICl9XG4gICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZXN9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkVGFicz5cbiAgKVxufSlcblxuVGFicy5wcm9wVHlwZXMgPSB7XG4gIGluZGljYXRvclBvczogUHJvcFR5cGVzLm9uZU9mKFtcImJvdHRvbVwiLCBcInRvcFwiXSksXG59XG5cblRhYnMuZGVmYXVsdFByb3BzID0ge1xuICBpbmRpY2F0b3JQb3M6IFwiYm90dG9tXCIsXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcblxuY29uc3QgaW5kaWNhdG9yUG9zaXRpb25zQ1NTID0ge1xuICB0b3A6IGNzc2BcbiAgICB0b3A6IDA7XG4gICAgYm9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG4gIGAsXG4gIGJvdHRvbTogY3NzYFxuICAgIGJvdHRvbTogMDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDBweCAwcHg7XG4gIGAsXG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmNvbnN0IFN0eWxlZFRhYkxpc3QgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5jb25zdCBTdHlsZWRUYWJzSW5kaWNhdG9yID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICB0cmFuc2l0aW9uOiB3aWR0aCAzMDBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIDBtcyxcbiAgICBsZWZ0IDMwMG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zO1xuICBoZWlnaHQ6IDJweDtcbiAgd2lsbC1jaGFuZ2U6IGxlZnQ7XG4gIG9wYWNpdHk6ICR7KHsgaGlkZGVuIH0pID0+IChoaWRkZW4gPyAwIDogMSl9O1xuICAkeyh7IHBvc2l0aW9uIH0pID0+IGluZGljYXRvclBvc2l0aW9uc0NTU1twb3NpdGlvbl19O1xuYFxuIl19 */",toString:y},bottom:"production"===process.env.NODE_ENV?{name:"1c2ef2v",styles:"bottom:0;border-radius:8px 8px 0px 0px"}:{name:"9rcyml-bottom",styles:"bottom:0;border-radius:8px 8px 0px 0px;label:bottom;",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlJYSIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuY29uc3QgeyBwYWxldHRlIH0gPSB0aGVtZVxuXG5jb25zdCBuZXh0SXRlbSA9IChsaXN0LCBpdGVtKSA9PiB7XG4gIGlmIChsaXN0ID09PSBpdGVtKSB7XG4gICAgcmV0dXJuIGxpc3QuZmlyc3RDaGlsZFxuICB9XG4gIGlmIChpdGVtICYmIGl0ZW0ubmV4dEVsZW1lbnRTaWJsaW5nKSB7XG4gICAgcmV0dXJuIGl0ZW0ubmV4dEVsZW1lbnRTaWJsaW5nXG4gIH1cbiAgcmV0dXJuIGxpc3QuZmlyc3RDaGlsZFxufVxuXG5jb25zdCBwcmV2aW91c0l0ZW0gPSAobGlzdCwgaXRlbSkgPT4ge1xuICBpZiAobGlzdCA9PT0gaXRlbSkge1xuICAgIHJldHVybiBsaXN0Lmxhc3RDaGlsZFxuICB9XG4gIGlmIChpdGVtICYmIGl0ZW0ucHJldmlvdXNFbGVtZW50U2libGluZykge1xuICAgIHJldHVybiBpdGVtLnByZXZpb3VzRWxlbWVudFNpYmxpbmdcbiAgfVxuICByZXR1cm4gbGlzdC5sYXN0Q2hpbGRcbn1cblxuY29uc3QgbW92ZUZvY3VzID0gKGxpc3QsIGN1cnJlbnRGb2N1cywgdHJhdmVyc2FsRnVuY3Rpb24pID0+IHtcbiAgY29uc3QgbmV4dEZvY3VzID0gdHJhdmVyc2FsRnVuY3Rpb24obGlzdCwgY3VycmVudEZvY3VzKVxuXG4gIG5leHRGb2N1cy5mb2N1cygpXG59XG5cbmNvbnN0IFRhYnMgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW5kaWNhdG9yUG9zLFxuICAgIGluZGljYXRvckhpZGRlbixcbiAgICBjaGlsZHJlbjogY2hpbGRyZW5Qcm9wLFxuICAgIC4uLm90aGVyUHJvcHNcbiAgfSA9IHByb3BzXG4gIGNvbnN0IHRhYkxpc3RSZWYgPSB1c2VSZWYobnVsbClcbiAgY29uc3QgW2luZGljYXRvclN0eWxlcywgc2V0SW5kaWNhdG9yU3R5bGVzXSA9IHVzZVN0YXRlKHt9KVxuXG4gIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZSkgPT4ge1xuICAgIGNvbnN0IGxpc3QgPSB0YWJMaXN0UmVmLmN1cnJlbnRcbiAgICBjb25zdCBjdXJyRm9jdXMgPSBsaXN0Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudFxuICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgIGNhc2UgXCJBcnJvd0xlZnRcIjpcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIG1vdmVGb2N1cyhsaXN0LCBjdXJyRm9jdXMsIHByZXZpb3VzSXRlbSlcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgXCJBcnJvd1JpZ2h0XCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBuZXh0SXRlbSlcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgXCJIb21lXCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBuZXh0SXRlbSlcbiAgICAgICAgYnJlYWtcbiAgICAgIGNhc2UgXCJFbmRcIjpcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIG1vdmVGb2N1cyhsaXN0LCBjdXJyRm9jdXMsIHByZXZpb3VzSXRlbSlcbiAgICAgICAgYnJlYWtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIGJyZWFrXG4gICAgfVxuICB9XG5cbiAgY29uc3QgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW5Qcm9wLCAoY2hpbGQsIGNoaWxkSW5kZXgpID0+IHtcbiAgICBpZiAoIVJlYWN0LmlzVmFsaWRFbGVtZW50KGNoaWxkKSkge1xuICAgICAgcmV0dXJuIG51bGxcbiAgICB9XG5cbiAgICBjb25zdCBjaGlsZFZhbHVlID1cbiAgICAgIGNoaWxkLnByb3BzLnZhbHVlID09PSB1bmRlZmluZWQgPyBjaGlsZEluZGV4IDogY2hpbGQucHJvcHMudmFsdWVcbiAgICBjb25zdCBzZWxlY3RlZCA9IGNoaWxkVmFsdWUgPT09IHZhbHVlXG5cbiAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICBzZWxlY3RlZCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgdmFsdWU6IGNoaWxkVmFsdWUsXG4gICAgfSlcbiAgfSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGVkVGFiID0gdGFiTGlzdFJlZi5jdXJyZW50Py5jaGlsZHJlblt2YWx1ZV1cbiAgICBzZXRJbmRpY2F0b3JTdHlsZXMoe1xuICAgICAgd2lkdGg6IHNlbGVjdGVkVGFiPy5jbGllbnRXaWR0aCxcbiAgICAgIC8vIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtzZWxlY3RlZFRhYj8ub2Zmc2V0TGVmdH0pYCxcbiAgICAgIGxlZnQ6IHNlbGVjdGVkVGFiPy5vZmZzZXRMZWZ0LFxuICAgIH0pXG4gIH0sIFt2YWx1ZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGFicyByZWY9e3JlZn0gY2xhc3NOYW1lPVwiS1VJLVRhYnNcIiB7Li4ub3RoZXJQcm9wc30+XG4gICAgICA8U3R5bGVkVGFiTGlzdFxuICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgcm9sZT1cInRhYmxpc3RcIlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktVGFiTGlzdFwiLCBjbGFzc05hbWUpfVxuICAgICAgICByZWY9e3RhYkxpc3RSZWZ9XG4gICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRUYWJMaXN0PlxuICAgICAgPFN0eWxlZFRhYnNJbmRpY2F0b3JcbiAgICAgICAgaGlkZGVuPXtpbmRpY2F0b3JIaWRkZW59XG4gICAgICAgIHBvc2l0aW9uPXtpbmRpY2F0b3JQb3N9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcbiAgICAgICAgICBcIktVSS1UYWJzX2luZGljYXRvclwiLFxuICAgICAgICAgIGluZGljYXRvckhpZGRlbiAmJiBcIktVSS1UYWJzX2hpZGRlblwiXG4gICAgICAgICl9XG4gICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZXN9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkVGFicz5cbiAgKVxufSlcblxuVGFicy5wcm9wVHlwZXMgPSB7XG4gIGluZGljYXRvclBvczogUHJvcFR5cGVzLm9uZU9mKFtcImJvdHRvbVwiLCBcInRvcFwiXSksXG59XG5cblRhYnMuZGVmYXVsdFByb3BzID0ge1xuICBpbmRpY2F0b3JQb3M6IFwiYm90dG9tXCIsXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnNcblxuY29uc3QgaW5kaWNhdG9yUG9zaXRpb25zQ1NTID0ge1xuICB0b3A6IGNzc2BcbiAgICB0b3A6IDA7XG4gICAgYm9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG4gIGAsXG4gIGJvdHRvbTogY3NzYFxuICAgIGJvdHRvbTogMDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHggOHB4IDBweCAwcHg7XG4gIGAsXG59XG5cbmNvbnN0IFN0eWxlZFRhYnMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmNvbnN0IFN0eWxlZFRhYkxpc3QgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5jb25zdCBTdHlsZWRUYWJzSW5kaWNhdG9yID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJyYW5kLm1haW59O1xuICB0cmFuc2l0aW9uOiB3aWR0aCAzMDBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIDBtcyxcbiAgICBsZWZ0IDMwMG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zO1xuICBoZWlnaHQ6IDJweDtcbiAgd2lsbC1jaGFuZ2U6IGxlZnQ7XG4gIG9wYWNpdHk6ICR7KHsgaGlkZGVuIH0pID0+IChoaWRkZW4gPyAwIDogMSl9O1xuICAkeyh7IHBvc2l0aW9uIH0pID0+IGluZGljYXRvclBvc2l0aW9uc0NTU1twb3NpdGlvbl19O1xuYFxuIl19 */",toString:y}},w=C("div","production"===process.env.NODE_ENV?{target:"enryzq42"}:{target:"enryzq42",label:"StyledTabs"})("production"===process.env.NODE_ENV?{name:"bjn8wh",styles:"position:relative"}:{name:"bjn8wh",styles:"position:relative",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStJNkIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHsgcGFsZXR0ZSB9ID0gdGhlbWVcblxuY29uc3QgbmV4dEl0ZW0gPSAobGlzdCwgaXRlbSkgPT4ge1xuICBpZiAobGlzdCA9PT0gaXRlbSkge1xuICAgIHJldHVybiBsaXN0LmZpcnN0Q2hpbGRcbiAgfVxuICBpZiAoaXRlbSAmJiBpdGVtLm5leHRFbGVtZW50U2libGluZykge1xuICAgIHJldHVybiBpdGVtLm5leHRFbGVtZW50U2libGluZ1xuICB9XG4gIHJldHVybiBsaXN0LmZpcnN0Q2hpbGRcbn1cblxuY29uc3QgcHJldmlvdXNJdGVtID0gKGxpc3QsIGl0ZW0pID0+IHtcbiAgaWYgKGxpc3QgPT09IGl0ZW0pIHtcbiAgICByZXR1cm4gbGlzdC5sYXN0Q2hpbGRcbiAgfVxuICBpZiAoaXRlbSAmJiBpdGVtLnByZXZpb3VzRWxlbWVudFNpYmxpbmcpIHtcbiAgICByZXR1cm4gaXRlbS5wcmV2aW91c0VsZW1lbnRTaWJsaW5nXG4gIH1cbiAgcmV0dXJuIGxpc3QubGFzdENoaWxkXG59XG5cbmNvbnN0IG1vdmVGb2N1cyA9IChsaXN0LCBjdXJyZW50Rm9jdXMsIHRyYXZlcnNhbEZ1bmN0aW9uKSA9PiB7XG4gIGNvbnN0IG5leHRGb2N1cyA9IHRyYXZlcnNhbEZ1bmN0aW9uKGxpc3QsIGN1cnJlbnRGb2N1cylcblxuICBuZXh0Rm9jdXMuZm9jdXMoKVxufVxuXG5jb25zdCBUYWJzID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGluZGljYXRvclBvcyxcbiAgICBpbmRpY2F0b3JIaWRkZW4sXG4gICAgY2hpbGRyZW46IGNoaWxkcmVuUHJvcCxcbiAgICAuLi5vdGhlclByb3BzXG4gIH0gPSBwcm9wc1xuICBjb25zdCB0YWJMaXN0UmVmID0gdXNlUmVmKG51bGwpXG4gIGNvbnN0IFtpbmRpY2F0b3JTdHlsZXMsIHNldEluZGljYXRvclN0eWxlc10gPSB1c2VTdGF0ZSh7fSlcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGUpID0+IHtcbiAgICBjb25zdCBsaXN0ID0gdGFiTGlzdFJlZi5jdXJyZW50XG4gICAgY29uc3QgY3VyckZvY3VzID0gbGlzdC5vd25lckRvY3VtZW50LmFjdGl2ZUVsZW1lbnRcbiAgICBzd2l0Y2ggKGUua2V5KSB7XG4gICAgICBjYXNlIFwiQXJyb3dMZWZ0XCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBwcmV2aW91c0l0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiQXJyb3dSaWdodFwiOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgbW92ZUZvY3VzKGxpc3QsIGN1cnJGb2N1cywgbmV4dEl0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiSG9tZVwiOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgbW92ZUZvY3VzKGxpc3QsIGN1cnJGb2N1cywgbmV4dEl0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiRW5kXCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBwcmV2aW91c0l0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBkZWZhdWx0OlxuICAgICAgICBicmVha1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuID0gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuUHJvcCwgKGNoaWxkLCBjaGlsZEluZGV4KSA9PiB7XG4gICAgaWYgKCFSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkpIHtcbiAgICAgIHJldHVybiBudWxsXG4gICAgfVxuXG4gICAgY29uc3QgY2hpbGRWYWx1ZSA9XG4gICAgICBjaGlsZC5wcm9wcy52YWx1ZSA9PT0gdW5kZWZpbmVkID8gY2hpbGRJbmRleCA6IGNoaWxkLnByb3BzLnZhbHVlXG4gICAgY29uc3Qgc2VsZWN0ZWQgPSBjaGlsZFZhbHVlID09PSB2YWx1ZVxuXG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgc2VsZWN0ZWQsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIHZhbHVlOiBjaGlsZFZhbHVlLFxuICAgIH0pXG4gIH0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBzZWxlY3RlZFRhYiA9IHRhYkxpc3RSZWYuY3VycmVudD8uY2hpbGRyZW5bdmFsdWVdXG4gICAgc2V0SW5kaWNhdG9yU3R5bGVzKHtcbiAgICAgIHdpZHRoOiBzZWxlY3RlZFRhYj8uY2xpZW50V2lkdGgsXG4gICAgICAvLyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7c2VsZWN0ZWRUYWI/Lm9mZnNldExlZnR9KWAsXG4gICAgICBsZWZ0OiBzZWxlY3RlZFRhYj8ub2Zmc2V0TGVmdCxcbiAgICB9KVxuICB9LCBbdmFsdWVdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRhYnMgcmVmPXtyZWZ9IGNsYXNzTmFtZT1cIktVSS1UYWJzXCIgey4uLm90aGVyUHJvcHN9PlxuICAgICAgPFN0eWxlZFRhYkxpc3RcbiAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgIHJvbGU9XCJ0YWJsaXN0XCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLVRhYkxpc3RcIiwgY2xhc3NOYW1lKX1cbiAgICAgICAgcmVmPXt0YWJMaXN0UmVmfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkVGFiTGlzdD5cbiAgICAgIDxTdHlsZWRUYWJzSW5kaWNhdG9yXG4gICAgICAgIGhpZGRlbj17aW5kaWNhdG9ySGlkZGVufVxuICAgICAgICBwb3NpdGlvbj17aW5kaWNhdG9yUG9zfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgXCJLVUktVGFic19pbmRpY2F0b3JcIixcbiAgICAgICAgICBpbmRpY2F0b3JIaWRkZW4gJiYgXCJLVUktVGFic19oaWRkZW5cIlxuICAgICAgICApfVxuICAgICAgICBzdHlsZT17aW5kaWNhdG9yU3R5bGVzfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZFRhYnM+XG4gIClcbn0pXG5cblRhYnMucHJvcFR5cGVzID0ge1xuICBpbmRpY2F0b3JQb3M6IFByb3BUeXBlcy5vbmVPZihbXCJib3R0b21cIiwgXCJ0b3BcIl0pLFxufVxuXG5UYWJzLmRlZmF1bHRQcm9wcyA9IHtcbiAgaW5kaWNhdG9yUG9zOiBcImJvdHRvbVwiLFxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJzXG5cbmNvbnN0IGluZGljYXRvclBvc2l0aW9uc0NTUyA9IHtcbiAgdG9wOiBjc3NgXG4gICAgdG9wOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDAgMCA4cHggOHB4O1xuICBgLFxuICBib3R0b206IGNzc2BcbiAgICBib3R0b206IDA7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwcHggMHB4O1xuICBgLFxufVxuXG5jb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRUYWJMaXN0ID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbmBcblxuY29uc3QgU3R5bGVkVGFic0luZGljYXRvciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5tYWlufTtcbiAgdHJhbnNpdGlvbjogd2lkdGggMzAwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXMsXG4gICAgbGVmdCAzMDBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIDBtcztcbiAgaGVpZ2h0OiAycHg7XG4gIHdpbGwtY2hhbmdlOiBsZWZ0O1xuICBvcGFjaXR5OiAkeyh7IGhpZGRlbiB9KSA9PiAoaGlkZGVuID8gMCA6IDEpfTtcbiAgJHsoeyBwb3NpdGlvbiB9KSA9PiBpbmRpY2F0b3JQb3NpdGlvbnNDU1NbcG9zaXRpb25dfTtcbmBcbiJdfQ== */",toString:y}),j=C("div","production"===process.env.NODE_ENV?{target:"enryzq41"}:{target:"enryzq41",label:"StyledTabList"})("production"===process.env.NODE_ENV?{name:"nkrnuu",styles:"overflow:hidden;display:flex"}:{name:"nkrnuu",styles:"overflow:hidden;display:flex",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1KZ0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHsgcGFsZXR0ZSB9ID0gdGhlbWVcblxuY29uc3QgbmV4dEl0ZW0gPSAobGlzdCwgaXRlbSkgPT4ge1xuICBpZiAobGlzdCA9PT0gaXRlbSkge1xuICAgIHJldHVybiBsaXN0LmZpcnN0Q2hpbGRcbiAgfVxuICBpZiAoaXRlbSAmJiBpdGVtLm5leHRFbGVtZW50U2libGluZykge1xuICAgIHJldHVybiBpdGVtLm5leHRFbGVtZW50U2libGluZ1xuICB9XG4gIHJldHVybiBsaXN0LmZpcnN0Q2hpbGRcbn1cblxuY29uc3QgcHJldmlvdXNJdGVtID0gKGxpc3QsIGl0ZW0pID0+IHtcbiAgaWYgKGxpc3QgPT09IGl0ZW0pIHtcbiAgICByZXR1cm4gbGlzdC5sYXN0Q2hpbGRcbiAgfVxuICBpZiAoaXRlbSAmJiBpdGVtLnByZXZpb3VzRWxlbWVudFNpYmxpbmcpIHtcbiAgICByZXR1cm4gaXRlbS5wcmV2aW91c0VsZW1lbnRTaWJsaW5nXG4gIH1cbiAgcmV0dXJuIGxpc3QubGFzdENoaWxkXG59XG5cbmNvbnN0IG1vdmVGb2N1cyA9IChsaXN0LCBjdXJyZW50Rm9jdXMsIHRyYXZlcnNhbEZ1bmN0aW9uKSA9PiB7XG4gIGNvbnN0IG5leHRGb2N1cyA9IHRyYXZlcnNhbEZ1bmN0aW9uKGxpc3QsIGN1cnJlbnRGb2N1cylcblxuICBuZXh0Rm9jdXMuZm9jdXMoKVxufVxuXG5jb25zdCBUYWJzID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGluZGljYXRvclBvcyxcbiAgICBpbmRpY2F0b3JIaWRkZW4sXG4gICAgY2hpbGRyZW46IGNoaWxkcmVuUHJvcCxcbiAgICAuLi5vdGhlclByb3BzXG4gIH0gPSBwcm9wc1xuICBjb25zdCB0YWJMaXN0UmVmID0gdXNlUmVmKG51bGwpXG4gIGNvbnN0IFtpbmRpY2F0b3JTdHlsZXMsIHNldEluZGljYXRvclN0eWxlc10gPSB1c2VTdGF0ZSh7fSlcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGUpID0+IHtcbiAgICBjb25zdCBsaXN0ID0gdGFiTGlzdFJlZi5jdXJyZW50XG4gICAgY29uc3QgY3VyckZvY3VzID0gbGlzdC5vd25lckRvY3VtZW50LmFjdGl2ZUVsZW1lbnRcbiAgICBzd2l0Y2ggKGUua2V5KSB7XG4gICAgICBjYXNlIFwiQXJyb3dMZWZ0XCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBwcmV2aW91c0l0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiQXJyb3dSaWdodFwiOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgbW92ZUZvY3VzKGxpc3QsIGN1cnJGb2N1cywgbmV4dEl0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiSG9tZVwiOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgbW92ZUZvY3VzKGxpc3QsIGN1cnJGb2N1cywgbmV4dEl0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiRW5kXCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBwcmV2aW91c0l0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBkZWZhdWx0OlxuICAgICAgICBicmVha1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuID0gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuUHJvcCwgKGNoaWxkLCBjaGlsZEluZGV4KSA9PiB7XG4gICAgaWYgKCFSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkpIHtcbiAgICAgIHJldHVybiBudWxsXG4gICAgfVxuXG4gICAgY29uc3QgY2hpbGRWYWx1ZSA9XG4gICAgICBjaGlsZC5wcm9wcy52YWx1ZSA9PT0gdW5kZWZpbmVkID8gY2hpbGRJbmRleCA6IGNoaWxkLnByb3BzLnZhbHVlXG4gICAgY29uc3Qgc2VsZWN0ZWQgPSBjaGlsZFZhbHVlID09PSB2YWx1ZVxuXG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgc2VsZWN0ZWQsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIHZhbHVlOiBjaGlsZFZhbHVlLFxuICAgIH0pXG4gIH0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBzZWxlY3RlZFRhYiA9IHRhYkxpc3RSZWYuY3VycmVudD8uY2hpbGRyZW5bdmFsdWVdXG4gICAgc2V0SW5kaWNhdG9yU3R5bGVzKHtcbiAgICAgIHdpZHRoOiBzZWxlY3RlZFRhYj8uY2xpZW50V2lkdGgsXG4gICAgICAvLyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7c2VsZWN0ZWRUYWI/Lm9mZnNldExlZnR9KWAsXG4gICAgICBsZWZ0OiBzZWxlY3RlZFRhYj8ub2Zmc2V0TGVmdCxcbiAgICB9KVxuICB9LCBbdmFsdWVdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRhYnMgcmVmPXtyZWZ9IGNsYXNzTmFtZT1cIktVSS1UYWJzXCIgey4uLm90aGVyUHJvcHN9PlxuICAgICAgPFN0eWxlZFRhYkxpc3RcbiAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgIHJvbGU9XCJ0YWJsaXN0XCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLVRhYkxpc3RcIiwgY2xhc3NOYW1lKX1cbiAgICAgICAgcmVmPXt0YWJMaXN0UmVmfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkVGFiTGlzdD5cbiAgICAgIDxTdHlsZWRUYWJzSW5kaWNhdG9yXG4gICAgICAgIGhpZGRlbj17aW5kaWNhdG9ySGlkZGVufVxuICAgICAgICBwb3NpdGlvbj17aW5kaWNhdG9yUG9zfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgXCJLVUktVGFic19pbmRpY2F0b3JcIixcbiAgICAgICAgICBpbmRpY2F0b3JIaWRkZW4gJiYgXCJLVUktVGFic19oaWRkZW5cIlxuICAgICAgICApfVxuICAgICAgICBzdHlsZT17aW5kaWNhdG9yU3R5bGVzfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZFRhYnM+XG4gIClcbn0pXG5cblRhYnMucHJvcFR5cGVzID0ge1xuICBpbmRpY2F0b3JQb3M6IFByb3BUeXBlcy5vbmVPZihbXCJib3R0b21cIiwgXCJ0b3BcIl0pLFxufVxuXG5UYWJzLmRlZmF1bHRQcm9wcyA9IHtcbiAgaW5kaWNhdG9yUG9zOiBcImJvdHRvbVwiLFxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJzXG5cbmNvbnN0IGluZGljYXRvclBvc2l0aW9uc0NTUyA9IHtcbiAgdG9wOiBjc3NgXG4gICAgdG9wOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDAgMCA4cHggOHB4O1xuICBgLFxuICBib3R0b206IGNzc2BcbiAgICBib3R0b206IDA7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwcHggMHB4O1xuICBgLFxufVxuXG5jb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRUYWJMaXN0ID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbmBcblxuY29uc3QgU3R5bGVkVGFic0luZGljYXRvciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5tYWlufTtcbiAgdHJhbnNpdGlvbjogd2lkdGggMzAwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXMsXG4gICAgbGVmdCAzMDBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIDBtcztcbiAgaGVpZ2h0OiAycHg7XG4gIHdpbGwtY2hhbmdlOiBsZWZ0O1xuICBvcGFjaXR5OiAkeyh7IGhpZGRlbiB9KSA9PiAoaGlkZGVuID8gMCA6IDEpfTtcbiAgJHsoeyBwb3NpdGlvbiB9KSA9PiBpbmRpY2F0b3JQb3NpdGlvbnNDU1NbcG9zaXRpb25dfTtcbmBcbiJdfQ== */",toString:y}),S=C("span","production"===process.env.NODE_ENV?{target:"enryzq40"}:{target:"enryzq40",label:"StyledTabsIndicator"})("position:absolute;background-color:",F.brand.main,";transition:width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;height:2px;will-change:left;opacity:",(function(I){return I.hidden?0:1}),";",(function(I){var g=I.position;return z[g]}),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdKdUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHsgcGFsZXR0ZSB9ID0gdGhlbWVcblxuY29uc3QgbmV4dEl0ZW0gPSAobGlzdCwgaXRlbSkgPT4ge1xuICBpZiAobGlzdCA9PT0gaXRlbSkge1xuICAgIHJldHVybiBsaXN0LmZpcnN0Q2hpbGRcbiAgfVxuICBpZiAoaXRlbSAmJiBpdGVtLm5leHRFbGVtZW50U2libGluZykge1xuICAgIHJldHVybiBpdGVtLm5leHRFbGVtZW50U2libGluZ1xuICB9XG4gIHJldHVybiBsaXN0LmZpcnN0Q2hpbGRcbn1cblxuY29uc3QgcHJldmlvdXNJdGVtID0gKGxpc3QsIGl0ZW0pID0+IHtcbiAgaWYgKGxpc3QgPT09IGl0ZW0pIHtcbiAgICByZXR1cm4gbGlzdC5sYXN0Q2hpbGRcbiAgfVxuICBpZiAoaXRlbSAmJiBpdGVtLnByZXZpb3VzRWxlbWVudFNpYmxpbmcpIHtcbiAgICByZXR1cm4gaXRlbS5wcmV2aW91c0VsZW1lbnRTaWJsaW5nXG4gIH1cbiAgcmV0dXJuIGxpc3QubGFzdENoaWxkXG59XG5cbmNvbnN0IG1vdmVGb2N1cyA9IChsaXN0LCBjdXJyZW50Rm9jdXMsIHRyYXZlcnNhbEZ1bmN0aW9uKSA9PiB7XG4gIGNvbnN0IG5leHRGb2N1cyA9IHRyYXZlcnNhbEZ1bmN0aW9uKGxpc3QsIGN1cnJlbnRGb2N1cylcblxuICBuZXh0Rm9jdXMuZm9jdXMoKVxufVxuXG5jb25zdCBUYWJzID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGluZGljYXRvclBvcyxcbiAgICBpbmRpY2F0b3JIaWRkZW4sXG4gICAgY2hpbGRyZW46IGNoaWxkcmVuUHJvcCxcbiAgICAuLi5vdGhlclByb3BzXG4gIH0gPSBwcm9wc1xuICBjb25zdCB0YWJMaXN0UmVmID0gdXNlUmVmKG51bGwpXG4gIGNvbnN0IFtpbmRpY2F0b3JTdHlsZXMsIHNldEluZGljYXRvclN0eWxlc10gPSB1c2VTdGF0ZSh7fSlcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGUpID0+IHtcbiAgICBjb25zdCBsaXN0ID0gdGFiTGlzdFJlZi5jdXJyZW50XG4gICAgY29uc3QgY3VyckZvY3VzID0gbGlzdC5vd25lckRvY3VtZW50LmFjdGl2ZUVsZW1lbnRcbiAgICBzd2l0Y2ggKGUua2V5KSB7XG4gICAgICBjYXNlIFwiQXJyb3dMZWZ0XCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBwcmV2aW91c0l0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiQXJyb3dSaWdodFwiOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgbW92ZUZvY3VzKGxpc3QsIGN1cnJGb2N1cywgbmV4dEl0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiSG9tZVwiOlxuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgbW92ZUZvY3VzKGxpc3QsIGN1cnJGb2N1cywgbmV4dEl0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBjYXNlIFwiRW5kXCI6XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICBtb3ZlRm9jdXMobGlzdCwgY3VyckZvY3VzLCBwcmV2aW91c0l0ZW0pXG4gICAgICAgIGJyZWFrXG4gICAgICBkZWZhdWx0OlxuICAgICAgICBicmVha1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuID0gUmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuUHJvcCwgKGNoaWxkLCBjaGlsZEluZGV4KSA9PiB7XG4gICAgaWYgKCFSZWFjdC5pc1ZhbGlkRWxlbWVudChjaGlsZCkpIHtcbiAgICAgIHJldHVybiBudWxsXG4gICAgfVxuXG4gICAgY29uc3QgY2hpbGRWYWx1ZSA9XG4gICAgICBjaGlsZC5wcm9wcy52YWx1ZSA9PT0gdW5kZWZpbmVkID8gY2hpbGRJbmRleCA6IGNoaWxkLnByb3BzLnZhbHVlXG4gICAgY29uc3Qgc2VsZWN0ZWQgPSBjaGlsZFZhbHVlID09PSB2YWx1ZVxuXG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgc2VsZWN0ZWQsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIHZhbHVlOiBjaGlsZFZhbHVlLFxuICAgIH0pXG4gIH0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBzZWxlY3RlZFRhYiA9IHRhYkxpc3RSZWYuY3VycmVudD8uY2hpbGRyZW5bdmFsdWVdXG4gICAgc2V0SW5kaWNhdG9yU3R5bGVzKHtcbiAgICAgIHdpZHRoOiBzZWxlY3RlZFRhYj8uY2xpZW50V2lkdGgsXG4gICAgICAvLyB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7c2VsZWN0ZWRUYWI/Lm9mZnNldExlZnR9KWAsXG4gICAgICBsZWZ0OiBzZWxlY3RlZFRhYj8ub2Zmc2V0TGVmdCxcbiAgICB9KVxuICB9LCBbdmFsdWVdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRhYnMgcmVmPXtyZWZ9IGNsYXNzTmFtZT1cIktVSS1UYWJzXCIgey4uLm90aGVyUHJvcHN9PlxuICAgICAgPFN0eWxlZFRhYkxpc3RcbiAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgIHJvbGU9XCJ0YWJsaXN0XCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLVRhYkxpc3RcIiwgY2xhc3NOYW1lKX1cbiAgICAgICAgcmVmPXt0YWJMaXN0UmVmfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkVGFiTGlzdD5cbiAgICAgIDxTdHlsZWRUYWJzSW5kaWNhdG9yXG4gICAgICAgIGhpZGRlbj17aW5kaWNhdG9ySGlkZGVufVxuICAgICAgICBwb3NpdGlvbj17aW5kaWNhdG9yUG9zfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgXCJLVUktVGFic19pbmRpY2F0b3JcIixcbiAgICAgICAgICBpbmRpY2F0b3JIaWRkZW4gJiYgXCJLVUktVGFic19oaWRkZW5cIlxuICAgICAgICApfVxuICAgICAgICBzdHlsZT17aW5kaWNhdG9yU3R5bGVzfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZFRhYnM+XG4gIClcbn0pXG5cblRhYnMucHJvcFR5cGVzID0ge1xuICBpbmRpY2F0b3JQb3M6IFByb3BUeXBlcy5vbmVPZihbXCJib3R0b21cIiwgXCJ0b3BcIl0pLFxufVxuXG5UYWJzLmRlZmF1bHRQcm9wcyA9IHtcbiAgaW5kaWNhdG9yUG9zOiBcImJvdHRvbVwiLFxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJzXG5cbmNvbnN0IGluZGljYXRvclBvc2l0aW9uc0NTUyA9IHtcbiAgdG9wOiBjc3NgXG4gICAgdG9wOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDAgMCA4cHggOHB4O1xuICBgLFxuICBib3R0b206IGNzc2BcbiAgICBib3R0b206IDA7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwcHggMHB4O1xuICBgLFxufVxuXG5jb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBTdHlsZWRUYWJMaXN0ID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbmBcblxuY29uc3QgU3R5bGVkVGFic0luZGljYXRvciA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5tYWlufTtcbiAgdHJhbnNpdGlvbjogd2lkdGggMzAwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXMsXG4gICAgbGVmdCAzMDBtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIsIDEpIDBtcztcbiAgaGVpZ2h0OiAycHg7XG4gIHdpbGwtY2hhbmdlOiBsZWZ0O1xuICBvcGFjaXR5OiAkeyh7IGhpZGRlbiB9KSA9PiAoaGlkZGVuID8gMCA6IDEpfTtcbiAgJHsoeyBwb3NpdGlvbiB9KSA9PiBpbmRpY2F0b3JQb3NpdGlvbnNDU1NbcG9zaXRpb25dfTtcbmBcbiJdfQ== */")),k={xs:{size:12,height:14},sm:{size:13,height:14,high:20},s:{size:14,height:18,high:22},m:{size:16,height:24},l:{size:18,height:28}},L=["children","size","className"];function U(I){var g=I.children,b=I.size,c=I.className,l=e(I,L);return X(D,t(t({size:k[b],className:Z("KUI-Caption",c)},l),{},{children:g}))}U.defaultProps={size:"m",weight:400,color:"seventy",colorGroup:"grey",disableUserSelect:!1,variant:"default"},U.displayName="Caption",U.propTypes={size:G.oneOf(["xs","sm","s","m","l"]),weight:G.oneOf([400,500,600,700]),disableUserSelect:G.bool,variant:G.oneOf(["default","high"])};var f=function(I){var g=I.size,b=I.weight,c=I.align,l=I.color,G=I.colorGroup,C=I.disSelect,Z=I.variant;return i("font-size:",g.size,"px;line-height:","high"===Z&&g.high||g.height,"px;font-weight:",b,";text-align:",c,";",C&&"user-select: none",";color:",R.palette[G][l]?R.palette[G][l]:R.palette.grey.seventy,";"+("production"===process.env.NODE_ENV?"":";label:captionSettingsCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEUyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBjYXB0aW9uU2l6ZXMgZnJvbSBcIi4vdmFyaWFudHNcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5mdW5jdGlvbiBDYXB0aW9uKHByb3BzKSB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIHNpemUsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXB0aW9uXG4gICAgICBzaXplPXtjYXB0aW9uU2l6ZXNbc2l6ZV19XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktQ2FwdGlvblwiLCBjbGFzc05hbWUpfVxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ2FwdGlvbj5cbiAgKVxufVxuXG5DYXB0aW9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZTogXCJtXCIsXG4gIHdlaWdodDogNDAwLFxuICBjb2xvcjogXCJzZXZlbnR5XCIsXG4gIGNvbG9yR3JvdXA6IFwiZ3JleVwiLFxuICBkaXNhYmxlVXNlclNlbGVjdDogZmFsc2UsXG4gIHZhcmlhbnQ6IFwiZGVmYXVsdFwiLFxufVxuXG5DYXB0aW9uLmRpc3BsYXlOYW1lID0gXCJDYXB0aW9uXCJcblxuQ2FwdGlvbi5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbXCJ4c1wiLCBcInNtXCIsIFwic1wiLCBcIm1cIiwgXCJsXCJdKSxcbiAgd2VpZ2h0OiBQcm9wVHlwZXMub25lT2YoWzQwMCwgNTAwLCA2MDAsIDcwMF0pLFxuICBkaXNhYmxlVXNlclNlbGVjdDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbXCJkZWZhdWx0XCIsIFwiaGlnaFwiXSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcHRpb25cblxuY29uc3QgY2FwdGlvblNldHRpbmdzQ1NTID0gKHtcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICBhbGlnbixcbiAgY29sb3IsXG4gIGNvbG9yR3JvdXAsXG4gIGRpc1NlbGVjdCxcbiAgdmFyaWFudCxcbn0pID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3NpemUuc2l6ZX1weDtcbiAgbGluZS1oZWlnaHQ6ICR7dmFyaWFudCA9PT0gXCJoaWdoXCIgPyBzaXplLmhpZ2ggfHwgc2l6ZS5oZWlnaHQgOiBzaXplLmhlaWdodH1weDtcbiAgZm9udC13ZWlnaHQ6ICR7d2VpZ2h0fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICR7ZGlzU2VsZWN0ICYmIFwidXNlci1zZWxlY3Q6IG5vbmVcIn07XG4gIGNvbG9yOiAke3RoZW1lLnBhbGV0dGVbY29sb3JHcm91cF1bY29sb3JdXG4gICAgPyB0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgIDogdGhlbWUucGFsZXR0ZS5ncmV5LnNldmVudHl9O1xuYFxuXG5jb25zdCBTdHlsZWRDYXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBtYXJnaW46IDA7XG4gICR7Y2FwdGlvblNldHRpbmdzQ1NTfTtcbmBcbiJdfQ== */")},D=C("p","production"===process.env.NODE_ENV?{target:"e1ipa12w0"}:{target:"e1ipa12w0",label:"StyledCaption"})('font-family:"Inter",sans-serif;letter-spacing:normal;text-transform:none;margin:0;',f,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEOEIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgY2FwdGlvblNpemVzIGZyb20gXCIuL3ZhcmlhbnRzXCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuZnVuY3Rpb24gQ2FwdGlvbihwcm9wcykge1xuICBjb25zdCB7IGNoaWxkcmVuLCBzaXplLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FwdGlvblxuICAgICAgc2l6ZT17Y2FwdGlvblNpemVzW3NpemVdfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNhcHRpb25cIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENhcHRpb24+XG4gIClcbn1cblxuQ2FwdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IDQwMCxcbiAgY29sb3I6IFwic2V2ZW50eVwiLFxuICBjb2xvckdyb3VwOiBcImdyZXlcIixcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IGZhbHNlLFxuICB2YXJpYW50OiBcImRlZmF1bHRcIixcbn1cblxuQ2FwdGlvbi5kaXNwbGF5TmFtZSA9IFwiQ2FwdGlvblwiXG5cbkNhcHRpb24ucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wieHNcIiwgXCJzbVwiLCBcInNcIiwgXCJtXCIsIFwibFwiXSksXG4gIHdlaWdodDogUHJvcFR5cGVzLm9uZU9mKFs0MDAsIDUwMCwgNjAwLCA3MDBdKSxcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoW1wiZGVmYXVsdFwiLCBcImhpZ2hcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXB0aW9uXG5cbmNvbnN0IGNhcHRpb25TZXR0aW5nc0NTUyA9ICh7XG4gIHNpemUsXG4gIHdlaWdodCxcbiAgYWxpZ24sXG4gIGNvbG9yLFxuICBjb2xvckdyb3VwLFxuICBkaXNTZWxlY3QsXG4gIHZhcmlhbnQsXG59KSA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHtzaXplLnNpemV9cHg7XG4gIGxpbmUtaGVpZ2h0OiAke3ZhcmlhbnQgPT09IFwiaGlnaFwiID8gc2l6ZS5oaWdoIHx8IHNpemUuaGVpZ2h0IDogc2l6ZS5oZWlnaHR9cHg7XG4gIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAke2Rpc1NlbGVjdCAmJiBcInVzZXItc2VsZWN0OiBub25lXCJ9O1xuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgID8gdGhlbWUucGFsZXR0ZVtjb2xvckdyb3VwXVtjb2xvcl1cbiAgICA6IHRoZW1lLnBhbGV0dGUuZ3JleS5zZXZlbnR5fTtcbmBcblxuY29uc3QgU3R5bGVkQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICBmb250LWZhbWlseTogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xuICBsZXR0ZXItc3BhY2luZzogbm9ybWFsO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICAke2NhcHRpb25TZXR0aW5nc0NTU307XG5gXG4iXX0= */"));var Q=function(I){var g=I.selected,c=I.value,G=I.label,C=I.name,Z=I.onChange,i=I.offset,A=I.isScrolling,u=I.setIsScrolling,m=I.setIsIndicatorHidden,t=I.isActive,V=I.setIsActive,e=b(!0),a=b(A),n=function(I){setTimeout((function(){m(!1),V(!0)})),!A&&Z&&Z(I,c)};l((function(){e.current=t}),[t]),l((function(){a.current=A}),[A]);var B=function(){u(!1)};l((function(){return g&&d.scrollTo(C,{offset:i}),W.scrollEvent.register("begin",(function(I,g){u(!0)})),W.scrollEvent.register("end",(function(I,g){setTimeout(B)})),function(){W.scrollEvent.remove("begin"),W.scrollEvent.remove("end")}}),[]);return X(T,{to:C,spy:!0,smooth:!0,duration:600,offset:i,onSetActive:n,onSetInactive:function(){V(!1),setTimeout((function(){e.current||a.current||m(!0)}),10)},className:"KUI-ScrollTab",role:"tab","aria-selected":g,tabIndex:g?0:-1,"aria-controls":"tabpanel-".concat(c),id:"tab-".concat(c),onKeyDown:function(I){switch(I.key){case"Enter":case"Space":n(I),d.scrollTo(C,{offset:i})}},onClick:function(I){!g&&Z&&Z(I,c)},children:X(U,{weight:600,size:"sm",color:"white",children:G})})},T=C(u,"production"===process.env.NODE_ENV?{target:"e1h16abb0"}:{target:"e1h16abb0",label:"StyledScrollTab"})("production"===process.env.NODE_ENV?{name:"otoogb",styles:"margin-right:24px;height:64px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;&:last-child{margin-right:0;}"}:{name:"otoogb",styles:"margin-right:24px;height:64px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;&:last-child{margin-right:0;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJIb0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIlxyXG5pbXBvcnQgeyBMaW5rLCBzY3JvbGxlciwgRXZlbnRzIH0gZnJvbSBcInJlYWN0LXNjcm9sbFwiXHJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXHJcbmltcG9ydCBDYXB0aW9uIGZyb20gXCIuLi9DYXB0aW9uXCJcclxuXHJcbmNvbnN0IFNjcm9sbFRhYiA9ICh7XHJcbiAgc2VsZWN0ZWQsXHJcbiAgdmFsdWUsXHJcbiAgbGFiZWwsXHJcbiAgbmFtZSxcclxuICBvbkNoYW5nZSxcclxuICBvZmZzZXQsXHJcbiAgaXNTY3JvbGxpbmcsXHJcbiAgc2V0SXNTY3JvbGxpbmcsXHJcbiAgc2V0SXNJbmRpY2F0b3JIaWRkZW4sXHJcbiAgaXNBY3RpdmUsXHJcbiAgc2V0SXNBY3RpdmUsXHJcbn0pID0+IHtcclxuICBjb25zdCBhY3RpdmVSZWYgPSB1c2VSZWYodHJ1ZSlcclxuICBjb25zdCBzY3JvbGxpbmdSZWYgPSB1c2VSZWYoaXNTY3JvbGxpbmcpXHJcblxyXG4gIGNvbnN0IGhhbmRsZVNlbGVjdCA9IChlKSA9PiB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgc2V0SXNJbmRpY2F0b3JIaWRkZW4oZmFsc2UpXHJcbiAgICAgIHNldElzQWN0aXZlKHRydWUpXHJcbiAgICB9KVxyXG4gICAgaWYgKCFpc1Njcm9sbGluZyAmJiBvbkNoYW5nZSkge1xyXG4gICAgICBvbkNoYW5nZShlLCB2YWx1ZSlcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNvbnN0IGhhbmRsZUluYWN0aXZlID0gKCkgPT4ge1xyXG4gICAgc2V0SXNBY3RpdmUoZmFsc2UpXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgaWYgKCFhY3RpdmVSZWYuY3VycmVudCAmJiAhc2Nyb2xsaW5nUmVmLmN1cnJlbnQpIHtcclxuICAgICAgICBzZXRJc0luZGljYXRvckhpZGRlbih0cnVlKVxyXG4gICAgICB9XHJcbiAgICB9LCAxMClcclxuICB9XHJcblxyXG4gIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICBhY3RpdmVSZWYuY3VycmVudCA9IGlzQWN0aXZlXHJcbiAgfSwgW2lzQWN0aXZlXSlcclxuXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIHNjcm9sbGluZ1JlZi5jdXJyZW50ID0gaXNTY3JvbGxpbmdcclxuICB9LCBbaXNTY3JvbGxpbmddKVxyXG5cclxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGUpID0+IHtcclxuICAgIHN3aXRjaCAoZS5rZXkpIHtcclxuICAgICAgY2FzZSBcIkVudGVyXCI6XHJcbiAgICAgICAgaGFuZGxlU2VsZWN0KGUpXHJcbiAgICAgICAgc2Nyb2xsZXIuc2Nyb2xsVG8obmFtZSwgeyBvZmZzZXQgfSlcclxuICAgICAgICBicmVha1xyXG4gICAgICBjYXNlIFwiU3BhY2VcIjpcclxuICAgICAgICBoYW5kbGVTZWxlY3QoZSlcclxuICAgICAgICBzY3JvbGxlci5zY3JvbGxUbyhuYW1lLCB7IG9mZnNldCB9KVxyXG4gICAgICAgIGJyZWFrXHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgYnJlYWtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNvbnN0IHN0YXJ0U2Nyb2xsaW5nID0gKCkgPT4ge1xyXG4gICAgc2V0SXNTY3JvbGxpbmcodHJ1ZSlcclxuICB9XHJcblxyXG4gIGNvbnN0IGVuZFNjcm9sbGluZyA9ICgpID0+IHtcclxuICAgIHNldElzU2Nyb2xsaW5nKGZhbHNlKVxyXG4gIH1cclxuXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIGlmIChzZWxlY3RlZCkge1xyXG4gICAgICBzY3JvbGxlci5zY3JvbGxUbyhuYW1lLCB7IG9mZnNldCB9KVxyXG4gICAgfVxyXG5cclxuICAgIEV2ZW50cy5zY3JvbGxFdmVudC5yZWdpc3RlcihcImJlZ2luXCIsICh0bywgZWxlbWVudCkgPT4ge1xyXG4gICAgICBzdGFydFNjcm9sbGluZygpXHJcbiAgICB9KVxyXG5cclxuICAgIEV2ZW50cy5zY3JvbGxFdmVudC5yZWdpc3RlcihcImVuZFwiLCAodG8sIGVsZW1lbnQpID0+IHtcclxuICAgICAgc2V0VGltZW91dChlbmRTY3JvbGxpbmcpXHJcbiAgICB9KVxyXG5cclxuICAgIHJldHVybiAoKSA9PiB7XHJcbiAgICAgIEV2ZW50cy5zY3JvbGxFdmVudC5yZW1vdmUoXCJiZWdpblwiKVxyXG4gICAgICBFdmVudHMuc2Nyb2xsRXZlbnQucmVtb3ZlKFwiZW5kXCIpXHJcbiAgICB9XHJcbiAgfSwgW10pXHJcblxyXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGUpID0+IHtcclxuICAgIGlmICghc2VsZWN0ZWQgJiYgb25DaGFuZ2UpIHtcclxuICAgICAgb25DaGFuZ2UoZSwgdmFsdWUpXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPFN0eWxlZFNjcm9sbFRhYlxyXG4gICAgICB0bz17bmFtZX1cclxuICAgICAgc3B5XHJcbiAgICAgIHNtb290aFxyXG4gICAgICBkdXJhdGlvbj17NjAwfVxyXG4gICAgICBvZmZzZXQ9e29mZnNldH1cclxuICAgICAgb25TZXRBY3RpdmU9e2hhbmRsZVNlbGVjdH1cclxuICAgICAgb25TZXRJbmFjdGl2ZT17aGFuZGxlSW5hY3RpdmV9XHJcbiAgICAgIGNsYXNzTmFtZT1cIktVSS1TY3JvbGxUYWJcIlxyXG4gICAgICByb2xlPVwidGFiXCJcclxuICAgICAgYXJpYS1zZWxlY3RlZD17c2VsZWN0ZWR9XHJcbiAgICAgIHRhYkluZGV4PXtzZWxlY3RlZCA/IDAgOiAtMX1cclxuICAgICAgYXJpYS1jb250cm9scz17YHRhYnBhbmVsLSR7dmFsdWV9YH1cclxuICAgICAgaWQ9e2B0YWItJHt2YWx1ZX1gfVxyXG4gICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XHJcbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxyXG4gICAgPlxyXG4gICAgICA8Q2FwdGlvbiB3ZWlnaHQ9ezYwMH0gc2l6ZT1cInNtXCIgY29sb3I9XCJ3aGl0ZVwiPlxyXG4gICAgICAgIHtsYWJlbH1cclxuICAgICAgPC9DYXB0aW9uPlxyXG4gICAgPC9TdHlsZWRTY3JvbGxUYWI+XHJcbiAgKVxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBTY3JvbGxUYWJcclxuXHJcbmNvbnN0IFN0eWxlZFNjcm9sbFRhYiA9IHN0eWxlZChMaW5rKWBcclxuICBtYXJnaW4tcmlnaHQ6IDI0cHg7XHJcbiAgaGVpZ2h0OiA2NHB4O1xyXG4gIGJvcmRlcjogbm9uZTtcclxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgcGFkZGluZzogMDtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgJjpsYXN0LWNoaWxkIHtcclxuICAgIG1hcmdpbi1yaWdodDogMDtcclxuICB9XHJcbmBcclxuIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),M=["tabs","tabsId","activeTab","onChange","indicatorPos","offset"],O=g((function(g,b){var G=g.tabs,C=g.tabsId,Z=g.activeTab,i=g.onChange,A=g.indicatorPos,u=g.offset,d=e(g,M),W=a(I.useState(Number(Z)),2),m=W[0],V=W[1],n=a(c(!1),2),B=n[0],x=n[1],s=a(c(!1),2),p=s[0],Y=s[1],N=a(c(!0),2),o=N[0],R=N[1];return l((function(){V(Number(Z))}),[Z]),X(v,t(t({ref:b,value:m,onChange:function(I,g){V(g),i&&i(I,g)},indicatorPos:A,indicatorHidden:B},d),{},{children:G.map((function(I,g){return X(Q,{isScrolling:p,setIsScrolling:Y,offset:u,label:I,name:C&&C[g]||I,setIsIndicatorHidden:x,isActive:o,setIsActive:R},I)}))}))}));O.propTypes={indicatorPos:G.oneOf(["bottom","top"])};export{O as default};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../src/theme/colors/index.js","../../src/theme/index.js","../../src/theme/breakpoints/index.js","../../src/theme/shadows/index.js","../../src/theme/settings/index.js","../../src/components/Tabs/index.js","../../src/components/Caption/variants.js","../../src/components/Caption/index.js","../../src/components/ScrollTab/index.js","../../src/components/MenuPanel/index.js"],"sourcesContent":["const colors = {\r\n primary: {\r\n main: \"#ED713C\",\r\n pressed: \"#D24C13\",\r\n hover: \"#EA5A1D\",\r\n light: \"#FCEAE2\",\r\n light2: \"#FEF7F3\",\r\n },\r\n secondary: {\r\n main: \"#18191F\",\r\n gray60: \"#474A57\",\r\n gray50: \"#7F8285\",\r\n gray40: \"#949494\",\r\n gray30: \"#BFBFBF\",\r\n gray15: \"#EAECEF\",\r\n white: \"#FFFFFF\",\r\n light: \"#C4C4C4\",\r\n disabled: \"#A6AEBC\",\r\n },\r\n background: {\r\n main: \"#FBFBFD\",\r\n light2: \"#F7F8F9\",\r\n light3: \"#F2F3F5\",\r\n },\r\n success: {\r\n green70: \"#259E58\",\r\n green60: \"#23A65A\",\r\n main: \"#27AE60\",\r\n green10: \"#EAFCF7\",\r\n green5: \"#F0FDF9\",\r\n },\r\n error: {\r\n red70: \"#D03C1A\",\r\n red60: \"#DA421F\",\r\n main: \"#EB4620\",\r\n red10: \"#FCE3DE\",\r\n red5: \"#FDF0ED\",\r\n },\r\n info: {\r\n blue70: \"#0098B6\",\r\n blue60: \"#009CBB\",\r\n main: \"#00ABCD\",\r\n blue10: \"#D9F2F8\",\r\n blue5: \"#E5F7FA\",\r\n },\r\n purple: {\r\n purple70: \"#914BD2\",\r\n purple60: \"#974EDB\",\r\n main: \"#9B51E0\",\r\n purple10: \"#F0E5FA\",\r\n purple5: \"#F7F1FD\",\r\n },\r\n}\r\n\r\nexport default colors\r\n","import colors from \"./colors\"\nimport shadows from \"./shadows\"\nimport breakpoints from \"./breakpoints\"\nimport settings from \"./settings\"\n\nconst palette = {\n brand: {\n ...colors.primary,\n background: colors.primary.light2,\n },\n grey: {\n seventy: colors.secondary.main,\n sixty: colors.secondary.gray60,\n fiftyP: colors.secondary.gray50,\n fourty: colors.secondary.gray40,\n thirty: colors.secondary.gray30,\n fifteenB: colors.secondary.gray15,\n zero: colors.secondary.white,\n },\n background: {\n ...colors.background,\n light1: colors.background.main,\n light4: \"#C5C6C7\",\n },\n green: {\n fiftyP: colors.success.main,\n seventy: colors.success.green70,\n sixty: colors.success.green60,\n ten: colors.success.green10,\n five: colors.success.green5,\n },\n red: {\n fiftyP: colors.error.main,\n seventy: colors.error.red70,\n sixty: colors.error.red60,\n ten: colors.error.red10,\n five: colors.error.red5,\n },\n blue: {\n fiftyP: colors.info.main,\n seventy: colors.info.blue70,\n sixty: colors.info.blue60,\n ten: colors.info.blue10,\n five: colors.info.blue5,\n },\n purple: {\n fiftyP: colors.purple.main,\n seventy: colors.purple.purple70,\n sixty: colors.purple.purple60,\n ten: colors.purple.purple10,\n five: colors.purple.purple5,\n },\n}\n\nconst themeOld = {\n palette: colors,\n breakpoints,\n shadows,\n settings,\n}\n\nconst theme = {\n palette,\n breakpoints,\n shadows,\n settings,\n}\n\nexport { themeOld, theme }\n","const breakpoints = {\n xxs: 375,\n xs: 600,\n sm: 900,\n md: 1200,\n lg: 1440,\n xl: 1536,\n}\n\nexport default breakpoints\n","const shadows = {\r\n shadow1: \"0px 5px 16px rgba(0, 0, 0, 0.1)\",\r\n shadow2: \"0px 12px 16px rgba(0, 0, 0, 0.08)\",\r\n shadow3: \"0px 26px 34px rgba(0, 0, 0, 0.1)\",\r\n shadow4: \"0px 10px 20px rgba(0, 0, 0, 0.1)\",\r\n}\r\n\r\nexport default shadows\r\n","const settings = {\r\n spacing: 8,\r\n columns: 12,\r\n}\r\n\r\nexport default settings\r\n","import React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport { theme } from \"../../theme\"\n\nconst { palette } = theme\n\nconst nextItem = (list, item) => {\n if (list === item) {\n return list.firstChild\n }\n if (item && item.nextElementSibling) {\n return item.nextElementSibling\n }\n return list.firstChild\n}\n\nconst previousItem = (list, item) => {\n if (list === item) {\n return list.lastChild\n }\n if (item && item.previousElementSibling) {\n return item.previousElementSibling\n }\n return list.lastChild\n}\n\nconst moveFocus = (list, currentFocus, traversalFunction) => {\n const nextFocus = traversalFunction(list, currentFocus)\n\n nextFocus.focus()\n}\n\nconst Tabs = forwardRef((props, ref) => {\n const {\n value,\n onChange,\n className,\n indicatorPos,\n indicatorHidden,\n children: childrenProp,\n ...otherProps\n } = props\n const tabListRef = useRef(null)\n const [indicatorStyles, setIndicatorStyles] = useState({})\n\n const handleKeyDown = (e) => {\n const list = tabListRef.current\n const currFocus = list.ownerDocument.activeElement\n switch (e.key) {\n case \"ArrowLeft\":\n e.preventDefault()\n moveFocus(list, currFocus, previousItem)\n break\n case \"ArrowRight\":\n e.preventDefault()\n moveFocus(list, currFocus, nextItem)\n break\n case \"Home\":\n e.preventDefault()\n moveFocus(list, currFocus, nextItem)\n break\n case \"End\":\n e.preventDefault()\n moveFocus(list, currFocus, previousItem)\n break\n default:\n break\n }\n }\n\n const children = React.Children.map(childrenProp, (child, childIndex) => {\n if (!React.isValidElement(child)) {\n return null\n }\n\n const childValue =\n child.props.value === undefined ? childIndex : child.props.value\n const selected = childValue === value\n\n return React.cloneElement(child, {\n selected,\n onChange,\n value: childValue,\n })\n })\n\n useEffect(() => {\n const selectedTab = tabListRef.current?.children[value]\n setIndicatorStyles({\n width: selectedTab?.clientWidth,\n // transform: `translateX(${selectedTab?.offsetLeft})`,\n left: selectedTab?.offsetLeft,\n })\n }, [value])\n\n return (\n <StyledTabs ref={ref} className=\"KUI-Tabs\" {...otherProps}>\n <StyledTabList\n tabIndex={0}\n role=\"tablist\"\n className={classNames(\"KUI-TabList\", className)}\n ref={tabListRef}\n onKeyDown={handleKeyDown}\n >\n {children}\n </StyledTabList>\n <StyledTabsIndicator\n hidden={indicatorHidden}\n position={indicatorPos}\n className={classNames(\n \"KUI-Tabs_indicator\",\n indicatorHidden && \"KUI-Tabs_hidden\"\n )}\n style={indicatorStyles}\n />\n </StyledTabs>\n )\n})\n\nTabs.propTypes = {\n indicatorPos: PropTypes.oneOf([\"bottom\", \"top\"]),\n}\n\nTabs.defaultProps = {\n indicatorPos: \"bottom\",\n}\n\nexport default Tabs\n\nconst indicatorPositionsCSS = {\n top: css`\n top: 0;\n border-radius: 0 0 8px 8px;\n `,\n bottom: css`\n bottom: 0;\n border-radius: 8px 8px 0px 0px;\n `,\n}\n\nconst StyledTabs = styled.div`\n position: relative;\n`\n\nconst StyledTabList = styled.div`\n overflow: hidden;\n display: flex;\n`\n\nconst StyledTabsIndicator = styled.span`\n position: absolute;\n background-color: ${palette.brand.main};\n transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n height: 2px;\n will-change: left;\n opacity: ${({ hidden }) => (hidden ? 0 : 1)};\n ${({ position }) => indicatorPositionsCSS[position]};\n`\n","const captionSizes = {\n xs: {\n size: 12,\n height: 14,\n },\n sm: {\n size: 13,\n height: 14,\n high: 20,\n },\n s: {\n size: 14,\n height: 18,\n high: 22,\n },\n m: {\n size: 16,\n height: 24,\n },\n l: {\n size: 18,\n height: 28,\n },\n}\n\nexport default captionSizes\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport captionSizes from \"./variants\"\nimport { theme } from \"../../theme\"\n\nfunction Caption(props) {\n const { children, size, className, ...otherProps } = props\n\n return (\n <StyledCaption\n size={captionSizes[size]}\n className={classNames(\"KUI-Caption\", className)}\n {...otherProps}\n >\n {children}\n </StyledCaption>\n )\n}\n\nCaption.defaultProps = {\n size: \"m\",\n weight: 400,\n color: \"seventy\",\n colorGroup: \"grey\",\n disableUserSelect: false,\n variant: \"default\",\n}\n\nCaption.displayName = \"Caption\"\n\nCaption.propTypes = {\n size: PropTypes.oneOf([\"xs\", \"sm\", \"s\", \"m\", \"l\"]),\n weight: PropTypes.oneOf([400, 500, 600, 700]),\n disableUserSelect: PropTypes.bool,\n variant: PropTypes.oneOf([\"default\", \"high\"]),\n}\n\nexport default Caption\n\nconst captionSettingsCSS = ({\n size,\n weight,\n align,\n color,\n colorGroup,\n disSelect,\n variant,\n}) => css`\n font-size: ${size.size}px;\n line-height: ${variant === \"high\" ? size.high || size.height : size.height}px;\n font-weight: ${weight};\n text-align: ${align};\n ${disSelect && \"user-select: none\"};\n color: ${theme.palette[colorGroup][color]\n ? theme.palette[colorGroup][color]\n : theme.palette.grey.seventy};\n`\n\nconst StyledCaption = styled.p`\n font-family: \"Inter\", sans-serif;\n letter-spacing: normal;\n text-transform: none;\n margin: 0;\n ${captionSettingsCSS};\n`\n","import React, { useEffect, useRef } from \"react\"\r\nimport { Link, scroller, Events } from \"react-scroll\"\r\nimport styled from \"@emotion/styled\"\r\nimport Caption from \"../Caption\"\r\n\r\nconst ScrollTab = ({\r\n selected,\r\n value,\r\n label,\r\n name,\r\n onChange,\r\n offset,\r\n isScrolling,\r\n setIsScrolling,\r\n setIsIndicatorHidden,\r\n isActive,\r\n setIsActive,\r\n}) => {\r\n const activeRef = useRef(true)\r\n const scrollingRef = useRef(isScrolling)\r\n\r\n const handleSelect = (e) => {\r\n setTimeout(() => {\r\n setIsIndicatorHidden(false)\r\n setIsActive(true)\r\n })\r\n if (!isScrolling && onChange) {\r\n onChange(e, value)\r\n }\r\n }\r\n\r\n const handleInactive = () => {\r\n setIsActive(false)\r\n setTimeout(() => {\r\n if (!activeRef.current && !scrollingRef.current) {\r\n setIsIndicatorHidden(true)\r\n }\r\n }, 10)\r\n }\r\n\r\n useEffect(() => {\r\n activeRef.current = isActive\r\n }, [isActive])\r\n\r\n useEffect(() => {\r\n scrollingRef.current = isScrolling\r\n }, [isScrolling])\r\n\r\n const handleKeyDown = (e) => {\r\n switch (e.key) {\r\n case \"Enter\":\r\n handleSelect(e)\r\n scroller.scrollTo(name, { offset })\r\n break\r\n case \"Space\":\r\n handleSelect(e)\r\n scroller.scrollTo(name, { offset })\r\n break\r\n default:\r\n break\r\n }\r\n }\r\n\r\n const startScrolling = () => {\r\n setIsScrolling(true)\r\n }\r\n\r\n const endScrolling = () => {\r\n setIsScrolling(false)\r\n }\r\n\r\n useEffect(() => {\r\n if (selected) {\r\n scroller.scrollTo(name, { offset })\r\n }\r\n\r\n Events.scrollEvent.register(\"begin\", (to, element) => {\r\n startScrolling()\r\n })\r\n\r\n Events.scrollEvent.register(\"end\", (to, element) => {\r\n setTimeout(endScrolling)\r\n })\r\n\r\n return () => {\r\n Events.scrollEvent.remove(\"begin\")\r\n Events.scrollEvent.remove(\"end\")\r\n }\r\n }, [])\r\n\r\n const handleClick = (e) => {\r\n if (!selected && onChange) {\r\n onChange(e, value)\r\n }\r\n }\r\n\r\n return (\r\n <StyledScrollTab\r\n to={name}\r\n spy\r\n smooth\r\n duration={600}\r\n offset={offset}\r\n onSetActive={handleSelect}\r\n onSetInactive={handleInactive}\r\n className=\"KUI-ScrollTab\"\r\n role=\"tab\"\r\n aria-selected={selected}\r\n tabIndex={selected ? 0 : -1}\r\n aria-controls={`tabpanel-${value}`}\r\n id={`tab-${value}`}\r\n onKeyDown={handleKeyDown}\r\n onClick={handleClick}\r\n >\r\n <Caption weight={600} size=\"sm\" color=\"white\">\r\n {label}\r\n </Caption>\r\n </StyledScrollTab>\r\n )\r\n}\r\n\r\nexport default ScrollTab\r\n\r\nconst StyledScrollTab = styled(Link)`\r\n margin-right: 24px;\r\n height: 64px;\r\n border: none;\r\n background: transparent;\r\n cursor: pointer;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n`\r\n","import React, { forwardRef, useEffect, useState } from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport Tabs from \"../Tabs\"\r\nimport ScrollTab from \"../ScrollTab\"\r\n\r\nconst MenuPanel = forwardRef((props, ref) => {\r\n const { tabs, tabsId, activeTab, onChange, indicatorPos, offset, ...other } =\r\n props\r\n const [value, setValue] = React.useState(Number(activeTab))\r\n const [isIndicatorHidden, setIsIndicatorHidden] = useState(false)\r\n const [isScrolling, setIsScrolling] = useState(false)\r\n const [isActive, setIsActive] = useState(true)\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue)\r\n if (onChange) {\r\n onChange(event, newValue)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n setValue(Number(activeTab))\r\n }, [activeTab])\r\n\r\n return (\r\n <Tabs\r\n ref={ref}\r\n value={value}\r\n onChange={handleChange}\r\n indicatorPos={indicatorPos}\r\n indicatorHidden={isIndicatorHidden}\r\n {...other}\r\n >\r\n {tabs.map((item, index) => (\r\n <ScrollTab\r\n isScrolling={isScrolling}\r\n setIsScrolling={setIsScrolling}\r\n offset={offset}\r\n label={item}\r\n name={(tabsId && tabsId[index]) || item}\r\n key={item}\r\n setIsIndicatorHidden={setIsIndicatorHidden}\r\n isActive={isActive}\r\n setIsActive={setIsActive}\r\n />\r\n ))}\r\n </Tabs>\r\n )\r\n})\r\n\r\nMenuPanel.propTypes = {\r\n indicatorPos: PropTypes.oneOf([\"bottom\", \"top\"]),\r\n}\r\n\r\nexport default MenuPanel\r\n"],"names":["colors","main","pressed","hover","light","light2","gray60","gray50","gray40","gray30","gray15","white","disabled","light3","green70","green60","green10","green5","red70","red60","red10","red5","blue70","blue60","blue10","blue5","purple70","purple60","purple10","purple5","theme","palette","brand","_objectSpread","background","grey","seventy","sixty","fiftyP","fourty","thirty","fifteenB","zero","light1","light4","green","ten","five","red","blue","purple","breakpoints","xxs","xs","sm","md","lg","xl","shadows","shadow1","shadow2","shadow3","shadow4","settings","spacing","columns","nextItem","list","item","firstChild","nextElementSibling","previousItem","lastChild","previousElementSibling","moveFocus","currentFocus","traversalFunction","focus","Tabs","forwardRef","props","ref","value","onChange","className","indicatorPos","indicatorHidden","childrenProp","children","otherProps","_excluded","tabListRef","useRef","_useState2","_slicedToArray","useState","indicatorStyles","setIndicatorStyles","React","Children","map","child","childIndex","isValidElement","childValue","undefined","selected","cloneElement","useEffect","_tabListRef$current","selectedTab","current","width","clientWidth","left","offsetLeft","_jsxs","StyledTabs","_jsx","StyledTabList","tabIndex","role","classNames","onKeyDown","e","currFocus","ownerDocument","activeElement","key","preventDefault","StyledTabsIndicator","hidden","position","style","propTypes","PropTypes","oneOf","defaultProps","indicatorPositionsCSS","top","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","bottom","_styled","target","label","_ref","_ref2","captionSizes","size","height","high","s","m","l","Caption","StyledCaption","weight","color","colorGroup","disableUserSelect","variant","displayName","bool","captionSettingsCSS","align","disSelect","css","ScrollTab","offset","isScrolling","setIsScrolling","setIsIndicatorHidden","isActive","setIsActive","activeRef","scrollingRef","handleSelect","setTimeout","endScrolling","scroller","scrollTo","Events","scrollEvent","register","to","element","remove","StyledScrollTab","spy","smooth","duration","onSetActive","onSetInactive","concat","id","onClick","Link","MenuPanel","tabs","tabsId","activeTab","other","_React$useState2","Number","setValue","isIndicatorHidden","_useState4","_useState6","event","newValue","index"],"mappings":"g0EAAA,IAAMA,EACK,CACPC,KAAM,UACNC,QAAS,UACTC,MAAO,UACPC,MAAO,UACPC,OAAQ,WANNL,EAQO,CACTC,KAAM,UACNK,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,MAAO,UACPP,MAAO,UACPQ,SAAU,WAjBRZ,EAmBQ,CACVC,KAAM,UACNI,OAAQ,UACRQ,OAAQ,WAtBNb,EAwBK,CACPc,QAAS,UACTC,QAAS,UACTd,KAAM,UACNe,QAAS,UACTC,OAAQ,WA7BNjB,EA+BG,CACLkB,MAAO,UACPC,MAAO,UACPlB,KAAM,UACNmB,MAAO,UACPC,KAAM,WApCJrB,EAsCE,CACJsB,OAAQ,UACRC,OAAQ,UACRtB,KAAM,UACNuB,OAAQ,UACRC,MAAO,WA3CLzB,EA6CI,CACN0B,SAAU,UACVC,SAAU,UACV1B,KAAM,UACN2B,SAAU,UACVC,QAAS,WCWPC,EAAQ,CACZC,QAzDc,CACdC,MAAKC,EAAAA,EAAA,CAAA,EACAjC,GAAc,GAAA,CACjBkC,WAAYlC,EAAeK,SAE7B8B,KAAM,CACJC,QAASpC,EAAiBC,KAC1BoC,MAAOrC,EAAiBM,OACxBgC,OAAQtC,EAAiBO,OACzBgC,OAAQvC,EAAiBQ,OACzBgC,OAAQxC,EAAiBS,OACzBgC,SAAUzC,EAAiBU,OAC3BgC,KAAM1C,EAAiBW,OAEzBuB,WAAUD,EAAAA,EAAA,CAAA,EACLjC,GAAiB,GAAA,CACpB2C,OAAQ3C,EAAkBC,KAC1B2C,OAAQ,YAEVC,MAAO,CACLP,OAAQtC,EAAeC,KACvBmC,QAASpC,EAAec,QACxBuB,MAAOrC,EAAee,QACtB+B,IAAK9C,EAAegB,QACpB+B,KAAM/C,EAAeiB,QAEvB+B,IAAK,CACHV,OAAQtC,EAAaC,KACrBmC,QAASpC,EAAakB,MACtBmB,MAAOrC,EAAamB,MACpB2B,IAAK9C,EAAaoB,MAClB2B,KAAM/C,EAAaqB,MAErB4B,KAAM,CACJX,OAAQtC,EAAYC,KACpBmC,QAASpC,EAAYsB,OACrBe,MAAOrC,EAAYuB,OACnBuB,IAAK9C,EAAYwB,OACjBuB,KAAM/C,EAAYyB,OAEpByB,OAAQ,CACNZ,OAAQtC,EAAcC,KACtBmC,QAASpC,EAAc0B,SACvBW,MAAOrC,EAAc2B,SACrBmB,IAAK9C,EAAc4B,SACnBmB,KAAM/C,EAAc6B,UAatBsB,YC/DkB,CAClBC,IAAK,IACLC,GAAI,IACJC,GAAI,IACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MD0DJC,QEhEc,CACdC,QAAS,kCACTC,QAAS,oCACTC,QAAS,mCACTC,QAAS,oCF6DTC,SGjEe,CACfC,QAAS,EACTC,QAAS,yUCKX,IAAQlC,EAAYD,EAAZC,QAEFmC,EAAW,SAACC,EAAMC,GACtB,OAAID,IAASC,EACJD,EAAKE,WAEVD,GAAQA,EAAKE,mBACRF,EAAKE,mBAEPH,EAAKE,UACd,EAEME,EAAe,SAACJ,EAAMC,GAC1B,OAAID,IAASC,EACJD,EAAKK,UAEVJ,GAAQA,EAAKK,uBACRL,EAAKK,uBAEPN,EAAKK,SACd,EAEME,EAAY,SAACP,EAAMQ,EAAcC,GACnBA,EAAkBT,EAAMQ,GAEhCE,OACZ,EAEMC,EAAOC,GAAW,SAACC,EAAOC,GAC9B,IACEC,EAOEF,EAPFE,MACAC,EAMEH,EANFG,SACAC,EAKEJ,EALFI,UACAC,EAIEL,EAJFK,aACAC,EAGEN,EAHFM,gBACUC,EAERP,EAFFQ,SACGC,IACDT,EAAKU,GACHC,EAAaC,EAAO,MACgCC,EAAAC,EAAZC,EAAS,IAAG,GAAnDC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GA2BpCL,EAAWU,EAAMC,SAASC,IAAIb,GAAc,SAACc,EAAOC,GACxD,IAAKJ,EAAMK,eAAeF,GACxB,OAAO,KAGT,IAAMG,OACkBC,IAAtBJ,EAAMrB,MAAME,MAAsBoB,EAAaD,EAAMrB,MAAME,MACvDwB,EAAWF,IAAetB,EAEhC,OAAOgB,EAAMS,aAAaN,EAAO,CAC/BK,SAAAA,EACAvB,SAAAA,EACAD,MAAOsB,GAEX,IAWA,OATAI,GAAU,WAAM,IAAAC,EACRC,UAAcnB,EAAAA,EAAWoB,4BAAXF,EAAoBrB,SAASN,GACjDe,EAAmB,CACjBe,MAAOF,aAAAA,EAAAA,EAAaG,YAEpBC,KAAMJ,aAAW,EAAXA,EAAaK,YAEvB,GAAG,CAACjC,IAGFkC,EAACC,EAAUpF,EAAAA,EAAA,CAACgD,IAAKA,EAAKG,UAAU,YAAeK,GAAU,GAAA,CAAAD,SAAA,CACvD8B,EAACC,EAAa,CACZC,SAAU,EACVC,KAAK,UACLrC,UAAWsC,EAAW,cAAetC,GACrCH,IAAKU,EACLgC,UAzDgB,SAACC,GACrB,IAAMzD,EAAOwB,EAAWoB,QAClBc,EAAY1D,EAAK2D,cAAcC,cACrC,OAAQH,EAAEI,KACR,IAAK,YAYL,IAAK,MACHJ,EAAEK,iBACFvD,EAAUP,EAAM0D,EAAWtD,GAC3B,MAXF,IAAK,aAIL,IAAK,OACHqD,EAAEK,iBACFvD,EAAUP,EAAM0D,EAAW3D,KA2CFsB,SAExBA,IAEH8B,EAACY,EAAmB,CAClBC,OAAQ7C,EACR8C,SAAU/C,EACVD,UAAWsC,EACT,qBACApC,GAAmB,mBAErB+C,MAAOrC,OAIf,IAEAlB,EAAKwD,UAAY,CACfjD,aAAckD,EAAUC,MAAM,CAAC,SAAU,SAG3C1D,EAAK2D,aAAe,CAClBpD,aAAc,UAKhB,IAAMqD,EAAwB,CAC5BC,IAAG,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,KAAA,SAAAC,OAAA,mCAAA,CAAAD,KAAA,aAAAC,OAAA,6CAAA5C,IAAA,s4KAAA6C,SAAAC,GAIHC,OAAM,eAAAP,QAAAC,IAAAC,SAAA,CAAAC,KAAA,UAAAC,OAAA,0CAAA,CAAAD,KAAA,gBAAAC,OAAA,uDAAA5C,IAAA,s4KAAA6C,SAAAC,IAMF7B,EAAU+B,EAAA,MAAA,eAAAR,QAAAC,IAAAC,SAAA,CAAAO,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,cAAAF,CAAA,eAAAR,QAAAC,IAAAC,SAAA,CAAAC,KAAA,SAAAC,OAAA,qBAAA,CAAAD,KAAA,SAAAC,OAAA,oBAAA5C,IAAA,04KAAA6C,SAAAC,IAIV3B,EAAa6B,EAAA,MAAA,eAAAR,QAAAC,IAAAC,SAAA,CAAAO,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,iBAAAF,CAAA,eAAAR,QAAAC,IAAAC,SAAA,CAAAC,KAAA,SAAAC,OAAA,gCAAA,CAAAD,KAAA,SAAAC,OAAA,+BAAA5C,IAAA,04KAAA6C,SAAAC,IAKbhB,EAAmBkB,EAAA,OAAA,eAAAR,QAAAC,IAAAC,SAAA,CAAAO,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,uBAAAF,CAAA,sCAEHrH,EAAQC,MAAM/B,KAKvB,6IAAA,SAAAsJ,GAAS,SAANpB,OAAuB,EAAI,CAAC,GACxC,KAAA,SAAAqB,GAAA,IAAGpB,IAAAA,SAAQ,OAAOM,EAAsBN,EAAS,GACpD,KAAA,eAAAQ,QAAAC,IAAAC,SAAA,GAAA,44KCjKKW,EAAe,CACnBpG,GAAI,CACFqG,KAAM,GACNC,OAAQ,IAEVrG,GAAI,CACFoG,KAAM,GACNC,OAAQ,GACRC,KAAM,IAERC,EAAG,CACDH,KAAM,GACNC,OAAQ,GACRC,KAAM,IAERE,EAAG,CACDJ,KAAM,GACNC,OAAQ,IAEVI,EAAG,CACDL,KAAM,GACNC,OAAQ,uCCbZ,SAASK,EAAQhF,GACf,IAAQQ,EAA6CR,EAA7CQ,SAAUkE,EAAmC1E,EAAnC0E,KAAMtE,EAA6BJ,EAA7BI,UAAcK,IAAeT,EAAKU,GAE1D,OACE4B,EAAC2C,EAAahI,EAAAA,EAAA,CACZyH,KAAMD,EAAaC,GACnBtE,UAAWsC,EAAW,cAAetC,IACjCK,GAAU,GAAA,CAAAD,SAEbA,IAGP,CAEAwE,EAAQvB,aAAe,CACrBiB,KAAM,IACNQ,OAAQ,IACRC,MAAO,UACPC,WAAY,OACZC,mBAAmB,EACnBC,QAAS,WAGXN,EAAQO,YAAc,UAEtBP,EAAQ1B,UAAY,CAClBoB,KAAMnB,EAAUC,MAAM,CAAC,KAAM,KAAM,IAAK,IAAK,MAC7C0B,OAAQ3B,EAAUC,MAAM,CAAC,IAAK,IAAK,IAAK,MACxC6B,kBAAmB9B,EAAUiC,KAC7BF,QAAS/B,EAAUC,MAAM,CAAC,UAAW,UAKvC,IAAMiC,EAAqB,SAAHlB,GAAA,IACtBG,IAAAA,KACAQ,IAAAA,OACAQ,IAAAA,MACAP,IAAAA,MACAC,IAAAA,WACAO,IAAAA,UACAL,IAAAA,QAAO,OACHM,EACSlB,aAAAA,EAAKA,KACHY,kBAAY,SAAZA,GAAqBZ,EAAKE,MAAsBF,EAAKC,OAAM,kBAC3DO,EAAM,eACPQ,EAAK,IACjBC,GAAa,oBACN7I,UAAAA,EAAMC,QAAQqI,GAAYD,GAC/BrI,EAAMC,QAAQqI,GAAYD,GAC1BrI,EAAMC,QAAQI,KAAKC,QAAO,KAAA,eAAAwG,QAAAC,IAAAC,SAAA,GAAA,8BAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,82EAAA,EAG1BmB,EAAab,EAAA,IAAA,eAAAR,QAAAC,IAAAC,SAAA,CAAAO,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,iBAAAF,CAAA,qFAKfqB,EACH,KAAA,eAAA7B,QAAAC,IAAAC,SAAA,GAAA,g3EC9DD,IAAM+B,EAAY,SAYZtB,GAAA,IAXJ7C,IAAAA,SACAxB,IAAAA,MACAoE,IAAAA,MACAP,IAAAA,KACA5D,IAAAA,SACA2F,IAAAA,OACAC,IAAAA,YACAC,IAAAA,eACAC,IAAAA,qBACAC,IAAAA,SACAC,IAAAA,YAEMC,EAAYxF,GAAO,GACnByF,EAAezF,EAAOmF,GAEtBO,EAAe,SAAC1D,GACpB2D,YAAW,WACTN,GAAqB,GACrBE,GAAY,EACd,KACKJ,GAAe5F,GAClBA,EAASyC,EAAG1C,IAahB0B,GAAU,WACRwE,EAAUrE,QAAUmE,CACtB,GAAG,CAACA,IAEJtE,GAAU,WACRyE,EAAatE,QAAUgE,CACzB,GAAG,CAACA,IAEJ,IAmBMS,EAAe,WACnBR,GAAe,IAGjBpE,GAAU,WAaR,OAZIF,GACF+E,EAASC,SAAS3C,EAAM,CAAE+B,OAAAA,IAG5Ba,EAAOC,YAAYC,SAAS,SAAS,SAACC,EAAIC,GAZ1Cf,GAAe,EAcf,IAEAW,EAAOC,YAAYC,SAAS,OAAO,SAACC,EAAIC,GACtCR,WAAWC,EACb,IAEO,WACLG,EAAOC,YAAYI,OAAO,SAC1BL,EAAOC,YAAYI,OAAO,OAE7B,GAAE,IAQH,OACE1E,EAAC2E,EAAe,CACdH,GAAI/C,EACJmD,KAAG,EACHC,QAAM,EACNC,SAAU,IACVtB,OAAQA,EACRuB,YAAaf,EACbgB,cAzEmB,WACrBnB,GAAY,GACZI,YAAW,WACJH,EAAUrE,SAAYsE,EAAatE,SACtCkE,GAAqB,EAExB,GAAE,KAoED7F,UAAU,gBACVqC,KAAK,MACL,gBAAef,EACfc,SAAUd,EAAW,GAAK,EAC1B,gBAAA,YAAA6F,OAA2BrH,GAC3BsH,GAAE,OAAAD,OAASrH,GACXyC,UA/DkB,SAACC,GACrB,OAAQA,EAAEI,KACR,IAAK,QAIL,IAAK,QACHsD,EAAa1D,GACb6D,EAASC,SAAS3C,EAAM,CAAE+B,OAAAA,MAwD5B2B,QAtBgB,SAAC7E,IACdlB,GAAYvB,GACfA,EAASyC,EAAG1C,IAoBSM,SAErB8B,EAAC0C,EAAO,CAACE,OAAQ,IAAKR,KAAK,KAAKS,MAAM,QAAO3E,SAC1C8D,KAIT,EAIM2C,EAAkB7C,EAAOsD,EAAI,eAAA9D,QAAAC,IAAAC,SAAA,CAAAO,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,mBAAXF,CAAY,eAAAR,QAAAC,IAAAC,SAAA,CAAAC,KAAA,SAAAC,OAAA,2JAAA,CAAAD,KAAA,SAAAC,OAAA,0JAAA5C,IAAA,0xIAAA6C,kUCtH9B0D,EAAY5H,GAAW,SAACC,EAAOC,GACnC,IAAQ2H,EACN5H,EADM4H,KAAMC,EACZ7H,EADY6H,OAAQC,EACpB9H,EADoB8H,UAAW3H,EAC/BH,EAD+BG,SAAUE,EACzCL,EADyCK,aAAcyF,EACvD9F,EADuD8F,OAAWiC,IAClE/H,EAAKU,GACoDsH,EAAAlH,EAAjCI,EAAMH,SAASkH,OAAOH,IAAW,GAApD5H,EAAK8H,EAAA,GAAEE,EAAQF,EAAA,GAC2CnH,EAAAC,EAAfC,GAAS,GAAM,GAA1DoH,EAAiBtH,EAAA,GAAEoF,EAAoBpF,EAAA,GACOuH,EAAAtH,EAAfC,GAAS,GAAM,GAA9CgF,EAAWqC,EAAA,GAAEpC,EAAcoC,EAAA,GACYC,EAAAvH,EAAdC,GAAS,GAAK,GAAvCmF,EAAQmC,EAAA,GAAElC,EAAWkC,EAAA,GAa5B,OAJAzG,GAAU,WACRsG,EAASD,OAAOH,GAClB,GAAG,CAACA,IAGFxF,EAACxC,EAAI7C,EAAAA,EAAA,CACHgD,IAAKA,EACLC,MAAOA,EACPC,SAfiB,SAACmI,EAAOC,GAC3BL,EAASK,GACLpI,GACFA,EAASmI,EAAOC,IAahBlI,aAAcA,EACdC,gBAAiB6H,GACbJ,GAAK,GAAA,CAAAvH,SAERoH,EAAKxG,KAAI,SAAChC,EAAMoJ,GAAK,OACpBlG,EAACuD,EAAS,CACRE,YAAaA,EACbC,eAAgBA,EAChBF,OAAQA,EACRxB,MAAOlF,EACP2E,KAAO8D,GAAUA,EAAOW,IAAWpJ,EAEnC6G,qBAAsBA,EACtBC,SAAUA,EACVC,YAAaA,GAHR/G,QAQf,IAEAuI,EAAUrE,UAAY,CACpBjD,aAAckD,EAAUC,MAAM,CAAC,SAAU"}
@@ -0,0 +1,11 @@
1
+ {
2
+ "name": "kui-basic/MenuPanel",
3
+ "private": true,
4
+ "main": "./index.js",
5
+ "module": "./index.es.js",
6
+ "types": "./index.d.ts",
7
+ "dependencies": {
8
+ "classnames": "^2.3.1",
9
+ "react-scroll": "^1.8.7"
10
+ }
11
+ }
@@ -0,0 +1,24 @@
1
+ import * as React from 'react';
2
+ import { ReactElement } from 'react';
3
+
4
+ type ModalSizes = "small" | "large"
5
+
6
+ interface ModalProps
7
+ extends React.DetailedHTMLProps<
8
+ React.HTMLAttributes<HTMLDivElement>,
9
+ HTMLDivElement
10
+ > {
11
+ isOpen?: boolean
12
+ handleClose?: () => void
13
+ title?: string
14
+ size?: ModalSizes
15
+ icon?: ReactElement
16
+ isScrollable?: boolean
17
+ description?: string
18
+ }
19
+
20
+ type ModalType = (props: ModalProps) => React.ReactElement
21
+
22
+ declare const Modal: ModalType
23
+
24
+ export { ModalProps, ModalSizes, ModalType, Modal as default };