@cruk/cruk-react-components 7.0.0 → 7.1.1

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 (205) hide show
  1. package/README.md +138 -9
  2. package/lib/index.css +4247 -1
  3. package/lib/index.css.map +1 -1
  4. package/lib/node_modules/tslib/tslib.es6.js +1 -1
  5. package/lib/node_modules/tslib/tslib.es6.js.map +1 -1
  6. package/lib/src/components/AddressLookup/index.d.ts +8 -9
  7. package/lib/src/components/AddressLookup/index.js +1 -1
  8. package/lib/src/components/AddressLookup/index.js.map +1 -1
  9. package/lib/src/components/Avatar/index.d.ts +2 -1
  10. package/lib/src/components/Avatar/index.js +1 -1
  11. package/lib/src/components/Avatar/index.js.map +1 -1
  12. package/lib/src/components/Badge/index.d.ts +7 -10
  13. package/lib/src/components/Badge/index.js +1 -1
  14. package/lib/src/components/Badge/index.js.map +1 -1
  15. package/lib/src/components/Box/index.d.ts +6 -7
  16. package/lib/src/components/Box/index.js +1 -1
  17. package/lib/src/components/Box/index.js.map +1 -1
  18. package/lib/src/components/Button/index.d.ts +7 -16
  19. package/lib/src/components/Button/index.js +1 -1
  20. package/lib/src/components/Button/index.js.map +1 -1
  21. package/lib/src/components/Carousel/Dots.js +1 -1
  22. package/lib/src/components/Carousel/Dots.js.map +1 -1
  23. package/lib/src/components/Carousel/index.d.ts +23 -13
  24. package/lib/src/components/Carousel/index.js +1 -1
  25. package/lib/src/components/Carousel/index.js.map +1 -1
  26. package/lib/src/components/Checkbox/index.d.ts +7 -8
  27. package/lib/src/components/Checkbox/index.js +1 -1
  28. package/lib/src/components/Checkbox/index.js.map +1 -1
  29. package/lib/src/components/Collapse/index.d.ts +2 -2
  30. package/lib/src/components/Collapse/index.js +1 -1
  31. package/lib/src/components/Collapse/index.js.map +1 -1
  32. package/lib/src/components/DateField/index.d.ts +5 -6
  33. package/lib/src/components/DateField/index.js +1 -1
  34. package/lib/src/components/DateField/index.js.map +1 -1
  35. package/lib/src/components/ErrorText/index.d.ts +7 -6
  36. package/lib/src/components/ErrorText/index.js +1 -1
  37. package/lib/src/components/ErrorText/index.js.map +1 -1
  38. package/lib/src/components/Footer/index.js +1 -1
  39. package/lib/src/components/Footer/index.js.map +1 -1
  40. package/lib/src/components/Header/index.js +1 -1
  41. package/lib/src/components/Header/index.js.map +1 -1
  42. package/lib/src/components/Heading/index.d.ts +5 -17
  43. package/lib/src/components/Heading/index.js +1 -1
  44. package/lib/src/components/Heading/index.js.map +1 -1
  45. package/lib/src/components/IconFa/index.d.ts +9 -9
  46. package/lib/src/components/IconFa/index.js +1 -1
  47. package/lib/src/components/IconFa/index.js.map +1 -1
  48. package/lib/src/components/InfoBox/index.d.ts +13 -17
  49. package/lib/src/components/InfoBox/index.js +1 -1
  50. package/lib/src/components/InfoBox/index.js.map +1 -1
  51. package/lib/src/components/LabelWrapper/index.js +1 -1
  52. package/lib/src/components/LabelWrapper/index.js.map +1 -1
  53. package/lib/src/components/LegendWrapper/index.js +1 -1
  54. package/lib/src/components/LegendWrapper/index.js.map +1 -1
  55. package/lib/src/components/Link/index.d.ts +6 -10
  56. package/lib/src/components/Link/index.js +1 -1
  57. package/lib/src/components/Link/index.js.map +1 -1
  58. package/lib/src/components/Loader/index.js +1 -1
  59. package/lib/src/components/Loader/index.js.map +1 -1
  60. package/lib/src/components/Modal/index.d.ts +14 -18
  61. package/lib/src/components/Modal/index.js +1 -1
  62. package/lib/src/components/Modal/index.js.map +1 -1
  63. package/lib/src/components/Pagination/index.js +1 -1
  64. package/lib/src/components/Pagination/index.js.map +1 -1
  65. package/lib/src/components/PopOver/index.d.ts +1 -1
  66. package/lib/src/components/PopOver/index.js +1 -1
  67. package/lib/src/components/PopOver/index.js.map +1 -1
  68. package/lib/src/components/ProgressBar/index.d.ts +1 -1
  69. package/lib/src/components/ProgressBar/index.js +1 -1
  70. package/lib/src/components/ProgressBar/index.js.map +1 -1
  71. package/lib/src/components/Radio/index.js +1 -1
  72. package/lib/src/components/Radio/index.js.map +1 -1
  73. package/lib/src/components/RadioConsent/index.d.ts +8 -9
  74. package/lib/src/components/RadioConsent/index.js +1 -1
  75. package/lib/src/components/RadioConsent/index.js.map +1 -1
  76. package/lib/src/components/Select/index.js +1 -1
  77. package/lib/src/components/Select/index.js.map +1 -1
  78. package/lib/src/components/Step/index.d.ts +7 -8
  79. package/lib/src/components/Step/index.js +1 -1
  80. package/lib/src/components/Step/index.js.map +1 -1
  81. package/lib/src/components/Text/index.d.ts +7 -27
  82. package/lib/src/components/Text/index.js +1 -1
  83. package/lib/src/components/Text/index.js.map +1 -1
  84. package/lib/src/components/TextAreaField/index.d.ts +5 -6
  85. package/lib/src/components/TextAreaField/index.js +1 -1
  86. package/lib/src/components/TextAreaField/index.js.map +1 -1
  87. package/lib/src/components/TextField/index.d.ts +3 -1
  88. package/lib/src/components/TextField/index.js +1 -1
  89. package/lib/src/components/TextField/index.js.map +1 -1
  90. package/lib/src/components/Totaliser/index.js +1 -1
  91. package/lib/src/components/Totaliser/index.js.map +1 -1
  92. package/lib/src/components/UserBlock/index.js +1 -1
  93. package/lib/src/components/UserBlock/index.js.map +1 -1
  94. package/lib/src/components/index.d.ts +33 -2
  95. package/lib/src/components/index.js +1 -1
  96. package/lib/src/types.d.ts +40 -3
  97. package/lib/src/types.js +1 -1
  98. package/lib/src/types.js.map +1 -1
  99. package/lib/src/utils/Helper.d.ts +3 -0
  100. package/lib/src/utils/Helper.js +1 -1
  101. package/lib/src/utils/Helper.js.map +1 -1
  102. package/lib/src/utils/themeUtils.js +1 -1
  103. package/lib/src/utils/themeUtils.js.map +1 -1
  104. package/package.json +3 -6
  105. package/lib/src/components/AddressLookup/styles.d.ts +0 -12
  106. package/lib/src/components/AddressLookup/styles.js +0 -2
  107. package/lib/src/components/AddressLookup/styles.js.map +0 -1
  108. package/lib/src/components/Avatar/styles.d.ts +0 -4
  109. package/lib/src/components/Avatar/styles.js +0 -2
  110. package/lib/src/components/Avatar/styles.js.map +0 -1
  111. package/lib/src/components/Badge/styles.d.ts +0 -9
  112. package/lib/src/components/Badge/styles.js +0 -2
  113. package/lib/src/components/Badge/styles.js.map +0 -1
  114. package/lib/src/components/Box/styles.d.ts +0 -8
  115. package/lib/src/components/Box/styles.js +0 -2
  116. package/lib/src/components/Box/styles.js.map +0 -1
  117. package/lib/src/components/Button/styles.d.ts +0 -10
  118. package/lib/src/components/Button/styles.js +0 -2
  119. package/lib/src/components/Button/styles.js.map +0 -1
  120. package/lib/src/components/Carousel/styles.d.ts +0 -24
  121. package/lib/src/components/Carousel/styles.js +0 -2
  122. package/lib/src/components/Carousel/styles.js.map +0 -1
  123. package/lib/src/components/Checkbox/styles.d.ts +0 -9
  124. package/lib/src/components/Checkbox/styles.js +0 -2
  125. package/lib/src/components/Checkbox/styles.js.map +0 -1
  126. package/lib/src/components/Collapse/styles.d.ts +0 -24
  127. package/lib/src/components/Collapse/styles.js +0 -2
  128. package/lib/src/components/Collapse/styles.js.map +0 -1
  129. package/lib/src/components/DateField/styles.d.ts +0 -16
  130. package/lib/src/components/DateField/styles.js +0 -2
  131. package/lib/src/components/DateField/styles.js.map +0 -1
  132. package/lib/src/components/Divider.d.ts +0 -5
  133. package/lib/src/components/Divider.js +0 -2
  134. package/lib/src/components/Divider.js.map +0 -1
  135. package/lib/src/components/ErrorText/styles.d.ts +0 -12
  136. package/lib/src/components/ErrorText/styles.js +0 -2
  137. package/lib/src/components/ErrorText/styles.js.map +0 -1
  138. package/lib/src/components/Footer/styles.d.ts +0 -9
  139. package/lib/src/components/Footer/styles.js +0 -2
  140. package/lib/src/components/Footer/styles.js.map +0 -1
  141. package/lib/src/components/Header/styles.d.ts +0 -22
  142. package/lib/src/components/Header/styles.js +0 -2
  143. package/lib/src/components/Header/styles.js.map +0 -1
  144. package/lib/src/components/Heading/styles.d.ts +0 -16
  145. package/lib/src/components/Heading/styles.js +0 -2
  146. package/lib/src/components/Heading/styles.js.map +0 -1
  147. package/lib/src/components/IconFa/styles.d.ts +0 -5
  148. package/lib/src/components/IconFa/styles.js +0 -2
  149. package/lib/src/components/IconFa/styles.js.map +0 -1
  150. package/lib/src/components/InfoBox/styles.d.ts +0 -11
  151. package/lib/src/components/InfoBox/styles.js +0 -2
  152. package/lib/src/components/InfoBox/styles.js.map +0 -1
  153. package/lib/src/components/LabelWrapper/styles.d.ts +0 -6
  154. package/lib/src/components/LabelWrapper/styles.js +0 -2
  155. package/lib/src/components/LabelWrapper/styles.js.map +0 -1
  156. package/lib/src/components/LegendWrapper/styles.d.ts +0 -10
  157. package/lib/src/components/LegendWrapper/styles.js +0 -2
  158. package/lib/src/components/LegendWrapper/styles.js.map +0 -1
  159. package/lib/src/components/Link/styles.d.ts +0 -18
  160. package/lib/src/components/Link/styles.js +0 -2
  161. package/lib/src/components/Link/styles.js.map +0 -1
  162. package/lib/src/components/Loader/styles.module.css.js +0 -2
  163. package/lib/src/components/Loader/styles.module.css.js.map +0 -1
  164. package/lib/src/components/Modal/styles.d.ts +0 -27
  165. package/lib/src/components/Modal/styles.js +0 -2
  166. package/lib/src/components/Modal/styles.js.map +0 -1
  167. package/lib/src/components/Pagination/styles.d.ts +0 -8
  168. package/lib/src/components/Pagination/styles.js +0 -2
  169. package/lib/src/components/Pagination/styles.js.map +0 -1
  170. package/lib/src/components/PopOver/styles.d.ts +0 -10
  171. package/lib/src/components/PopOver/styles.js +0 -2
  172. package/lib/src/components/PopOver/styles.js.map +0 -1
  173. package/lib/src/components/ProgressBar/styles.d.ts +0 -23
  174. package/lib/src/components/ProgressBar/styles.js +0 -2
  175. package/lib/src/components/ProgressBar/styles.js.map +0 -1
  176. package/lib/src/components/Radio/styles.d.ts +0 -12
  177. package/lib/src/components/Radio/styles.js +0 -2
  178. package/lib/src/components/Radio/styles.js.map +0 -1
  179. package/lib/src/components/RadioConsent/styles.d.ts +0 -3
  180. package/lib/src/components/RadioConsent/styles.js +0 -2
  181. package/lib/src/components/RadioConsent/styles.js.map +0 -1
  182. package/lib/src/components/Select/styles.d.ts +0 -4
  183. package/lib/src/components/Select/styles.js +0 -2
  184. package/lib/src/components/Select/styles.js.map +0 -1
  185. package/lib/src/components/Spacing/index.d.ts +0 -68
  186. package/lib/src/components/Spacing/index.js +0 -2
  187. package/lib/src/components/Spacing/index.js.map +0 -1
  188. package/lib/src/components/Step/styles.d.ts +0 -10
  189. package/lib/src/components/Step/styles.js +0 -2
  190. package/lib/src/components/Step/styles.js.map +0 -1
  191. package/lib/src/components/Text/styles.d.ts +0 -14
  192. package/lib/src/components/Text/styles.js +0 -2
  193. package/lib/src/components/Text/styles.js.map +0 -1
  194. package/lib/src/components/TextAreaField/styles.d.ts +0 -7
  195. package/lib/src/components/TextAreaField/styles.js +0 -2
  196. package/lib/src/components/TextAreaField/styles.js.map +0 -1
  197. package/lib/src/components/TextField/styles.d.ts +0 -13
  198. package/lib/src/components/TextField/styles.js +0 -2
  199. package/lib/src/components/TextField/styles.js.map +0 -1
  200. package/lib/src/components/Totaliser/styles.d.ts +0 -14
  201. package/lib/src/components/Totaliser/styles.js +0 -2
  202. package/lib/src/components/Totaliser/styles.js.map +0 -1
  203. package/lib/src/components/UserBlock/styles.d.ts +0 -4
  204. package/lib/src/components/UserBlock/styles.js +0 -2
  205. package/lib/src/components/UserBlock/styles.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/Heading/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { spacing, type SpacingPropsInternal } from \"../Spacing\";\n\nimport {\n type FontSizeType,\n type WordBreakType,\n type OverflowWrapType,\n} from \"../../types\";\n\ntype StyledHeadingProps = SpacingPropsInternal & {\n $textSize?: FontSizeType;\n $textAlign?: \"left\" | \"right\" | \"center\";\n $textColor?: string;\n $wordBreak?: WordBreakType;\n $overflowWrap?: OverflowWrapType;\n};\n\nconst StyledHeading = (props: StyledHeadingProps) => css`\n font-family: var(--typ-font-family-headings, \"Progress\", Arial, sans-serif);\n font-weight: var(--typ-font-weight-headings, 400);\n word-break: ${props.$wordBreak || \"normal\"};\n overflow-wrap: ${props.$overflowWrap || \"break-word\"};\n color: ${props.$textColor\n ? props.$textColor\n : `var(--clr-text-header-default, #000)`};\n line-height: var(--typ-header-line-height, 1.25em);\n text-transform: var(--typ-header-text-transform, none);\n margin-top: var(--spacing-m, 2rem);\n margin-bottom: var(--spacing-s, 1.5rem);\n max-width: 100%;\n text-align: ${props.$textAlign || \"left\"};\n\n &:first-child {\n margin-top: 0;\n }\n\n ${() => {\n const { ...propsWithoutTheme } = props;\n\n return spacing(propsWithoutTheme);\n }}\n`;\n\nconst desktopFontSize = (\n $textSize: FontSizeType | null,\n defaultFontSize: string,\n) => {\n switch ($textSize) {\n case \"m\":\n return \"var(--font-size-m, 1rem)\";\n case \"l\":\n return \"var(--font-size-l, 1.25rem)\";\n case \"xl\":\n return \"var(--font-size-xl, 1.5rem)\";\n case \"xxl\":\n return \"var(--font-size-xxl, 1.75rem)\";\n case \"xxxl\":\n return \"var(--font-size-xxxl, 2rem)\";\n case \"xxxxl\":\n return \"var(--font-size-xxxxl, 2.25rem)\";\n\n default:\n return defaultFontSize;\n }\n};\n\n// everything drops down a size on the typography scale\nconst tabletFontSize = (\n $textSize: FontSizeType | null,\n defaultFontSize: string,\n) => {\n switch ($textSize) {\n case \"m\":\n return \"var(--font-size-m, 1rem)\";\n case \"l\":\n return \"var(--font-size-l, 1.25rem)\";\n case \"xl\":\n return \"var(--font-size-l, 1.25rem)\";\n case \"xxl\":\n return \"var(--font-size-xl, 1.5rem)\";\n case \"xxxl\":\n return \"var(--font-size-xxl, 1.75rem)\";\n case \"xxxxl\":\n return \"var(--font-size-xxxl, 2rem)\";\n\n default:\n return defaultFontSize;\n }\n};\n\n// everything drops down two sizes on the typography scale\nconst mobileFontSize = (\n $textSize: FontSizeType | null,\n defaultFontSize: string,\n) => {\n switch ($textSize) {\n case \"m\":\n return \"var(--font-size-m, 1rem)\";\n case \"l\":\n return \"var(--font-size-l, 1.25rem)\";\n case \"xl\":\n return \"var(--font-size-l, 1.25rem)\";\n case \"xxl\":\n return \"var(--font-size-l, 1.25rem)\";\n case \"xxxl\":\n return \"var(--font-size-xl, 1.5rem)\";\n case \"xxxxl\":\n return \"var(--font-size-xxl, 1.75rem)\";\n\n default:\n return defaultFontSize;\n }\n};\n\nexport const H1 = styled.h1<StyledHeadingProps>`\n ${(props) => StyledHeading(props)}\n font-size: ${({ $textSize }) =>\n mobileFontSize($textSize || null, \"var(--font-size-xxl, 1.75rem)\")};\n @media (min-width: 768px) {\n font-size: ${({ $textSize }) =>\n tabletFontSize($textSize || null, \"var(--font-size-xxxl, 2rem)\")};\n }\n @media (min-width: 992px) {\n font-size: ${({ $textSize }) =>\n desktopFontSize($textSize || null, \"var(--font-size-xxxxl, 2.25rem)\")};\n }\n`;\n\nexport const H2 = styled.h2<StyledHeadingProps>`\n ${(props) => StyledHeading(props)}\n font-size: ${({ $textSize }) =>\n mobileFontSize($textSize || null, \"var(--font-size-xl, 1.5rem)\")};\n\n @media (min-width: 768px) {\n font-size: ${({ $textSize }) =>\n tabletFontSize($textSize || null, \"var(--font-size-xxl, 1.75rem)\")};\n }\n @media (min-width: 992px) {\n font-size: ${({ $textSize }) =>\n desktopFontSize($textSize || null, \"var(--font-size-xxxl, 2rem)\")};\n }\n`;\n\nexport const H3 = styled.h3<StyledHeadingProps>`\n ${(props) => StyledHeading(props)}\n font-size: ${({ $textSize }) =>\n mobileFontSize($textSize || null, \"var(--font-size-l, 1.25rem)\")};\n @media (min-width: 768px) {\n font-size: ${({ $textSize }) =>\n tabletFontSize($textSize || null, \"var(--font-size-xl, 1.5rem)\")};\n }\n @media (min-width: 992px) {\n font-size: ${({ $textSize }) =>\n desktopFontSize($textSize || null, \"var(--font-size-xxl, 1.75rem)\")};\n }\n`;\n\nexport const H4 = styled.h4<StyledHeadingProps>`\n ${(props) => StyledHeading(props)}\n font-size: ${({ $textSize }) =>\n mobileFontSize($textSize || null, \"var(--font-size-l, 1.25rem)\")};\n @media (min-width: 768px) {\n font-size: ${({ $textSize }) =>\n tabletFontSize($textSize || null, \"var(--font-size-l, 1.25rem)\")};\n }\n @media (min-width: 992px) {\n font-size: ${({ $textSize }) =>\n desktopFontSize($textSize || null, \"var(--font-size-xl, 1.5rem)\")};\n }\n`;\n\nexport const H5 = styled.h5<StyledHeadingProps>`\n ${(props) => StyledHeading(props)}\n\n font-size: ${({ $textSize }) =>\n mobileFontSize($textSize || null, \"var(--font-size-l, 1.25rem)\")};\n @media (min-width: 768px) {\n font-size: ${({ $textSize }) =>\n tabletFontSize($textSize || null, \"var(--font-size-l, 1.25rem)\")};\n }\n @media (min-width: 992px) {\n font-size: ${({ $textSize }) =>\n desktopFontSize($textSize || null, \"var(--font-size-l, 1.25rem)\")};\n }\n`;\n\nexport const H6 = styled.h6<StyledHeadingProps>`\n ${(props) => StyledHeading(props)}\n\n font-size: ${({ $textSize }) =>\n mobileFontSize($textSize || null, \"var(--font-size-m, 1rem)\")};\n @media (min-width: 768px) {\n font-size: ${({ $textSize }) =>\n tabletFontSize($textSize || null, \"var(--font-size-m, 1rem)\")};\n }\n @media (min-width: 992px) {\n font-size: ${({ $textSize }) =>\n desktopFontSize($textSize || null, \"var(--font-size-m, 1rem)\")};\n }\n`;\n"],"names":["StyledHeading","props","css","templateObject_1","__makeTemplateObject","$wordBreak","$overflowWrap","$textColor","$textAlign","propsWithoutTheme","__rest","spacing","desktopFontSize","$textSize","defaultFontSize","tabletFontSize","mobileFontSize","H1","styled","h1","templateObject_2","_a","H2","h2","templateObject_3","H3","h3","templateObject_4","H4","h4","templateObject_5","H5","h5","templateObject_6","H6","h6","templateObject_7"],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- export declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, {
2
- $color?: string;
3
- $size: string;
4
- }>> & string;
5
- export default StyledIcon;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";var l,t=i.svg(l||(l=n(["\n display: inline-block;\n vertical-align: middle;\n height: ",";\n width: ",";\n path {\n fill: ",";\n }\n"],["\n display: inline-block;\n vertical-align: middle;\n height: ",";\n width: ",";\n path {\n fill: ",";\n }\n"])),function(n){return n.$size},function(n){return n.$size},function(n){return n.$color});export{t as StyledIcon,t as default};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/IconFa/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledIcon = styled.svg<{\n $color?: string;\n $size: string;\n}>`\n display: inline-block;\n vertical-align: middle;\n height: ${({ $size }) => $size};\n width: ${({ $size }) => $size};\n path {\n fill: ${({ $color }) => $color};\n }\n`;\n\nexport default StyledIcon;\n"],"names":["StyledIcon","styled","svg","templateObject_1","__makeTemplateObject","_a","$size","$color"],"mappings":"iHAEO,MAAMA,EAAaC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,oEAAA,eAAA,0BAAA,YAAA,CAGlC,oEAG8B,eACD,0BAEG,cAHtB,SAACC,GAAc,OAAPA,EAAAC,KAAO,EAChB,SAACD,GAAc,OAAPA,EAAAC,KAAO,EAEd,SAACD,GAAe,OAAPA,EAAAE,MAAO"}
@@ -1,11 +0,0 @@
1
- import Box from "../Box";
2
- type InfoBoxProps = React.ComponentProps<typeof Box> & {
3
- css?: string;
4
- };
5
- export declare const StyledInfoBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Spacing").SpacingProps & import("react").HTMLAttributes<HTMLElement> & {
6
- backgroundColor?: string | import("..").ColourVariableType;
7
- ref?: import("react").Ref<HTMLDivElement>;
8
- children?: import("react").ReactNode;
9
- as?: import("react").ElementType;
10
- }, InfoBoxProps>> & string & Omit<({ ...props }: import("../Box").BoxProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
11
- export default StyledInfoBox;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import s,{css as o}from"styled-components";import{Box as r}from"../Box/index.js";var e,i,t=s(r)(i||(i=n(["\n display: flex;\n flex-shrink: 0;\n\n svg {\n margin-top: 0;\n }\n\n ","\n"],["\n display: flex;\n flex-shrink: 0;\n\n svg {\n margin-top: 0;\n }\n\n ","\n"])),function(s){return s.css&&o(e||(e=n(["\n ","\n "],["\n ","\n "])),s.css)});export{t as StyledInfoBox,t as default};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/InfoBox/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport Box from \"../Box\";\n\ntype InfoBoxProps = React.ComponentProps<typeof Box> & {\n css?: string;\n};\n\nexport const StyledInfoBox = styled(Box)<InfoBoxProps>`\n display: flex;\n flex-shrink: 0;\n\n svg {\n margin-top: 0;\n }\n\n ${(props) =>\n props.css &&\n css`\n ${props.css}\n `}\n`;\n\nexport default StyledInfoBox;\n"],"names":["StyledInfoBox","styled","Box","templateObject_2","__makeTemplateObject","props","css","templateObject_1"],"mappings":"iKAQO,QAAMA,EAAgBC,EAAOC,EAAPD,CAAWE,IAAAA,EAAAC,EAAA,CAAA,kFAAA,MAAA,CAAc,kFAYjD,QAJD,SAACC,GACD,OAAAA,EAAMC,KACNA,EAAGC,IAAAA,EAAAH,EAAA,CAAA,WAAA,UAAA,CAAA,WACU,YAATC,EAAMC,IAFV"}
@@ -1,6 +0,0 @@
1
- export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
2
- export declare const HintText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
3
- export declare const RequiredIndicationText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
4
- export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
5
- $hasHintText: boolean;
6
- }>> & string;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var a,i,o,s,e=t.label(a||(a=n(['\n position: relative;\n display: block;\n width: 100%;\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-labels, 500);\n margin-bottom: var(--spacing-s, 1.5rem);\n'],['\n position: relative;\n display: block;\n width: 100%;\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-labels, 500);\n margin-bottom: var(--spacing-s, 1.5rem);\n']))),l=t.span(i||(i=n(['\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n display: block;\n color: var(--clr-text-mid, #666);\n margin-bottom: var(--spacing-xs, 1rem);\n'],['\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n display: block;\n color: var(--clr-text-mid, #666);\n margin-bottom: var(--spacing-xs, 1rem);\n']))),r=t.span(o||(o=n(['\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n'],['\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n']))),f=t.span(s||(s=n(['\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-labels, 500);\n display: block;\n margin-bottom: ',";\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"],['\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-labels, 500);\n display: block;\n margin-bottom: ',";\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"])),function(n){return n.$hasHintText?"var(--spacing-xxxs, 0.25rem)":"var(--spacing-xs, 1rem)"});export{l as HintText,e as Label,f as LabelText,r as RequiredIndicationText};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/LabelWrapper/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Label = styled.label`\n position: relative;\n display: block;\n width: 100%;\n font-family: var(--typ-font-family-label, \"Poppins\", Arial, sans-serif);\n font-weight: var(--typ-font-weight-labels, 500);\n margin-bottom: var(--spacing-s, 1.5rem);\n`;\n\nexport const HintText = styled.span`\n font-family: var(--typ-font-family-label, \"Poppins\", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n display: block;\n color: var(--clr-text-mid, #666);\n margin-bottom: var(--spacing-xs, 1rem);\n`;\n\nexport const RequiredIndicationText = styled.span`\n font-family: var(--typ-font-family-label, \"Poppins\", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n`;\n\nexport const LabelText = styled.span<{\n $hasHintText: boolean;\n}>`\n font-family: var(--typ-font-family-label, \"Poppins\", Arial, sans-serif);\n font-weight: var(--typ-font-weight-labels, 500);\n display: block;\n margin-bottom: ${({ $hasHintText }) =>\n $hasHintText ? \"var(--spacing-xxxs, 0.25rem)\" : \"var(--spacing-xs, 1rem)\"};\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n`;\n"],"names":["Label","styled","label","templateObject_1","__makeTemplateObject","HintText","span","templateObject_2","RequiredIndicationText","templateObject_3","LabelText","templateObject_4","_a","$hasHintText"],"mappings":"iHAEO,YAAMA,EAAQC,EAAOC,MAAKC,IAAAA,EAAAC,EAAA,CAAA,4OAAA,CAAA,+OASpBC,EAAWJ,EAAOK,KAAIC,IAAAA,EAAAH,EAAA,CAAA,uOAAA,CAAA,0OAQtBI,EAAyBP,EAAOK,KAAIG,IAAAA,EAAAL,EAAA,CAAA,oIAAA,CAAA,uIAKpCM,EAAYT,EAAOK,KAAIK,IAAAA,EAAAP,EAAA,CAAA,yKAAA,kIAAA,CAElC,yKAK2E,oIAD1D,SAACQ,GAChB,OAD8BA,EAAAC,aACf,+BAAiC,yBAAhD"}
@@ -1,10 +0,0 @@
1
- type StyledFieldsetProps = {
2
- $hasError?: boolean;
3
- $hasHintText?: boolean;
4
- };
5
- export declare const LegendSpan: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
6
- $hasHintText: boolean;
7
- }>> & string;
8
- export declare const HintText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
9
- export declare const StyledFieldset: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, StyledFieldsetProps>> & string;
10
- export {};
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var t,e,r,i=o.span(t||(t=n(['\n display: block;\n color: var(--clr-text-dark, #000);\n font-size: var(--font-size-m, 1rem);\n line-height: var(--typ-line-height, 1.5em);\n font-weight: var(--typ-font-weight-labels, 500);\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n min-width: 3em;\n margin-bottom: ',";\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n & > * {\n font-weight: var(--typ-font-weight-base, 300);\n }\n"],['\n display: block;\n color: var(--clr-text-dark, #000);\n font-size: var(--font-size-m, 1rem);\n line-height: var(--typ-line-height, 1.5em);\n font-weight: var(--typ-font-weight-labels, 500);\n font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n min-width: 3em;\n margin-bottom: ',";\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n & > * {\n font-weight: var(--typ-font-weight-base, 300);\n }\n"])),function(n){return n.$hasHintText?"var(--spacing-xxs, 0.5rem)":0}),a=o.span(e||(e=n(['\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n display: block;\n color: var(--clr-text-mid, #666);\n'],['\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n display: block;\n color: var(--clr-text-mid, #666);\n']))),s=o.fieldset(r||(r=n(["\n *,\n *:after,\n *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n border: none;\n padding: 0;\n legend {\n margin-bottom: var(--spacing-xs, 1rem);\n }\n label {\n border-color: ",";\n margin-bottom: var(--spacing-none, 0);\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n"],["\n *,\n *:after,\n *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n border: none;\n padding: 0;\n legend {\n margin-bottom: var(--spacing-xs, 1rem);\n }\n label {\n border-color: ",";\n margin-bottom: var(--spacing-none, 0);\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n"])),function(n){return n.$hasError&&"var(--clr-text-error, #f00)"});export{a as HintText,i as LegendSpan,s as StyledFieldset};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/LegendWrapper/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\ntype StyledFieldsetProps = {\n $hasError?: boolean;\n $hasHintText?: boolean;\n};\n\nexport const LegendSpan = styled.span<{\n $hasHintText: boolean;\n}>`\n display: block;\n color: var(--clr-text-dark, #000);\n font-size: var(--font-size-m, 1rem);\n line-height: var(--typ-line-height, 1.5em);\n font-weight: var(--typ-font-weight-labels, 500);\n font-family: var(--typ-font-family-label, \"Poppins\", Arial, sans-serif);\n min-width: 3em;\n margin-bottom: ${({ $hasHintText }) =>\n $hasHintText ? \"var(--spacing-xxs, 0.5rem)\" : 0};\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n & > * {\n font-weight: var(--typ-font-weight-base, 300);\n }\n`;\n\nexport const HintText = styled.span`\n font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n font-weight: var(--typ-font-weight-base, 300);\n display: block;\n color: var(--clr-text-mid, #666);\n`;\n\nexport const StyledFieldset = styled.fieldset<StyledFieldsetProps>`\n *,\n *:after,\n *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n border: none;\n padding: 0;\n legend {\n margin-bottom: var(--spacing-xs, 1rem);\n }\n label {\n border-color: ${({ $hasError }) =>\n $hasError && \"var(--clr-text-error, #f00)\"};\n margin-bottom: var(--spacing-none, 0);\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n`;\n"],"names":["LegendSpan","styled","span","templateObject_1","__makeTemplateObject","_a","$hasHintText","HintText","templateObject_2","StyledFieldset","fieldset","templateObject_3","$hasError"],"mappings":"iHAOO,UAAMA,EAAaC,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,yTAAA,sMAAA,CAEnC,yTASiD,wMADhC,SAACC,GAChB,OAD8BA,EAAAC,aACf,6BAA+B,CAA9C,GAWSC,EAAWN,EAAOC,KAAIM,IAAAA,EAAAJ,EAAA,CAAA,2LAAA,CAAA,8LAOtBK,EAAiBR,EAAOS,SAAQC,IAAAA,EAAAP,EAAA,CAAA,yQAAA,8GAAA,CAAqB,yQAelB,gHAD5B,SAACC,GACf,OAD0BA,EAAAO,WACb,6BAAb"}
@@ -1,18 +0,0 @@
1
- import { type AnchorHTMLAttributes } from "react";
2
- import { type TextProps } from "../Text";
3
- type StyledLinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps & {
4
- $appearance?: "primary" | "secondary";
5
- $textHoverColor?: string;
6
- };
7
- export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Spacing").SpacingProps & import("react").HTMLAttributes<HTMLElement> & {
8
- textColor?: typeof import("..").colours[number] | string;
9
- textAlign?: "left" | "right" | "center" | "justify";
10
- textSize?: import("..").FontSizeType;
11
- textWeight?: number | string;
12
- textFontFamily?: string;
13
- as?: import("react").ElementType;
14
- wordBreak?: import("..").WordBreakType;
15
- overflowWrap?: import("..").OverflowWrapType;
16
- ref?: import("react").Ref<HTMLElement>;
17
- }, StyledLinkProps>> & string & Omit<(props: TextProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
18
- export default StyledLink;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r from"styled-components";import{Text as o}from"../Text/index.js";var e,a=r(o)(e||(e=n(["\n transition:\n color 0.2s ease,\n background-size 0.3s ease;\n overflow-wrap: break-word;\n background-color: rgba(255, 255, 255, 0);\n border: none;\n padding: 0;\n color: ",";\n\n text-decoration: ",";\n font-family: ",";\n font-weight: var(--typ-font-weight-links, 700);\n &:focus-visible {\n outline: auto;\n }\n\n &:hover {\n cursor: pointer;\n background-size: 100% 100%;\n color: ",";\n }\n"],["\n transition:\n color 0.2s ease,\n background-size 0.3s ease;\n overflow-wrap: break-word;\n background-color: rgba(255, 255, 255, 0);\n border: none;\n padding: 0;\n color: ",";\n\n text-decoration: ",";\n font-family: ",";\n font-weight: var(--typ-font-weight-links, 700);\n &:focus-visible {\n outline: auto;\n }\n\n &:hover {\n cursor: pointer;\n background-size: 100% 100%;\n color: ",";\n }\n"])),function(n){var r=n.$appearance;return r&&r&&"primary"===r?"var(--clr-link-secondary, #e60079)":"var(--clr-link, #e60079)"},function(n){return"secondary"===n.$appearance?"none":"underline"},function(n){var r=n.$appearance;return"primary"===r||"secondary"===r?"var(--typ-font-family-links, 'Poppins', Arial, sans-serif)":"var(--typ-font-family-base, 'Poppins', Arial, sans-serif)"},function(n){var r=n.$textHoverColor,o=n.$appearance;return r||(o?"var(--clr-link-secondary-hover, #a5005f)":"var(--clr-link-hover, #a5005f)")});export{a as StyledLink,a as default};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/Link/styles.ts"],"sourcesContent":["import { type AnchorHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\n\nimport Text, { type TextProps } from \"../Text\";\n\ntype StyledLinkProps = AnchorHTMLAttributes<HTMLElement> &\n TextProps & {\n $appearance?: \"primary\" | \"secondary\";\n $textHoverColor?: string;\n };\n\nexport const StyledLink = styled(Text)<StyledLinkProps>`\n transition:\n color 0.2s ease,\n background-size 0.3s ease;\n overflow-wrap: break-word;\n background-color: rgba(255, 255, 255, 0);\n border: none;\n padding: 0;\n color: ${({ $appearance }) =>\n !$appearance\n ? \"var(--clr-link, #e60079)\"\n : $appearance && $appearance === \"primary\"\n ? \"var(--clr-link-secondary, #e60079)\"\n : \"var(--clr-link, #e60079)\"};\n\n text-decoration: ${({ $appearance }) =>\n $appearance === \"secondary\" ? \"none\" : \"underline\"};\n font-family: ${({ $appearance }) =>\n $appearance === \"primary\" || $appearance === \"secondary\"\n ? \"var(--typ-font-family-links, 'Poppins', Arial, sans-serif)\"\n : \"var(--typ-font-family-base, 'Poppins', Arial, sans-serif)\"};\n font-weight: var(--typ-font-weight-links, 700);\n &:focus-visible {\n outline: auto;\n }\n\n &:hover {\n cursor: pointer;\n background-size: 100% 100%;\n color: ${({ $textHoverColor, $appearance }) =>\n $textHoverColor\n ? $textHoverColor\n : !$appearance\n ? \"var(--clr-link-hover, #a5005f)\"\n : $appearance && $appearance === \"primary\"\n ? \"var(--clr-link-secondary-hover, #a5005f)\"\n : \"var(--clr-link-secondary-hover, #a5005f)\"};\n }\n`;\n\nexport default StyledLink;\n"],"names":["StyledLink","styled","Text","templateObject_1","__makeTemplateObject","_a","$appearance","$textHoverColor"],"mappings":"+JAWaA,EAAaC,EAAOC,EAAPD,CAAYE,IAAAA,EAAAC,EAAA,CAAA,8LAAA,2BAAA,qBAAA,wLAAA,YAAA,CAAiB,8LAalB,2BAGiB,qBAIa,wLAgBX,cA5B7C,SAACC,GAAE,IAAAC,EAAWD,EAAAC,YACrB,OAACA,GAEGA,GAA+B,YAAhBA,EACb,sCAFF,2BADJ,EAMiB,SAACD,GAClB,MAAgB,cADeA,EAAAC,YACD,OAAS,WAAvC,EACa,SAACD,GAAE,IAAAC,EAAWD,EAAAC,YAC3B,MAAgB,YAAhBA,GAA6C,cAAhBA,EACzB,6DACA,2DAFJ,EAWS,SAACD,OAAEE,EAAeF,EAAAE,gBAAED,EAAWD,EAAAC,YACtC,OAAAC,IAEKD,EAGG,2CAFF,iCAHN"}
@@ -1,2 +0,0 @@
1
- var e={"screen-reader-only":"styles-module_screen-reader-only__rkMmb",spinner:"styles-module_spinner__FNAgO"};export{e as default};
2
- //# sourceMappingURL=styles.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,27 +0,0 @@
1
- export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Spacing").SpacingProps & import("react").HTMLAttributes<HTMLElement> & {
3
- backgroundColor?: string | import("..").ColourVariableType;
4
- ref?: import("react").Ref<HTMLDivElement>;
5
- children?: import("react").ReactNode;
6
- as?: import("react").ElementType;
7
- }, {
8
- $backgroundColor?: string;
9
- $top: string;
10
- $width: string;
11
- $maxWidth: string;
12
- $isAnimated?: boolean;
13
- }>> & string & Omit<({ ...props }: import("../Box").BoxProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
14
- export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ButtonHTMLAttributes<HTMLElement> & {
15
- appearance?: import("..").ButtonAppearanceType;
16
- full?: boolean;
17
- href?: string;
18
- size?: "m" | "l";
19
- css?: unknown;
20
- as?: import("react").ElementType;
21
- isIconButton?: boolean;
22
- ref?: import("react").Ref<HTMLElement>;
23
- children?: import("react").ReactNode;
24
- }, never>> & string & Omit<(props: import("../Button").ButtonProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
25
- export declare const Background: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
26
- $isAnimated?: boolean;
27
- }>> & string;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import i,{keyframes as o}from"styled-components";import{Box as t}from"../Box/index.js";import{Button as a}from"../Button/index.js";var r,e,m,d,s,c,p=i.div(r||(r=n(["\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 9999;\n"],["\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 9999;\n"]))),f=o(e||(e=n(["\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n"],["\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n"]))),u=o(m||(m=n(["\n from {\n opacity: 0;\n }\n to {\n opacity: 0.5;\n }\n"],["\n from {\n opacity: 0;\n }\n to {\n opacity: 0.5;\n }\n"]))),l=i(t)(d||(d=n(["\n background-color: ",";\n position: relative;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\n margin: ",";\n width: ",";\n min-height: 10rem;\n max-width: ",";\n z-index: 9999;\n animation-direction: normal;\n animation-timing-function: ease-in-out;\n animation-duration: 0.2s;\n transform-origin: top center;\n animation-name: ",";\n"],["\n background-color: ",";\n position: relative;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\n margin: ",";\n width: ",";\n min-height: 10rem;\n max-width: ",";\n z-index: 9999;\n animation-direction: normal;\n animation-timing-function: ease-in-out;\n animation-duration: 0.2s;\n transform-origin: top center;\n animation-name: ",";\n"])),function(n){return n.$backgroundColor},function(n){var i=n.$top;return"".concat(i," auto auto auto")},function(n){return n.$width},function(n){return n.$maxWidth},function(n){return n.$isAnimated?f:"none"}),g=i(a)(s||(s=n(["\n float: right;\n margin-left: var(--spacing-xs, 1rem);\n font-size: 1.2rem;\n padding: 0;\n"],["\n float: right;\n margin-left: var(--spacing-xs, 1rem);\n font-size: 1.2rem;\n padding: 0;\n"]))),x=i.div(c||(c=n(["\n background: var(--clr-modal-backdrop, #000);\n bottom: 0;\n left: 0;\n opacity: 0.5;\n position: fixed;\n right: 0;\n top: 0;\n transition:\n opacity 0.3s,\n bottom 0s 0.3s;\n z-index: 100;\n animation-direction: normal;\n animation-timing-function: ease-in-out;\n animation-duration: 0.3s;\n animation-name: ",";\n"],["\n background: var(--clr-modal-backdrop, #000);\n bottom: 0;\n left: 0;\n opacity: 0.5;\n position: fixed;\n right: 0;\n top: 0;\n transition:\n opacity 0.3s,\n bottom 0s 0.3s;\n z-index: 100;\n animation-direction: normal;\n animation-timing-function: ease-in-out;\n animation-duration: 0.3s;\n animation-name: ",";\n"])),function(n){return n.$isAnimated?u:"none"});export{x as Background,g as CloseButton,l as Content,p as Wrapper};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/Modal/styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\nimport Box from \"../Box\";\nimport { Button } from \"../Button\";\n\nexport const Wrapper = styled.div`\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 9999;\n`;\n\nconst grow = keyframes`\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n`;\n\nconst fade = keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 0.5;\n }\n`;\n\nexport const Content = styled(Box)<{\n $backgroundColor?: string;\n $top: string;\n $width: string;\n $maxWidth: string;\n $isAnimated?: boolean;\n}>`\n background-color: ${({ $backgroundColor }) => $backgroundColor};\n position: relative;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\n margin: ${({ $top }) => `${$top} auto auto auto`};\n width: ${({ $width }) => $width};\n min-height: 10rem;\n max-width: ${({ $maxWidth }) => $maxWidth};\n z-index: 9999;\n animation-direction: normal;\n animation-timing-function: ease-in-out;\n animation-duration: 0.2s;\n transform-origin: top center;\n animation-name: ${({ $isAnimated }) => ($isAnimated ? grow : \"none\")};\n`;\n\nexport const CloseButton = styled(Button)`\n float: right;\n margin-left: var(--spacing-xs, 1rem);\n font-size: 1.2rem;\n padding: 0;\n`;\n\nexport const Background = styled.div<{\n $isAnimated?: boolean;\n}>`\n background: var(--clr-modal-backdrop, #000);\n bottom: 0;\n left: 0;\n opacity: 0.5;\n position: fixed;\n right: 0;\n top: 0;\n transition:\n opacity 0.3s,\n bottom 0s 0.3s;\n z-index: 100;\n animation-direction: normal;\n animation-timing-function: ease-in-out;\n animation-duration: 0.3s;\n animation-name: ${({ $isAnimated }) => ($isAnimated ? fade : \"none\")};\n`;\n"],"names":["Wrapper","styled","div","templateObject_1","__makeTemplateObject","grow","keyframes","templateObject_2","fade","templateObject_3","Content","Box","templateObject_4","_a","$backgroundColor","$top","concat","$width","$maxWidth","$isAnimated","CloseButton","Button","templateObject_5","Background","templateObject_6"],"mappings":"mNAIO,gBAAMA,EAAUC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,oIAAA,CAAA,uIAU3BC,EAAOC,EAASC,IAAAA,EAAAH,EAAA,CAAA,wHAAA,CAAA,2HAWhBI,EAAOF,EAASG,IAAAA,EAAAL,EAAA,CAAA,sEAAA,CAAA,yEASTM,EAAUT,EAAOU,EAAPV,CAAWW,IAAAA,EAAAR,EAAA,CAAA,yBAAA,qFAAA,eAAA,yCAAA,mLAAA,OAAA,CAMhC,yBAC8D,qFAGd,eACjB,yCAEU,mLAM2B,SAZhD,SAACS,GAAyB,OAAPA,EAAAC,gBAAO,EAGpC,SAACD,GAAE,IAAAE,EAAIF,EAAAE,KAAO,MAAA,GAAAC,OAAGD,EAAI,kBAAP,EACf,SAACF,GAAe,OAAPA,EAAAI,MAAO,EAEZ,SAACJ,GAAkB,OAAPA,EAAAK,SAAO,EAMd,SAACL,GAAoB,OAAPA,EAAAM,YAAsBd,EAAO,MAAtB,GAG5Be,EAAcnB,EAAOoB,EAAPpB,CAAcqB,IAAAA,EAAAlB,EAAA,CAAA,qGAAA,CAAA,wGAO5BmB,EAAatB,EAAOC,IAAGsB,IAAAA,EAAApB,EAAA,CAAA,8UAAA,OAAA,CAElC,8UAeoE,SAAlD,SAACS,GAAoB,OAAPA,EAAAM,YAAsBX,EAAO,MAAtB"}
@@ -1,8 +0,0 @@
1
- export declare const PagerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- export declare const PagerList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
3
- export declare const PagerLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
4
- name?: string;
5
- $active?: boolean;
6
- $disabled?: boolean;
7
- }>> & string;
8
- export declare const PagerItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e,{css as o}from"styled-components";var r,i,t,a,d,c,l,s=e.div(r||(r=n(["\n display: table;\n width: 100%;\n clear: both;\n text-align: center;\n"],["\n display: table;\n width: 100%;\n clear: both;\n text-align: center;\n"]))),p=e.ul(i||(i=n(["\n display: inline-block;\n padding-left: 0;\n margin: 20px 0;\n"],["\n display: inline-block;\n padding-left: 0;\n margin: 20px 0;\n"]))),v=e.a(c||(c=n(['\n font-weight: normal;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n font-size: var(--font-size-s, 0.875rem);\n color: var(--clr-text-light, #fff);\n background-color: var(--clr-pagination-background, #00007e);\n cursor: pointer;\n border-radius: 0;\n margin: var(--spacing-xxs, 0.5rem);\n padding: 7px 11px;\n text-decoration: none;\n &:active,\n &:focus,\n &:hover {\n opacity: 0.88;\n text-decoration: underline;\n }\n &:visited {\n text-decoration: none;\n }\n\n &:focus-visible {\n outline: auto;\n }\n\n ',"\n\n ","\n\n ","\n"],['\n font-weight: normal;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n font-size: var(--font-size-s, 0.875rem);\n color: var(--clr-text-light, #fff);\n background-color: var(--clr-pagination-background, #00007e);\n cursor: pointer;\n border-radius: 0;\n margin: var(--spacing-xxs, 0.5rem);\n padding: 7px 11px;\n text-decoration: none;\n &:active,\n &:focus,\n &:hover {\n opacity: 0.88;\n text-decoration: underline;\n }\n &:visited {\n text-decoration: none;\n }\n\n &:focus-visible {\n outline: auto;\n }\n\n ',"\n\n ","\n\n ","\n"])),function(e){return e.$active&&o(t||(t=n(["\n color: var(--clr-text-dark, #000);\n background-color: var(--clr-pagination-active, #e6e6e6);\n cursor: default;\n &:hover {\n background-color: var(--clr-pagination-active, #e6e6e6);\n text-decoration: none;\n }\n "],["\n color: var(--clr-text-dark, #000);\n background-color: var(--clr-pagination-active, #e6e6e6);\n cursor: default;\n &:hover {\n background-color: var(--clr-pagination-active, #e6e6e6);\n text-decoration: none;\n }\n "])))},function(e){var r=e.name,i=e.$disabled;return("Prev"===r||"Next"===r)&&o(a||(a=n(["\n color: ",";\n background-color: transparent;\n font-weight: bold;\n padding: 8px 6px;\n background-color: transparent;\n &:focus,\n &:hover {\n background-color: transparent;\n text-decoration: underline;\n }\n &:active,\n &:visited {\n text-decoration: none;\n }\n "],["\n color: ",";\n background-color: transparent;\n font-weight: bold;\n padding: 8px 6px;\n background-color: transparent;\n &:focus,\n &:hover {\n background-color: transparent;\n text-decoration: underline;\n }\n &:active,\n &:visited {\n text-decoration: none;\n }\n "])),i?"var(--clr-disabled, #e6e6e6)":"var(--clr-pagination-text, #00007e)")},function(e){return e.$disabled&&o(d||(d=n(["\n color: var(--clr-disabled, #e6e6e6);\n cursor: not-allowed;\n pointer-events:none\n text-decoration: none;\n &:hover,\n &:focus,\n &:active,\n &:visited {\n color: var(--clr-disabled, #e6e6e6);\n text-decoration: none;\n }\n "],["\n color: var(--clr-disabled, #e6e6e6);\n cursor: not-allowed;\n pointer-events:none\n text-decoration: none;\n &:hover,\n &:focus,\n &:active,\n &:visited {\n color: var(--clr-disabled, #e6e6e6);\n text-decoration: none;\n }\n "])))}),u=e.li(l||(l=n(["\n display: none;\n &:first-child,\n &:last-child {\n display: inline;\n }\n @media (min-width: 576px) {\n display: inline;\n }\n span {\n border: none;\n min-width: 30px;\n padding: 5px;\n margin: 1px;\n border-radius: 0;\n border-width: var(--breakpoint-mobile, 576px);\n }\n"],["\n display: none;\n &:first-child,\n &:last-child {\n display: inline;\n }\n @media (min-width: 576px) {\n display: inline;\n }\n span {\n border: none;\n min-width: 30px;\n padding: 5px;\n margin: 1px;\n border-radius: 0;\n border-width: var(--breakpoint-mobile, 576px);\n }\n"])));export{u as PagerItem,v as PagerLink,p as PagerList,s as PagerWrapper};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const PagerWrapper = styled.div`\n display: table;\n width: 100%;\n clear: both;\n text-align: center;\n`;\n\nexport const PagerList = styled.ul`\n display: inline-block;\n padding-left: 0;\n margin: 20px 0;\n`;\n\nexport const PagerLink = styled.a<{\n name?: string;\n $active?: boolean;\n $disabled?: boolean;\n}>`\n font-weight: normal;\n font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n font-size: var(--font-size-s, 0.875rem);\n color: var(--clr-text-light, #fff);\n background-color: var(--clr-pagination-background, #00007e);\n cursor: pointer;\n border-radius: 0;\n margin: var(--spacing-xxs, 0.5rem);\n padding: 7px 11px;\n text-decoration: none;\n &:active,\n &:focus,\n &:hover {\n opacity: 0.88;\n text-decoration: underline;\n }\n &:visited {\n text-decoration: none;\n }\n\n &:focus-visible {\n outline: auto;\n }\n\n ${({ $active }) =>\n $active &&\n css`\n color: var(--clr-text-dark, #000);\n background-color: var(--clr-pagination-active, #e6e6e6);\n cursor: default;\n &:hover {\n background-color: var(--clr-pagination-active, #e6e6e6);\n text-decoration: none;\n }\n `}\n\n ${({ name, $disabled }) =>\n (name === \"Prev\" || name === \"Next\") &&\n css`\n color: ${$disabled\n ? \"var(--clr-disabled, #e6e6e6)\"\n : \"var(--clr-pagination-text, #00007e)\"};\n background-color: transparent;\n font-weight: bold;\n padding: 8px 6px;\n background-color: transparent;\n &:focus,\n &:hover {\n background-color: transparent;\n text-decoration: underline;\n }\n &:active,\n &:visited {\n text-decoration: none;\n }\n `}\n\n ${({ $disabled }) =>\n $disabled &&\n css`\n color: var(--clr-disabled, #e6e6e6);\n cursor: not-allowed;\n pointer-events:none\n text-decoration: none;\n &:hover,\n &:focus,\n &:active,\n &:visited {\n color: var(--clr-disabled, #e6e6e6);\n text-decoration: none;\n }\n `}\n`;\n\nexport const PagerItem = styled.li`\n display: none;\n &:first-child,\n &:last-child {\n display: inline;\n }\n @media (min-width: 576px) {\n display: inline;\n }\n span {\n border: none;\n min-width: 30px;\n padding: 5px;\n margin: 1px;\n border-radius: 0;\n border-width: var(--breakpoint-mobile, 576px);\n }\n`;\n"],"names":["PagerWrapper","styled","div","templateObject_1","__makeTemplateObject","PagerList","ul","templateObject_2","PagerLink","a","templateObject_6","_a","$active","css","templateObject_3","name","$disabled","templateObject_4","templateObject_5","PagerItem","li","templateObject_7"],"mappings":"2HAEO,kBAAMA,EAAeC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,gFAAA,CAAA,mFAOzBC,EAAYJ,EAAOK,GAAEC,IAAAA,EAAAH,EAAA,CAAA,uEAAA,CAAA,0EAMrBI,EAAYP,EAAOQ,EAACC,IAAAA,EAAAN,EAAA,CAAA,+jBAAA,SAAA,SAAA,MAAA,CAI/B,+jBAmCG,SAqBA,SAgBA,QA/CD,SAACO,GACD,OADUA,EAAAC,SAEVC,EAAGC,IAAAA,EAAAV,EAAA,CAAA,wQAAA,CAAA,0QADH,EAWA,SAACO,OAAEI,EAAIJ,EAAAI,KAAEC,EAASL,EAAAK,UAClB,OAAU,SAATD,GAA4B,SAATA,IACpBF,EAAGI,IAAAA,EAAAb,EAAA,CAAA,kBAAA,8UAAA,CAAA,kBAGwC,gVAFhCY,EACL,+BACA,sCAJN,EAoBA,SAACL,GACD,OADYA,EAAAK,WAEZH,EAAGK,IAAAA,EAAAd,EAAA,CAAA,sSAAA,CAAA,wSADH,GAgBSe,EAAYlB,EAAOmB,GAAEC,IAAAA,EAAAjB,EAAA,CAAA,yTAAA,CAAA"}
@@ -1,10 +0,0 @@
1
- import { type PopOverPositionType } from "../../types";
2
- export declare const PopOverWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
- $full: boolean;
4
- $css?: string;
5
- }>> & string;
6
- export declare const PopOverModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
- $position: PopOverPositionType;
8
- $maxWidth: string;
9
- $minWidth: string;
10
- }>> & string;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as t}from"../../../node_modules/tslib/tslib.es6.js";import n,{css as e}from"styled-components";var o,r,a,s=n.div(r||(r=t(["\n position: relative;\n display: ",";\n ","\n"],["\n position: relative;\n display: ",";\n ","\n"])),function(t){return t.$full?"block":"inline-block"},function(n){return n.$css&&e(o||(o=t(["\n ","\n "],["\n ","\n "])),n.$css)}),c=n.div(a||(a=t(["\n position: absolute;\n display: flex;\n justify-content: center;\n word-wrap: break-word;\n z-index: 9999;\n max-width: ",";\n min-width: ",";\n font-size: var(--font-size-s, 0.875rem);\n background-color: var(--clr-popover-background, #fff);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.25);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\n margin-bottom: ",";\n\n margin-top: ",";\n top: ",";\n\n bottom: ",";\n\n left: ",";\n right: ",';\n\n &:after,\n &:before {\n content: "";\n border-style: solid;\n border-width: 10px;\n width: 0;\n height: 0;\n position: absolute;\n top: ',";\n bottom: ",";\n\n left: ",";\n right: ",";\n }\n &:before {\n border-color: ",";\n }\n &:after {\n margin: ",";\n border-color: ",";\n }\n\n @media (min-width: 992px) {\n margin-top: ",";\n\n margin-left: ",";\n margin-right: ",";\n\n top: ",";\n\n left: ",";\n right: ",';\n\n &:after,\n &:before {\n content: "";\n top: ',";\n bottom: ",";\n\n left: ",";\n right: ",";\n }\n &:before {\n border-color: ",";\n }\n &:after {\n margin: ",";\n border-color: ",";\n }\n }\n"],["\n position: absolute;\n display: flex;\n justify-content: center;\n word-wrap: break-word;\n z-index: 9999;\n max-width: ",";\n min-width: ",";\n font-size: var(--font-size-s, 0.875rem);\n background-color: var(--clr-popover-background, #fff);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.25);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\n margin-bottom: ",";\n\n margin-top: ",";\n top: ",";\n\n bottom: ",";\n\n left: ",";\n right: ",';\n\n &:after,\n &:before {\n content: "";\n border-style: solid;\n border-width: 10px;\n width: 0;\n height: 0;\n position: absolute;\n top: ',";\n bottom: ",";\n\n left: ",";\n right: ",";\n }\n &:before {\n border-color: ",";\n }\n &:after {\n margin: ",";\n border-color: ",";\n }\n\n @media (min-width: 992px) {\n margin-top: ",";\n\n margin-left: ",";\n margin-right: ",";\n\n top: ",";\n\n left: ",";\n right: ",';\n\n &:after,\n &:before {\n content: "";\n top: ',";\n bottom: ",";\n\n left: ",";\n right: ",";\n }\n &:before {\n border-color: ",";\n }\n &:after {\n margin: ",";\n border-color: ",";\n }\n }\n"])),function(t){return t.$maxWidth},function(t){return t.$minWidth},function(t){switch(t.$position){case"top":case"topLeft":case"bottomLeft":default:return"10px";case"left":case"right":case"bottom":return 0}},function(t){switch(t.$position){case"bottom":case"bottomLeft":case"left":case"right":return"10px";default:return 0}},function(t){switch(t.$position){case"top":case"topLeft":default:return"auto";case"left":case"right":case"bottom":case"bottomLeft":return"100%"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"100%";case"left":case"right":case"bottom":case"bottomLeft":return"auto"}},function(t){return"top"===t.$position?0:"auto"},function(t){switch(t.$position){case"top":case"left":case"bottom":default:return"auto";case"topLeft":case"bottomLeft":return 0;case"right":return"0"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"100%";case"left":case"right":case"bottom":case"bottomLeft":return"auto"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"auto";case"left":case"right":case"bottom":case"bottomLeft":return"100%"}},function(t){switch(t.$position){case"top":case"left":case"bottom":default:return"var(--spacing-s, 1.5rem)";case"topLeft":case"right":case"bottomLeft":return"auto"}},function(t){switch(t.$position){case"top":case"left":case"bottom":default:return"auto";case"topLeft":case"right":case"bottomLeft":return"var(--spacing-s, 1.5rem)"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"rgba(0, 0, 0, 0.25) transparent transparent";case"left":case"right":case"bottom":case"bottomLeft":return"transparent transparent rgba(0, 0, 0, 0.25)"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"-1px 0 0 0";case"left":case"right":case"bottom":case"bottomLeft":return"0 0 -1px 0"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"var(--clr-popover-background, #fff) transparent transparent";case"left":case"right":case"bottom":case"bottomLeft":return"transparent transparent var(--clr-popover-background, #fff)"}},function(t){switch(t.$position){case"bottom":case"bottomLeft":return"10px";default:return 0}},function(t){return"right"===t.$position?"10px":0},function(t){return"left"===t.$position?"10px":0},function(t){switch(t.$position){case"top":case"topLeft":default:return"auto";case"left":case"right":return 0;case"bottom":case"bottomLeft":return"100%"}},function(t){switch(t.$position){case"top":return 0;case"topLeft":case"left":case"bottom":case"bottomLeft":default:return"auto";case"right":return"100%"}},function(t){switch(t.$position){case"top":case"right":case"bottom":default:return"auto";case"topLeft":case"bottomLeft":return 0;case"left":return"100%"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"100%";case"left":case"right":return"var(--spacing-xs, 1rem)";case"bottom":case"bottomLeft":return"auto"}},function(t){switch(t.$position){case"top":case"topLeft":case"left":case"right":default:return"auto";case"bottom":case"bottomLeft":return"100%"}},function(t){switch(t.$position){case"top":case"bottom":default:return"var(--spacing-s, 1.5rem)";case"topLeft":case"bottomLeft":return"auto";case"left":return"100%";case"right":return"-20px"}},function(t){switch(t.$position){case"top":case"left":case"bottom":default:return"auto";case"topLeft":case"bottomLeft":return"var(--spacing-s, 1.5rem)";case"right":return"0"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"rgba(0, 0, 0, 0.25) transparent transparent";case"left":return"transparent transparent transparent rgba(0, 0, 0, 0.25)";case"right":return"transparent rgba(0, 0, 0, 0.25) transparent transparent";case"bottom":case"bottomLeft":return"transparent transparent rgba(0, 0, 0, 0.25)"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"-1px 0 0 0";case"left":return"0 0 0 -1px";case"right":return"0 0 0 1px";case"bottom":case"bottomLeft":return"0 0 -1px 0"}},function(t){switch(t.$position){case"top":case"topLeft":default:return"var(--clr-popover-background, #fff) transparent transparent";case"left":return"transparent transparent transparent var(--clr-popover-background, #fff)";case"right":return"transparent var(--clr-popover-background, #fff) transparent transparent";case"bottom":case"bottomLeft":return"transparent transparent var(--clr-popover-background, #fff)"}});export{c as PopOverModal,s as PopOverWrapper};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/PopOver/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type PopOverPositionType } from \"../../types\";\n\nexport const PopOverWrapper = styled.div<{\n $full: boolean;\n $css?: string;\n}>`\n position: relative;\n display: ${({ $full }) => ($full ? \"block\" : \"inline-block\")};\n ${(props) =>\n props.$css &&\n css`\n ${props.$css}\n `}\n`;\n\nexport const PopOverModal = styled.div<{\n $position: PopOverPositionType;\n $maxWidth: string;\n $minWidth: string;\n}>`\n position: absolute;\n display: flex;\n justify-content: center;\n word-wrap: break-word;\n z-index: 9999;\n max-width: ${({ $maxWidth }) => $maxWidth};\n min-width: ${({ $minWidth }) => $minWidth};\n font-size: var(--font-size-s, 0.875rem);\n background-color: var(--clr-popover-background, #fff);\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.25);\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n\n margin-bottom: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"10px\";\n case \"topLeft\":\n return \"10px\";\n case \"left\":\n return 0;\n case \"right\":\n return 0;\n case \"bottom\":\n return 0;\n case \"bottomLeft\":\n return \"10px\";\n default:\n return \"10px\";\n }\n }};\n\n margin-top: ${({ $position }) => {\n switch ($position) {\n case \"bottom\":\n return \"10px\";\n case \"bottomLeft\":\n return \"10px\";\n case \"left\":\n return \"10px\";\n case \"right\":\n return \"10px\";\n default:\n return 0;\n }\n }};\n top: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"auto\";\n case \"topLeft\":\n return \"auto\";\n case \"left\":\n return \"100%\";\n case \"right\":\n return \"100%\";\n case \"bottom\":\n return \"100%\";\n case \"bottomLeft\":\n return \"100%\";\n default:\n return \"auto\";\n }\n }};\n\n bottom: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"100%\";\n case \"topLeft\":\n return \"100%\";\n case \"left\":\n return \"auto\";\n case \"right\":\n return \"auto\";\n case \"bottom\":\n return \"auto\";\n case \"bottomLeft\":\n return \"auto\";\n default:\n return \"100%\";\n }\n }};\n\n left: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return 0;\n case \"topLeft\":\n return \"auto\";\n case \"left\":\n return \"auto\";\n case \"right\":\n return \"auto\";\n case \"bottom\":\n return \"auto\";\n case \"bottomLeft\":\n return \"auto\";\n default:\n return \"auto\";\n }\n }};\n right: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"auto\";\n case \"topLeft\":\n return 0;\n case \"left\":\n return \"auto\";\n case \"right\":\n return \"0\";\n case \"bottom\":\n return \"auto\";\n case \"bottomLeft\":\n return 0;\n default:\n return \"auto\";\n }\n }};\n\n &:after,\n &:before {\n content: \"\";\n border-style: solid;\n border-width: 10px;\n width: 0;\n height: 0;\n position: absolute;\n top: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"100%\";\n case \"topLeft\":\n return \"100%\";\n case \"left\":\n return \"auto\";\n case \"right\":\n return \"auto\";\n case \"bottom\":\n return \"auto\";\n case \"bottomLeft\":\n return \"auto\";\n default:\n return \"100%\";\n }\n }};\n bottom: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"auto\";\n case \"topLeft\":\n return \"auto\";\n case \"left\":\n return \"100%\";\n case \"right\":\n return \"100%\";\n case \"bottom\":\n return \"100%\";\n case \"bottomLeft\":\n return \"100%\";\n default:\n return \"auto\";\n }\n }};\n\n left: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return `var(--spacing-s, 1.5rem)`;\n case \"topLeft\":\n return \"auto\";\n case \"left\":\n return `var(--spacing-s, 1.5rem)`;\n case \"right\":\n return \"auto\";\n case \"bottom\":\n return `var(--spacing-s, 1.5rem)`;\n case \"bottomLeft\":\n return \"auto\";\n default:\n return `var(--spacing-s, 1.5rem)`;\n }\n }};\n right: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return `auto`;\n case \"topLeft\":\n return `var(--spacing-s, 1.5rem)`;\n case \"left\":\n return \"auto\";\n case \"right\":\n return `var(--spacing-s, 1.5rem)`;\n case \"bottom\":\n return `auto`;\n case \"bottomLeft\":\n return `var(--spacing-s, 1.5rem)`;\n default:\n return `auto`;\n }\n }};\n }\n &:before {\n border-color: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"rgba(0, 0, 0, 0.25) transparent transparent\";\n case \"topLeft\":\n return \"rgba(0, 0, 0, 0.25) transparent transparent\";\n case \"left\":\n return \"transparent transparent rgba(0, 0, 0, 0.25)\";\n case \"right\":\n return \"transparent transparent rgba(0, 0, 0, 0.25)\";\n case \"bottom\":\n return \"transparent transparent rgba(0, 0, 0, 0.25)\";\n case \"bottomLeft\":\n return \"transparent transparent rgba(0, 0, 0, 0.25)\";\n default:\n return \"rgba(0, 0, 0, 0.25) transparent transparent\";\n }\n }};\n }\n &:after {\n margin: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"-1px 0 0 0\";\n case \"topLeft\":\n return \"-1px 0 0 0\";\n case \"left\":\n return \"0 0 -1px 0\";\n case \"right\":\n return \"0 0 -1px 0\";\n case \"bottom\":\n return \"0 0 -1px 0\";\n case \"bottomLeft\":\n return \"0 0 -1px 0\";\n default:\n return \"-1px 0 0 0\";\n }\n }};\n border-color: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return `var(--clr-popover-background, #fff) transparent transparent`;\n case \"topLeft\":\n return `var(--clr-popover-background, #fff) transparent transparent`;\n case \"left\":\n return `transparent transparent var(--clr-popover-background, #fff)`;\n case \"right\":\n return `transparent transparent var(--clr-popover-background, #fff)`;\n case \"bottom\":\n return `transparent transparent var(--clr-popover-background, #fff)`;\n case \"bottomLeft\":\n return `transparent transparent var(--clr-popover-background, #fff)`;\n default:\n return `var(--clr-popover-background, #fff) transparent transparent`;\n }\n }};\n }\n\n @media (min-width: 992px) {\n margin-top: ${({ $position }) => {\n switch ($position) {\n case \"bottom\":\n return \"10px\";\n case \"bottomLeft\":\n return \"10px\";\n default:\n return 0;\n }\n }};\n\n margin-left: ${({ $position }) => {\n switch ($position) {\n case \"right\":\n return \"10px\";\n default:\n return 0;\n }\n }};\n margin-right: ${({ $position }) => {\n switch ($position) {\n case \"left\":\n return \"10px\";\n default:\n return 0;\n }\n }};\n\n top: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"auto\";\n case \"topLeft\":\n return \"auto\";\n case \"left\":\n return 0;\n case \"right\":\n return 0;\n case \"bottom\":\n return \"100%\";\n case \"bottomLeft\":\n return \"100%\";\n default:\n return \"auto\";\n }\n }};\n\n left: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return 0;\n case \"topLeft\":\n return \"auto\";\n case \"left\":\n return \"auto\";\n case \"right\":\n return \"100%\";\n case \"bottom\":\n return \"auto\";\n case \"bottomLeft\":\n return \"auto\";\n default:\n return \"auto\";\n }\n }};\n right: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"auto\";\n case \"topLeft\":\n return 0;\n case \"left\":\n return \"100%\";\n case \"right\":\n return \"auto\";\n case \"bottom\":\n return \"auto\";\n case \"bottomLeft\":\n return 0;\n default:\n return \"auto\";\n }\n }};\n\n &:after,\n &:before {\n content: \"\";\n top: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"100%\";\n case \"topLeft\":\n return \"100%\";\n case \"left\":\n return `var(--spacing-xs, 1rem)`;\n case \"right\":\n return `var(--spacing-xs, 1rem)`;\n case \"bottom\":\n return \"auto\";\n case \"bottomLeft\":\n return \"auto\";\n default:\n return \"100%\";\n }\n }};\n bottom: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"auto\";\n case \"topLeft\":\n return \"auto\";\n case \"left\":\n return \"auto\";\n case \"right\":\n return \"auto\";\n case \"bottom\":\n return \"100%\";\n case \"bottomLeft\":\n return \"100%\";\n default:\n return \"auto\";\n }\n }};\n\n left: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return `var(--spacing-s, 1.5rem)`;\n case \"topLeft\":\n return \"auto\";\n case \"left\":\n return \"100%\";\n case \"right\":\n return \"-20px\";\n case \"bottom\":\n return `var(--spacing-s, 1.5rem)`;\n case \"bottomLeft\":\n return \"auto\";\n default:\n return `var(--spacing-s, 1.5rem)`;\n }\n }};\n right: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return `auto`;\n case \"topLeft\":\n return `var(--spacing-s, 1.5rem)`;\n case \"left\":\n return \"auto\";\n case \"right\":\n return `0`;\n case \"bottom\":\n return `auto`;\n case \"bottomLeft\":\n return `var(--spacing-s, 1.5rem)`;\n default:\n return `auto`;\n }\n }};\n }\n &:before {\n border-color: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"rgba(0, 0, 0, 0.25) transparent transparent\";\n case \"topLeft\":\n return \"rgba(0, 0, 0, 0.25) transparent transparent\";\n case \"left\":\n return \"transparent transparent transparent rgba(0, 0, 0, 0.25)\";\n case \"right\":\n return \"transparent rgba(0, 0, 0, 0.25) transparent transparent\";\n case \"bottom\":\n return \"transparent transparent rgba(0, 0, 0, 0.25)\";\n case \"bottomLeft\":\n return \"transparent transparent rgba(0, 0, 0, 0.25)\";\n default:\n return \"rgba(0, 0, 0, 0.25) transparent transparent\";\n }\n }};\n }\n &:after {\n margin: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return \"-1px 0 0 0\";\n case \"topLeft\":\n return \"-1px 0 0 0\";\n case \"left\":\n return \"0 0 0 -1px\";\n case \"right\":\n return \"0 0 0 1px\";\n case \"bottom\":\n return \"0 0 -1px 0\";\n case \"bottomLeft\":\n return \"0 0 -1px 0\";\n default:\n return \"-1px 0 0 0\";\n }\n }};\n border-color: ${({ $position }) => {\n switch ($position) {\n case \"top\":\n return `var(--clr-popover-background, #fff) transparent transparent`;\n case \"topLeft\":\n return `var(--clr-popover-background, #fff) transparent transparent`;\n case \"left\":\n return `transparent transparent transparent var(--clr-popover-background, #fff)`;\n case \"right\":\n return `transparent var(--clr-popover-background, #fff) transparent transparent`;\n case \"bottom\":\n return `transparent transparent var(--clr-popover-background, #fff)`;\n case \"bottomLeft\":\n return `transparent transparent var(--clr-popover-background, #fff)`;\n default:\n return `var(--clr-popover-background, #fff) transparent transparent`;\n }\n }};\n }\n }\n`;\n"],"names":["PopOverWrapper","styled","div","templateObject_2","__makeTemplateObject","_a","$full","props","$css","css","templateObject_1","PopOverModal","templateObject_3","$maxWidth","$minWidth","$position"],"mappings":"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"}
@@ -1,23 +0,0 @@
1
- export declare const ProgressBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- export declare const LineProgressBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
- $percentage: number;
4
- $secondaryPercentage: number;
5
- }>> & string;
6
- export declare const LineProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
- $percentage: number;
8
- $barColor?: string;
9
- $isSecondary?: boolean;
10
- }>> & string;
11
- export declare const ScreenReaderOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
12
- export declare const CircularWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
13
- $circleSize: string;
14
- }>> & string;
15
- export declare const CircleSvg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;
16
- export declare const EmptyCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never>> & string;
17
- export declare const FullCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGCircleElement>, {
18
- strokeDashoffset: number;
19
- $strokeDashoffsetInit: number;
20
- $barColor?: string;
21
- $isSecondary?: boolean;
22
- }>> & string;
23
- export declare const CircularValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r,{css as e,keyframes as t}from"styled-components";var o,i,s,a,h,p,c,l,d,f,g,u,b,x,m,v=function(){return t(s||(s=n(["\n 0% {\n width: 0px;\n height: 0px;\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n width: 64px;\n height: 64px;\n right: -32px;\n }\n"],["\n 0% {\n width: 0px;\n height: 0px;\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n width: 64px;\n height: 64px;\n right: -32px;\n }\n"])))},k=function(){return t(a||(a=n(["\n 0% {\n transform: scale(1);\n border-radius: 0px;\n\n }\n 50% {\n transform:scale(1.025);\n }\n 100% {\n transform: scale(1);\n border-radius: 0px;\n }\n"],["\n 0% {\n transform: scale(1);\n border-radius: 0px;\n\n }\n 50% {\n transform:scale(1.025);\n }\n 100% {\n transform: scale(1);\n border-radius: 0px;\n }\n"])))},y=r.div(h||(h=n(["\n --__progress-bar-height: 16px;\n margin-top: var(--__progress-bar-height, 16px);\n"],["\n --__progress-bar-height: 16px;\n margin-top: var(--__progress-bar-height, 16px);\n"]))),w=r.div(c||(c=n(["\n position: relative;\n height: var(--__progress-bar-height, 16px);\n margin-bottom: 0;\n background-color: var(--clr-progress-bar-background, #e6e6e6);\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n ","\n"],["\n position: relative;\n height: var(--__progress-bar-height, 16px);\n margin-bottom: 0;\n background-color: var(--clr-progress-bar-background, #e6e6e6);\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n ","\n"])),function(r){var t=r.$percentage,o=r.$secondaryPercentage;return(100===t||100===o)&&e(p||(p=n(["\n animation: "," 0.3s 0.5s 1 ease-out;\n "],["\n animation: "," 0.3s 0.5s 1 ease-out;\n "])),k)}),$=r.div(d||(d=n(["\n position: absolute;\n left: 0;\n height: var(--__progress-bar-height, 16px);\n background-color: ",";\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n transition: width 0.6s ease;\n width: ",'%;\n\n &::before {\n content: "";\n display: inline-block;\n position: absolute;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: 0px;\n height: 0px;\n border-radius: 50%;\n opacity: 0;\n filter: blur(2px);\n background-color: ',";\n\n ","\n }\n"],["\n position: absolute;\n left: 0;\n height: var(--__progress-bar-height, 16px);\n background-color: ",";\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n transition: width 0.6s ease;\n width: ",'%;\n\n &::before {\n content: "";\n display: inline-block;\n position: absolute;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: 0px;\n height: 0px;\n border-radius: 50%;\n opacity: 0;\n filter: blur(2px);\n background-color: ',";\n\n ","\n }\n"])),function(n){var r=n.$barColor,e=n.$isSecondary;return r||e?"var(--clr-progress-bar-secondary, #e60079)":"var(--clr-progress-bar, #00007e)"},function(n){return n.$percentage},function(n){var r=n.$barColor,e=n.$isSecondary;return r||e?"var(--clr-progress-bar-secondary, #e60079)":"var(--clr-progress-bar, #00007e)"},function(r){return 100===r.$percentage&&e(l||(l=n(["\n animation: "," 0.33s 0.75s 3 ease-in;\n "],["\n animation: "," 0.33s 0.75s 3 ease-in;\n "])),v)}),_=r.span(f||(f=n(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n"],["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n"]))),z=r.div(g||(g=n(["\n position: relative;\n width: ",";\n height: ",";\n background: none;\n margin: 0 auto;\n box-shadow: none;\n"],["\n position: relative;\n width: ",";\n height: ",";\n background: none;\n margin: 0 auto;\n box-shadow: none;\n"])),function(n){return n.$circleSize},function(n){return n.$circleSize}),D=r.svg(u||(u=n(["\n position: absolute;\n transform: rotate(-90deg);\n fill: none;\n stroke-linecap: round;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n transform: rotate(-90deg);\n fill: none;\n stroke-linecap: round;\n width: 100%;\n height: 100%;\n"]))),S=r.circle(b||(b=n(["\n stroke: var(--clr-cruk-grey-200, #e6e6e6);\n"],["\n stroke: var(--clr-cruk-grey-200, #e6e6e6);\n"]))),I=r.circle(x||(x=n(["\n stroke: ",";\n animation: ","\n 1s linear;\n"],["\n stroke: ",";\n animation: ","\n 1s linear;\n"])),function(n){var r=n.$isSecondary;return n.$barColor||r?"var(--clr-circular-progress-secondary, #e60079)":"var(--clr-circular-progress, #009cee)"},function(r){var e=r.$isSecondary,s=r.strokeDashoffset,a=r.$strokeDashoffsetInit;return e?function(r){var e=r.$strokeDashoffsetInit,o=r.strokeDashoffset;return t(i||(i=n(["\n 0% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"],["\n 0% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"])),e,o)}({strokeDashoffset:s,$strokeDashoffsetInit:a}):function(r){var e=r.$strokeDashoffsetInit,i=r.strokeDashoffset;return t(o||(o=n(["\n 0% {\n stroke-dashoffset: "," ;\n }\n 50% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"],["\n 0% {\n stroke-dashoffset: "," ;\n }\n 50% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"])),e,i,i)}({strokeDashoffset:s,$strokeDashoffsetInit:a})}),j=r.div(m||(m=n(['\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n z-index: 2;\n font-size: var(--font-size-l, 1.25rem);\n line-height: var(--font-size-l, 1.25rem);\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n text-align: center;\n height: 100%;\n color: var(--clr-text-dark, #000);\n'],['\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n z-index: 2;\n font-size: var(--font-size-l, 1.25rem);\n line-height: var(--font-size-l, 1.25rem);\n font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n text-align: center;\n height: 100%;\n color: var(--clr-text-dark, #000);\n'])));export{D as CircleSvg,j as CircularValue,z as CircularWrapper,S as EmptyCircle,I as FullCircle,$ as LineProgressBar,w as LineProgressBarWrapper,y as ProgressBarWrapper,_ as ScreenReaderOnly};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/ProgressBar/styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\ntype CircleKeyCircleFillKeyFramesProps = {\n $strokeDashoffsetInit: number;\n strokeDashoffset: number;\n};\n\nconst CircleFillKeyFrames = ({\n $strokeDashoffsetInit,\n strokeDashoffset,\n}: CircleKeyCircleFillKeyFramesProps) => keyframes`\n 0% {\n stroke-dashoffset: ${$strokeDashoffsetInit} ;\n }\n 50% {\n stroke-dashoffset: ${strokeDashoffset} ;\n }\n 100% {\n stroke-dashoffset: ${strokeDashoffset} ;\n }\n`;\n\nconst SecondaryCircleFillKeyFrames = ({\n $strokeDashoffsetInit,\n strokeDashoffset,\n}: CircleKeyCircleFillKeyFramesProps) => keyframes`\n 0% {\n stroke-dashoffset: ${$strokeDashoffsetInit} ;\n }\n 100% {\n stroke-dashoffset: ${strokeDashoffset} ;\n }\n`;\n\nconst TargetBarPulseKeyFrames = () => keyframes`\n 0% {\n width: 0px;\n height: 0px;\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n width: 64px;\n height: 64px;\n right: -32px;\n }\n`;\n\nconst LineBarPulseKeyFrames = () => keyframes`\n 0% {\n transform: scale(1);\n border-radius: 0px;\n\n }\n 50% {\n transform:scale(1.025);\n }\n 100% {\n transform: scale(1);\n border-radius: 0px;\n }\n`;\n\nexport const ProgressBarWrapper = styled.div`\n --__progress-bar-height: 16px;\n margin-top: var(--__progress-bar-height, 16px);\n`;\n\nexport const LineProgressBarWrapper = styled.div<{\n $percentage: number;\n $secondaryPercentage: number;\n}>`\n position: relative;\n height: var(--__progress-bar-height, 16px);\n margin-bottom: 0;\n background-color: var(--clr-progress-bar-background, #e6e6e6);\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n ${({ $percentage, $secondaryPercentage }) =>\n ($percentage === 100 || $secondaryPercentage === 100) &&\n css`\n animation: ${LineBarPulseKeyFrames} 0.3s 0.5s 1 ease-out;\n `}\n`;\n\nexport const LineProgressBar = styled.div<{\n $percentage: number;\n $barColor?: string;\n $isSecondary?: boolean;\n}>`\n position: absolute;\n left: 0;\n height: var(--__progress-bar-height, 16px);\n background-color: ${({ $barColor, $isSecondary }) =>\n !!$barColor || !!$isSecondary\n ? `var(--clr-progress-bar-secondary, #e60079)`\n : `var(--clr-progress-bar, #00007e)`};\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n transition: width 0.6s ease;\n width: ${({ $percentage }) => $percentage}%;\n\n &::before {\n content: \"\";\n display: inline-block;\n position: absolute;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: 0px;\n height: 0px;\n border-radius: 50%;\n opacity: 0;\n filter: blur(2px);\n background-color: ${({ $barColor, $isSecondary }) =>\n $barColor || $isSecondary\n ? `var(--clr-progress-bar-secondary, #e60079)`\n : `var(--clr-progress-bar, #00007e)`};\n\n ${({ $percentage }) =>\n $percentage === 100 &&\n css`\n animation: ${TargetBarPulseKeyFrames} 0.33s 0.75s 3 ease-in;\n `}\n }\n`;\n\nexport const ScreenReaderOnly = styled.span`\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n`;\n\nexport const CircularWrapper = styled.div<{\n $circleSize: string;\n}>`\n position: relative;\n width: ${({ $circleSize }) => $circleSize};\n height: ${({ $circleSize }) => $circleSize};\n background: none;\n margin: 0 auto;\n box-shadow: none;\n`;\n\nexport const CircleSvg = styled.svg`\n position: absolute;\n transform: rotate(-90deg);\n fill: none;\n stroke-linecap: round;\n width: 100%;\n height: 100%;\n`;\n\nexport const EmptyCircle = styled.circle`\n stroke: var(--clr-cruk-grey-200, #e6e6e6);\n`;\n\nexport const FullCircle = styled.circle<{\n strokeDashoffset: number;\n $strokeDashoffsetInit: number;\n $barColor?: string;\n $isSecondary?: boolean;\n}>`\n stroke: ${({ $isSecondary, $barColor }) =>\n $barColor || $isSecondary\n ? `var(--clr-circular-progress-secondary, #e60079)`\n : `var(--clr-circular-progress, #009cee)`};\n animation: ${({ $isSecondary, strokeDashoffset, $strokeDashoffsetInit }) =>\n $isSecondary\n ? SecondaryCircleFillKeyFrames({\n strokeDashoffset,\n $strokeDashoffsetInit,\n })\n : CircleFillKeyFrames({ strokeDashoffset, $strokeDashoffsetInit })}\n 1s linear;\n`;\n\nexport const CircularValue = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n z-index: 2;\n font-size: var(--font-size-l, 1.25rem);\n line-height: var(--font-size-l, 1.25rem);\n font-family: var(--typ-font-family-headings, \"Progress\", Arial, sans-serif);\n text-align: center;\n height: 100%;\n color: var(--clr-text-dark, #000);\n`;\n"],"names":["TargetBarPulseKeyFrames","keyframes","templateObject_3","__makeTemplateObject","LineBarPulseKeyFrames","templateObject_4","ProgressBarWrapper","styled","div","templateObject_5","LineProgressBarWrapper","templateObject_7","_a","$percentage","$secondaryPercentage","css","templateObject_6","LineProgressBar","templateObject_9","$barColor","$isSecondary","templateObject_8","ScreenReaderOnly","span","templateObject_10","CircularWrapper","templateObject_11","$circleSize","CircleSvg","svg","templateObject_12","EmptyCircle","circle","templateObject_13","FullCircle","templateObject_14","strokeDashoffset","$strokeDashoffsetInit","templateObject_2","SecondaryCircleFillKeyFrames","templateObject_1","CircleFillKeyFrames","CircularValue","templateObject_15"],"mappings":"0IAOA,kCA2BMA,EAA0B,WAAM,OAAAC,EAASC,IAAAA,EAAAC,EAAA,CAAA,gMAAA,CAAA,kMAAT,EAiBhCC,EAAwB,WAAM,OAAAH,EAASI,IAAAA,EAAAF,EAAA,CAAA,sLAAA,CAAA,wLAAT,EAevBG,EAAqBC,EAAOC,IAAGC,IAAAA,EAAAN,EAAA,CAAA,2FAAA,CAAA,8FAK/BO,EAAyBH,EAAOC,IAAGG,IAAAA,EAAAR,EAAA,CAAA,yNAAA,MAAA,CAG9C,yNAWG,QAJD,SAACS,OAAEC,EAAWD,EAAAC,YAAEC,EAAoBF,EAAAE,qBACpC,OAAiB,MAAhBD,GAAgD,MAAzBC,IACxBC,EAAGC,IAAAA,EAAAb,EAAA,CAAA,sBAAA,gCAAA,CAAA,sBACiC,kCAArBC,EAFf,GAMSa,EAAkBV,EAAOC,IAAGU,IAAAA,EAAAf,EAAA,CAAA,2GAAA,kGAAA,kTAAA,YAAA,WAAA,CAIvC,2GAOwC,kGAGC,kTAmBC,YAMrC,aA/Be,SAACS,OAAEO,EAASP,EAAAO,UAAEC,EAAYR,EAAAQ,aAC5C,OAAED,GAAeC,EACb,6CACA,kCAFJ,EAKO,SAACR,GAAoB,OAAPA,EAAAC,WAAO,EAgBR,SAACD,OAAEO,EAASP,EAAAO,UAAEC,EAAYR,EAAAQ,aAC5C,OAAAD,GAAaC,EACT,6CACA,kCAFJ,EAIA,SAACR,GACD,OAAgB,MADFA,EAAAC,aAEdE,EAAGM,IAAAA,EAAAlB,EAAA,CAAA,wBAAA,mCAAA,CAAA,wBACmC,qCAAvBH,EAFf,GAOOsB,EAAmBf,EAAOgB,KAAIC,IAAAA,EAAArB,EAAA,CAAA,0JAAA,CAAA,6JAW9BsB,EAAkBlB,EAAOC,IAAGkB,IAAAA,EAAAvB,EAAA,CAAA,qCAAA,gBAAA,oEAAA,CAEvC,qCAEyC,gBACC,sEADjC,SAACS,GAAoB,OAAPA,EAAAe,WAAO,EACpB,SAACf,GAAoB,OAAPA,EAAAe,WAAO,GAMpBC,EAAYrB,EAAOsB,IAAGC,IAAAA,EAAA3B,EAAA,CAAA,qIAAA,CAAA,wIAStB4B,EAAcxB,EAAOyB,OAAMC,IAAAA,EAAA9B,EAAA,CAAA,oDAAA,CAAA,uDAI3B+B,EAAa3B,EAAOyB,OAAMG,IAAAA,EAAAhC,EAAA,CAAA,eAAA,mBAAA,sBAAA,CAKrC,eAI6C,mBAO2B,wBAV9D,SAACS,OAAEQ,EAAYR,EAAAQ,aACvB,OADkCR,EAAAO,WACrBC,EACT,kDACA,uCAFJ,EAGW,SAACR,GAAE,IAAAQ,iBAAcgB,EAAgBxB,EAAAwB,iBAAEC,EAAqBzB,EAAAyB,sBACjE,OAAAjB,EA3J+B,SAACR,OACpCyB,EAAqBzB,EAAAyB,sBACrBD,EAAgBxB,EAAAwB,iBACuB,OAAAnC,EAASqC,IAAAA,EAAAnC,EAAA,CAAA,qCAAA,8CAAA,aAAA,CAAA,qCAEH,8CAGL,eAHhBkC,EAGAD,EALe,CAyJ/BG,CAA6B,CAC3BH,iBAAgBA,EAChBC,sBAAqBA,IA7KL,SAACzB,OAC3ByB,EAAqBzB,EAAAyB,sBACrBD,EAAgBxB,EAAAwB,iBACuB,OAAAnC,EAASuC,IAAAA,EAAArC,EAAA,CAAA,qCAAA,6CAAA,8CAAA,aAAA,CAAA,qCAEH,6CAGL,8CAGA,eANhBkC,EAGAD,EAGAA,EARe,CA4K/BK,CAAoB,CAAEL,mBAAkBC,sBAAqBA,GALjE,GASOK,EAAgBnC,EAAOC,IAAGmC,IAAAA,EAAAxC,EAAA,CAAA,ubAAA,CAAA"}
@@ -1,12 +0,0 @@
1
- export declare const CheckWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- export declare const Check: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
3
- export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
4
- $hasError: boolean;
5
- $disabled: boolean;
6
- $checked: boolean;
7
- }>> & string;
8
- export declare const VerticalAlign: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
9
- export declare const SelectedBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
- export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
11
- disabled: boolean;
12
- }>> & string;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r from"styled-components";var e,i,o,a,t,d,s=r.div(e||(e=n(["\n display: inline-block;\n height: var(--_radio-size, 1.5rem);\n width: var(--_radio-size, 1.5rem);\n position: absolute;\n top: calc(50% - (var(--_radio-size, 1.5rem) / 2));\n left: var(--spacing-xs, 1rem);\n"],["\n display: inline-block;\n height: var(--_radio-size, 1.5rem);\n width: var(--_radio-size, 1.5rem);\n position: absolute;\n top: calc(50% - (var(--_radio-size, 1.5rem) / 2));\n left: var(--spacing-xs, 1rem);\n"]))),l=r.span(i||(i=n(['\n display: block;\n position: relative;\n border: 2px solid var(--clr-selection-border, #666);\n pointer-events: none;\n border-radius: 100%;\n height: var(--_radio-size, 1.5rem);\n width: var(--_radio-size, 1.5rem);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 5;\n transition:\n border 0.25s linear,\n box-shadow 0.25s linear;\n\n &:before {\n display: block;\n position: absolute;\n content: "";\n border-radius: 100%;\n pointer-events: none;\n height: var(--_radio-inner-size, 0.75rem);\n width: var(--_radio-inner-size, 0.75rem);\n top: calc(50% - (var(--_radio-inner-size, 0.75rem) / 2));\n left: calc(50% - (var(--_radio-inner-size, 0.75rem) / 2));\n margin: auto;\n background-color: rgba(255, 255, 255, 0);\n transition: background-color 0.25s linear;\n }\n'],['\n display: block;\n position: relative;\n border: 2px solid var(--clr-selection-border, #666);\n pointer-events: none;\n border-radius: 100%;\n height: var(--_radio-size, 1.5rem);\n width: var(--_radio-size, 1.5rem);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 5;\n transition:\n border 0.25s linear,\n box-shadow 0.25s linear;\n\n &:before {\n display: block;\n position: absolute;\n content: "";\n border-radius: 100%;\n pointer-events: none;\n height: var(--_radio-inner-size, 0.75rem);\n width: var(--_radio-inner-size, 0.75rem);\n top: calc(50% - (var(--_radio-inner-size, 0.75rem) / 2));\n left: calc(50% - (var(--_radio-inner-size, 0.75rem) / 2));\n margin: auto;\n background-color: rgba(255, 255, 255, 0);\n transition: background-color 0.25s linear;\n }\n']))),c=r.label(o||(o=n(['\n --_radio-size: 1.5rem;\n --_radio-inner-size: 0.75rem;\n --_button-height: 3em;\n\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n line-height: var(--typ-line-height, 1.5em);\n font-size: var(--font-size-base, 16px);\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n\n background-color: var(--clr-background-light, #fff);\n width: 100%;\n position: relative;\n\n cursor: ',";\n display: inline-block;\n\n color: ",";\n padding: calc(\n (\n var(--_button-height, 3em) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-m, 2rem)\n calc(\n (\n var(--_button-height, 3em) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xl, 4rem);\n vertical-align: middle;\n\n min-height: 2rem;\n\n "," "," {\n border: solid 2px\n ",";\n\n &:before {\n background-color: ",";\n }\n }\n\n &:hover "," "," {\n border: solid 2px\n ",";\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"],['\n --_radio-size: 1.5rem;\n --_radio-inner-size: 0.75rem;\n --_button-height: 3em;\n\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n line-height: var(--typ-line-height, 1.5em);\n font-size: var(--font-size-base, 16px);\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n\n background-color: var(--clr-background-light, #fff);\n width: 100%;\n position: relative;\n\n cursor: ',";\n display: inline-block;\n\n color: ",";\n padding: calc(\n (\n var(--_button-height, 3em) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-m, 2rem)\n calc(\n (\n var(--_button-height, 3em) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xl, 4rem);\n vertical-align: middle;\n\n min-height: 2rem;\n\n "," "," {\n border: solid 2px\n ",";\n\n &:before {\n background-color: ",";\n }\n }\n\n &:hover "," "," {\n border: solid 2px\n ",";\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"])),function(n){return n.$disabled?"not-allowed":"pointer"},function(n){return n.$disabled?"var(--clr-disabled, #e6e6e6)":"var(--clr-text-dark, #000)"},s,l,function(n){var r=n.$disabled,e=n.$hasError,i=n.$checked;return r?"var(--clr-disabled, #e6e6e6)":e?"var(--clr-danger, #f00)":i?"var(--clr-check, #d5007d)":"var(--clr-input-border, #2e2d2c)"},function(n){return n.$checked?"var(--clr-check, #d5007d)":"rgba(255, 255, 255, 0)"},s,l,function(n){return n.$disabled?"var(--clr-disabled, #e6e6e6;)":"var(--clr-check, #d5007d)"}),b=r.span(a||(a=n(["\n display: inline;\n vertical-align: middle;\n line-height: 100%;\n background-color: var(--clr-background-light, #fff);\n min-height: 2em;\n z-index: 1;\n"],["\n display: inline;\n vertical-align: middle;\n line-height: 100%;\n background-color: var(--clr-background-light, #fff);\n min-height: 2em;\n z-index: 1;\n"]))),h=r.div(t||(t=n(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0);\n z-index: 0;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0);\n z-index: 0;\n"]))),p=r.input(d||(d=n(["\n *,\n *:after,\n *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n margin-right: var(--spacing-xxs, 1rem);\n\n position: absolute;\n left: var(--spacing-xxs, 1rem);\n opacity: 0;\n\n &:focus ~ "," {\n outline: none !important;\n box-shadow: inset 0 0 0 2px var(--clr-input-border, #2e2c2d);\n box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n }\n\n &:checked ~ "," ","::before {\n background: ",";\n }\n"],["\n *,\n *:after,\n *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n margin-right: var(--spacing-xxs, 1rem);\n\n position: absolute;\n left: var(--spacing-xxs, 1rem);\n opacity: 0;\n\n &:focus ~ "," {\n outline: none !important;\n box-shadow: inset 0 0 0 2px var(--clr-input-border, #2e2c2d);\n box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n }\n\n &:checked ~ "," ","::before {\n background: ",";\n }\n"])),h,s,l,function(n){return n.disabled?"var(--clr-disabled, #e6e6e6)":"var(--clr-check, #d5007d)"});export{l as Check,s as CheckWrapper,h as SelectedBorder,p as StyledInput,c as StyledLabel,b as VerticalAlign};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/Radio/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const CheckWrapper = styled.div`\n display: inline-block;\n height: var(--_radio-size, 1.5rem);\n width: var(--_radio-size, 1.5rem);\n position: absolute;\n top: calc(50% - (var(--_radio-size, 1.5rem) / 2));\n left: var(--spacing-xs, 1rem);\n`;\n\nexport const Check = styled.span`\n display: block;\n position: relative;\n border: 2px solid var(--clr-selection-border, #666);\n pointer-events: none;\n border-radius: 100%;\n height: var(--_radio-size, 1.5rem);\n width: var(--_radio-size, 1.5rem);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 5;\n transition:\n border 0.25s linear,\n box-shadow 0.25s linear;\n\n &:before {\n display: block;\n position: absolute;\n content: \"\";\n border-radius: 100%;\n pointer-events: none;\n height: var(--_radio-inner-size, 0.75rem);\n width: var(--_radio-inner-size, 0.75rem);\n top: calc(50% - (var(--_radio-inner-size, 0.75rem) / 2));\n left: calc(50% - (var(--_radio-inner-size, 0.75rem) / 2));\n margin: auto;\n background-color: rgba(255, 255, 255, 0);\n transition: background-color 0.25s linear;\n }\n`;\n\nexport const StyledLabel = styled.label<{\n $hasError: boolean;\n $disabled: boolean;\n $checked: boolean;\n}>`\n --_radio-size: 1.5rem;\n --_radio-inner-size: 0.75rem;\n --_button-height: 3em;\n\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n line-height: var(--typ-line-height, 1.5em);\n font-size: var(--font-size-base, 16px);\n font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n\n background-color: var(--clr-background-light, #fff);\n width: 100%;\n position: relative;\n\n cursor: ${({ $disabled }) => ($disabled ? \"not-allowed\" : \"pointer\")};\n display: inline-block;\n\n color: ${({ $disabled }) =>\n $disabled ? \"var(--clr-disabled, #e6e6e6)\" : \"var(--clr-text-dark, #000)\"};\n padding: calc(\n (\n var(--_button-height, 3em) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-m, 2rem)\n calc(\n (\n var(--_button-height, 3em) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xl, 4rem);\n vertical-align: middle;\n\n min-height: 2rem;\n\n ${CheckWrapper} ${Check} {\n border: solid 2px\n ${({ $disabled, $hasError, $checked }) =>\n $disabled\n ? \"var(--clr-disabled, #e6e6e6)\"\n : $hasError\n ? \"var(--clr-danger, #f00)\"\n : $checked\n ? \"var(--clr-check, #d5007d)\"\n : \"var(--clr-input-border, #2e2d2c)\"};\n\n &:before {\n background-color: ${({ $checked }) =>\n $checked ? \"var(--clr-check, #d5007d)\" : `rgba(255, 255, 255, 0)`};\n }\n }\n\n &:hover ${CheckWrapper} ${Check} {\n border: solid 2px\n ${({ $disabled }) =>\n $disabled\n ? \"var(--clr-disabled, #e6e6e6;)\"\n : \"var(--clr-check, #d5007d)\"};\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n`;\n\nexport const VerticalAlign = styled.span`\n display: inline;\n vertical-align: middle;\n line-height: 100%;\n background-color: var(--clr-background-light, #fff);\n min-height: 2em;\n z-index: 1;\n`;\n\nexport const SelectedBorder = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0);\n z-index: 0;\n`;\n\nexport const StyledInput = styled.input<{\n disabled: boolean;\n}>`\n *,\n *:after,\n *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n margin-right: var(--spacing-xxs, 1rem);\n\n position: absolute;\n left: var(--spacing-xxs, 1rem);\n opacity: 0;\n\n &:focus ~ ${SelectedBorder} {\n outline: none !important;\n box-shadow: inset 0 0 0 2px var(--clr-input-border, #2e2c2d);\n box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n }\n\n &:checked ~ ${CheckWrapper} ${Check}::before {\n background: ${({ disabled }) =>\n disabled ? \"var(--clr-disabled, #e6e6e6)\" : \"var(--clr-check, #d5007d)\"};\n }\n`;\n"],"names":["CheckWrapper","styled","div","templateObject_1","__makeTemplateObject","Check","span","templateObject_2","StyledLabel","label","templateObject_3","_a","$disabled","$hasError","$checked","VerticalAlign","templateObject_4","SelectedBorder","templateObject_5","StyledInput","input","templateObject_6","disabled"],"mappings":"iHAEO,gBAAMA,EAAeC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,4NAAA,CAAA,+NASzBC,EAAQJ,EAAOK,KAAIC,IAAAA,EAAAH,EAAA,CAAA,w0BAAA,CAAA,20BAiCnBI,EAAcP,EAAOQ,MAAKC,IAAAA,EAAAN,EAAA,CAAA,2cAAA,2CAAA,qdAAA,IAAA,oCAAA,gDAAA,8BAAA,IAAA,oCAAA,uIAAA,CAIrC,2cAmBoE,2CAIO,qdAqB7D,IAAS,oCASyB,gDAIuB,8BAIjD,IAAS,oCAKM,yIA/C3B,SAACO,GAAkB,OAAPA,EAAAC,UAAoB,cAAgB,SAA7B,EAGpB,SAACD,GACR,OADmBA,EAAAC,UACP,+BAAiC,4BAA7C,EAqBAZ,EAAgBK,EAEZ,SAACM,GAAE,IAAAC,cAAWC,EAASF,EAAAE,UAAEC,EAAQH,EAAAG,SACjC,OAAAF,EACI,+BACAC,EACE,0BACAC,EACE,4BACA,kCANR,EASkB,SAACH,GACnB,OAD6BA,EAAAG,SAClB,4BAA8B,wBAAzC,EAIId,EAAgBK,EAEpB,SAACM,GACD,OADYA,EAAAC,UAER,gCACA,2BAFJ,GAWKG,EAAgBd,EAAOK,KAAIU,IAAAA,EAAAZ,EAAA,CAAA,sKAAA,CAAA,yKAS3Ba,EAAiBhB,EAAOC,IAAGgB,IAAAA,EAAAd,EAAA,CAAA,iJAAA,CAAA,oJAU3Be,EAAclB,EAAOmB,MAAKC,IAAAA,EAAAjB,EAAA,CAAA,kRAAA,yLAAA,IAAA,+BAAA,YAAA,CAErC,kRAc0B,yLAMA,IAAS,+BAEwC,cAR/Da,EAMEjB,EAAgBK,EACd,SAACM,GACb,OADuBA,EAAAW,SACZ,+BAAiC,2BAA5C"}
@@ -1,3 +0,0 @@
1
- export declare const StyledLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never>> & string;
2
- export declare const StyledFieldSet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>> & string;
3
- export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";var e,r,t,a=i.legend(e||(e=n(['\n display: block;\n float: left;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n'],['\n display: block;\n float: left;\n font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n']))),o=i.fieldset(r||(r=n(["\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(8em, 100%), 0.25fr));\n position: relative;\n border: none;\n padding: 0;\n margin: 0 0 var(--spacing-s, 1.5rem) 0;\n"],["\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(8em, 100%), 0.25fr));\n position: relative;\n border: none;\n padding: 0;\n margin: 0 0 var(--spacing-s, 1.5rem) 0;\n"]))),s=i.div(t||(t=n(["\n display: flex;\n flex-direction: row;\n gap: var(--spacing-m, 2rem);\n align-items: flex-start;\n justify-content: flex-start;\n gap: 0px;\n label {\n min-width: 0px;\n }\n"],["\n display: flex;\n flex-direction: row;\n gap: var(--spacing-m, 2rem);\n align-items: flex-start;\n justify-content: flex-start;\n gap: 0px;\n label {\n min-width: 0px;\n }\n"])));export{s as OptionWrapper,o as StyledFieldSet,a as StyledLegend};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/RadioConsent/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledLegend = styled.legend`\n display: block;\n float: left;\n font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n`;\n\nexport const StyledFieldSet = styled.fieldset`\n box-sizing: border-box;\n *,\n *:after,\n *:before {\n box-sizing: border-box;\n }\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(8em, 100%), 0.25fr));\n position: relative;\n border: none;\n padding: 0;\n margin: 0 0 var(--spacing-s, 1.5rem) 0;\n`;\n\nexport const OptionWrapper = styled.div`\n display: flex;\n flex-direction: row;\n gap: var(--spacing-m, 2rem);\n align-items: flex-start;\n justify-content: flex-start;\n gap: 0px;\n label {\n min-width: 0px;\n }\n`;\n"],"names":["StyledLegend","styled","legend","templateObject_1","__makeTemplateObject","StyledFieldSet","fieldset","templateObject_2","OptionWrapper","div","templateObject_3"],"mappings":"iHAEO,UAAMA,EAAeC,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,+OAAA,CAAA,kPAW5BC,EAAiBJ,EAAOK,SAAQC,IAAAA,EAAAH,EAAA,CAAA,mSAAA,CAAA,sSAehCI,EAAgBP,EAAOQ,IAAGC,IAAAA,EAAAN,EAAA,CAAA,8LAAA,CAAA"}
@@ -1,4 +0,0 @@
1
- export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
2
- $hasError: boolean;
3
- $errorMessage?: string;
4
- }>> & string;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r from"styled-components";var e,a=r.select(e||(e=n(["\n --_button-height: 3rem;\n appearance: none;\n background:\n linear-gradient(\n 45deg,\n var(--clr-background-light, #fff) 50%,\n var(--clr-select-background, #000) 50%\n ),\n linear-gradient(\n 135deg,\n var(--clr-select-background, #000) 50%,\n var(--clr-background-light, #fff) 50%\n );\n background-color: var(--clr-background-light, #fff);\n background-position:\n calc(100% - 16px) 50%,\n calc(100% - 10px) 50%;\n background-size: 6px 6px;\n background-repeat: no-repeat;\n border: ",";\n color: var(--clr-text-dark, #000);\n display: block;\n font-size: var(--font-size-m, 1rem);\n min-height: var(--_button-height, 3rem);\n padding: calc(\n (\n var(--_button-height, 3rem) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-m, 2rem)\n calc(\n (\n var(--_button-height, 3rem) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xs, 1rem);\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"],["\n --_button-height: 3rem;\n appearance: none;\n background:\n linear-gradient(\n 45deg,\n var(--clr-background-light, #fff) 50%,\n var(--clr-select-background, #000) 50%\n ),\n linear-gradient(\n 135deg,\n var(--clr-select-background, #000) 50%,\n var(--clr-background-light, #fff) 50%\n );\n background-color: var(--clr-background-light, #fff);\n background-position:\n calc(100% - 16px) 50%,\n calc(100% - 10px) 50%;\n background-size: 6px 6px;\n background-repeat: no-repeat;\n border: ",";\n color: var(--clr-text-dark, #000);\n display: block;\n font-size: var(--font-size-m, 1rem);\n min-height: var(--_button-height, 3rem);\n padding: calc(\n (\n var(--_button-height, 3rem) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-m, 2rem)\n calc(\n (\n var(--_button-height, 3rem) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xs, 1rem);\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n"])),function(n){var r=n.$hasError,e=n.$errorMessage;return"solid var(--size-border-width, 1px) ".concat(r||e?"var(--clr-text-error, #f00)":"var(--clr-text-input-border, #2e2c2d)")});export{a as StyledSelect};
2
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/Select/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledSelect = styled.select<{\n $hasError: boolean;\n $errorMessage?: string;\n}>`\n --_button-height: 3rem;\n appearance: none;\n background:\n linear-gradient(\n 45deg,\n var(--clr-background-light, #fff) 50%,\n var(--clr-select-background, #000) 50%\n ),\n linear-gradient(\n 135deg,\n var(--clr-select-background, #000) 50%,\n var(--clr-background-light, #fff) 50%\n );\n background-color: var(--clr-background-light, #fff);\n background-position:\n calc(100% - 16px) 50%,\n calc(100% - 10px) 50%;\n background-size: 6px 6px;\n background-repeat: no-repeat;\n border: ${({ $hasError, $errorMessage }) =>\n `solid var(--size-border-width, 1px) ${\n $hasError || $errorMessage\n ? \"var(--clr-text-error, #f00)\"\n : \"var(--clr-text-input-border, #2e2c2d)\"\n }`};\n color: var(--clr-text-dark, #000);\n display: block;\n font-size: var(--font-size-m, 1rem);\n min-height: var(--_button-height, 3rem);\n padding: calc(\n (\n var(--_button-height, 3rem) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-m, 2rem)\n calc(\n (\n var(--_button-height, 3rem) -\n (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n ) /\n 2\n )\n var(--spacing-xs, 1rem);\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: var(--clr-secondary, #e60079);\n }\n &:disabled {\n border-color: var(--clr-disabled, #e6e6e6);\n color: var(--clr-disabled, #e6e6e6);\n }\n\n // increase font size for desktop\n @media (min-width: 1200px) {\n font-size: var(--font-size-ml, 1.125rem);\n }\n`;\n"],"names":["StyledSelect","styled","select","templateObject_1","__makeTemplateObject","_a","$hasError","$errorMessage","concat"],"mappings":"iHAEO,MAAMA,EAAeC,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,qiBAAA,w5BAAA,CAGvC,qiBAyBI,05BALM,SAACC,OAAEC,EAASD,EAAAC,UAAEC,EAAaF,EAAAE,cACnC,MAAA,uCAAAC,OACEF,GAAaC,EACT,8BACA,wCAHN"}