@grantbii/design-system 1.0.75 → 1.0.79

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 (137) hide show
  1. package/core/atoms/Badge.d.ts +1 -1
  2. package/core/atoms/Badge.js +1 -1
  3. package/core/atoms/Badge.js.map +1 -0
  4. package/core/atoms/BrandLogo.js +1 -1
  5. package/core/atoms/BrandLogo.js.map +1 -0
  6. package/core/atoms/Button.d.ts +1 -1
  7. package/core/atoms/Button.js +3 -2
  8. package/core/atoms/Button.js.map +1 -0
  9. package/core/atoms/Checkbox.d.ts +1 -1
  10. package/core/atoms/Checkbox.js +2 -16
  11. package/core/atoms/Checkbox.js.map +1 -0
  12. package/core/atoms/LinkButton.d.ts +1 -1
  13. package/core/atoms/LinkButton.js +3 -16
  14. package/core/atoms/LinkButton.js.map +1 -0
  15. package/core/atoms/PageLoader.d.ts +1 -1
  16. package/core/atoms/PageLoader.js +2 -16
  17. package/core/atoms/PageLoader.js.map +1 -0
  18. package/core/atoms/RadioButton.d.ts +1 -1
  19. package/core/atoms/RadioButton.js +2 -16
  20. package/core/atoms/RadioButton.js.map +1 -0
  21. package/core/atoms/Select.d.ts +2 -0
  22. package/core/atoms/Select.js +12 -0
  23. package/core/atoms/Select.js.map +1 -0
  24. package/core/atoms/Textarea.js +3 -24
  25. package/core/atoms/Textarea.js.map +1 -0
  26. package/core/atoms/index.d.ts +1 -0
  27. package/core/atoms/index.js +2 -0
  28. package/core/atoms/index.js.map +1 -0
  29. package/core/atoms/shared.d.ts +1 -0
  30. package/core/atoms/shared.js +33 -1
  31. package/core/atoms/shared.js.map +1 -0
  32. package/core/foundations/colors.js +1 -0
  33. package/core/foundations/colors.js.map +1 -0
  34. package/core/foundations/flags.js +1 -0
  35. package/core/foundations/flags.js.map +1 -0
  36. package/core/foundations/icons.js +1 -0
  37. package/core/foundations/icons.js.map +1 -0
  38. package/core/foundations/index.js +1 -0
  39. package/core/foundations/index.js.map +1 -0
  40. package/core/foundations/responsive.js +1 -0
  41. package/core/foundations/responsive.js.map +1 -0
  42. package/core/foundations/types.js +1 -0
  43. package/core/foundations/types.js.map +1 -0
  44. package/core/foundations/typography.d.ts +1 -1
  45. package/core/foundations/typography.js +1 -0
  46. package/core/foundations/typography.js.map +1 -0
  47. package/core/global/GlobalStyle.js +1 -1
  48. package/core/global/GlobalStyle.js.map +1 -0
  49. package/core/global/index.js +1 -0
  50. package/core/global/index.js.map +1 -0
  51. package/core/integrations/StyledComponentsRegistry.d.ts +1 -1
  52. package/core/integrations/StyledComponentsRegistry.js +1 -1
  53. package/core/integrations/StyledComponentsRegistry.js.map +1 -0
  54. package/core/integrations/index.js +1 -0
  55. package/core/integrations/index.js.map +1 -0
  56. package/core/molecules/Dropdown.d.ts +8 -0
  57. package/core/molecules/Dropdown.js +5 -0
  58. package/core/molecules/Dropdown.js.map +1 -0
  59. package/core/molecules/FileDrop.js +3 -6
  60. package/core/molecules/FileDrop.js.map +1 -0
  61. package/core/molecules/Modal.d.ts +2 -2
  62. package/core/molecules/Modal.js +2 -2
  63. package/core/molecules/Modal.js.map +1 -0
  64. package/core/molecules/RadioButtons.d.ts +2 -2
  65. package/core/molecules/RadioButtons.js +2 -16
  66. package/core/molecules/RadioButtons.js.map +1 -0
  67. package/core/molecules/index.d.ts +1 -0
  68. package/core/molecules/index.js +2 -0
  69. package/core/molecules/index.js.map +1 -0
  70. package/core/organisms/GrantMatch/ActiveQueryFiles.js +2 -4
  71. package/core/organisms/GrantMatch/ActiveQueryFiles.js.map +1 -0
  72. package/core/organisms/GrantMatch/GrantMatchModal.js +1 -1
  73. package/core/organisms/GrantMatch/GrantMatchModal.js.map +1 -0
  74. package/core/organisms/GrantMatch/SearchBar.js +1 -0
  75. package/core/organisms/GrantMatch/SearchBar.js.map +1 -0
  76. package/core/organisms/GrantMatch/context.d.ts +1 -1
  77. package/core/organisms/GrantMatch/context.js +1 -0
  78. package/core/organisms/GrantMatch/context.js.map +1 -0
  79. package/core/organisms/GrantMatch/index.d.ts +1 -1
  80. package/core/organisms/GrantMatch/index.js +2 -2
  81. package/core/organisms/GrantMatch/index.js.map +1 -0
  82. package/core/organisms/TallyModal.d.ts +1 -1
  83. package/core/organisms/TallyModal.js +2 -16
  84. package/core/organisms/TallyModal.js.map +1 -0
  85. package/core/organisms/YesNoOptions.d.ts +1 -1
  86. package/core/organisms/YesNoOptions.js +2 -2
  87. package/core/organisms/YesNoOptions.js.map +1 -0
  88. package/core/organisms/index.js +1 -0
  89. package/core/organisms/index.js.map +1 -0
  90. package/index.js +2 -0
  91. package/index.js.map +1 -0
  92. package/package.json +3 -2
  93. package/stories/atoms/Badge.stories.d.ts +1 -1
  94. package/stories/atoms/Badge.stories.js +1 -0
  95. package/stories/atoms/Badge.stories.js.map +1 -0
  96. package/stories/atoms/BrandLogo.stories.d.ts +1 -1
  97. package/stories/atoms/BrandLogo.stories.js +1 -0
  98. package/stories/atoms/BrandLogo.stories.js.map +1 -0
  99. package/stories/atoms/Button.stories.d.ts +1 -1
  100. package/stories/atoms/Button.stories.js +19 -4
  101. package/stories/atoms/Button.stories.js.map +1 -0
  102. package/stories/atoms/Checkbox.stories.d.ts +1 -1
  103. package/stories/atoms/Checkbox.stories.js +1 -0
  104. package/stories/atoms/Checkbox.stories.js.map +1 -0
  105. package/stories/atoms/LinkButton.stories.d.ts +1 -1
  106. package/stories/atoms/LinkButton.stories.js +19 -4
  107. package/stories/atoms/LinkButton.stories.js.map +1 -0
  108. package/stories/atoms/PageLoader.stories.d.ts +1 -1
  109. package/stories/atoms/PageLoader.stories.js +1 -0
  110. package/stories/atoms/PageLoader.stories.js.map +1 -0
  111. package/stories/atoms/Textarea.stories.d.ts +1 -1
  112. package/stories/atoms/Textarea.stories.js +1 -0
  113. package/stories/atoms/Textarea.stories.js.map +1 -0
  114. package/stories/molecules/Dropdown.stories.d.ts +7 -0
  115. package/stories/molecules/Dropdown.stories.js +26 -0
  116. package/stories/molecules/Dropdown.stories.js.map +1 -0
  117. package/stories/molecules/FileDrop.stories.d.ts +1 -1
  118. package/stories/molecules/FileDrop.stories.js +1 -0
  119. package/stories/molecules/FileDrop.stories.js.map +1 -0
  120. package/stories/molecules/Modal.stories.d.ts +3 -3
  121. package/stories/molecules/Modal.stories.js +3 -1
  122. package/stories/molecules/Modal.stories.js.map +1 -0
  123. package/stories/molecules/RadioButtons.stories.d.ts +1 -1
  124. package/stories/molecules/RadioButtons.stories.js +2 -1
  125. package/stories/molecules/RadioButtons.stories.js.map +1 -0
  126. package/stories/organisms/GrantMatch.stories.d.ts +1 -1
  127. package/stories/organisms/GrantMatch.stories.js +3 -1
  128. package/stories/organisms/GrantMatch.stories.js.map +1 -0
  129. package/stories/organisms/TallyModal.stories.d.ts +2 -2
  130. package/stories/organisms/TallyModal.stories.js +3 -1
  131. package/stories/organisms/TallyModal.stories.js.map +1 -0
  132. package/stories/organisms/YesNoOptions.stories.d.ts +1 -1
  133. package/stories/organisms/YesNoOptions.stories.js +5 -1
  134. package/stories/organisms/YesNoOptions.stories.js.map +1 -0
  135. package/tsconfig.tsbuildinfo +1 -1
  136. package/vitest.config.js +1 -0
  137. package/vitest.config.js.map +1 -0
