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/components/Button/variants.js","../../src/components/Button/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 { theme } from \"../../theme\"\n\nconst palette = theme.palette\n\nconst buttonSizes = {\n xs: 32,\n s: 40,\n m: 48,\n l: 56,\n}\n\nconst buttonBorders = {\n brand: palette.brand.main,\n lightGray: palette.grey.fifteenB,\n lightOrange: palette.brand.light,\n}\n\nconst buttonVariants = {\n primary: {\n background: palette.brand.main,\n color: palette.grey.zero,\n hover: palette.brand.hover,\n active: palette.brand.pressed,\n },\n orange: {\n background: palette.brand.light,\n color: palette.brand.main,\n hover: palette.brand.hover,\n active: palette.brand.pressed,\n hoverColor: palette.grey.zero,\n },\n white: {\n background: palette.grey.zero,\n color: palette.grey.seventy,\n hover: palette.background.light1,\n active: palette.grey.fifteenB,\n border: palette.grey.fifteenB,\n },\n whiteWithOrangeHover: {\n color: palette.grey.sixty,\n hover: palette.brand.light,\n active: palette.brand.light,\n hoverColor: palette.brand.main,\n },\n whiteWithGray: {\n background: palette.grey.zero,\n color: palette.grey.fiftyP,\n hover: palette.background.light1,\n active: palette.grey.fifteenB,\n hoverColor: palette.grey.seventy,\n border: palette.background.light3,\n },\n whiteWithBrand: {\n background: palette.grey.zero,\n color: palette.brand.main,\n },\n grayLightWithBorder: {\n background: palette.background.light1,\n color: palette.grey.fiftyP,\n border: palette.grey.fifteenB,\n hover: palette.background.light2,\n hoverColor: palette.grey.seventy,\n active: palette.grey.fifteenB,\n },\n grayLight: {\n background: palette.background.light2,\n color: palette.grey.fiftyP,\n hover: palette.background.light3,\n hoverColor: palette.grey.seventy,\n active: palette.grey.fifteenB,\n },\n grayDark: {\n background: palette.grey.fiftyP,\n color: palette.grey.zero,\n hover: palette.grey.sixty,\n hoverColor: palette.grey.zero,\n pressed: palette.grey.sixty,\n },\n backgroundLight: {\n background: palette.background.light2,\n color: palette.grey.fiftyP,\n hover: palette.background.light1,\n hoverColor: palette.grey.seventy,\n pressed: palette.grey.fifteenB,\n },\n backgroundWithBorder: {\n background: palette.background.light1,\n color: palette.grey.fiftyP,\n hover: palette.background.light3,\n hoverColor: palette.grey.seventy,\n pressed: palette.grey.fifteenB,\n border: palette.grey.fifteenB,\n },\n blur: {\n background: \"rgba(0, 0, 0, 0.6)\",\n color: palette.grey.zero,\n hover: \"rgba(0, 0, 0, 0.7)\",\n active: \"rgba(0, 0, 0, 0.8)\",\n backdrop: \"blur(4px)\",\n },\n blurDark: {\n background: \"rgba(0, 0, 0, 0.6)\",\n color: palette.grey.zero,\n hover: \"rgba(0, 0, 0, 0.8)\",\n hoverColor: palette.grey.zero,\n pressed: \"rgba(0, 0, 0, 1)\",\n },\n green: {\n background: palette.green.fiftyP,\n color: palette.grey.zero,\n hover: palette.green.sixty,\n active: palette.green.seventy,\n },\n red: {\n background: palette.red.fiftyP,\n color: palette.grey.zero,\n hover: palette.red.sixty,\n active: palette.red.seventy,\n },\n error: {\n background: palette.red.five,\n color: palette.red.fiftyP,\n hover: palette.red.ten,\n hoverColor: palette.red.fiftyP,\n pressed: palette.red.ten,\n },\n transparent: {\n withoutShadow: true,\n },\n orangeWithHoverLight: {\n background: palette.brand.background,\n color: palette.brand.main,\n hover: palette.brand.background,\n hoverColor: palette.brand.main,\n pressed: palette.brand.background,\n },\n orangeWithBorder: {\n background: palette.brand.light,\n color: palette.brand.main,\n hover: palette.brand.background,\n hoverColor: palette.brand.main,\n pressed: palette.brand.background,\n border: palette.brand.main,\n },\n transparentLight: {\n color: palette.grey.thirty,\n hoverColor: palette.grey.fiftyP,\n pressed: palette.grey.fifteenB,\n withoutShadow: true,\n },\n transparentWithBorder: {\n color: palette.grey.fiftyP,\n hover: palette.background.light3,\n hoverColor: palette.grey.seventy,\n pressed: palette.grey.fifteenB,\n border: palette.grey.fifteenB,\n },\n transparentWithDarkBorder: {\n color: palette.grey.fiftyP,\n hover: palette.background.light3,\n hoverColor: palette.grey.seventy,\n pressed: palette.grey.fifteenB,\n border: palette.grey.fiftyP,\n },\n transparentWithBoldBorder: {\n color: palette.grey.thirty,\n hover: palette.background.light1,\n hoverColor: palette.grey.seventy,\n pressed: palette.grey.fifteenB,\n border: palette.grey.thirty,\n },\n}\n\nexport { buttonSizes, buttonBorders, buttonVariants }\n","import React, { forwardRef } from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport { css } from \"@emotion/react\"\nimport styled from \"@emotion/styled\"\nimport Caption from \"../Caption\"\nimport { buttonSizes, buttonBorders, buttonVariants } from \"./variants\"\nimport { theme } from \"../../theme\"\n\nconst Button = forwardRef((props, ref) => {\n const {\n children,\n variant,\n size,\n className,\n fullWidth,\n isCircle,\n captionSize,\n disabledStyle,\n border,\n startIcon,\n endIcon,\n captionWeight,\n withoutChildrenWrapper,\n ...buttonProps\n } = props\n\n return (\n <StyledButton\n ref={ref}\n size={size}\n variant={variant}\n border={border}\n fullWidth={fullWidth}\n isCircle={isCircle}\n className={classNames(\n \"KUI-Button\",\n buttonProps.disabled && \"KUI-Button_disabled\",\n buttonProps.disabled && disabledStyle,\n className\n )}\n {...buttonProps}\n >\n {isCircle ? (\n <StyledCircleButtonContainer className=\"KUI-Button_circle-container\">\n {children}\n </StyledCircleButtonContainer>\n ) : (\n <StyledContentContainer\n withIcon={startIcon || endIcon}\n className={classNames(\n (startIcon || endIcon) && \"KUI-Button_icon-container\"\n )}\n >\n {startIcon && (\n <StyledStartIcon className=\"KUI-Button_start-icon\">\n {startIcon}\n </StyledStartIcon>\n )}\n\n {withoutChildrenWrapper ? (\n children\n ) : (\n <Caption\n size={captionSize}\n weight={captionWeight}\n className=\"KUI-Button-text\"\n >\n {children}\n </Caption>\n )}\n\n {endIcon && (\n <StyledEndIcon className=\"KUI-Button_end-icon\">\n {endIcon}\n </StyledEndIcon>\n )}\n </StyledContentContainer>\n )}\n </StyledButton>\n )\n})\n\nButton.defaultProps = {\n variant: \"primary\",\n size: \"m\",\n fullWidth: false,\n endIcon: null,\n startIcon: null,\n disabled: false,\n isCircle: false,\n captionSize: \"s\",\n border: null,\n captionWeight: 600,\n}\n\nButton.propTypes = {\n size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n fullWidth: PropTypes.bool,\n endIcon: PropTypes.element,\n startIcon: PropTypes.element,\n disabled: PropTypes.bool,\n isCircle: PropTypes.bool,\n captionSize: PropTypes.oneOf([\"xs\", \"sm\", \"s\", \"m\", \"l\"]),\n border: PropTypes.oneOf([\"brand\", \"lightGray\", \"lightOrange\"]),\n}\n\nButton.displayName = \"Button\"\n\nexport default Button\n\nconst buttonVariantCSS = (variant) => css`\n background-color: ${variant.background ? variant.background : \"transparent\"};\n & .KUI-Button-text {\n ${variant.color && `color: ${variant.color}`};\n }\n svg path {\n ${variant.color && `fill: ${variant.color}`};\n }\n border: 1px solid ${variant.border ? variant.border : \"transparent\"};\n ${variant.backdrop && `backdrop-filter: ${variant.backdrop}`};\n @media (hover: hover) {\n &:hover {\n box-shadow: ${variant.withoutShadow ? \"none\" : theme.shadows.shadow1};\n ${variant.hover && `background-color: ${variant.hover}`};\n & .KUI-Button-text {\n ${variant.hoverColor && `color: ${variant.hoverColor}`};\n }\n svg path {\n ${variant.hoverColor && `fill: ${variant.hoverColor}`};\n }\n }\n &:active {\n ${variant.active && `background-color: ${variant.active}`};\n }\n }\n`\n\nconst circleButtonCSS = ({ isCircle, size }) =>\n isCircle &&\n css`\n padding: 0;\n border-radius: 50%;\n display: inline-flex;\n width: ${buttonSizes[size]}px;\n `\n\nconst buttonSettingsCSS = (props) => css`\n width: ${props.fullWidth ? \"100%\" : \"max-content\"};\n height: ${buttonSizes[props.size]}px;\n ${buttonVariantCSS(buttonVariants[props.variant])};\n ${props.border && `border-color: ${buttonBorders[props.border]}`};\n`\n\nconst StyledButton = styled.button`\n position: relative;\n border-radius: 66px;\n padding: 0 16px;\n transition: all linear 0.3s;\n width: max-content;\n text-align: center;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n ${buttonSettingsCSS};\n ${circleButtonCSS};\n & .KUI-Button-text,\n svg path {\n transition: all linear 0.3s;\n }\n &:disabled,\n &:disabled:hover,\n &:disabled:active {\n cursor: default;\n background-color: ${theme.palette.background.light3};\n box-shadow: none;\n & .KUI-Button-text {\n color: #a6aebc;\n }\n svg path {\n fill: #a6aebc;\n }\n }\n`\n\nconst StyledCircleButtonContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: inherit;\n`\n\nconst iconContainerCSS = ({ withIcon }) =>\n withIcon &&\n css`\n display: flex;\n justify-content: center;\n align-items: center;\n `\n\nconst StyledContentContainer = styled.div`\n ${iconContainerCSS};\n`\n\nconst StyledStartIcon = styled.span`\n margin-right: 8px;\n display: flex;\n`\n\nconst StyledEndIcon = styled.span`\n margin-left: 8px;\n display: flex;\n`\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","buttonSizes","buttonBorders","lightGray","lightOrange","buttonVariants","primary","active","orange","hoverColor","border","whiteWithOrangeHover","whiteWithGray","whiteWithBrand","grayLightWithBorder","grayLight","grayDark","backgroundLight","backgroundWithBorder","blur","backdrop","blurDark","error","transparent","withoutShadow","orangeWithHoverLight","orangeWithBorder","transparentLight","transparentWithBorder","transparentWithDarkBorder","transparentWithBoldBorder","Button","forwardRef","ref","fullWidth","isCircle","captionSize","disabledStyle","startIcon","endIcon","captionWeight","withoutChildrenWrapper","buttonProps","StyledButton","StyledCircleButtonContainer","_jsxs","StyledContentContainer","withIcon","StyledStartIcon","StyledEndIcon","element","circleButtonCSS","_ref2","buttonSettingsCSS","buttonVariantCSS","concat","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","iconContainerCSS","_ref3"],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ {
2
+ "name": "kui-basic/Button",
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,78 @@
1
+ import * as React from 'react';
2
+
3
+ interface BrandColors {
4
+ main: string
5
+ pressed: string
6
+ hover: string
7
+ light: string
8
+ background: string
9
+ }
10
+ interface ColorOption {
11
+ fiftyP: string
12
+ seventy: string
13
+ sixty: string
14
+ ten: string
15
+ five: string
16
+ }
17
+ interface GreyColors {
18
+ seventy: string
19
+ sixty: string
20
+ fiftyP: string
21
+ fourty: string
22
+ thirty: string
23
+ fifteenB: string
24
+ zero: string
25
+ }
26
+ interface BackgroundColors {
27
+ light1: string
28
+ light2: string
29
+ light3: string
30
+ light4: string
31
+ }
32
+
33
+ type Palette = {
34
+ brand: BrandColors
35
+ green: ColorOption
36
+ red: ColorOption
37
+ blue: ColorOption
38
+ purple: ColorOption
39
+ grey: GreyColors
40
+ background: BackgroundColors
41
+ }
42
+
43
+ type CaptionSizes = "xs" | "sm" | "s" | "m" | "l"
44
+
45
+ type CaptionVariants = "default" | "high"
46
+
47
+ type CaptionWeight = 400 | 500 | 600 | 700
48
+
49
+ type CaptionAlign = "center" | "right" | "left"
50
+
51
+ type CaptionColorGroups = keyof Palette
52
+
53
+ type CaptionColors =
54
+ | keyof GreyColors
55
+ | keyof BrandColors
56
+ | keyof ColorOption
57
+ | keyof BackgroundColors
58
+
59
+ interface CaptionProps
60
+ extends React.DetailedHTMLProps<
61
+ React.HTMLAttributes<HTMLParagraphElement>,
62
+ HTMLParagraphElement
63
+ >,
64
+ React.AriaAttributes {
65
+ size?: CaptionSizes
66
+ weight?: CaptionWeight
67
+ color?: CaptionColors
68
+ disableUserSelect?: boolean
69
+ align?: CaptionAlign
70
+ colorGroup?: CaptionColorGroups
71
+ variant?: CaptionVariants
72
+ }
73
+
74
+ type CaptionType = (props: CaptionProps) => React.ReactElement
75
+
76
+ declare const Caption: CaptionType
77
+
78
+ export { CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionVariants, CaptionWeight, Caption as default };
@@ -0,0 +1,2 @@
1
+ import e from"@emotion/styled/base";import"react";import l from"prop-types";import c from"classnames";import{css as b}from"@emotion/react";import{jsx as i}from"@emotion/react/jsx-runtime";function t(e,l){var c=Object.keys(e);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(e);l&&(b=b.filter((function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable}))),c.push.apply(c,b)}return c}function g(e){for(var l=1;l<arguments.length;l++){var c=null!=arguments[l]?arguments[l]:{};l%2?t(Object(c),!0).forEach((function(l){I(e,l,c[l])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(c)):t(Object(c)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(c,l))}))}return e}function I(e,l,c){return l in e?Object.defineProperty(e,l,{value:c,enumerable:!0,configurable:!0,writable:!0}):e[l]=c,e}function n(e,l){if(null==e)return{};var c,b,i=function(e,l){if(null==e)return{};var c,b,i={},t=Object.keys(e);for(b=0;b<t.length;b++)c=t[b],l.indexOf(c)>=0||(i[c]=e[c]);return i}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(b=0;b<t.length;b++)c=t[b],l.indexOf(c)>=0||Object.prototype.propertyIsEnumerable.call(e,c)&&(i[c]=e[c])}return i}var a={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}},r={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},u={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},X={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},s={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},p={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},m={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},G={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},o={palette:{brand:g(g({},r),{},{background:r.light2}),grey:{seventy:u.main,sixty:u.gray60,fiftyP:u.gray50,fourty:u.gray40,thirty:u.gray30,fifteenB:u.gray15,zero:u.white},background:g(g({},X),{},{light1:X.main,light4:"#C5C6C7"}),green:{fiftyP:s.main,seventy:s.green70,sixty:s.green60,ten:s.green10,five:s.green5},red:{fiftyP:p.main,seventy:p.red70,sixty:p.red60,ten:p.red10,five:p.red5},blue:{fiftyP:m.main,seventy:m.blue70,sixty:m.blue60,ten:m.blue10,five:m.blue5},purple:{fiftyP:G.main,seventy:G.purple70,sixty:G.purple60,ten:G.purple10,five:G.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}},d=["children","size","className"];function C(e){var l=e.children,b=e.size,t=e.className,I=n(e,d);return i(F,g(g({size:a[b],className:c("KUI-Caption",t)},I),{},{children:l}))}C.defaultProps={size:"m",weight:400,color:"seventy",colorGroup:"grey",disableUserSelect:!1,variant:"default"},C.displayName="Caption",C.propTypes={size:l.oneOf(["xs","sm","s","m","l"]),weight:l.oneOf([400,500,600,700]),disableUserSelect:l.bool,variant:l.oneOf(["default","high"])};var Z=function(e){var l=e.size,c=e.weight,i=e.align,t=e.color,g=e.colorGroup,I=e.disSelect,n=e.variant;return b("font-size:",l.size,"px;line-height:","high"===n&&l.high||l.height,"px;font-weight:",c,";text-align:",i,";",I&&"user-select: none",";color:",o.palette[g][t]?o.palette[g][t]:o.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== */")},F=e("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;',Z,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEOEIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgY2FwdGlvblNpemVzIGZyb20gXCIuL3ZhcmlhbnRzXCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuZnVuY3Rpb24gQ2FwdGlvbihwcm9wcykge1xuICBjb25zdCB7IGNoaWxkcmVuLCBzaXplLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FwdGlvblxuICAgICAgc2l6ZT17Y2FwdGlvblNpemVzW3NpemVdfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNhcHRpb25cIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENhcHRpb24+XG4gIClcbn1cblxuQ2FwdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IDQwMCxcbiAgY29sb3I6IFwic2V2ZW50eVwiLFxuICBjb2xvckdyb3VwOiBcImdyZXlcIixcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IGZhbHNlLFxuICB2YXJpYW50OiBcImRlZmF1bHRcIixcbn1cblxuQ2FwdGlvbi5kaXNwbGF5TmFtZSA9IFwiQ2FwdGlvblwiXG5cbkNhcHRpb24ucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wieHNcIiwgXCJzbVwiLCBcInNcIiwgXCJtXCIsIFwibFwiXSksXG4gIHdlaWdodDogUHJvcFR5cGVzLm9uZU9mKFs0MDAsIDUwMCwgNjAwLCA3MDBdKSxcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoW1wiZGVmYXVsdFwiLCBcImhpZ2hcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXB0aW9uXG5cbmNvbnN0IGNhcHRpb25TZXR0aW5nc0NTUyA9ICh7XG4gIHNpemUsXG4gIHdlaWdodCxcbiAgYWxpZ24sXG4gIGNvbG9yLFxuICBjb2xvckdyb3VwLFxuICBkaXNTZWxlY3QsXG4gIHZhcmlhbnQsXG59KSA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHtzaXplLnNpemV9cHg7XG4gIGxpbmUtaGVpZ2h0OiAke3ZhcmlhbnQgPT09IFwiaGlnaFwiID8gc2l6ZS5oaWdoIHx8IHNpemUuaGVpZ2h0IDogc2l6ZS5oZWlnaHR9cHg7XG4gIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAke2Rpc1NlbGVjdCAmJiBcInVzZXItc2VsZWN0OiBub25lXCJ9O1xuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgID8gdGhlbWUucGFsZXR0ZVtjb2xvckdyb3VwXVtjb2xvcl1cbiAgICA6IHRoZW1lLnBhbGV0dGUuZ3JleS5zZXZlbnR5fTtcbmBcblxuY29uc3QgU3R5bGVkQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICBmb250LWZhbWlseTogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xuICBsZXR0ZXItc3BhY2luZzogbm9ybWFsO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICAke2NhcHRpb25TZXR0aW5nc0NTU307XG5gXG4iXX0= */"));export{C as default};
2
+ //# sourceMappingURL=index.js.map
@@ -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"],"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"],"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"],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ {
2
+ "name": "kui-basic/Caption",
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,18 @@
1
+ import * as React from 'react';
2
+
3
+ interface CheckboxProps
4
+ extends React.DetailedHTMLProps<
5
+ React.InputHTMLAttributes<HTMLInputElement>,
6
+ HTMLInputElement
7
+ >,
8
+ React.AriaAttributes {
9
+ error?: any
10
+ label?: React.ReactElement | string
11
+ inputRef?: React.RefObject<HTMLInputElement>
12
+ }
13
+
14
+ type CheckboxType = (props: CheckboxProps) => React.ReactElement
15
+
16
+ declare const Checkbox: CheckboxType
17
+
18
+ export { CheckboxProps, CheckboxType, Checkbox as default };
@@ -0,0 +1,2 @@
1
+ import I from"@emotion/styled/base";import{forwardRef as g}from"react";import b from"prop-types";import c from"classnames";import{css as G}from"@emotion/react";import{jsxs as C,jsx as l}from"@emotion/react/jsx-runtime";function i(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 A(I){for(var g=1;g<arguments.length;g++){var b=null!=arguments[g]?arguments[g]:{};g%2?i(Object(b),!0).forEach((function(g){Z(I,g,b[g])})):Object.getOwnPropertyDescriptors?Object.defineProperties(I,Object.getOwnPropertyDescriptors(b)):i(Object(b)).forEach((function(g){Object.defineProperty(I,g,Object.getOwnPropertyDescriptor(b,g))}))}return I}function Z(I,g,b){return g in I?Object.defineProperty(I,g,{value:b,enumerable:!0,configurable:!0,writable:!0}):I[g]=b,I}function m(I,g){if(null==I)return{};var b,c,G=function(I,g){if(null==I)return{};var b,c,G={},C=Object.keys(I);for(c=0;c<C.length;c++)b=C[c],g.indexOf(b)>=0||(G[b]=I[b]);return G}(I,g);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(I);for(c=0;c<C.length;c++)b=C[c],g.indexOf(b)>=0||Object.prototype.propertyIsEnumerable.call(I,b)&&(G[b]=I[b])}return G}var t={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},e={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},u={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},X={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},a={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},V={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},W={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},J={brand:A(A({},t),{},{background:t.light2}),grey:{seventy:e.main,sixty:e.gray60,fiftyP:e.gray50,fourty:e.gray40,thirty:e.gray30,fifteenB:e.gray15,zero:e.white},background:A(A({},u),{},{light1:u.main,light4:"#C5C6C7"}),green:{fiftyP:X.main,seventy:X.green70,sixty:X.green60,ten:X.green10,five:X.green5},red:{fiftyP:a.main,seventy:a.red70,sixty:a.red60,ten:a.red10,five:a.red5},blue:{fiftyP:V.main,seventy:V.blue70,sixty:V.blue60,ten:V.blue10,five:V.blue5},purple:{fiftyP:W.main,seventy:W.purple70,sixty:W.purple60,ten:W.purple10,five:W.purple5}},Y=["className","label","error","inputRef"];var x={palette:J,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}}.palette,d=g((function(I,g){var b=I.className,G=I.label,i=I.error,Z=I.inputRef,t=m(I,Y);return C(y,{htmlFor:"KUI-checkbox_".concat(t.name),className:"KUI-Checkbox_label",children:[l(n,A({id:"KUI-checkbox_".concat(t.name),ref:Z,type:"checkbox",className:"KUI-Checkbox"},t)),l(B,{error:!!i,className:c("KUI-Checkbox_custom",b,!!i&&"KUI-Checkbox_error")}),!!G&&l(N,{className:"KUI-Label_checkbox",children:G})]})}));d.defaultProps={label:""},d.propTypes={label:b.any,error:b.bool,disabled:b.bool},d.displayName="Checkbox";var o=function(I){return I.error&&G("border-color:",x.red.fiftyP,";"+("production"===process.env.NODE_ENV?"":";label:errorCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlESyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IHBhbGV0dGUgPSB0aGVtZS5wYWxldHRlXG5cbmNvbnN0IENoZWNrYm94ID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSwgbGFiZWwsIGVycm9yLCBpbnB1dFJlZiwgLi4uY2hlY2tib3hQcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMYWJlbFxuICAgICAgaHRtbEZvcj17YEtVSS1jaGVja2JveF8ke2NoZWNrYm94UHJvcHMubmFtZX1gfVxuICAgICAgY2xhc3NOYW1lPVwiS1VJLUNoZWNrYm94X2xhYmVsXCJcbiAgICA+XG4gICAgICA8U3R5bGVkQ2hlY2tib3hcbiAgICAgICAgaWQ9e2BLVUktY2hlY2tib3hfJHtjaGVja2JveFByb3BzLm5hbWV9YH1cbiAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgY2xhc3NOYW1lPVwiS1VJLUNoZWNrYm94XCJcbiAgICAgICAgey4uLmNoZWNrYm94UHJvcHN9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZEN1c3RvbUNoZWNrYm94XG4gICAgICAgIGVycm9yPXshIWVycm9yfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgXCJLVUktQ2hlY2tib3hfY3VzdG9tXCIsXG4gICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICEhZXJyb3IgJiYgXCJLVUktQ2hlY2tib3hfZXJyb3JcIlxuICAgICAgICApfVxuICAgICAgLz5cbiAgICAgIHshIWxhYmVsICYmIChcbiAgICAgICAgPFN0eWxlZENoZWNrYm94TGFiZWwgY2xhc3NOYW1lPVwiS1VJLUxhYmVsX2NoZWNrYm94XCI+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L1N0eWxlZENoZWNrYm94TGFiZWw+XG4gICAgICApfVxuICAgIDwvU3R5bGVkTGFiZWw+XG4gIClcbn0pXG5cbkNoZWNrYm94LmRlZmF1bHRQcm9wcyA9IHtcbiAgbGFiZWw6IFwiXCIsXG59XG5cbkNoZWNrYm94LnByb3BUeXBlcyA9IHtcbiAgbGFiZWw6IFByb3BUeXBlcy5hbnksXG4gIGVycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxufVxuXG5DaGVja2JveC5kaXNwbGF5TmFtZSA9IFwiQ2hlY2tib3hcIlxuXG5leHBvcnQgZGVmYXVsdCBDaGVja2JveFxuXG5jb25zdCBlcnJvckNTUyA9ICh7IGVycm9yIH0pID0+XG4gIGVycm9yICYmXG4gIGNzc2BcbiAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5yZWQuZmlmdHlQfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRDdXN0b21DaGVja2JveCA9IHN0eWxlZC5zcGFuYFxuICBib3JkZXItcmFkaXVzOiA2cHg7XG4gIHBhZGRpbmc6IDFweDtcbiAgd2lkdGg6IDIwcHg7XG4gIGhlaWdodDogMjBweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtwYWxldHRlLmdyZXkuZmlmdGVlbkJ9O1xuICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuM3M7XG4gIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgJHtlcnJvckNTU307XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGhlaWdodDogMTZweDtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmdyZXkuemVyb307XG4gICAgdHJhbnNpdGlvbjogYWxsIGxpbmVhciAwLjJzO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENoZWNrYm94ID0gc3R5bGVkLmlucHV0YFxuICBvcGFjaXR5OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDE2cHg7XG4gIGhlaWdodDogMTZweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmNoZWNrZWQgKyAuS1VJLUNoZWNrYm94X2N1c3RvbTpiZWZvcmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5tYWlufTtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDtjaGFyc2V0PXV0Zi04LCUzQ3N2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAxNiAxNlwiJTNFJTNDcGF0aCBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNMTIgNWMtLjI4IDAtLjUzLjExLS43MS4yOUw3IDkuNTlsLTIuMjktMi4zYTEuMDAzIDEuMDAzIDAgMDAtMS40MiAxLjQybDMgM2MuMTguMTguNDMuMjkuNzEuMjlzLjUzLS4xMS43MS0uMjlsNS01QTEuMDAzIDEuMDAzIDAgMDAxMiA1elwiIGZpbGw9XCIlMjNmZmZcIi8lM0UlM0Mvc3ZnJTNFJyk7XG4gIH1cbiAgJjpkaXNhYmxlZCArIC5LVUktQ2hlY2tib3hfY3VzdG9tIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuYmFja2dyb3VuZC5saWdodDJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICAmOmJlZm9yZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuYmFja2dyb3VuZC5saWdodDJ9O1xuICAgIH1cbiAgfVxuICAmOmRpc2FibGVkOmNoZWNrZWQgKyAuS1VJLUNoZWNrYm94X2N1c3RvbTpiZWZvcmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5ncmV5LmZpZnRlZW5CfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHtcbiAgICAuS1VJLUNoZWNrYm94Om5vdCg6ZGlzYWJsZWQpOm5vdCg6Y2hlY2tlZCkgKyAuS1VJLUNoZWNrYm94X2N1c3RvbSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5tYWlufTtcbiAgICB9XG4gICAgLktVSS1DaGVja2JveDpub3QoOmRpc2FibGVkKTpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b20ge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubGlnaHR9O1xuICAgIH1cbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRDaGVja2JveExhYmVsID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1sZWZ0OiAxNHB4O1xuYFxuIl19 */")},B=I("span","production"===process.env.NODE_ENV?{target:"e1voqbga3"}:{target:"e1voqbga3",label:"StyledCustomCheckbox"})("border-radius:6px;padding:1px;width:20px;height:20px;box-sizing:border-box;border:1px solid ",x.grey.fifteenB,";transition:all linear 0.3s;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);",o,';&:before{content:"";display:block;width:16px;height:16px;border-radius:4px;background-color:',x.grey.zero,";transition:all linear 0.2s;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEd0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBwYWxldHRlID0gdGhlbWUucGFsZXR0ZVxuXG5jb25zdCBDaGVja2JveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUsIGxhYmVsLCBlcnJvciwgaW5wdXRSZWYsIC4uLmNoZWNrYm94UHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGFiZWxcbiAgICAgIGh0bWxGb3I9e2BLVUktY2hlY2tib3hfJHtjaGVja2JveFByb3BzLm5hbWV9YH1cbiAgICAgIGNsYXNzTmFtZT1cIktVSS1DaGVja2JveF9sYWJlbFwiXG4gICAgPlxuICAgICAgPFN0eWxlZENoZWNrYm94XG4gICAgICAgIGlkPXtgS1VJLWNoZWNrYm94XyR7Y2hlY2tib3hQcm9wcy5uYW1lfWB9XG4gICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNsYXNzTmFtZT1cIktVSS1DaGVja2JveFwiXG4gICAgICAgIHsuLi5jaGVja2JveFByb3BzfVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRDdXN0b21DaGVja2JveFxuICAgICAgICBlcnJvcj17ISFlcnJvcn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFxuICAgICAgICAgIFwiS1VJLUNoZWNrYm94X2N1c3RvbVwiLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAhIWVycm9yICYmIFwiS1VJLUNoZWNrYm94X2Vycm9yXCJcbiAgICAgICAgKX1cbiAgICAgIC8+XG4gICAgICB7ISFsYWJlbCAmJiAoXG4gICAgICAgIDxTdHlsZWRDaGVja2JveExhYmVsIGNsYXNzTmFtZT1cIktVSS1MYWJlbF9jaGVja2JveFwiPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9TdHlsZWRDaGVja2JveExhYmVsPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZExhYmVsPlxuICApXG59KVxuXG5DaGVja2JveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGxhYmVsOiBcIlwiLFxufVxuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGxhYmVsOiBQcm9wVHlwZXMuYW55LFxuICBlcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn1cblxuQ2hlY2tib3guZGlzcGxheU5hbWUgPSBcIkNoZWNrYm94XCJcblxuZXhwb3J0IGRlZmF1bHQgQ2hlY2tib3hcblxuY29uc3QgZXJyb3JDU1MgPSAoeyBlcnJvciB9KSA9PlxuICBlcnJvciAmJlxuICBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUucmVkLmZpZnR5UH07XG4gIGBcblxuY29uc3QgU3R5bGVkQ3VzdG9tQ2hlY2tib3ggPSBzdHlsZWQuc3BhbmBcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICBwYWRkaW5nOiAxcHg7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7cGFsZXR0ZS5ncmV5LmZpZnRlZW5CfTtcbiAgdHJhbnNpdGlvbjogYWxsIGxpbmVhciAwLjNzO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG4gICR7ZXJyb3JDU1N9O1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMTZweDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5ncmV5Lnplcm99O1xuICAgIHRyYW5zaXRpb246IGFsbCBsaW5lYXIgMC4ycztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRDaGVja2JveCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJjpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b206YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubWFpbn07XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwlM0NzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIiUzRSUzQ3BhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTEyIDVjLS4yOCAwLS41My4xMS0uNzEuMjlMNyA5LjU5bC0yLjI5LTIuM2ExLjAwMyAxLjAwMyAwIDAwLTEuNDIgMS40MmwzIDNjLjE4LjE4LjQzLjI5LjcxLjI5cy41My0uMTEuNzEtLjI5bDUtNUExLjAwMyAxLjAwMyAwIDAwMTIgNXpcIiBmaWxsPVwiJTIzZmZmXCIvJTNFJTNDL3N2ZyUzRScpO1xuICB9XG4gICY6ZGlzYWJsZWQgKyAuS1VJLUNoZWNrYm94X2N1c3RvbSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICB9XG4gIH1cbiAgJjpkaXNhYmxlZDpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b206YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JleS5maWZ0ZWVuQn07XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJjpob3ZlciB7XG4gICAgLktVSS1DaGVja2JveDpub3QoOmRpc2FibGVkKTpub3QoOmNoZWNrZWQpICsgLktVSS1DaGVja2JveF9jdXN0b20ge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubWFpbn07XG4gICAgfVxuICAgIC5LVUktQ2hlY2tib3g6bm90KDpkaXNhYmxlZCk6Y2hlY2tlZCArIC5LVUktQ2hlY2tib3hfY3VzdG9tIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJyYW5kLmxpZ2h0fTtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ2hlY2tib3hMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogMTRweDtcbmBcbiJdfQ== */")),n=I("input","production"===process.env.NODE_ENV?{target:"e1voqbga2"}:{target:"e1voqbga2",label:"StyledCheckbox"})("opacity:0;position:absolute;top:0;left:0;width:16px;height:16px;cursor:pointer;&:checked+.KUI-Checkbox_custom:before{background-color:",x.brand.main,';background-image:url(\'data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z" fill="%23fff"/%3E%3C/svg%3E\');}&:disabled+.KUI-Checkbox_custom{background-color:',x.background.light2,";border-color:",x.background.light2,";&:before{background-color:",x.background.light2,";}}&:disabled:checked+.KUI-Checkbox_custom:before{background-color:",x.grey.fifteenB,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGbUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBwYWxldHRlID0gdGhlbWUucGFsZXR0ZVxuXG5jb25zdCBDaGVja2JveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUsIGxhYmVsLCBlcnJvciwgaW5wdXRSZWYsIC4uLmNoZWNrYm94UHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGFiZWxcbiAgICAgIGh0bWxGb3I9e2BLVUktY2hlY2tib3hfJHtjaGVja2JveFByb3BzLm5hbWV9YH1cbiAgICAgIGNsYXNzTmFtZT1cIktVSS1DaGVja2JveF9sYWJlbFwiXG4gICAgPlxuICAgICAgPFN0eWxlZENoZWNrYm94XG4gICAgICAgIGlkPXtgS1VJLWNoZWNrYm94XyR7Y2hlY2tib3hQcm9wcy5uYW1lfWB9XG4gICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNsYXNzTmFtZT1cIktVSS1DaGVja2JveFwiXG4gICAgICAgIHsuLi5jaGVja2JveFByb3BzfVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRDdXN0b21DaGVja2JveFxuICAgICAgICBlcnJvcj17ISFlcnJvcn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFxuICAgICAgICAgIFwiS1VJLUNoZWNrYm94X2N1c3RvbVwiLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAhIWVycm9yICYmIFwiS1VJLUNoZWNrYm94X2Vycm9yXCJcbiAgICAgICAgKX1cbiAgICAgIC8+XG4gICAgICB7ISFsYWJlbCAmJiAoXG4gICAgICAgIDxTdHlsZWRDaGVja2JveExhYmVsIGNsYXNzTmFtZT1cIktVSS1MYWJlbF9jaGVja2JveFwiPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9TdHlsZWRDaGVja2JveExhYmVsPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZExhYmVsPlxuICApXG59KVxuXG5DaGVja2JveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGxhYmVsOiBcIlwiLFxufVxuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGxhYmVsOiBQcm9wVHlwZXMuYW55LFxuICBlcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn1cblxuQ2hlY2tib3guZGlzcGxheU5hbWUgPSBcIkNoZWNrYm94XCJcblxuZXhwb3J0IGRlZmF1bHQgQ2hlY2tib3hcblxuY29uc3QgZXJyb3JDU1MgPSAoeyBlcnJvciB9KSA9PlxuICBlcnJvciAmJlxuICBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUucmVkLmZpZnR5UH07XG4gIGBcblxuY29uc3QgU3R5bGVkQ3VzdG9tQ2hlY2tib3ggPSBzdHlsZWQuc3BhbmBcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICBwYWRkaW5nOiAxcHg7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7cGFsZXR0ZS5ncmV5LmZpZnRlZW5CfTtcbiAgdHJhbnNpdGlvbjogYWxsIGxpbmVhciAwLjNzO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG4gICR7ZXJyb3JDU1N9O1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMTZweDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5ncmV5Lnplcm99O1xuICAgIHRyYW5zaXRpb246IGFsbCBsaW5lYXIgMC4ycztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRDaGVja2JveCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJjpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b206YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubWFpbn07XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwlM0NzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIiUzRSUzQ3BhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTEyIDVjLS4yOCAwLS41My4xMS0uNzEuMjlMNyA5LjU5bC0yLjI5LTIuM2ExLjAwMyAxLjAwMyAwIDAwLTEuNDIgMS40MmwzIDNjLjE4LjE4LjQzLjI5LjcxLjI5cy41My0uMTEuNzEtLjI5bDUtNUExLjAwMyAxLjAwMyAwIDAwMTIgNXpcIiBmaWxsPVwiJTIzZmZmXCIvJTNFJTNDL3N2ZyUzRScpO1xuICB9XG4gICY6ZGlzYWJsZWQgKyAuS1VJLUNoZWNrYm94X2N1c3RvbSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICB9XG4gIH1cbiAgJjpkaXNhYmxlZDpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b206YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JleS5maWZ0ZWVuQn07XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJjpob3ZlciB7XG4gICAgLktVSS1DaGVja2JveDpub3QoOmRpc2FibGVkKTpub3QoOmNoZWNrZWQpICsgLktVSS1DaGVja2JveF9jdXN0b20ge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubWFpbn07XG4gICAgfVxuICAgIC5LVUktQ2hlY2tib3g6bm90KDpkaXNhYmxlZCk6Y2hlY2tlZCArIC5LVUktQ2hlY2tib3hfY3VzdG9tIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJyYW5kLmxpZ2h0fTtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ2hlY2tib3hMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogMTRweDtcbmBcbiJdfQ== */")),y=I("label","production"===process.env.NODE_ENV?{target:"e1voqbga1"}:{target:"e1voqbga1",label:"StyledLabel"})("display:inline-flex;align-items:center;cursor:pointer;position:relative;&:hover{.KUI-Checkbox:not(:disabled):not(:checked)+.KUI-Checkbox_custom{border-color:",x.brand.main,";}.KUI-Checkbox:not(:disabled):checked+.KUI-Checkbox_custom{border-color:",x.brand.light,";}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBHZ0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBwYWxldHRlID0gdGhlbWUucGFsZXR0ZVxuXG5jb25zdCBDaGVja2JveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUsIGxhYmVsLCBlcnJvciwgaW5wdXRSZWYsIC4uLmNoZWNrYm94UHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGFiZWxcbiAgICAgIGh0bWxGb3I9e2BLVUktY2hlY2tib3hfJHtjaGVja2JveFByb3BzLm5hbWV9YH1cbiAgICAgIGNsYXNzTmFtZT1cIktVSS1DaGVja2JveF9sYWJlbFwiXG4gICAgPlxuICAgICAgPFN0eWxlZENoZWNrYm94XG4gICAgICAgIGlkPXtgS1VJLWNoZWNrYm94XyR7Y2hlY2tib3hQcm9wcy5uYW1lfWB9XG4gICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNsYXNzTmFtZT1cIktVSS1DaGVja2JveFwiXG4gICAgICAgIHsuLi5jaGVja2JveFByb3BzfVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRDdXN0b21DaGVja2JveFxuICAgICAgICBlcnJvcj17ISFlcnJvcn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFxuICAgICAgICAgIFwiS1VJLUNoZWNrYm94X2N1c3RvbVwiLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAhIWVycm9yICYmIFwiS1VJLUNoZWNrYm94X2Vycm9yXCJcbiAgICAgICAgKX1cbiAgICAgIC8+XG4gICAgICB7ISFsYWJlbCAmJiAoXG4gICAgICAgIDxTdHlsZWRDaGVja2JveExhYmVsIGNsYXNzTmFtZT1cIktVSS1MYWJlbF9jaGVja2JveFwiPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9TdHlsZWRDaGVja2JveExhYmVsPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZExhYmVsPlxuICApXG59KVxuXG5DaGVja2JveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGxhYmVsOiBcIlwiLFxufVxuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGxhYmVsOiBQcm9wVHlwZXMuYW55LFxuICBlcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn1cblxuQ2hlY2tib3guZGlzcGxheU5hbWUgPSBcIkNoZWNrYm94XCJcblxuZXhwb3J0IGRlZmF1bHQgQ2hlY2tib3hcblxuY29uc3QgZXJyb3JDU1MgPSAoeyBlcnJvciB9KSA9PlxuICBlcnJvciAmJlxuICBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUucmVkLmZpZnR5UH07XG4gIGBcblxuY29uc3QgU3R5bGVkQ3VzdG9tQ2hlY2tib3ggPSBzdHlsZWQuc3BhbmBcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICBwYWRkaW5nOiAxcHg7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7cGFsZXR0ZS5ncmV5LmZpZnRlZW5CfTtcbiAgdHJhbnNpdGlvbjogYWxsIGxpbmVhciAwLjNzO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG4gICR7ZXJyb3JDU1N9O1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMTZweDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5ncmV5Lnplcm99O1xuICAgIHRyYW5zaXRpb246IGFsbCBsaW5lYXIgMC4ycztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRDaGVja2JveCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJjpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b206YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubWFpbn07XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwlM0NzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIiUzRSUzQ3BhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTEyIDVjLS4yOCAwLS41My4xMS0uNzEuMjlMNyA5LjU5bC0yLjI5LTIuM2ExLjAwMyAxLjAwMyAwIDAwLTEuNDIgMS40MmwzIDNjLjE4LjE4LjQzLjI5LjcxLjI5cy41My0uMTEuNzEtLjI5bDUtNUExLjAwMyAxLjAwMyAwIDAwMTIgNXpcIiBmaWxsPVwiJTIzZmZmXCIvJTNFJTNDL3N2ZyUzRScpO1xuICB9XG4gICY6ZGlzYWJsZWQgKyAuS1VJLUNoZWNrYm94X2N1c3RvbSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICB9XG4gIH1cbiAgJjpkaXNhYmxlZDpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b206YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JleS5maWZ0ZWVuQn07XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJjpob3ZlciB7XG4gICAgLktVSS1DaGVja2JveDpub3QoOmRpc2FibGVkKTpub3QoOmNoZWNrZWQpICsgLktVSS1DaGVja2JveF9jdXN0b20ge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubWFpbn07XG4gICAgfVxuICAgIC5LVUktQ2hlY2tib3g6bm90KDpkaXNhYmxlZCk6Y2hlY2tlZCArIC5LVUktQ2hlY2tib3hfY3VzdG9tIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJyYW5kLmxpZ2h0fTtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ2hlY2tib3hMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogMTRweDtcbmBcbiJdfQ== */")),N=I("span","production"===process.env.NODE_ENV?{target:"e1voqbga0"}:{target:"e1voqbga0",label:"StyledCheckboxLabel"})("production"===process.env.NODE_ENV?{name:"14j7i7e",styles:"margin-left:14px"}:{name:"14j7i7e",styles:"margin-left:14px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIdUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBwYWxldHRlID0gdGhlbWUucGFsZXR0ZVxuXG5jb25zdCBDaGVja2JveCA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUsIGxhYmVsLCBlcnJvciwgaW5wdXRSZWYsIC4uLmNoZWNrYm94UHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGFiZWxcbiAgICAgIGh0bWxGb3I9e2BLVUktY2hlY2tib3hfJHtjaGVja2JveFByb3BzLm5hbWV9YH1cbiAgICAgIGNsYXNzTmFtZT1cIktVSS1DaGVja2JveF9sYWJlbFwiXG4gICAgPlxuICAgICAgPFN0eWxlZENoZWNrYm94XG4gICAgICAgIGlkPXtgS1VJLWNoZWNrYm94XyR7Y2hlY2tib3hQcm9wcy5uYW1lfWB9XG4gICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGNsYXNzTmFtZT1cIktVSS1DaGVja2JveFwiXG4gICAgICAgIHsuLi5jaGVja2JveFByb3BzfVxuICAgICAgLz5cbiAgICAgIDxTdHlsZWRDdXN0b21DaGVja2JveFxuICAgICAgICBlcnJvcj17ISFlcnJvcn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFxuICAgICAgICAgIFwiS1VJLUNoZWNrYm94X2N1c3RvbVwiLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAhIWVycm9yICYmIFwiS1VJLUNoZWNrYm94X2Vycm9yXCJcbiAgICAgICAgKX1cbiAgICAgIC8+XG4gICAgICB7ISFsYWJlbCAmJiAoXG4gICAgICAgIDxTdHlsZWRDaGVja2JveExhYmVsIGNsYXNzTmFtZT1cIktVSS1MYWJlbF9jaGVja2JveFwiPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9TdHlsZWRDaGVja2JveExhYmVsPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZExhYmVsPlxuICApXG59KVxuXG5DaGVja2JveC5kZWZhdWx0UHJvcHMgPSB7XG4gIGxhYmVsOiBcIlwiLFxufVxuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGxhYmVsOiBQcm9wVHlwZXMuYW55LFxuICBlcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn1cblxuQ2hlY2tib3guZGlzcGxheU5hbWUgPSBcIkNoZWNrYm94XCJcblxuZXhwb3J0IGRlZmF1bHQgQ2hlY2tib3hcblxuY29uc3QgZXJyb3JDU1MgPSAoeyBlcnJvciB9KSA9PlxuICBlcnJvciAmJlxuICBjc3NgXG4gICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUucmVkLmZpZnR5UH07XG4gIGBcblxuY29uc3QgU3R5bGVkQ3VzdG9tQ2hlY2tib3ggPSBzdHlsZWQuc3BhbmBcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICBwYWRkaW5nOiAxcHg7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7cGFsZXR0ZS5ncmV5LmZpZnRlZW5CfTtcbiAgdHJhbnNpdGlvbjogYWxsIGxpbmVhciAwLjNzO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG4gICR7ZXJyb3JDU1N9O1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMTZweDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFsZXR0ZS5ncmV5Lnplcm99O1xuICAgIHRyYW5zaXRpb246IGFsbCBsaW5lYXIgMC4ycztcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRDaGVja2JveCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJjpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b206YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubWFpbn07XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGYtOCwlM0NzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIiUzRSUzQ3BhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTEyIDVjLS4yOCAwLS41My4xMS0uNzEuMjlMNyA5LjU5bC0yLjI5LTIuM2ExLjAwMyAxLjAwMyAwIDAwLTEuNDIgMS40MmwzIDNjLjE4LjE4LjQzLjI5LjcxLjI5cy41My0uMTEuNzEtLjI5bDUtNUExLjAwMyAxLjAwMyAwIDAwMTIgNXpcIiBmaWxsPVwiJTIzZmZmXCIvJTNFJTNDL3N2ZyUzRScpO1xuICB9XG4gICY6ZGlzYWJsZWQgKyAuS1VJLUNoZWNrYm94X2N1c3RvbSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICBib3JkZXItY29sb3I6ICR7cGFsZXR0ZS5iYWNrZ3JvdW5kLmxpZ2h0Mn07XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQubGlnaHQyfTtcbiAgICB9XG4gIH1cbiAgJjpkaXNhYmxlZDpjaGVja2VkICsgLktVSS1DaGVja2JveF9jdXN0b206YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuZ3JleS5maWZ0ZWVuQn07XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJjpob3ZlciB7XG4gICAgLktVSS1DaGVja2JveDpub3QoOmRpc2FibGVkKTpub3QoOmNoZWNrZWQpICsgLktVSS1DaGVja2JveF9jdXN0b20ge1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuYnJhbmQubWFpbn07XG4gICAgfVxuICAgIC5LVUktQ2hlY2tib3g6bm90KDpkaXNhYmxlZCk6Y2hlY2tlZCArIC5LVUktQ2hlY2tib3hfY3VzdG9tIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtwYWxldHRlLmJyYW5kLmxpZ2h0fTtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ2hlY2tib3hMYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogMTRweDtcbmBcbiJdfQ== */",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)."}});export{d 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/components/Checkbox/index.js","../../src/theme/breakpoints/index.js","../../src/theme/shadows/index.js","../../src/theme/settings/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","import React, { forwardRef } from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport { theme } from \"../../theme\"\n\nconst palette = theme.palette\n\nconst Checkbox = forwardRef((props, ref) => {\n const { className, label, error, inputRef, ...checkboxProps } = props\n\n return (\n <StyledLabel\n htmlFor={`KUI-checkbox_${checkboxProps.name}`}\n className=\"KUI-Checkbox_label\"\n >\n <StyledCheckbox\n id={`KUI-checkbox_${checkboxProps.name}`}\n ref={inputRef}\n type=\"checkbox\"\n className=\"KUI-Checkbox\"\n {...checkboxProps}\n />\n <StyledCustomCheckbox\n error={!!error}\n className={classNames(\n \"KUI-Checkbox_custom\",\n className,\n !!error && \"KUI-Checkbox_error\"\n )}\n />\n {!!label && (\n <StyledCheckboxLabel className=\"KUI-Label_checkbox\">\n {label}\n </StyledCheckboxLabel>\n )}\n </StyledLabel>\n )\n})\n\nCheckbox.defaultProps = {\n label: \"\",\n}\n\nCheckbox.propTypes = {\n label: PropTypes.any,\n error: PropTypes.bool,\n disabled: PropTypes.bool,\n}\n\nCheckbox.displayName = \"Checkbox\"\n\nexport default Checkbox\n\nconst errorCSS = ({ error }) =>\n error &&\n css`\n border-color: ${palette.red.fiftyP};\n `\n\nconst StyledCustomCheckbox = styled.span`\n border-radius: 6px;\n padding: 1px;\n width: 20px;\n height: 20px;\n box-sizing: border-box;\n border: 1px solid ${palette.grey.fifteenB};\n transition: all linear 0.3s;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n ${errorCSS};\n &:before {\n content: \"\";\n display: block;\n width: 16px;\n height: 16px;\n border-radius: 4px;\n background-color: ${palette.grey.zero};\n transition: all linear 0.2s;\n }\n`\n\nconst StyledCheckbox = styled.input`\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 16px;\n cursor: pointer;\n &:checked + .KUI-Checkbox_custom:before {\n background-color: ${palette.brand.main};\n background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z\" fill=\"%23fff\"/%3E%3C/svg%3E');\n }\n &:disabled + .KUI-Checkbox_custom {\n background-color: ${palette.background.light2};\n border-color: ${palette.background.light2};\n &:before {\n background-color: ${palette.background.light2};\n }\n }\n &:disabled:checked + .KUI-Checkbox_custom:before {\n background-color: ${palette.grey.fifteenB};\n }\n`\n\nconst StyledLabel = styled.label`\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n position: relative;\n &:hover {\n .KUI-Checkbox:not(:disabled):not(:checked) + .KUI-Checkbox_custom {\n border-color: ${palette.brand.main};\n }\n .KUI-Checkbox:not(:disabled):checked + .KUI-Checkbox_custom {\n border-color: ${palette.brand.light};\n }\n }\n`\n\nconst StyledCheckboxLabel = styled.span`\n margin-left: 14px;\n`\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"],"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","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","Checkbox","forwardRef","props","ref","className","label","error","inputRef","checkboxProps","_excluded","_jsxs","StyledLabel","htmlFor","name","children","_jsx","StyledCheckbox","id","type","StyledCustomCheckbox","classNames","StyledCheckboxLabel","defaultProps","propTypes","PropTypes","any","bool","displayName","errorCSS","_ref","css","process","env","NODE_ENV","_styled","target","styles","map","toString"],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ {
2
+ "name": "kui-basic/Checkbox",
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,19 @@
1
+ import * as React from 'react';
2
+
3
+ interface CircularProgressProps
4
+ extends React.DetailedHTMLProps<
5
+ React.HTMLAttributes<HTMLDivElement>,
6
+ HTMLDivElement
7
+ >,
8
+ React.AriaAttributes {
9
+ svgStyles?: string
10
+ circleStyles?: string
11
+ }
12
+
13
+ type CircularProgressType = (
14
+ props: CircularProgressProps
15
+ ) => React.ReactElement
16
+
17
+ declare const CircularProgress: CircularProgressType
18
+
19
+ export { CircularProgressType, CircularProgress as default };
@@ -0,0 +1,2 @@
1
+ import c from"@emotion/styled/base";import"react";import g from"classnames";import{keyframes as I}from"@emotion/react";import{jsx as b}from"@emotion/react/jsx-runtime";function e(c,g){var I=Object.keys(c);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(c);g&&(b=b.filter((function(g){return Object.getOwnPropertyDescriptor(c,g).enumerable}))),I.push.apply(I,b)}return I}function l(c){for(var g=1;g<arguments.length;g++){var I=null!=arguments[g]?arguments[g]:{};g%2?e(Object(I),!0).forEach((function(g){i(c,g,I[g])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(I)):e(Object(I)).forEach((function(g){Object.defineProperty(c,g,Object.getOwnPropertyDescriptor(I,g))}))}return c}function i(c,g,I){return g in c?Object.defineProperty(c,g,{value:I,enumerable:!0,configurable:!0,writable:!0}):c[g]=I,c}function t(c,g){if(null==c)return{};var I,b,e=function(c,g){if(null==c)return{};var I,b,e={},l=Object.keys(c);for(b=0;b<l.length;b++)I=l[b],g.indexOf(I)>=0||(e[I]=c[I]);return e}(c,g);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(c);for(b=0;b<l.length;b++)I=l[b],g.indexOf(I)>=0||Object.prototype.propertyIsEnumerable.call(c,I)&&(e[I]=c[I])}return e}function C(c,g){return g||(g=c.slice(0)),Object.freeze(Object.defineProperties(c,{raw:{value:Object.freeze(g)}}))}var r,a,G={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},A={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},X={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},s={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},n={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},d={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},m={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},u={brand:l(l({},G),{},{background:G.light2}),grey:{seventy:A.main,sixty:A.gray60,fiftyP:A.gray50,fourty:A.gray40,thirty:A.gray30,fifteenB:A.gray15,zero:A.white},background:l(l({},X),{},{light1:X.main,light4:"#C5C6C7"}),green:{fiftyP:s.main,seventy:s.green70,sixty:s.green60,ten:s.green10,five:s.green5},red:{fiftyP:n.main,seventy:n.red70,sixty:n.red60,ten:n.red10,five:n.red5},blue:{fiftyP:d.main,seventy:d.blue70,sixty:d.blue60,ten:d.blue10,five:d.blue5},purple:{fiftyP:m.main,seventy:m.purple70,sixty:m.purple60,ten:m.purple10,five:m.purple5}},Z=["className","svgStyles","circleStyles"];var x={palette:u,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}}.palette;function N(c){var I=c.className,e=c.svgStyles,i=c.circleStyles,C=t(c,Z);return b(o,l(l({className:g("KUI-CircularProgress",I)},C),{},{children:b(F,{className:g("KUI-CircularProgress_svg",e),viewBox:"22 22 44 44",children:b(p,{className:g("KUI-CircularProgress_circle",i),cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})}))}var y=I(r||(r=C(["\n 0% {\n transform-origin: 50% 50%;\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),W=I(a||(a=C(["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0px;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"]))),o=c("div","production"===process.env.NODE_ENV?{target:"e9ctxb32"}:{target:"e9ctxb32",label:"StyledProgress"})("color:",x.brand.main,";width:40px;height:40px;display:inline-block;animation:",y," 1.4s linear infinite;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEaUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBwYWxldHRlID0gdGhlbWUucGFsZXR0ZVxuXG5mdW5jdGlvbiBDaXJjdWxhclByb2dyZXNzKHtcbiAgY2xhc3NOYW1lLFxuICBzdmdTdHlsZXMsXG4gIGNpcmNsZVN0eWxlcyxcbiAgLi4ub3RoZXJQcm9wc1xufSkge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRQcm9ncmVzc1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNpcmN1bGFyUHJvZ3Jlc3NcIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIDxTdHlsZWRTVkdcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNpcmN1bGFyUHJvZ3Jlc3Nfc3ZnXCIsIHN2Z1N0eWxlcyl9XG4gICAgICAgIHZpZXdCb3g9XCIyMiAyMiA0NCA0NFwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaXJjbGVcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktQ2lyY3VsYXJQcm9ncmVzc19jaXJjbGVcIiwgY2lyY2xlU3R5bGVzKX1cbiAgICAgICAgICBjeD1cIjQ0XCJcbiAgICAgICAgICBjeT1cIjQ0XCJcbiAgICAgICAgICByPVwiMjAuMlwiXG4gICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIHN0cm9rZVdpZHRoPVwiMy42XCJcbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkU1ZHPlxuICAgIDwvU3R5bGVkUHJvZ3Jlc3M+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ2lyY3VsYXJQcm9ncmVzc1xuXG5jb25zdCByb3RhdGVBbmltYXRlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG5gXG5cbmNvbnN0IGNpcmNsZUFuaW1hdGUgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBzdHJva2UtZGFzaGFycmF5OiAxcHgsIDIwMHB4O1xuICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwcHg7XG4gIH1cbiAgNTAlIHtcbiAgICBzdHJva2UtZGFzaGFycmF5OiAxMDBweCwgMjAwcHg7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IC0xNXB4O1xuICB9XG4gIDEwMCUge1xuICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEwMHB4LCAyMDBweDtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogLTEyNXB4O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5tYWlufTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBhbmltYXRpb246ICR7cm90YXRlQW5pbWF0ZX0gMS40cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IFN0eWxlZFNWRyA9IHN0eWxlZC5zdmdgXG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICBzdHJva2U6IGN1cnJlbnRDb2xvcjtcbiAgYW5pbWF0aW9uOiAke2NpcmNsZUFuaW1hdGV9IDEuNHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XG4gIHN0cm9rZS1kYXNoYXJyYXk6IDgwcHgsIDIwMHB4O1xuICBzdHJva2UtZGFzaG9mZnNldDogMHB4O1xuYFxuIl19 */")),F=c("svg","production"===process.env.NODE_ENV?{target:"e9ctxb31"}:{target:"e9ctxb31",label:"StyledSVG"})("production"===process.env.NODE_ENV?{name:"4zleql",styles:"display:block"}:{name:"4zleql",styles:"display:block",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFNEIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBwYWxldHRlID0gdGhlbWUucGFsZXR0ZVxuXG5mdW5jdGlvbiBDaXJjdWxhclByb2dyZXNzKHtcbiAgY2xhc3NOYW1lLFxuICBzdmdTdHlsZXMsXG4gIGNpcmNsZVN0eWxlcyxcbiAgLi4ub3RoZXJQcm9wc1xufSkge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRQcm9ncmVzc1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNpcmN1bGFyUHJvZ3Jlc3NcIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIDxTdHlsZWRTVkdcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNpcmN1bGFyUHJvZ3Jlc3Nfc3ZnXCIsIHN2Z1N0eWxlcyl9XG4gICAgICAgIHZpZXdCb3g9XCIyMiAyMiA0NCA0NFwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaXJjbGVcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktQ2lyY3VsYXJQcm9ncmVzc19jaXJjbGVcIiwgY2lyY2xlU3R5bGVzKX1cbiAgICAgICAgICBjeD1cIjQ0XCJcbiAgICAgICAgICBjeT1cIjQ0XCJcbiAgICAgICAgICByPVwiMjAuMlwiXG4gICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIHN0cm9rZVdpZHRoPVwiMy42XCJcbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkU1ZHPlxuICAgIDwvU3R5bGVkUHJvZ3Jlc3M+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ2lyY3VsYXJQcm9ncmVzc1xuXG5jb25zdCByb3RhdGVBbmltYXRlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG5gXG5cbmNvbnN0IGNpcmNsZUFuaW1hdGUgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBzdHJva2UtZGFzaGFycmF5OiAxcHgsIDIwMHB4O1xuICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwcHg7XG4gIH1cbiAgNTAlIHtcbiAgICBzdHJva2UtZGFzaGFycmF5OiAxMDBweCwgMjAwcHg7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IC0xNXB4O1xuICB9XG4gIDEwMCUge1xuICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEwMHB4LCAyMDBweDtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogLTEyNXB4O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5tYWlufTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBhbmltYXRpb246ICR7cm90YXRlQW5pbWF0ZX0gMS40cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IFN0eWxlZFNWRyA9IHN0eWxlZC5zdmdgXG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICBzdHJva2U6IGN1cnJlbnRDb2xvcjtcbiAgYW5pbWF0aW9uOiAke2NpcmNsZUFuaW1hdGV9IDEuNHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XG4gIHN0cm9rZS1kYXNoYXJyYXk6IDgwcHgsIDIwMHB4O1xuICBzdHJva2UtZGFzaG9mZnNldDogMHB4O1xuYFxuIl19 */",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)."}}),p=c("circle","production"===process.env.NODE_ENV?{target:"e9ctxb30"}:{target:"e9ctxb30",label:"StyledCircle"})("stroke:currentColor;animation:",W," 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFa0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBwYWxldHRlID0gdGhlbWUucGFsZXR0ZVxuXG5mdW5jdGlvbiBDaXJjdWxhclByb2dyZXNzKHtcbiAgY2xhc3NOYW1lLFxuICBzdmdTdHlsZXMsXG4gIGNpcmNsZVN0eWxlcyxcbiAgLi4ub3RoZXJQcm9wc1xufSkge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRQcm9ncmVzc1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNpcmN1bGFyUHJvZ3Jlc3NcIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIDxTdHlsZWRTVkdcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNpcmN1bGFyUHJvZ3Jlc3Nfc3ZnXCIsIHN2Z1N0eWxlcyl9XG4gICAgICAgIHZpZXdCb3g9XCIyMiAyMiA0NCA0NFwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaXJjbGVcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktQ2lyY3VsYXJQcm9ncmVzc19jaXJjbGVcIiwgY2lyY2xlU3R5bGVzKX1cbiAgICAgICAgICBjeD1cIjQ0XCJcbiAgICAgICAgICBjeT1cIjQ0XCJcbiAgICAgICAgICByPVwiMjAuMlwiXG4gICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIHN0cm9rZVdpZHRoPVwiMy42XCJcbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkU1ZHPlxuICAgIDwvU3R5bGVkUHJvZ3Jlc3M+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ2lyY3VsYXJQcm9ncmVzc1xuXG5jb25zdCByb3RhdGVBbmltYXRlID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG5gXG5cbmNvbnN0IGNpcmNsZUFuaW1hdGUgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBzdHJva2UtZGFzaGFycmF5OiAxcHgsIDIwMHB4O1xuICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwcHg7XG4gIH1cbiAgNTAlIHtcbiAgICBzdHJva2UtZGFzaGFycmF5OiAxMDBweCwgMjAwcHg7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IC0xNXB4O1xuICB9XG4gIDEwMCUge1xuICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEwMHB4LCAyMDBweDtcbiAgICBzdHJva2UtZGFzaG9mZnNldDogLTEyNXB4O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFByb2dyZXNzID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7cGFsZXR0ZS5icmFuZC5tYWlufTtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBhbmltYXRpb246ICR7cm90YXRlQW5pbWF0ZX0gMS40cyBsaW5lYXIgaW5maW5pdGU7XG5gXG5cbmNvbnN0IFN0eWxlZFNWRyA9IHN0eWxlZC5zdmdgXG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG5jb25zdCBTdHlsZWRDaXJjbGUgPSBzdHlsZWQuY2lyY2xlYFxuICBzdHJva2U6IGN1cnJlbnRDb2xvcjtcbiAgYW5pbWF0aW9uOiAke2NpcmNsZUFuaW1hdGV9IDEuNHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XG4gIHN0cm9rZS1kYXNoYXJyYXk6IDgwcHgsIDIwMHB4O1xuICBzdHJva2UtZGFzaG9mZnNldDogMHB4O1xuYFxuIl19 */"));export{N 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/components/CircularProgress/index.js","../../src/theme/breakpoints/index.js","../../src/theme/shadows/index.js","../../src/theme/settings/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","import React from \"react\"\nimport classNames from \"classnames\"\nimport { keyframes } from \"@emotion/react\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"../../theme\"\n\nconst palette = theme.palette\n\nfunction CircularProgress({\n className,\n svgStyles,\n circleStyles,\n ...otherProps\n}) {\n return (\n <StyledProgress\n className={classNames(\"KUI-CircularProgress\", className)}\n {...otherProps}\n >\n <StyledSVG\n className={classNames(\"KUI-CircularProgress_svg\", svgStyles)}\n viewBox=\"22 22 44 44\"\n >\n <StyledCircle\n className={classNames(\"KUI-CircularProgress_circle\", circleStyles)}\n cx=\"44\"\n cy=\"44\"\n r=\"20.2\"\n fill=\"none\"\n strokeWidth=\"3.6\"\n />\n </StyledSVG>\n </StyledProgress>\n )\n}\n\nexport default CircularProgress\n\nconst rotateAnimate = keyframes`\n 0% {\n transform-origin: 50% 50%;\n }\n 100% {\n transform: rotate(360deg);\n }\n`\n\nconst circleAnimate = keyframes`\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0px;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n`\n\nconst StyledProgress = styled.div`\n color: ${palette.brand.main};\n width: 40px;\n height: 40px;\n display: inline-block;\n animation: ${rotateAnimate} 1.4s linear infinite;\n`\n\nconst StyledSVG = styled.svg`\n display: block;\n`\n\nconst StyledCircle = styled.circle`\n stroke: currentColor;\n animation: ${circleAnimate} 1.4s ease-in-out infinite;\n stroke-dasharray: 80px, 200px;\n stroke-dashoffset: 0px;\n`\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"],"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","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","CircularProgress","_ref","className","svgStyles","circleStyles","otherProps","_objectWithoutProperties","_excluded","_jsx","StyledProgress","classNames","children","StyledSVG","viewBox","StyledCircle","cx","cy","r","fill","strokeWidth","rotateAnimate","keyframes","_templateObject","_taggedTemplateLiteral","circleAnimate","_templateObject2","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString"],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ {
2
+ "name": "kui-basic/CircularProgress",
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,12 @@
1
+ import * as React from 'react';
2
+
3
+ type ContainerType = (
4
+ props: React.DetailedHTMLProps<
5
+ React.HTMLAttributes<HTMLDivElement>,
6
+ HTMLDivElement
7
+ >
8
+ ) => React.ReactElement
9
+
10
+ declare const Container: ContainerType
11
+
12
+ export { ContainerType, Container as default };
@@ -0,0 +1,2 @@
1
+ import e from"@emotion/styled/base";import{forwardRef as r}from"react";import t from"classnames";import{jsx as n}from"@emotion/react/jsx-runtime";function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?i(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var g={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},u={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},b={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},o={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},p={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},m={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},d={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},F=(l(l({},g),{},{background:g.light2}),u.main,u.gray60,u.gray50,u.gray40,u.gray30,u.gray15,u.white,l(l({},b),{},{light1:b.main,light4:"#C5C6C7"}),o.main,o.green70,o.green60,o.green10,o.green5,p.main,p.red70,p.red60,p.red10,p.red5,m.main,m.blue70,m.blue60,m.blue10,m.blue5,d.main,d.purple70,d.purple60,d.purple10,d.purple5,["className"]),s={xxs:375,xs:600,sm:900,md:1200,lg:1440,xl:1536},y=r((function(e,r){var i=e.className,a=c(e,F);return n(h,l({ref:r,className:t("KUI-Container",i)},a))}));y.displayName="Container";var h=e("div","production"===process.env.NODE_ENV?{target:"edfvp0h0"}:{target:"edfvp0h0",label:"StyledContainer"})("margin:0 auto;box-sizing:border-box;padding:0 16px;width:100%;@media (min-width: 1280px){max-width:1280px;}@media (min-width: ",s.xs,"px){padding:0 24px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBicmVha3BvaW50cyA9IHRoZW1lLmJyZWFrcG9pbnRzXG5cbmNvbnN0IENvbnRhaW5lciA9IGZvcndhcmRSZWYoKHsgY2xhc3NOYW1lLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFN0eWxlZENvbnRhaW5lclxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIktVSS1Db250YWluZXJcIiwgY2xhc3NOYW1lKX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pKVxuXG5Db250YWluZXIuZGlzcGxheU5hbWUgPSBcIkNvbnRhaW5lclwiXG5cbmV4cG9ydCBkZWZhdWx0IENvbnRhaW5lclxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMCAxNnB4O1xuICB3aWR0aDogMTAwJTtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyODBweCkge1xuICAgIG1heC13aWR0aDogMTI4MHB4O1xuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLnhzfXB4KSB7XG4gICAgcGFkZGluZzogMCAyNHB4O1xuICB9XG5gXG4iXX0= */"));export{y 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/components/Container/index.js","../../src/theme/breakpoints/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","import React, { forwardRef } from \"react\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"../../theme\"\n\nconst breakpoints = theme.breakpoints\n\nconst Container = forwardRef(({ className, ...props }, ref) => (\n <StyledContainer\n ref={ref}\n className={classNames(\"KUI-Container\", className)}\n {...props}\n />\n))\n\nContainer.displayName = \"Container\"\n\nexport default Container\n\nconst StyledContainer = styled.div`\n margin: 0 auto;\n box-sizing: border-box;\n padding: 0 16px;\n width: 100%;\n @media (min-width: 1280px) {\n max-width: 1280px;\n }\n @media (min-width: ${breakpoints.xs}px) {\n padding: 0 24px;\n }\n`\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"],"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","_objectSpread","background","light1","light4","breakpoints","xxs","xs","sm","md","lg","xl","Container","forwardRef","ref","className","props","_objectWithoutProperties","_ref","_excluded","_jsx","StyledContainer","classNames","displayName","_styled","process","env","NODE_ENV","target","label"],"mappings":"6rCAAA,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,cC5CNC,EAAAA,EAAA,CAAA,EACA9B,GAAc,GAAA,CACjB+B,WAAY/B,EAAeK,SAGlBL,EAAiBC,KACnBD,EAAiBM,OAChBN,EAAiBO,OACjBP,EAAiBQ,OACjBR,EAAiBS,OACfT,EAAiBU,OACrBV,EAAiBW,MAEfmB,EAAAA,EAAA,CAAA,EACL9B,GAAiB,GAAA,CACpBgC,OAAQhC,EAAkBC,KAC1BgC,OAAQ,YAGAjC,EAAeC,KACdD,EAAec,QACjBd,EAAee,QACjBf,EAAegB,QACdhB,EAAeiB,OAGbjB,EAAaC,KACZD,EAAakB,MACflB,EAAamB,MACfnB,EAAaoB,MACZpB,EAAaqB,KAGXrB,EAAYC,KACXD,EAAYsB,OACdtB,EAAYuB,OACdvB,EAAYwB,OACXxB,EAAYyB,MAGVzB,EAAcC,KACbD,EAAc0B,SAChB1B,EAAc2B,SAChB3B,EAAc4B,SACb5B,EAAc6B,uBC7ClBK,ECLc,CAClBC,IAAK,IACLC,GAAI,IACJC,GAAI,IACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MDCAC,EAAYC,GAAW,WAA0BC,GAAG,IAA1BC,IAAAA,UAAcC,EAAKC,EAAAC,EAAAC,GAAA,OACjDC,EAACC,EAAepB,EAAA,CACda,IAAKA,EACLC,UAAWO,EAAW,gBAAiBP,IACnCC,GACJ,IAGJJ,EAAUW,YAAc,YAIxB,IAAMF,EAAeG,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,mBAAAL,CAQEnB,iIAAAA,EAAYE,GAGlC,wBAAA,eAAAkB,QAAAC,IAAAC,SAAA,GAAA"}
@@ -0,0 +1,10 @@
1
+ {
2
+ "name": "kui-basic/Container",
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,14 @@
1
+ import * as React from 'react';
2
+
3
+ interface DividerProps
4
+ extends React.DetailedHTMLProps<
5
+ React.HTMLAttributes<HTMLHRElement>,
6
+ HTMLHRElement
7
+ >,
8
+ React.AriaAttributes {}
9
+
10
+ type DividerType = (props: DividerProps) => React.ReactElement
11
+
12
+ declare const Divider: DividerType
13
+
14
+ export { DividerProps, DividerType, Divider as default };
@@ -0,0 +1,2 @@
1
+ import e from"@emotion/styled/base";import"react";import r from"prop-types";import t from"classnames";import{jsx as n}from"@emotion/react/jsx-runtime";function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?i(Object(t),!0).forEach((function(r){l(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var p={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},c={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},b={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},o={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},s={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},u={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},g={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},m={palette:{brand:a(a({},p),{},{background:p.light2}),grey:{seventy:c.main,sixty:c.gray60,fiftyP:c.gray50,fourty:c.gray40,thirty:c.gray30,fifteenB:c.gray15,zero:c.white},background:a(a({},b),{},{light1:b.main,light4:"#C5C6C7"}),green:{fiftyP:o.main,seventy:o.green70,sixty:o.green60,ten:o.green10,five:o.green5},red:{fiftyP:s.main,seventy:s.red70,sixty:s.red60,ten:s.red10,five:s.red5},blue:{fiftyP:u.main,seventy:u.blue70,sixty:u.blue60,ten:u.blue10,five:u.blue5},purple:{fiftyP:g.main,seventy:g.purple70,sixty:g.purple60,ten:g.purple10,five:g.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}};function y(e){var r=e.className;return n(F,{className:t("KUI-Divider",r)})}y.defaultProps={className:""},y.propTypes={className:r.string};var F=e("hr","production"===process.env.NODE_ENV?{target:"ezk1oyp0"}:{target:"ezk1oyp0",label:"StyledDivider"})("height:1px;border:none;background-color:",m.palette.grey.fifteenB,";margin:0;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CK0IiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuZnVuY3Rpb24gRGl2aWRlcih7IGNsYXNzTmFtZSB9KSB7XG4gIHJldHVybiA8U3R5bGVkRGl2aWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktRGl2aWRlclwiLCBjbGFzc05hbWUpfSAvPlxufVxuXG5EaXZpZGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgY2xhc3NOYW1lOiBcIlwiLFxufVxuXG5EaXZpZGVyLnByb3BUeXBlcyA9IHtcbiAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxufVxuXG5leHBvcnQgZGVmYXVsdCBEaXZpZGVyXG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuaHJgXG4gIGhlaWdodDogMXB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmV5LmZpZnRlZW5CfTtcbiAgbWFyZ2luOiAwO1xuYFxuIl19 */"));export{y 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/Divider/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 from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"../../theme\"\n\nfunction Divider({ className }) {\n return <StyledDivider className={classNames(\"KUI-Divider\", className)} />\n}\n\nDivider.defaultProps = {\n className: \"\",\n}\n\nDivider.propTypes = {\n className: PropTypes.string,\n}\n\nexport default Divider\n\nconst StyledDivider = styled.hr`\n height: 1px;\n border: none;\n background-color: ${theme.palette.grey.fifteenB};\n margin: 0;\n`\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","Divider","_ref","className","_jsx","StyledDivider","classNames","defaultProps","propTypes","PropTypes","string","_styled","process","env","NODE_ENV","target","label"],"mappings":"80BAAA,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,KCIX,SAASC,EAAuBC,GAAA,IAAbC,IAAAA,UACjB,OAAOC,EAACC,EAAa,CAACF,UAAWG,EAAW,cAAeH,IAC7D,CAEAF,EAAQM,aAAe,CACrBJ,UAAW,IAGbF,EAAQO,UAAY,CAClBL,UAAWM,EAAUC,QAKvB,IAAML,EAAaM,EAAA,KAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,iBAAAL,CAAA,2CAGG9C,EAAMC,QAAQI,KAAKM,SAExC,cAAA,eAAAoC,QAAAC,IAAAC,SAAA,GAAA"}
@@ -0,0 +1,10 @@
1
+ {
2
+ "name": "kui-basic/Divider",
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,16 @@
1
+ import * as React from 'react';
2
+ import { ReactNode } from 'react';
3
+
4
+ interface ErrorComponentProps
5
+ extends React.DetailedHTMLProps<
6
+ React.HTMLAttributes<HTMLDivElement>,
7
+ HTMLDivElement
8
+ >,
9
+ React.AriaAttributes {
10
+ message: string
11
+ icon: ReactNode
12
+ }
13
+
14
+ declare const ErrorComponent: (props: ErrorComponentProps) => React.ReactElement
15
+
16
+ export { ErrorComponentProps, ErrorComponent as default };