@@ -1,4 +1,4 @@
1
- import { ComponentType, MouseEventHandler } from "react";
1
+ import type { ComponentType, MouseEventHandler } from "react";
2
2
  import { Icons } from "../foundations";
3
3
  type BadgeProps = {
4
4
  text: string;
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
2
  import styled from "styled-components";
4
3
  import { Colors, Icons, Responsive, Typography } from "../foundations";
@@ -53,3 +52,4 @@ const Button = styled.button `
53
52
 
54
53
  min-width: 12px;
55
54
  `;
55
+ //# sourceMappingURL=Badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../core/atoms/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAavE,MAAM,KAAK,GAAG,CAAC,EACb,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,SAAS,EACtB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,KAAK,GACM,EAAE,EAAE,CAAC,CAChB,MAAC,SAAS,wBAAmB,eAAe,YAAU,KAAK,aACzD,MAAC,YAAY,oBAAe,CAAC,CAAC,YAAY,kBAAgB,eAAe,aACtE,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,aAAa,cACZ,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,GAAI,GAC5C,CACjB,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,EACD,KAAC,SAAS,cAAE,IAAI,GAAa,IAChB,EAEd,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,YACzC,KAAC,KAAK,CAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,CACV,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,IACS,CACb,CAAC;AAEF,eAAe,KAAK,CAAC;AAErB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAgD;;;;;;;;;WASjE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,MAAM;sBACzC,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,CAClE,gBAAgB;CACnB,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAG7B;;;;;WAKS,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;eAC/D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAChC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM;CAC9C,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAiC;;;;WAItD,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS;eACjC,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS;eACrC,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS;CACnD,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;oBAON,UAAU,CAAC,iBAAiB,CAAC,MAAM;iBACtC,UAAU,CAAC,iBAAiB,CAAC,KAAK;;;qBAG9B,UAAU,CAAC,iBAAiB,CAAC,MAAM;iBACvC,UAAU,CAAC,iBAAiB,CAAC,GAAG;;CAEhD,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;CAK3B,CAAC","sourcesContent":["import type { ComponentType, MouseEventHandler } from \"react\";\nimport styled from \"styled-components\";\nimport { Colors, Icons, Responsive, Typography } from \"../foundations\";\n\ntype BadgeProps = {\n text: string;\n Icon?: ComponentType<Icons.IconProps>;\n iconSize?: string | number;\n iconWeight?: Icons.IconWeight;\n onClickClose?: MouseEventHandler<HTMLButtonElement>;\n textWidthPixels?: number;\n backgroundColor?: string;\n color?: string;\n};\n\nconst Badge = ({\n text,\n Icon,\n iconSize = 20,\n iconWeight = \"regular\",\n onClickClose,\n textWidthPixels,\n backgroundColor,\n color,\n}: BadgeProps) => (\n <BaseBadge $backgroundColor={backgroundColor} $color={color}>\n <BadgeContent $isCloseable={!!onClickClose} $widthPixels={textWidthPixels}>\n {Icon ? (\n <IconContainer>\n <Icon color={color} size={iconSize} weight={iconWeight} />\n </IconContainer>\n ) : (\n <></>\n )}\n <BadgeText>{text}</BadgeText>\n </BadgeContent>\n\n {onClickClose ? (\n <Button type=\"button\" onClick={onClickClose}>\n <Icons.XIcon size={12} />\n </Button>\n ) : (\n <></>\n )}\n </BaseBadge>\n);\n\nexport default Badge;\n\nconst BaseBadge = styled.div<{ $backgroundColor?: string; $color?: string }>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n\n padding: 5px 16px;\n border-radius: 130px;\n\n color: ${({ $color = Colors.typography.blackHigh }) => $color};\n background-color: ${({ $backgroundColor = Colors.neutral.grey3 }) =>\n $backgroundColor};\n`;\n\nconst BadgeContent = styled.div<{\n $isCloseable: boolean;\n $widthPixels?: number;\n}>`\n display: flex;\n align-items: center;\n gap: 10px;\n\n width: ${({ $widthPixels }) => ($widthPixels ? `${$widthPixels}px` : \"auto\")};\n max-width: ${({ $isCloseable }) =>\n $isCloseable ? \"calc(100% - 20px)\" : \"auto\"};\n`;\n\nconst IconContainer = styled.div<{ $iconSize?: string | number }>`\n display: flex;\n flex-direction: column;\n\n width: ${({ $iconSize = \"auto\" }) => $iconSize};\n min-width: ${({ $iconSize = \"auto\" }) => $iconSize};\n max-width: ${({ $iconSize = \"auto\" }) => $iconSize};\n`;\n\nconst BadgeText = styled.p`\n overflow-x: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n font-weight: 500;\n\n @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n font-size: ${Typography.HELPER_FONT_SIZES.small};\n }\n\n @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n font-size: ${Typography.HELPER_FONT_SIZES.big};\n }\n`;\n\nconst Button = styled.button`\n display: flex;\n flex-direction: column;\n\n min-width: 12px;\n`;\n"]}
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  import { jsx as _jsx } from "react/jsx-runtime";
3
2
  import Image from "next/image";
4
3
  import styled from "styled-components";
@@ -18,3 +17,4 @@ const CustomImage = styled(Image) `
18
17
  height: 48px;
19
18
  }
20
19
  `;
20
+ //# sourceMappingURL=BrandLogo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BrandLogo.js","sourceRoot":"","sources":["../../../core/atoms/BrandLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,QAAQ,MAAM,sCAAsC,CAAC;AAC5D,OAAO,SAAS,MAAM,uCAAuC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAO5C,MAAM,SAAS,GAAG,CAAC,EACjB,WAAW,GAAG,IAAI,EAClB,GAAG,GAAG,UAAU,GACD,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,IACV,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,GAAG,EACR,QAAQ,SACR,CACH,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;oBACb,UAAU,CAAC,iBAAiB,CAAC,MAAM;;;;;qBAKlC,UAAU,CAAC,iBAAiB,CAAC,MAAM;;;;CAIvD,CAAC","sourcesContent":["import Image from \"next/image\";\nimport styled from \"styled-components\";\nimport darkLogo from \"../assets/logos/brand_logo-dark.webp\";\nimport lightLogo from \"../assets/logos/brand_logo-light.webp\";\nimport { Responsive } from \"../foundations\";\n\ntype BrandLogoProps = {\n isDarkTheme?: boolean;\n alt?: string;\n};\n\nconst BrandLogo = ({\n isDarkTheme = true,\n alt = \"Grantbii\",\n}: BrandLogoProps) => (\n <CustomImage\n src={isDarkTheme ? darkLogo : lightLogo}\n width={250}\n height={80}\n alt={alt}\n priority\n />\n);\n\nexport default BrandLogo;\n\nconst CustomImage = styled(Image)`\n @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n width: 125px;\n height: 40px;\n }\n\n @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n width: 150px;\n height: 48px;\n }\n`;\n"]}
@@ -1,4 +1,4 @@
1
- import { ComponentType, MouseEventHandler } from "react";
1
+ import type { ComponentType, MouseEventHandler } from "react";
2
2
  import { Icons } from "../foundations";
3
3
  type ButtonProps = {
4
4
  text: string;
@@ -1,9 +1,10 @@
1
- "use client";
2
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { BaseButton as ButtonContent } from "./shared";
4
2
  import styled from "styled-components";
3
+ import { Icons } from "../foundations";
4
+ import { BaseButton as ButtonContent } from "./shared";
5
5
  const Button = ({ text, onClick, disabled, LeftIcon, RightIcon, underline, backgroundColor, color, width, type = "button", }) => (_jsx(BaseButton, { type: type, onClick: onClick, disabled: disabled, "$width": width, children: _jsxs(ButtonContent, { "$underline": underline, "$backgroundColor": backgroundColor, "$color": color, "$width": width, children: [LeftIcon ? _jsx(LeftIcon, { color: color, size: 20 }) : _jsx(_Fragment, {}), _jsx("p", { children: text }), RightIcon ? _jsx(RightIcon, { color: color, size: 20 }) : _jsx(_Fragment, {})] }) }));
6
6
  export default Button;
7
7
  const BaseButton = styled.button `
8
8
  width: ${({ $width = "auto" }) => $width};
9
9
  `;
10
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../core/atoms/Button.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AAevD,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,eAAe,EACf,KAAK,EACL,KAAK,EACL,IAAI,GAAG,QAAQ,GACH,EAAE,EAAE,CAAC,CACjB,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,YAAU,KAAK,YACzE,MAAC,aAAa,kBACA,SAAS,sBACH,eAAe,YACzB,KAAK,YACL,KAAK,aAEZ,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,mBAAK,EACxD,sBAAI,IAAI,GAAK,EACZ,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,mBAAK,IAC5C,GACL,CACd,CAAC;AAEF,eAAe,MAAM,CAAC;AAEtB,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAqB;WAC1C,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;CACzC,CAAC","sourcesContent":["import type { ComponentType, MouseEventHandler } from \"react\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../foundations\";\nimport { BaseButton as ButtonContent } from \"./shared\";\n\ntype ButtonProps = {\n text: string;\n onClick: MouseEventHandler<HTMLButtonElement>;\n disabled?: boolean;\n type?: \"button\" | \"submit\" | \"reset\";\n LeftIcon?: ComponentType<Icons.IconProps>;\n RightIcon?: ComponentType<Icons.IconProps>;\n underline?: boolean;\n backgroundColor?: string;\n color?: string;\n width?: string;\n};\n\nconst Button = ({\n text,\n onClick,\n disabled,\n LeftIcon,\n RightIcon,\n underline,\n backgroundColor,\n color,\n width,\n type = \"button\",\n}: ButtonProps) => (\n <BaseButton type={type} onClick={onClick} disabled={disabled} $width={width}>\n <ButtonContent\n $underline={underline}\n $backgroundColor={backgroundColor}\n $color={color}\n $width={width}\n >\n {LeftIcon ? <LeftIcon color={color} size={20} /> : <></>}\n <p>{text}</p>\n {RightIcon ? <RightIcon color={color} size={20} /> : <></>}\n </ButtonContent>\n </BaseButton>\n);\n\nexport default Button;\n\nconst BaseButton = styled.button<{ $width?: string }>`\n width: ${({ $width = \"auto\" }) => $width};\n`;\n"]}
@@ -1,4 +1,4 @@
1
- import { DetailedHTMLProps, InputHTMLAttributes } from "react";
1
+ import type { DetailedHTMLProps, InputHTMLAttributes } from "react";
2
2
  type CheckboxProps = {
3
3
  label: string;
4
4
  labelBefore?: boolean;
@@ -1,19 +1,5 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
14
2
  import { LabelledInput } from "./shared";
15
- const Checkbox = (_a) => {
16
- var { id, label, labelBefore = false } = _a, checkboxProps = __rest(_a, ["id", "label", "labelBefore"]);
17
- return (_jsxs(LabelledInput, { children: [labelBefore ? _jsx("label", { htmlFor: `${id}-checkbox`, children: label }) : _jsx(_Fragment, {}), _jsx("input", Object.assign({}, checkboxProps, { id: `${id}-checkbox`, type: "checkbox" })), labelBefore ? _jsx(_Fragment, {}) : _jsx("label", { htmlFor: `${id}-checkbox`, children: label })] }));
18
- };
3
+ const Checkbox = ({ id, label, labelBefore = false, ...checkboxProps }) => (_jsxs(LabelledInput, { children: [labelBefore ? _jsx("label", { htmlFor: `${id}-checkbox`, children: label }) : _jsx(_Fragment, {}), _jsx("input", { ...checkboxProps, id: `${id}-checkbox`, type: "checkbox" }), labelBefore ? _jsx(_Fragment, {}) : _jsx("label", { htmlFor: `${id}-checkbox`, children: label })] }));
19
4
  export default Checkbox;
5
+ //# sourceMappingURL=Checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../core/atoms/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAOzC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,GAAG,aAAa,EACF,EAAE,EAAE,CAAC,CACnB,MAAC,aAAa,eACX,WAAW,CAAC,CAAC,CAAC,gBAAO,OAAO,EAAE,GAAG,EAAE,WAAW,YAAG,KAAK,GAAS,CAAC,CAAC,CAAC,mBAAK,EACxE,mBAAW,aAAa,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAC,UAAU,GAAG,EACjE,WAAW,CAAC,CAAC,CAAC,mBAAK,CAAC,CAAC,CAAC,gBAAO,OAAO,EAAE,GAAG,EAAE,WAAW,YAAG,KAAK,GAAS,IAC1D,CACjB,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import type { DetailedHTMLProps, InputHTMLAttributes } from \"react\";\nimport { LabelledInput } from \"./shared\";\n\ntype CheckboxProps = {\n label: string;\n labelBefore?: boolean;\n} & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;\n\nconst Checkbox = ({\n id,\n label,\n labelBefore = false,\n ...checkboxProps\n}: CheckboxProps) => (\n <LabelledInput>\n {labelBefore ? <label htmlFor={`${id}-checkbox`}>{label}</label> : <></>}\n <input {...checkboxProps} id={`${id}-checkbox`} type=\"checkbox\" />\n {labelBefore ? <></> : <label htmlFor={`${id}-checkbox`}>{label}</label>}\n </LabelledInput>\n);\n\nexport default Checkbox;\n"]}
@@ -1,4 +1,4 @@
1
- import { ComponentType, HTMLAttributeAnchorTarget } from "react";
1
+ import type { ComponentType, HTMLAttributeAnchorTarget } from "react";
2
2
  import { Icons } from "../foundations";
3
3
  type LinkButtonProps = {
4
4
  text: string;
@@ -1,24 +1,11 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
14
2
  import Link from "next/link";
3
+ import { Icons } from "../foundations";
15
4
  import { BaseButton } from "./shared";
16
5
  /**
17
6
  * A link that looks like a button
18
7
  */
19
- const LinkButton = (_a) => {
20
- var { href, target, disabled } = _a, contentProps = __rest(_a, ["href", "target", "disabled"]);
21
- return disabled ? (_jsx(Content, Object.assign({}, contentProps))) : (_jsx(Link, { href: href, target: target, children: _jsx(Content, Object.assign({}, contentProps)) }));
22
- };
8
+ const LinkButton = ({ href, target, disabled, ...contentProps }) => disabled ? (_jsx(Content, { ...contentProps })) : (_jsx(Link, { href: href, target: target, children: _jsx(Content, { ...contentProps }) }));
23
9
  export default LinkButton;
24
10
  const Content = ({ text, LeftIcon, RightIcon, underline, backgroundColor, color, width, }) => (_jsxs(BaseButton, { "$underline": underline, "$backgroundColor": backgroundColor, "$color": color, "$width": width, children: [LeftIcon ? _jsx(LeftIcon, { color: color, size: 20 }) : _jsx(_Fragment, {}), _jsx("p", { children: text }), RightIcon ? _jsx(RightIcon, { color: color, size: 20 }) : _jsx(_Fragment, {})] }));
11
+ //# sourceMappingURL=LinkButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../core/atoms/LinkButton.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAetC;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,GAAG,YAAY,EACC,EAAE,EAAE,CACpB,QAAQ,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,OAAK,YAAY,GAAI,CAC9B,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAC9B,KAAC,OAAO,OAAK,YAAY,GAAI,GACxB,CACR,CAAC;AAEJ,eAAe,UAAU,CAAC;AAY1B,MAAM,OAAO,GAAG,CAAC,EACf,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,eAAe,EACf,KAAK,EACL,KAAK,GACQ,EAAE,EAAE,CAAC,CAClB,MAAC,UAAU,kBACG,SAAS,sBACH,eAAe,YACzB,KAAK,YACL,KAAK,aAEZ,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,mBAAK,EACxD,sBAAI,IAAI,GAAK,EACZ,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,mBAAK,IAC/C,CACd,CAAC","sourcesContent":["import Link from \"next/link\";\nimport type { ComponentType, HTMLAttributeAnchorTarget } from \"react\";\nimport { Icons } from \"../foundations\";\nimport { BaseButton } from \"./shared\";\n\ntype LinkButtonProps = {\n text: string;\n href: string;\n disabled?: boolean;\n target?: HTMLAttributeAnchorTarget;\n LeftIcon?: ComponentType<Icons.IconProps>;\n RightIcon?: ComponentType<Icons.IconProps>;\n underline?: boolean;\n backgroundColor?: string;\n color?: string;\n width?: string;\n};\n\n/**\n * A link that looks like a button\n */\nconst LinkButton = ({\n href,\n target,\n disabled,\n ...contentProps\n}: LinkButtonProps) =>\n disabled ? (\n <Content {...contentProps} />\n ) : (\n <Link href={href} target={target}>\n <Content {...contentProps} />\n </Link>\n );\n\nexport default LinkButton;\n\ntype ContentProps = {\n text: string;\n LeftIcon?: ComponentType<Icons.IconProps>;\n RightIcon?: ComponentType<Icons.IconProps>;\n underline?: boolean;\n backgroundColor?: string;\n color?: string;\n width?: string;\n};\n\nconst Content = ({\n text,\n LeftIcon,\n RightIcon,\n underline,\n backgroundColor,\n color,\n width,\n}: ContentProps) => (\n <BaseButton\n $underline={underline}\n $backgroundColor={backgroundColor}\n $color={color}\n $width={width}\n >\n {LeftIcon ? <LeftIcon color={color} size={20} /> : <></>}\n <p>{text}</p>\n {RightIcon ? <RightIcon color={color} size={20} /> : <></>}\n </BaseButton>\n);\n"]}
@@ -1,4 +1,4 @@
1
- import { LoaderSizeMarginProps } from "react-spinners/helpers/props";
1
+ import type { LoaderSizeMarginProps } from "react-spinners/helpers/props";
2
2
  type PageLoaderProps = {
3
3
  isPacman?: boolean;
4
4
  } & LoaderSizeMarginProps;
@@ -1,15 +1,3 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
1
  import { jsx as _jsx } from "react/jsx-runtime";
14
2
  import { MoonLoader, PacmanLoader } from "react-spinners";
15
3
  import styled from "styled-components";
@@ -17,10 +5,7 @@ import { Colors } from "../foundations";
17
5
  /**
18
6
  * The animation to show when loading the whole page
19
7
  */
20
- const PageLoader = (_a) => {
21
- var { isPacman = false, color = Colors.accent.blue1, size } = _a, restOfProps = __rest(_a, ["isPacman", "color", "size"]);
22
- return (_jsx(Background, { children: isPacman ? (_jsx(PacmanLoader, Object.assign({ color: color, size: size ? size : 20 }, restOfProps))) : (_jsx(MoonLoader, Object.assign({ color: color, size: size ? size : 32 }, restOfProps))) }));
23
- };
8
+ const PageLoader = ({ isPacman = false, color = Colors.accent.blue1, size, ...restOfProps }) => (_jsx(Background, { children: isPacman ? (_jsx(PacmanLoader, { color: color, size: size ? size : 20, ...restOfProps })) : (_jsx(MoonLoader, { color: color, size: size ? size : 32, ...restOfProps })) }));
24
9
  export default PageLoader;
25
10
  const Background = styled.div `
26
11
  display: flex;
@@ -30,3 +15,4 @@ const Background = styled.div `
30
15
  width: 100%;
31
16
  height: 100%;
32
17
  `;
18
+ //# sourceMappingURL=PageLoader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PageLoader.js","sourceRoot":"","sources":["../../../core/atoms/PageLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAMxC;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAC3B,IAAI,EACJ,GAAG,WAAW,EACE,EAAE,EAAE,CAAC,CACrB,KAAC,UAAU,cACR,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAM,WAAW,GAAI,CACxE,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAM,WAAW,GAAI,CACtE,GACU,CACd,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO5B,CAAC","sourcesContent":["import { MoonLoader, PacmanLoader } from \"react-spinners\";\nimport type { LoaderSizeMarginProps } from \"react-spinners/helpers/props\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../foundations\";\n\ntype PageLoaderProps = {\n isPacman?: boolean;\n} & LoaderSizeMarginProps;\n\n/**\n * The animation to show when loading the whole page\n */\nconst PageLoader = ({\n isPacman = false,\n color = Colors.accent.blue1,\n size,\n ...restOfProps\n}: PageLoaderProps) => (\n <Background>\n {isPacman ? (\n <PacmanLoader color={color} size={size ? size : 20} {...restOfProps} />\n ) : (\n <MoonLoader color={color} size={size ? size : 32} {...restOfProps} />\n )}\n </Background>\n);\n\nexport default PageLoader;\n\nconst Background = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 100%;\n`;\n"]}
@@ -1,4 +1,4 @@
1
- import { DetailedHTMLProps, InputHTMLAttributes } from "react";
1
+ import type { DetailedHTMLProps, InputHTMLAttributes } from "react";
2
2
  type RadioButtonProps = {
3
3
  label: string;
4
4
  } & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
@@ -1,19 +1,5 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
2
  import { LabelledInput } from "./shared";
15
- const RadioButton = (_a) => {
16
- var { id, label } = _a, radioButtonProps = __rest(_a, ["id", "label"]);
17
- return (_jsxs(LabelledInput, { children: [_jsx("input", Object.assign({}, radioButtonProps, { id: `${id}-radio-button`, type: "radio" })), _jsx("label", { htmlFor: `${id}-radio-button`, children: label })] }));
18
- };
3
+ const RadioButton = ({ id, label, ...radioButtonProps }) => (_jsxs(LabelledInput, { children: [_jsx("input", { ...radioButtonProps, id: `${id}-radio-button`, type: "radio" }), _jsx("label", { htmlFor: `${id}-radio-button`, children: label })] }));
19
4
  export default RadioButton;
5
+ //# sourceMappingURL=RadioButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../core/atoms/RadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAMzC,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAoB,EAAE,EAAE,CAAC,CAC5E,MAAC,aAAa,eACZ,mBAAW,gBAAgB,EAAE,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAC,OAAO,GAAG,EACtE,gBAAO,OAAO,EAAE,GAAG,EAAE,eAAe,YAAG,KAAK,GAAS,IACvC,CACjB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import type { DetailedHTMLProps, InputHTMLAttributes } from \"react\";\nimport { LabelledInput } from \"./shared\";\n\ntype RadioButtonProps = {\n label: string;\n} & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;\n\nconst RadioButton = ({ id, label, ...radioButtonProps }: RadioButtonProps) => (\n <LabelledInput>\n <input {...radioButtonProps} id={`${id}-radio-button`} type=\"radio\" />\n <label htmlFor={`${id}-radio-button`}>{label}</label>\n </LabelledInput>\n);\n\nexport default RadioButton;\n"]}
@@ -0,0 +1,2 @@
1
+ declare const Select: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
2
+ export default Select;
@@ -0,0 +1,12 @@
1
+ import styled from "styled-components";
2
+ import { Colors } from "../foundations";
3
+ import { InputValidation } from "./shared";
4
+ const Select = styled.select `
5
+ padding: 12px 16px;
6
+ background-color: ${Colors.base.white};
7
+ border-radius: 6px;
8
+
9
+ ${InputValidation}
10
+ `;
11
+ export default Select;
12
+ //# sourceMappingURL=Select.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../core/atoms/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;;sBAEN,MAAM,CAAC,IAAI,CAAC,KAAK;;;IAGnC,eAAe;CAClB,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import styled from \"styled-components\";\nimport { Colors } from \"../foundations\";\nimport { InputValidation } from \"./shared\";\n\nconst Select = styled.select`\n padding: 12px 16px;\n background-color: ${Colors.base.white};\n border-radius: 6px;\n\n ${InputValidation}\n`;\n\nexport default Select;\n"]}
@@ -1,32 +1,11 @@
1
- "use client";
2
1
  import styled from "styled-components";
3
- import { Colors } from "../foundations";
2
+ import { InputValidation } from "./shared";
4
3
  const Textarea = styled.textarea `
5
4
  height: ${({ $heightPixels = 100 }) => $heightPixels}px;
6
5
  padding: 12px 16px;
7
6
  border-radius: 6px;
8
7
 
9
- &:disabled {
10
- background-color: ${Colors.neutral.grey4};
11
- border: 1px solid ${Colors.neutral.grey3};
12
- }
13
-
14
- &:valid {
15
- border: 1px solid ${Colors.neutral.grey3};
16
- }
17
-
18
- &:invalid {
19
- border: 1px solid ${Colors.accent.red1};
20
- }
21
-
22
- &:focus&:valid {
23
- border: 1px solid ${Colors.accent.blue1};
24
- outline: 1px solid ${Colors.accent.blue1};
25
- }
26
-
27
- &:focus&:invalid {
28
- border: 1px solid ${Colors.accent.red1};
29
- outline: 1px solid ${Colors.accent.red1};
30
- }
8
+ ${InputValidation}
31
9
  `;
32
10
  export default Textarea;
11
+ //# sourceMappingURL=Textarea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../core/atoms/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAA4B;YAChD,CAAC,EAAE,aAAa,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,aAAa;;;;IAIlD,eAAe;CAClB,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import styled from \"styled-components\";\nimport { InputValidation } from \"./shared\";\n\nconst Textarea = styled.textarea<{ $heightPixels?: number }>`\n height: ${({ $heightPixels = 100 }) => $heightPixels}px;\n padding: 12px 16px;\n border-radius: 6px;\n\n ${InputValidation}\n`;\n\nexport default Textarea;\n"]}
@@ -5,4 +5,5 @@ export { default as Checkbox } from "./Checkbox";
5
5
  export { default as LinkButton } from "./LinkButton";
6
6
  export { default as PageLoader } from "./PageLoader";
7
7
  export { default as RadioButton } from "./RadioButton";
8
+ export { default as Select } from "./Select";
8
9
  export { default as Textarea } from "./Textarea";
@@ -5,4 +5,6 @@ export { default as Checkbox } from "./Checkbox";
5
5
  export { default as LinkButton } from "./LinkButton";
6
6
  export { default as PageLoader } from "./PageLoader";
7
7
  export { default as RadioButton } from "./RadioButton";
8
+ export { default as Select } from "./Select";
8
9
  export { default as Textarea } from "./Textarea";
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default as Badge } from \"./Badge\";\nexport { default as BrandLogo } from \"./BrandLogo\";\nexport { default as Button } from \"./Button\";\nexport { default as Checkbox } from \"./Checkbox\";\nexport { default as LinkButton } from \"./LinkButton\";\nexport { default as PageLoader } from \"./PageLoader\";\nexport { default as RadioButton } from \"./RadioButton\";\nexport { default as Select } from \"./Select\";\nexport { default as Textarea } from \"./Textarea\";\n"]}
@@ -5,3 +5,4 @@ export declare const BaseButton: import("styled-components/dist/types").IStyledC
5
5
  $width?: string;
6
6
  }>> & string;
7
7
  export declare const LabelledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
8
+ export declare const InputValidation: import("styled-components").RuleSet<object>;
@@ -1,4 +1,4 @@
1
- import styled from "styled-components";
1
+ import styled, { css } from "styled-components";
2
2
  import { Colors } from "../foundations";
3
3
  export const BaseButton = styled.div `
4
4
  display: flex;
@@ -24,3 +24,35 @@ export const LabelledInput = styled.div `
24
24
  align-items: center;
25
25
  gap: 8px;
26
26
  `;
27
+ export const InputValidation = css `
28
+ &:disabled {
29
+ background-color: ${Colors.neutral.grey4};
30
+ border: 1px solid ${Colors.neutral.grey3};
31
+ outline: none;
32
+ }
33
+
34
+ &:valid {
35
+ background-color: ${Colors.base.white};
36
+ border: 1px solid ${Colors.neutral.grey3};
37
+ outline: none;
38
+ }
39
+
40
+ &:valid&:focus {
41
+ background-color: ${Colors.base.white};
42
+ border: 1px solid ${Colors.accent.blue1};
43
+ outline: 1px solid ${Colors.accent.blue1};
44
+ }
45
+
46
+ &:invalid {
47
+ background-color: ${Colors.base.white};
48
+ border: 1px solid ${Colors.accent.red1};
49
+ outline: none;
50
+ }
51
+
52
+ &:invalid&:focus {
53
+ background-color: ${Colors.base.white};
54
+ border: 1px solid ${Colors.accent.red1};
55
+ outline: 1px solid ${Colors.accent.red1};
56
+ }
57
+ `;
58
+ //# sourceMappingURL=shared.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../core/atoms/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAKlC;;;;;;WAMS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;;;;qBAQrB,CAAC,EAAE,UAAU,GAAG,KAAK,EAAE,EAAE,EAAE,CAC5C,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;;WAE1B,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,MAAM;sBACzC,CAAC,EACnB,UAAU,GAAG,KAAK,EAClB,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,GAC5C,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAItC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;wBAEV,MAAM,CAAC,OAAO,CAAC,KAAK;wBACpB,MAAM,CAAC,OAAO,CAAC,KAAK;;;;;wBAKpB,MAAM,CAAC,IAAI,CAAC,KAAK;wBACjB,MAAM,CAAC,OAAO,CAAC,KAAK;;;;;wBAKpB,MAAM,CAAC,IAAI,CAAC,KAAK;wBACjB,MAAM,CAAC,MAAM,CAAC,KAAK;yBAClB,MAAM,CAAC,MAAM,CAAC,KAAK;;;;wBAIpB,MAAM,CAAC,IAAI,CAAC,KAAK;wBACjB,MAAM,CAAC,MAAM,CAAC,IAAI;;;;;wBAKlB,MAAM,CAAC,IAAI,CAAC,KAAK;wBACjB,MAAM,CAAC,MAAM,CAAC,IAAI;yBACjB,MAAM,CAAC,MAAM,CAAC,IAAI;;CAE1C,CAAC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Colors } from \"../foundations\";\n\nexport const BaseButton = styled.div<{\n $underline?: boolean;\n $backgroundColor?: string;\n $color?: string;\n $width?: string;\n}>`\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n\n width: ${({ $width = \"auto\" }) => $width};\n\n padding: 10px 16px;\n border-radius: 4px;\n\n font-weight: 500;\n font-size: 14px;\n\n text-decoration: ${({ $underline = false }) =>\n $underline ? \"underline\" : \"none\"};\n\n color: ${({ $color = Colors.typography.whiteHigh }) => $color};\n background-color: ${({\n $underline = false,\n $backgroundColor = Colors.main.grantbiiBlue,\n }) => ($underline ? \"transparent\" : $backgroundColor)};\n`;\n\nexport const LabelledInput = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nexport const InputValidation = css`\n &:disabled {\n background-color: ${Colors.neutral.grey4};\n border: 1px solid ${Colors.neutral.grey3};\n outline: none;\n }\n\n &:valid {\n background-color: ${Colors.base.white};\n border: 1px solid ${Colors.neutral.grey3};\n outline: none;\n }\n\n &:valid&:focus {\n background-color: ${Colors.base.white};\n border: 1px solid ${Colors.accent.blue1};\n outline: 1px solid ${Colors.accent.blue1};\n }\n\n &:invalid {\n background-color: ${Colors.base.white};\n border: 1px solid ${Colors.accent.red1};\n outline: none;\n }\n\n &:invalid&:focus {\n background-color: ${Colors.base.white};\n border: 1px solid ${Colors.accent.red1};\n outline: 1px solid ${Colors.accent.red1};\n }\n`;\n"]}
@@ -41,3 +41,4 @@ export const typography = {
41
41
  export const semantic = {
42
42
  overlay: "#13131366",
43
43
  };
44
+ //# sourceMappingURL=colors.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../core/foundations/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,4DAA4D;IAC5D,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,8CAA8C;IAC9C,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,kDAAkD;IAClD,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,qCAAqC;IACrC,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,WAAW;CACrB,CAAC","sourcesContent":["export const main = {\n grantbiiBlue: \"#16538a\",\n grantbiiOrange: \"#f3924d\",\n};\n\nexport const base = {\n black: \"#232022\",\n white: \"#ffffff\",\n};\n\nexport const neutral = {\n grey1: \"#999999\",\n grey2: \"#cccccc\",\n grey3: \"#eeeeee\",\n grey4: \"#fafafa\",\n};\n\nexport const accent = {\n // usually includes dangerous, wrong or rejected information\n red1: \"#c02318\",\n red2: \"#f88e86\",\n red3: \"#fcc7c3\",\n // usually indicates warning, progressing, etc\n yellow1: \"#edab03\",\n yellow2: \"#f4cc68\",\n yellow3: \"#fae6b3\",\n // usually indicates success, correct, passed, etc\n green1: \"#08a45e\",\n green2: \"#6bc89e\",\n green3: \"#b5e4cf\",\n // usually indicates info, no emotion\n blue1: \"#1878e4\",\n blue2: \"#74aeef\",\n blue3: \"#bad6f7\",\n};\n\nexport const typography = {\n blackHigh: \"#000000e5\",\n blackMedium: \"#00000099\",\n blackLow: \"#0000004d\",\n whiteHigh: \"#ffffff\",\n whiteMedium: \"#ffffff99\",\n whiteLow: \"#0000001a\",\n};\n\nexport const semantic = {\n overlay: \"#13131366\",\n};\n"]}
@@ -1 +1,2 @@
1
1
  export * from "country-flag-icons/react/3x2";
2
+ //# sourceMappingURL=flags.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flags.js","sourceRoot":"","sources":["../../../core/foundations/flags.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC","sourcesContent":["export * from \"country-flag-icons/react/3x2\";\n"]}
@@ -1 +1,2 @@
1
1
  export * from "@phosphor-icons/react";
2
+ //# sourceMappingURL=icons.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../core/foundations/icons.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC","sourcesContent":["export * from \"@phosphor-icons/react\";\n"]}
@@ -3,3 +3,4 @@ export * as Colors from "./colors";
3
3
  export * as Flags from "./flags";
4
4
  export * as Icons from "./icons";
5
5
  export * as Typography from "./typography";
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/foundations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC","sourcesContent":["export * as Responsive from \"./responsive\";\nexport * as Colors from \"./colors\";\nexport * as Flags from \"./flags\";\nexport * as Icons from \"./icons\";\nexport type * from \"./types\";\nexport * as Typography from \"./typography\";\n"]}
@@ -20,3 +20,4 @@ export const BigScreenOnly = styled.div `
20
20
  display: inline;
21
21
  }
22
22
  `;
23
+ //# sourceMappingURL=responsive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../../core/foundations/responsive.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;oBACrB,iBAAiB,CAAC,MAAM;;;;qBAIvB,iBAAiB,CAAC,MAAM;;;CAG5C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;oBACnB,iBAAiB,CAAC,MAAM;;;;qBAIvB,iBAAiB,CAAC,MAAM;;;CAG5C,CAAC","sourcesContent":["import styled from \"styled-components\";\n\nexport const WIDTH_BREAKPOINTS = {\n laptop: \"1024px\",\n};\n\nexport const SmallScreenOnly = styled.div`\n @media (width < ${WIDTH_BREAKPOINTS.laptop}) {\n display: inline;\n }\n\n @media (width >= ${WIDTH_BREAKPOINTS.laptop}) {\n display: none;\n }\n`;\n\nexport const BigScreenOnly = styled.div`\n @media (width < ${WIDTH_BREAKPOINTS.laptop}) {\n display: none;\n }\n\n @media (width >= ${WIDTH_BREAKPOINTS.laptop}) {\n display: inline;\n }\n`;\n"]}
@@ -1 +1,2 @@
1
1
  export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../core/foundations/types.ts"],"names":[],"mappings":"","sourcesContent":["export type ScreenSize = \"big\" | \"small\";\n\nexport type Option = {\n label: string;\n value: string;\n};\n"]}
@@ -1,4 +1,4 @@
1
- import { ScreenSize } from "./types";
1
+ import type { ScreenSize } from "./types";
2
2
  type FontSizes = {
3
3
  [screenSize in ScreenSize]: string;
4
4
  };
@@ -18,3 +18,4 @@ export const HELPER_FONT_SIZES = {
18
18
  big: "14px",
19
19
  small: "12px",
20
20
  };
21
+ //# sourceMappingURL=typography.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../core/foundations/typography.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,gBAAgB,GAAc;IACzC,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAc;IAC7C,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAc;IACxC,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAc;IAC1C,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;CACd,CAAC","sourcesContent":["import type { ScreenSize } from \"./types\";\n\ntype FontSizes = { [screenSize in ScreenSize]: string };\n\nexport const TITLE_FONT_SIZES: FontSizes = {\n big: \"24px\",\n small: \"22px\",\n};\n\nexport const HEADER_FONT_SIZES: FontSizes = {\n big: \"22px\",\n small: \"20px\",\n};\n\nexport const SUBHEADER_FONT_SIZES: FontSizes = {\n big: \"20px\",\n small: \"18px\",\n};\n\nexport const BODY_FONT_SIZES: FontSizes = {\n big: \"16px\",\n small: \"14px\",\n};\n\nexport const HELPER_FONT_SIZES: FontSizes = {\n big: \"14px\",\n small: \"12px\",\n};\n"]}
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  import { createGlobalStyle } from "styled-components";
3
2
  import "../assets/fonts/satoshi/css/satoshi.css";
4
3
  import * as Colors from "../foundations/colors";
@@ -63,3 +62,4 @@ const GlobalStyle = createGlobalStyle `
63
62
  }
64
63
  `;
65
64
  export default GlobalStyle;
65
+ //# sourceMappingURL=GlobalStyle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../../core/global/GlobalStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,yCAAyC,CAAC;AACjD,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAC;AAEhD,MAAM,WAAW,GAAG,iBAAiB,CAAA;;;;;;;aAOxB,MAAM,CAAC,UAAU,CAAC,SAAS;kBACtB,MAAM,CAAC,IAAI,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDlC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { createGlobalStyle } from \"styled-components\";\nimport \"../assets/fonts/satoshi/css/satoshi.css\";\nimport * as Colors from \"../foundations/colors\";\n\nconst GlobalStyle = createGlobalStyle`\n html,\n body {\n max-width: 100vw;\n }\n\n body {\n color: ${Colors.typography.blackHigh};\n background: ${Colors.base.white};\n font-family: Satoshi;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n button,\n fieldset,\n textarea {\n all: unset;\n }\n\n * {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n button:hover {\n cursor: pointer;\n }\n\n button:disabled {\n cursor: not-allowed;\n }\n\n li {\n list-style-position: inside;\n }\n\n li * {\n vertical-align: middle;\n }\n\n /* number textfield in Chrome, Safari, Edge, Opera */\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* number textfield in Firefox */\n input[type=\"number\"] {\n -moz-appearance: textfield;\n appearance: textfield;\n }\n`;\n\nexport default GlobalStyle;\n"]}
@@ -1 +1,2 @@
1
1
  export { default as GlobalStyle } from "./GlobalStyle";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/global/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default as GlobalStyle } from \"./GlobalStyle\";\n"]}
@@ -1,3 +1,3 @@
1
- import { PropsWithChildren } from "react";
1
+ import { type PropsWithChildren } from "react";
2
2
  declare const StyledComponentsRegistry: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
3
3
  export default StyledComponentsRegistry;
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
3
2
  import { useServerInsertedHTML } from "next/navigation";
4
3
  import { useState } from "react";
@@ -15,3 +14,4 @@ const StyledComponentsRegistry = ({ children }) => {
15
14
  return typeof window !== "undefined" ? (_jsx(_Fragment, { children: children })) : (_jsx(StyleSheetManager, { sheet: styledComponentsStyleSheet.instance, children: children }));
16
15
  };
17
16
  export default StyledComponentsRegistry;
17
+ //# sourceMappingURL=StyledComponentsRegistry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StyledComponentsRegistry.js","sourceRoot":"","sources":["../../../core/integrations/StyledComponentsRegistry.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAA0B,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,wBAAwB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACnE,sDAAsD;IACtD,0EAA0E;IAC1E,MAAM,CAAC,0BAA0B,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IAE5E,qBAAqB,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAG,0BAA0B,CAAC,eAAe,EAAE,CAAC;QAC5D,0BAA0B,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;QAC/C,OAAO,4BAAG,MAAM,GAAI,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,CACrC,4BAAG,QAAQ,GAAI,CAChB,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAAC,KAAK,EAAE,0BAA0B,CAAC,QAAQ,YAC1D,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["import { useServerInsertedHTML } from \"next/navigation\";\nimport { type PropsWithChildren, useState } from \"react\";\nimport { ServerStyleSheet, StyleSheetManager } from \"styled-components\";\n\nconst StyledComponentsRegistry = ({ children }: PropsWithChildren) => {\n // Only create stylesheet once with lazy initial state\n // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state\n const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());\n\n useServerInsertedHTML(() => {\n const styles = styledComponentsStyleSheet.getStyleElement();\n styledComponentsStyleSheet.instance.clearTag();\n return <>{styles}</>;\n });\n\n return typeof window !== \"undefined\" ? (\n <>{children}</>\n ) : (\n <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>\n {children}\n </StyleSheetManager>\n );\n};\n\nexport default StyledComponentsRegistry;\n"]}
@@ -1 +1,2 @@
1
1
  export { default as StyledComponentsRegistry } from "./StyledComponentsRegistry";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/integrations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { default as StyledComponentsRegistry } from \"./StyledComponentsRegistry\";\n"]}
@@ -0,0 +1,8 @@
1
+ import type { DetailedHTMLProps, SelectHTMLAttributes } from "react";
2
+ import type { Option } from "../foundations";
3
+ type DropdownProps = {
4
+ options: Option[];
5
+ defaultLabel?: string;
6
+ } & DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
7
+ declare const Dropdown: ({ options, defaultLabel, ...selectProps }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
8
+ export default Dropdown;
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Select } from "../atoms";
3
+ const Dropdown = ({ options, defaultLabel, ...selectProps }) => (_jsxs(Select, { ...selectProps, children: [_jsx("option", { hidden: true, disabled: true, selected: true, value: "", children: defaultLabel ? defaultLabel : "-" }), options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }));
4
+ export default Dropdown;
5
+ //# sourceMappingURL=Dropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../core/molecules/Dropdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAWlC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,WAAW,EAAiB,EAAE,EAAE,CAAC,CAC7E,MAAC,MAAM,OAAK,WAAW,aACrB,iBAAQ,MAAM,QAAC,QAAQ,QAAC,QAAQ,QAAC,KAAK,EAAC,EAAE,YACtC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,GAC3B,EAER,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,IACK,CACV,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import type { DetailedHTMLProps, SelectHTMLAttributes } from \"react\";\nimport { Select } from \"../atoms\";\nimport type { Option } from \"../foundations\";\n\ntype DropdownProps = {\n options: Option[];\n defaultLabel?: string;\n} & DetailedHTMLProps<\n SelectHTMLAttributes<HTMLSelectElement>,\n HTMLSelectElement\n>;\n\nconst Dropdown = ({ options, defaultLabel, ...selectProps }: DropdownProps) => (\n <Select {...selectProps}>\n <option hidden disabled selected value=\"\">\n {defaultLabel ? defaultLabel : \"-\"}\n </option>\n\n {options.map((option) => (\n <option key={option.value} value={option.value}>\n {option.label}\n </option>\n ))}\n </Select>\n);\n\nexport default Dropdown;\n"]}
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
2
  import { useState } from "react";
4
3
  import { useDropzone } from "react-dropzone";
@@ -17,7 +16,7 @@ const FileDrop = ({ uploadedFiles, uploadFiles, removeFile, errorMessage, maxFil
17
16
  noDrag: reachedMaxUploads,
18
17
  multiple: true,
19
18
  });
20
- return (_jsxs(BaseFileDrop, { children: [_jsxs(Dropzone, Object.assign({}, getRootProps(), { "$reachedMaxUploads": reachedMaxUploads, "$hasError": !!errorMessage, children: [_jsx("input", Object.assign({}, getInputProps(), { type: "file" })), _jsx(DropzoneContent, { maxFiles: maxFiles, maxSizeMB: maxSizeMB })] })), errorMessage ? _jsx(ErrorMessage, { children: errorMessage }) : _jsx(_Fragment, {}), _jsx(UploadedFiles, { uploadedFiles: uploadedFiles, removeFile: removeFile })] }));
19
+ return (_jsxs(BaseFileDrop, { children: [_jsxs(Dropzone, { ...getRootProps(), "$reachedMaxUploads": reachedMaxUploads, "$hasError": !!errorMessage, children: [_jsx("input", { ...getInputProps(), type: "file" }), _jsx(DropzoneContent, { maxFiles: maxFiles, maxSizeMB: maxSizeMB })] }), errorMessage ? _jsx(ErrorMessage, { children: errorMessage }) : _jsx(_Fragment, {}), _jsx(UploadedFiles, { uploadedFiles: uploadedFiles, removeFile: removeFile })] }));
21
20
  };
22
21
  export default FileDrop;
23
22
  const BaseFileDrop = styled.div `
@@ -81,10 +80,7 @@ const DropzoneSubtitle = styled.p `
81
80
  const ErrorMessage = styled.p `
82
81
  color: ${Colors.accent.red1};
83
82
  `;
84
- const UploadedFiles = ({ uploadedFiles, removeFile }) => (_jsx(BaseUploadedFiles, { children: uploadedFiles.map(({ name: fileName, type: fileType }) => {
85
- var _a;
86
- return (_jsx(Badge, { text: getFileNameWithoutExtension(fileName), onClickClose: () => removeFile(fileName), Icon: (_a = FILE_TYPE_ICON_MAP[fileType]) !== null && _a !== void 0 ? _a : Icons.FileIcon }, fileName));
87
- }) }));
83
+ const UploadedFiles = ({ uploadedFiles, removeFile }) => (_jsx(BaseUploadedFiles, { children: uploadedFiles.map(({ name: fileName, type: fileType }) => (_jsx(Badge, { text: getFileNameWithoutExtension(fileName), onClickClose: () => removeFile(fileName), Icon: FILE_TYPE_ICON_MAP[fileType] ?? Icons.FileIcon }, fileName))) }));
88
84
  const BaseUploadedFiles = styled.div `
89
85
  display: flex;
90
86
  flex-direction: column;
@@ -128,3 +124,4 @@ const combineFilesWithoutDuplicates = (oldFiles, newFiles) => {
128
124
  };
129
125
  const filterFilesByName = (files, fileName) => files.filter((file) => file.name !== fileName);
130
126
  const getFileNameWithoutExtension = (fileName) => fileName.substring(0, fileName.lastIndexOf("."));
127
+ //# sourceMappingURL=FileDrop.js.map