@cruk/cruk-react-components 6.1.1 → 6.2.0

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 (170) hide show
  1. package/lib/node_modules/@babel/runtime/helpers/esm/extends.js.map +1 -1
  2. package/lib/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js.map +1 -1
  3. package/lib/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js.map +1 -1
  4. package/lib/node_modules/@babel/runtime/helpers/esm/toPrimitive.js.map +1 -1
  5. package/lib/node_modules/@babel/runtime/helpers/esm/typeof.js.map +1 -1
  6. package/lib/node_modules/@fortawesome/free-solid-svg-icons/index.js +3 -3
  7. package/lib/node_modules/@fortawesome/free-solid-svg-icons/index.js.map +1 -1
  8. package/lib/node_modules/focus-lock/dist/es2015/focusInside.js.map +1 -1
  9. package/lib/node_modules/focus-lock/dist/es2015/focusIsHidden.js.map +1 -1
  10. package/lib/node_modules/focus-lock/dist/es2015/focusSolver.js.map +1 -1
  11. package/lib/node_modules/focus-lock/dist/es2015/focusables.js.map +1 -1
  12. package/lib/node_modules/focus-lock/dist/es2015/moveFocusInside.js.map +1 -1
  13. package/lib/node_modules/focus-lock/dist/es2015/return-focus.js.map +1 -1
  14. package/lib/node_modules/focus-lock/dist/es2015/sibling.js.map +1 -1
  15. package/lib/node_modules/focus-lock/dist/es2015/solver.js.map +1 -1
  16. package/lib/node_modules/focus-lock/dist/es2015/utils/DOMutils.js.map +1 -1
  17. package/lib/node_modules/focus-lock/dist/es2015/utils/all-affected.js.map +1 -1
  18. package/lib/node_modules/focus-lock/dist/es2015/utils/array.js.map +1 -1
  19. package/lib/node_modules/focus-lock/dist/es2015/utils/auto-focus.js.map +1 -1
  20. package/lib/node_modules/focus-lock/dist/es2015/utils/correctFocus.js.map +1 -1
  21. package/lib/node_modules/focus-lock/dist/es2015/utils/getActiveElement.js.map +1 -1
  22. package/lib/node_modules/focus-lock/dist/es2015/utils/is.js.map +1 -1
  23. package/lib/node_modules/focus-lock/dist/es2015/utils/parenting.js.map +1 -1
  24. package/lib/node_modules/focus-lock/dist/es2015/utils/safe.js.map +1 -1
  25. package/lib/node_modules/focus-lock/dist/es2015/utils/tabOrder.js.map +1 -1
  26. package/lib/node_modules/focus-lock/dist/es2015/utils/tabUtils.js.map +1 -1
  27. package/lib/node_modules/react-clientside-effect/lib/index.es.js.map +1 -1
  28. package/lib/node_modules/react-focus-lock/dist/es2015/Lock.js.map +1 -1
  29. package/lib/node_modules/react-focus-lock/dist/es2015/Trap.js.map +1 -1
  30. package/lib/node_modules/react-intersection-observer/dist/index.js +1 -1
  31. package/lib/node_modules/react-intersection-observer/dist/index.js.map +1 -1
  32. package/lib/node_modules/tslib/tslib.es6.js.map +1 -1
  33. package/lib/node_modules/use-callback-ref/dist/es2015/useMergeRef.js.map +1 -1
  34. package/lib/node_modules/use-callback-ref/dist/es2015/useRef.js.map +1 -1
  35. package/lib/node_modules/use-sidecar/dist/es2015/medium.js.map +1 -1
  36. package/lib/src/components/AddressLookup/index.js.map +1 -1
  37. package/lib/src/components/Box/styles.js.map +1 -1
  38. package/lib/src/components/Button/index.js.map +1 -1
  39. package/lib/src/components/Carousel/Dots.js.map +1 -1
  40. package/lib/src/components/Carousel/index.js.map +1 -1
  41. package/lib/src/components/Carousel/styles.js +1 -1
  42. package/lib/src/components/Carousel/styles.js.map +1 -1
  43. package/lib/src/components/Checkbox/styles.js +1 -1
  44. package/lib/src/components/Checkbox/styles.js.map +1 -1
  45. package/lib/src/components/Collapse/index.js.map +1 -1
  46. package/lib/src/components/Collapse/styles.d.ts +1 -1
  47. package/lib/src/components/DateField/index.js +1 -1
  48. package/lib/src/components/DateField/index.js.map +1 -1
  49. package/lib/src/components/DateField/styles.d.ts +6 -3
  50. package/lib/src/components/DateField/styles.js +1 -1
  51. package/lib/src/components/DateField/styles.js.map +1 -1
  52. package/lib/src/components/ErrorText/styles.d.ts +3 -3
  53. package/lib/src/components/Flex.js.map +1 -1
  54. package/lib/src/components/Fontface.js.map +1 -1
  55. package/lib/src/components/GlobalStyle.js +1 -1
  56. package/lib/src/components/GlobalStyle.js.map +1 -1
  57. package/lib/src/components/Header/index.js.map +1 -1
  58. package/lib/src/components/Heading/styles.js.map +1 -1
  59. package/lib/src/components/IconFa/index.js +1 -1
  60. package/lib/src/components/IconFa/index.js.map +1 -1
  61. package/lib/src/components/IconFa/styles.js +1 -1
  62. package/lib/src/components/IconFa/styles.js.map +1 -1
  63. package/lib/src/components/LabelWrapper/index.js +1 -1
  64. package/lib/src/components/LabelWrapper/index.js.map +1 -1
  65. package/lib/src/components/LabelWrapper/styles.d.ts +3 -0
  66. package/lib/src/components/LabelWrapper/styles.js +1 -1
  67. package/lib/src/components/LabelWrapper/styles.js.map +1 -1
  68. package/lib/src/components/LegendWrapper/index.js +1 -1
  69. package/lib/src/components/LegendWrapper/index.js.map +1 -1
  70. package/lib/src/components/LegendWrapper/styles.d.ts +3 -0
  71. package/lib/src/components/LegendWrapper/styles.js +1 -1
  72. package/lib/src/components/LegendWrapper/styles.js.map +1 -1
  73. package/lib/src/components/Link/styles.d.ts +3 -3
  74. package/lib/src/components/Modal/index.js.map +1 -1
  75. package/lib/src/components/Modal/styles.d.ts +1 -1
  76. package/lib/src/components/Pagination/index.js.map +1 -1
  77. package/lib/src/components/Pagination/styles.js.map +1 -1
  78. package/lib/src/components/PopOver/index.js.map +1 -1
  79. package/lib/src/components/ProgressBar/styles.js.map +1 -1
  80. package/lib/src/components/Radio/styles.js +1 -1
  81. package/lib/src/components/Radio/styles.js.map +1 -1
  82. package/lib/src/components/RadioConsent/index.js.map +1 -1
  83. package/lib/src/components/RadioConsent/styles.js +1 -1
  84. package/lib/src/components/RadioConsent/styles.js.map +1 -1
  85. package/lib/src/components/Select/styles.js +1 -1
  86. package/lib/src/components/Select/styles.js.map +1 -1
  87. package/lib/src/components/Step/styles.js +1 -1
  88. package/lib/src/components/Step/styles.js.map +1 -1
  89. package/lib/src/components/Text/styles.js.map +1 -1
  90. package/lib/src/components/TextAreaField/styles.js +1 -1
  91. package/lib/src/components/TextAreaField/styles.js.map +1 -1
  92. package/lib/src/components/TextField/styles.js +1 -1
  93. package/lib/src/components/TextField/styles.js.map +1 -1
  94. package/lib/src/components/Totaliser/styles.js +1 -1
  95. package/lib/src/components/Totaliser/styles.js.map +1 -1
  96. package/lib/src/hooks/useScrollPosition.js.map +1 -1
  97. package/lib/src/themes/cruk.js +1 -1
  98. package/lib/src/themes/cruk.js.map +1 -1
  99. package/lib/src/themes/rfl.js +1 -1
  100. package/lib/src/themes/rfl.js.map +1 -1
  101. package/lib/src/themes/su2c.js +1 -1
  102. package/lib/src/themes/su2c.js.map +1 -1
  103. package/lib/src/types.d.ts +3 -1
  104. package/lib/src/utils/Helper.js.map +1 -1
  105. package/lib/src/utils/debounce.js.map +1 -1
  106. package/package.json +18 -17
  107. package/lib/playwright/index.d.ts +0 -1
  108. package/lib/playwright/utils.d.ts +0 -19
  109. package/lib/src/components/AddressLookup/AddressLookup.spec.d.ts +0 -1
  110. package/lib/src/components/AddressLookup/AddressLookup.stories.d.ts +0 -24
  111. package/lib/src/components/Avatar/Avatar.spec.d.ts +0 -1
  112. package/lib/src/components/Avatar/Avatar.stories.d.ts +0 -20
  113. package/lib/src/components/Badge/Badge.spec.d.ts +0 -1
  114. package/lib/src/components/Badge/Badge.stories.d.ts +0 -17
  115. package/lib/src/components/Box/Box.spec.d.ts +0 -1
  116. package/lib/src/components/Box/Box.stories.d.ts +0 -14
  117. package/lib/src/components/Button/Button.spec.d.ts +0 -1
  118. package/lib/src/components/Button/Button.stories.d.ts +0 -23
  119. package/lib/src/components/Carousel/Carousel.spec.d.ts +0 -1
  120. package/lib/src/components/Carousel/Carousel.stories.d.ts +0 -14
  121. package/lib/src/components/Checkbox/Checkbox.spec.d.ts +0 -1
  122. package/lib/src/components/Checkbox/Checkbox.stories.d.ts +0 -19
  123. package/lib/src/components/Collapse/Collapse.spec.d.ts +0 -1
  124. package/lib/src/components/Collapse/Collapse.stories.d.ts +0 -18
  125. package/lib/src/components/DateField/DateField.spec.d.ts +0 -1
  126. package/lib/src/components/DateField/DateField.stories.d.ts +0 -27
  127. package/lib/src/components/ErrorText/ErrorText.spec.d.ts +0 -1
  128. package/lib/src/components/ErrorText/ErrorText.stories.d.ts +0 -13
  129. package/lib/src/components/Footer/Footer.spec.d.ts +0 -1
  130. package/lib/src/components/Footer/Footer.stories.d.ts +0 -12
  131. package/lib/src/components/Header/Header.spec.d.ts +0 -1
  132. package/lib/src/components/Header/Header.stories.d.ts +0 -19
  133. package/lib/src/components/Heading/Heading.spec.d.ts +0 -1
  134. package/lib/src/components/Heading/Heading.stories.d.ts +0 -19
  135. package/lib/src/components/IconFa/IconFa.spec.d.ts +0 -1
  136. package/lib/src/components/IconFa/IconFa.stories.d.ts +0 -13
  137. package/lib/src/components/InfoBox/InfoBox.spec.d.ts +0 -1
  138. package/lib/src/components/InfoBox/InfoBox.stories.d.ts +0 -20
  139. package/lib/src/components/LegendWrapper/LegendWrapper.spec.d.ts +0 -1
  140. package/lib/src/components/LegendWrapper/LegendWrapper.stories.d.ts +0 -17
  141. package/lib/src/components/Link/Link.spec.d.ts +0 -1
  142. package/lib/src/components/Link/Link.stories.d.ts +0 -24
  143. package/lib/src/components/Loader/Loader.spec.d.ts +0 -1
  144. package/lib/src/components/Loader/Loader.stories.d.ts +0 -11
  145. package/lib/src/components/Modal/Modal.spec.d.ts +0 -1
  146. package/lib/src/components/Modal/Modal.stories.d.ts +0 -11
  147. package/lib/src/components/Pagination/Pagination.spec.d.ts +0 -1
  148. package/lib/src/components/Pagination/Pagination.stories.d.ts +0 -18
  149. package/lib/src/components/PopOver/PopOver.spec.d.ts +0 -1
  150. package/lib/src/components/PopOver/Popover.stories.d.ts +0 -17
  151. package/lib/src/components/ProgressBar/ProgressBar.spec.d.ts +0 -1
  152. package/lib/src/components/ProgressBar/ProgressBar.stories.d.ts +0 -15
  153. package/lib/src/components/Radio/Radio.spec.d.ts +0 -1
  154. package/lib/src/components/Radio/Radio.stories.d.ts +0 -19
  155. package/lib/src/components/RadioConsent/Radio.stories.d.ts +0 -18
  156. package/lib/src/components/RadioConsent/RadioConsent.spec.d.ts +0 -1
  157. package/lib/src/components/Select/Select.spec.d.ts +0 -1
  158. package/lib/src/components/Select/Selelct.stories.d.ts +0 -20
  159. package/lib/src/components/Step/Step.spec.d.ts +0 -1
  160. package/lib/src/components/Step/Step.stories.d.ts +0 -14
  161. package/lib/src/components/Text/Text.spec.d.ts +0 -1
  162. package/lib/src/components/Text/Text.stories.d.ts +0 -15
  163. package/lib/src/components/TextAreaField/TextAreaField.spec.d.ts +0 -1
  164. package/lib/src/components/TextAreaField/TextAreaField.stories.d.ts +0 -23
  165. package/lib/src/components/TextField/TextField.spec.d.ts +0 -1
  166. package/lib/src/components/TextField/TextField.stories.d.ts +0 -25
  167. package/lib/src/components/Totaliser/Totaliser.spec.d.ts +0 -1
  168. package/lib/src/components/Totaliser/Totaliser.stories.d.ts +0 -19
  169. package/lib/src/components/UserBlock/UserBlock.spec.d.ts +0 -1
  170. package/lib/src/components/UserBlock/UserBlock.stories.d.ts +0 -16
package/lib/src/components/TextField/styles.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as A}from"styled-components";var t,e,i,r,a,l,b,g,c,u,d,s="48px",m=o.span(t||(t=n(["\n box-sizing: border-box;\n display: block;\n background-color: ",";\n color: ",";\n font-size: ",";\n line-height: ",";\n font-weight: ",";\n padding: ",";\n margin: 0;\n line-height: 1rem;\n width: auto;\n"],["\n box-sizing: border-box;\n display: block;\n background-color: ",";\n color: ",";\n font-size: ",";\n line-height: ",";\n font-weight: ",";\n padding: ",";\n margin: 0;\n line-height: 1rem;\n width: auto;\n"])),function(n){return n.theme.colors.textInputExtraInfo},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){return n.theme.typography.fontWeightLight},function(n){var o=n.theme;return"calc((".concat(s," - 1em ) / 2) ").concat(o.spacing.xs)}),h=o(m)(e||(e=n(["\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: ",";\n\n button {\n min-height: "," !important;\n }\n"],["\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: ",";\n\n button {\n min-height: "," !important;\n }\n"])),s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),p=o(m)(i||(i=n(["\n box-sizing: border-box;\n width: auto;\n border: ",";\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ",";\n vertical-align: middle;\n\n button {\n min-height: "," !important;\n }\n"],["\n box-sizing: border-box;\n width: auto;\n border: ",";\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ",";\n vertical-align: middle;\n\n button {\n min-height: "," !important;\n }\n"])),function(n){var o=n.theme;return"solid ".concat(o.utilities.inputBorderWidth," ").concat(o.colors.textInputBorder)},s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),Z=o.span(r||(r=n(["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n"],["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n"]))),W=o.span(b||(b=n(["\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ",';\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: "";\n top: 0;\n background-repeat: no-repeat;\n background-position: ',";\n ","\n ","\n }\n"],["\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ",';\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: "";\n top: 0;\n background-repeat: no-repeat;\n background-position: ',";\n ","\n ","\n }\n"])),function(n){var o=n.$isValidVisible;return n.$isInvalidVisible||o?"block":"none"},function(n){var o=n.theme;return"calc( 100% - ".concat(o.spacing.xxs,") 50% ")},function(o){var t=o.$isValid,e=o.$isInvalidVisible;return!t&&e&&A(a||(a=n(['\n background-image: url("data:image/png;base64,','");\n '],['\n background-image: url("data:image/png;base64,','");\n '])),"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")},function(o){var t=o.$isValid,e=o.$isValidVisible;return t&&e&&A(l||(l=n(['\n background-image: url("data:image/png;base64,','");\n '],['\n background-image: url("data:image/png;base64,','");\n '])),"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")}),C=o.input(d||(d=n(["\n box-sizing: border-box;\n background-color: ",";\n background-image: none;\n border: ",";\n border-radius: 0;\n color: ",";\n display: block;\n font-size: ",";\n line-height: ",";\n min-width: 3em;\n padding: ",";\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ","\n\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: ",";\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n\n ",";\n\n ","\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n"],["\n box-sizing: border-box;\n background-color: ",";\n background-image: none;\n border: ",";\n border-radius: 0;\n color: ",";\n display: block;\n font-size: ",";\n line-height: ",";\n min-width: 3em;\n padding: ",";\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ","\n\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: ",";\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n\n ",";\n\n ","\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n"])),function(n){return n.theme.colors.backgroundLight},function(n){var o=n.$hasError,A=n.theme;return"solid ".concat(A.utilities.inputBorderWidth," ").concat(o?A.colors.textError:A.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){var o=n.theme;return"calc((".concat(s," - (").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.xs)},function(o){var t=o.$isValidVisible,e=o.$isInvalidVisible;return(t||e)&&A(g||(g=n(["\n padding-right: 3rem;\n "],["\n padding-right: 3rem;\n "])))},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var t=o.theme;return t.utilities.useDefaultFocusRect?null:A(c||(c=n(["\n &:focus {\n outline: 0;\n border-color: ",";\n ~ "," {\n border-color: ",";\n }\n }\n "],["\n &:focus {\n outline: 0;\n border-color: ",";\n ~ "," {\n border-color: ",";\n }\n }\n "])),t.colors.tertiary,p,t.colors.tertiary)},function(o){var t=o.$hasError,e=o.theme;return t&&A(u||(u=n(["\n ~ "," {\n border-color: ",";\n }\n "],["\n ~ "," {\n border-color: ",";\n }\n "])),p,e.colors.textError)});export{m as Extra,h as ExtraLeft,p as ExtraRight,Z as ExtraWrapper,C as StyledInput,W as StyledInputWrapper};
1
+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as t}from"styled-components";var e,A,i,r,a,l,b,g,c,u,d,s="48px",m=o.span(e||(e=n(["\n box-sizing: border-box;\n display: block;\n background-color: ",";\n color: ",";\n font-size: ",";\n line-height: ",";\n font-weight: ",";\n padding: ",";\n margin: 0;\n line-height: 1rem;\n width: auto;\n"],["\n box-sizing: border-box;\n display: block;\n background-color: ",";\n color: ",";\n font-size: ",";\n line-height: ",";\n font-weight: ",";\n padding: ",";\n margin: 0;\n line-height: 1rem;\n width: auto;\n"])),function(n){return n.theme.colors.textInputExtraInfo},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){return n.theme.typography.fontWeightLight},function(n){var o=n.theme;return"calc((".concat(s," - 1em ) / 2) ").concat(o.spacing.xs)}),h=o(m)(A||(A=n(["\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: ",";\n\n button {\n min-height: "," !important;\n }\n"],["\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: ",";\n\n button {\n min-height: "," !important;\n }\n"])),s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),p=o(m)(i||(i=n(["\n box-sizing: border-box;\n width: auto;\n border: ",";\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ",";\n vertical-align: middle;\n\n button {\n min-height: "," !important;\n }\n"],["\n box-sizing: border-box;\n width: auto;\n border: ",";\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ",";\n vertical-align: middle;\n\n button {\n min-height: "," !important;\n }\n"])),function(n){var o=n.theme;return"solid ".concat(o.utilities.inputBorderWidth," ").concat(o.colors.textInputBorder)},s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),Z=o.span(r||(r=n(["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n"],["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n"]))),W=o.span(b||(b=n(["\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ",';\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: "";\n top: 0;\n background-repeat: no-repeat;\n background-position: ',";\n ","\n ","\n }\n"],["\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ",';\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: "";\n top: 0;\n background-repeat: no-repeat;\n background-position: ',";\n ","\n ","\n }\n"])),function(n){var o=n.$isValidVisible;return n.$isInvalidVisible||o?"block":"none"},function(n){var o=n.theme;return"calc( 100% - ".concat(o.spacing.xxs,") 50% ")},function(o){var e=o.$isValid,A=o.$isInvalidVisible;return!e&&A&&t(a||(a=n(['\n background-image: url("data:image/png;base64,','");\n '],['\n background-image: url("data:image/png;base64,','");\n '])),"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")},function(o){var e=o.$isValid,A=o.$isValidVisible;return e&&A&&t(l||(l=n(['\n background-image: url("data:image/png;base64,','");\n '],['\n background-image: url("data:image/png;base64,','");\n '])),"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")}),C=o.input(d||(d=n(["\n box-sizing: border-box;\n background-color: ",";\n background-image: none;\n border: ",";\n border-radius: 0;\n color: ",";\n display: block;\n font-size: ",";\n line-height: ",";\n min-width: 3em;\n padding: ",";\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ","\n\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: ",";\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n\n ",";\n\n ","\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n\n // increase font size for desktop\n @media (min-width: ",") {\n font-size: ",";\n }\n"],["\n box-sizing: border-box;\n background-color: ",";\n background-image: none;\n border: ",";\n border-radius: 0;\n color: ",";\n display: block;\n font-size: ",";\n line-height: ",";\n min-width: 3em;\n padding: ",";\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ","\n\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: ",";\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n\n ",";\n\n ","\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n\n // increase font size for desktop\n @media (min-width: ",") {\n font-size: ",";\n }\n"])),function(n){return n.theme.colors.backgroundLight},function(n){var o=n.$hasError,t=n.theme;return"solid ".concat(t.utilities.inputBorderWidth," ").concat(o?t.colors.textError:t.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){var o=n.theme;return"calc((".concat(s," - (").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.xs)},function(o){var e=o.$isValidVisible,A=o.$isInvalidVisible;return(e||A)&&t(g||(g=n(["\n padding-right: 3rem;\n "],["\n padding-right: 3rem;\n "])))},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var e=o.theme;return e.utilities.useDefaultFocusRect?null:t(c||(c=n(["\n &:focus {\n outline: 0;\n border-color: ",";\n ~ "," {\n border-color: ",";\n }\n }\n "],["\n &:focus {\n outline: 0;\n border-color: ",";\n ~ "," {\n border-color: ",";\n }\n }\n "])),e.colors.tertiary,p,e.colors.tertiary)},function(o){var e=o.$hasError,A=o.theme;return e&&t(u||(u=n(["\n ~ "," {\n border-color: ",";\n }\n "],["\n ~ "," {\n border-color: ",";\n }\n "])),p,A.colors.textError)},function(n){return n.theme.breakpoint.desktopLarge},function(n){return n.theme.fontSizes.ml});export{m as Extra,h as ExtraLeft,p as ExtraRight,Z as ExtraWrapper,C as StyledInput,W as StyledInputWrapper};
2
2
  //# sourceMappingURL=styles.js.map
package/lib/src/components/TextField/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/TextField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst MIN_HEIGHT = \"48px\";\n\nconst crossBase64 =\n \"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\";\n\nconst checkBase64 =\n \"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\";\n\ntype ExtraProps = {\n theme: ThemeType;\n};\n\ntype StyledInputProps = {\n $hasError: boolean;\n $isValid: boolean;\n theme: ThemeType;\n $isValidVisible?: boolean;\n $isInvalidVisible?: boolean;\n};\n\nexport const Extra = styled.span<ExtraProps>`\n box-sizing: border-box;\n display: block;\n background-color: ${({ theme }) => theme.colors.textInputExtraInfo};\n color: ${({ theme }) => theme.colors.textDark};\n font-size: ${({ theme }) => theme.fontSizes.m};\n line-height: ${({ theme }) => theme.typography.lineHeight};\n font-weight: ${({ theme }) => theme.typography.fontWeightLight};\n padding: ${({ theme }) =>\n `calc((${MIN_HEIGHT} - 1em ) / 2) ${theme.spacing.xs}`};\n margin: 0;\n line-height: 1rem;\n width: auto;\n`;\n\nexport const ExtraLeft = styled(Extra)`\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: ${MIN_HEIGHT};\n\n button {\n min-height: ${({ theme }) =>\n `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n }\n`;\n\nexport const ExtraRight = styled(Extra)<ExtraProps>`\n box-sizing: border-box;\n width: auto;\n border: ${({ theme }) =>\n `solid ${theme.utilities.inputBorderWidth} ${theme.colors.textInputBorder}`};\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ${MIN_HEIGHT};\n vertical-align: middle;\n\n button {\n min-height: ${({ theme }) =>\n `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n }\n`;\n\nexport const ExtraWrapper = styled.span`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n`;\n\nexport const StyledInputWrapper = styled.span<StyledInputProps>`\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ${({ $isValidVisible, $isInvalidVisible }) =>\n !!$isInvalidVisible || !!$isValidVisible ? \"block\" : \"none\"};\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: \"\";\n top: 0;\n background-repeat: no-repeat;\n background-position: ${({ theme }) =>\n `calc( 100% - ${theme.spacing.xxs}) 50% `};\n ${({ $isValid, $isInvalidVisible }) =>\n !$isValid &&\n $isInvalidVisible &&\n css`\n background-image: url(\"data:image/png;base64,${crossBase64}\");\n `}\n ${({ $isValid, $isValidVisible }) =>\n $isValid &&\n $isValidVisible &&\n css`\n background-image: url(\"data:image/png;base64,${checkBase64}\");\n `}\n }\n`;\n\nexport const StyledInput = styled.input<StyledInputProps>`\n box-sizing: border-box;\n background-color: ${({ theme }) => theme.colors.backgroundLight};\n background-image: none;\n border: ${({ $hasError, theme }) =>\n `solid ${theme.utilities.inputBorderWidth} ${\n $hasError ? theme.colors.textError : theme.colors.textInputBorder\n }`};\n border-radius: 0;\n color: ${({ theme }) => theme.colors.textDark};\n display: block;\n font-size: ${({ theme }) => theme.fontSizes.m};\n line-height: ${({ theme }) => theme.typography.lineHeight};\n min-width: 3em;\n padding: ${({ theme }) =>\n `calc((${MIN_HEIGHT} - (${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ${({ $isValidVisible, $isInvalidVisible }) =>\n ($isValidVisible || $isInvalidVisible) &&\n css`\n padding-right: 3rem;\n `}\n\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: ${({ theme }) => theme.colors.secondary};\n }\n &:disabled {\n border-color: ${({ theme }) => theme.colors.disabled};\n color: ${({ theme }) => theme.colors.disabled};\n }\n\n ${({ theme }) =>\n !theme.utilities.useDefaultFocusRect\n ? css`\n &:focus {\n outline: 0;\n border-color: ${theme.colors.tertiary};\n ~ ${ExtraRight} {\n border-color: ${theme.colors.tertiary};\n }\n }\n `\n : null};\n\n ${({ $hasError, theme }) =>\n $hasError &&\n css`\n ~ ${ExtraRight} {\n border-color: ${theme.colors.textError};\n }\n `}\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n`;\n"],"names":["MIN_HEIGHT","Extra","styled","span","templateObject_1","__makeTemplateObject","_a","theme","colors","textInputExtraInfo","textDark","fontSizes","m","typography","lineHeight","fontWeightLight","concat","spacing","xs","ExtraLeft","templateObject_2","utilities","inputBorderWidth","ExtraRight","templateObject_3","textInputBorder","ExtraWrapper","templateObject_4","StyledInputWrapper","templateObject_7","$isValidVisible","$isInvalidVisible","xxs","$isValid","css","templateObject_5","templateObject_6","StyledInput","input","templateObject_11","backgroundLight","$hasError","textError","templateObject_8","secondary","disabled","useDefaultFocusRect","templateObject_9","tertiary","templateObject_10"],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sources":["../../../../src/components/TextField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst MIN_HEIGHT = \"48px\";\n\nconst crossBase64 =\n \"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\";\n\nconst checkBase64 =\n \"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\";\n\ntype ExtraProps = {\n theme: ThemeType;\n};\n\ntype StyledInputProps = {\n $hasError: boolean;\n $isValid: boolean;\n theme: ThemeType;\n $isValidVisible?: boolean;\n $isInvalidVisible?: boolean;\n};\n\nexport const Extra = styled.span<ExtraProps>`\n box-sizing: border-box;\n display: block;\n background-color: ${({ theme }) => theme.colors.textInputExtraInfo};\n color: ${({ theme }) => theme.colors.textDark};\n font-size: ${({ theme }) => theme.fontSizes.m};\n line-height: ${({ theme }) => theme.typography.lineHeight};\n font-weight: ${({ theme }) => theme.typography.fontWeightLight};\n padding: ${({ theme }) =>\n `calc((${MIN_HEIGHT} - 1em ) / 2) ${theme.spacing.xs}`};\n margin: 0;\n line-height: 1rem;\n width: auto;\n`;\n\nexport const ExtraLeft = styled(Extra)`\n box-sizing: border-box;\n width: auto;\n vertical-align: middle;\n height: ${MIN_HEIGHT};\n\n button {\n min-height: ${({ theme }) =>\n `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n }\n`;\n\nexport const ExtraRight = styled(Extra)<ExtraProps>`\n box-sizing: border-box;\n width: auto;\n border: ${({ theme }) =>\n `solid ${theme.utilities.inputBorderWidth} ${theme.colors.textInputBorder}`};\n transition: border-color 150ms linear;\n border-left: 0;\n background-color: transparent;\n padding: 0;\n height: ${MIN_HEIGHT};\n vertical-align: middle;\n\n button {\n min-height: ${({ theme }) =>\n `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n }\n`;\n\nexport const ExtraWrapper = styled.span`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n`;\n\nexport const StyledInputWrapper = styled.span<StyledInputProps>`\n box-sizing: border-box;\n position: relative;\n display: block;\n flex: 1 1;\n &:after {\n display: ${({ $isValidVisible, $isInvalidVisible }) =>\n !!$isInvalidVisible || !!$isValidVisible ? \"block\" : \"none\"};\n position: absolute;\n width: 2em;\n z-index: 1;\n bottom: 0;\n right: 0;\n content: \"\";\n top: 0;\n background-repeat: no-repeat;\n background-position: ${({ theme }) =>\n `calc( 100% - ${theme.spacing.xxs}) 50% `};\n ${({ $isValid, $isInvalidVisible }) =>\n !$isValid &&\n $isInvalidVisible &&\n css`\n background-image: url(\"data:image/png;base64,${crossBase64}\");\n `}\n ${({ $isValid, $isValidVisible }) =>\n $isValid &&\n $isValidVisible &&\n css`\n background-image: url(\"data:image/png;base64,${checkBase64}\");\n `}\n }\n`;\n\nexport const StyledInput = styled.input<StyledInputProps>`\n box-sizing: border-box;\n background-color: ${({ theme }) => theme.colors.backgroundLight};\n background-image: none;\n border: ${({ $hasError, theme }) =>\n `solid ${theme.utilities.inputBorderWidth} ${\n $hasError ? theme.colors.textError : theme.colors.textInputBorder\n }`};\n border-radius: 0;\n color: ${({ theme }) => theme.colors.textDark};\n display: block;\n font-size: ${({ theme }) => theme.fontSizes.m};\n line-height: ${({ theme }) => theme.typography.lineHeight};\n min-width: 3em;\n padding: ${({ theme }) =>\n `calc((${MIN_HEIGHT} - (${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\n\n /* Make sure text doesn't go behind the valid indicatior icon */\n ${({ $isValidVisible, $isInvalidVisible }) =>\n ($isValidVisible || $isInvalidVisible) &&\n css`\n padding-right: 3rem;\n `}\n\n width: 100%;\n transition: border-color 150ms linear;\n &:hover {\n border-color: ${({ theme }) => theme.colors.secondary};\n }\n &:disabled {\n border-color: ${({ theme }) => theme.colors.disabled};\n color: ${({ theme }) => theme.colors.disabled};\n }\n\n ${({ theme }) =>\n !theme.utilities.useDefaultFocusRect\n ? css`\n &:focus {\n outline: 0;\n border-color: ${theme.colors.tertiary};\n ~ ${ExtraRight} {\n border-color: ${theme.colors.tertiary};\n }\n }\n `\n : null};\n\n ${({ $hasError, theme }) =>\n $hasError &&\n css`\n ~ ${ExtraRight} {\n border-color: ${theme.colors.textError};\n }\n `}\n &:-webkit-autofill,\n &:-webkit-autofill:focus {\n box-shadow: 0 0 0 3em white inset !important;\n }\n\n // increase font size for desktop\n @media (min-width: ${({ theme }) => theme.breakpoint.desktopLarge}) {\n font-size: ${({ theme }) => theme.fontSizes.ml};\n }\n`;\n"],"names":["MIN_HEIGHT","Extra","styled","span","templateObject_1","__makeTemplateObject","_a","theme","colors","textInputExtraInfo","textDark","fontSizes","m","typography","lineHeight","fontWeightLight","concat","spacing","xs","ExtraLeft","templateObject_2","utilities","inputBorderWidth","ExtraRight","templateObject_3","textInputBorder","ExtraWrapper","templateObject_4","StyledInputWrapper","templateObject_7","$isValidVisible","$isInvalidVisible","xxs","$isValid","css","templateObject_5","templateObject_6","StyledInput","input","templateObject_11","backgroundLight","$hasError","textError","templateObject_8","secondary","disabled","useDefaultFocusRect","templateObject_9","tertiary","templateObject_10","breakpoint","desktopLarge","ml"],"mappings":"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"}
package/lib/src/components/Totaliser/styles.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as o}from"styled-components";import{ProgressBar as e}from"../ProgressBar/index.js";var r,i,a,f,l,p,m,s,g,c,h,u=t.div(r||(r=n(["\n text-align: center;\n background-color: ",";\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n"],["\n text-align: center;\n background-color: ",";\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n"])),function(n){return n.theme.colors.totaliserBubbleColor}),d=t.div(a||(a=n(["\n padding: 0 46px 12px;\n margin-top: ",";\n position: relative;\n\n ",";\n"],["\n padding: 0 46px 12px;\n margin-top: ",";\n position: relative;\n\n ",";\n"])),function(n){return n.theme.spacing.s},function(t){var e=t.$isCompact,r=t.theme;return!0!=!!e&&o(i||(i=n(['\n div > div > div:not(:first-child) {\n &:after {\n content: "\\25bc";\n color: ',";\n position: absolute;\n top: -30px;\n right: -15px;\n font-size: 32px;\n }\n }\n "],['\n div > div > div:not(:first-child) {\n &:after {\n content: "\\\\25bc";\n color: ',";\n position: absolute;\n top: -30px;\n right: -15px;\n font-size: 32px;\n }\n }\n "])),r.colors.totaliserBubbleColor)}),y=t.p(f||(f=n(["\n color: ",";\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTotalColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),x=t.p(l||(l=n(["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTextColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),b=t.p(p||(p=n(["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTotalColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),v=t.span(m||(m=n(["\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ",";\n"],["\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ",";\n"])),function(n){return n.theme.typography.fontFamilyBase}),T=t.div(g||(g=n(["\n font-family: ",";\n margin: 0;\n ","\n"],["\n font-family: ",";\n margin: 0;\n ","\n"])),function(n){return n.theme.typography.fontFamilyHeadings},function(t){return t.$isCompact&&o(s||(s=n(["\n "," {\n border: none;\n padding: 0;\n }\n "],["\n "," {\n border: none;\n padding: 0;\n }\n "])),d)}),B=t.div(c||(c=n(["\n justify-content: flex-end;\n display: flex;\n"],["\n justify-content: flex-end;\n display: flex;\n"]))),C=t(e)(h||(h=n([""],[""])));export{x as BubbleText,u as BubbleWrapper,B as CompactWrapper,b as GiftAid,d as ProgressBarWrapper,C as StyledProgressBar,v as Summary,y as Total,T as TotaliserWrapper};
1
+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as o}from"styled-components";import{ProgressBar as e}from"../ProgressBar/index.js";var r,i,a,f,l,p,m,s,g,c,h,u=t.div(r||(r=n(["\n text-align: center;\n background-color: ",";\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n"],["\n text-align: center;\n background-color: ",";\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n"])),function(n){return n.theme.colors.totaliserBubbleColor}),d=t.div(a||(a=n(["\n padding: 0 46px 12px;\n margin-top: ",";\n position: relative;\n\n ",";\n"],["\n padding: 0 46px 12px;\n margin-top: ",";\n position: relative;\n\n ",";\n"])),function(n){return n.theme.spacing.s},function(t){var e=t.$isCompact,r=t.theme;return!0!=!!e&&o(i||(i=n(['\n div > div > div:not(:first-child) {\n &:after {\n content: "\\25bc";\n color: ',";\n position: absolute;\n top: -36px;\n right: -15px;\n font-size: 32px;\n }\n }\n "],['\n div > div > div:not(:first-child) {\n &:after {\n content: "\\\\25bc";\n color: ',";\n position: absolute;\n top: -36px;\n right: -15px;\n font-size: 32px;\n }\n }\n "])),r.colors.totaliserBubbleColor)}),y=t.p(f||(f=n(["\n color: ",";\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTotalColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),x=t.p(l||(l=n(["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTextColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),b=t.p(p||(p=n(["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-family: ",";\n text-transform: ",";\n font-weight: ",";\n"])),function(n){return n.theme.colors.totaliserBubbleTotalColor},function(n){return n.theme.typography.fontFamilyHeadings},function(n){return n.theme.typography.headerTextTransform},function(n){return n.theme.typography.fontWeightLabels}),v=t.span(m||(m=n(["\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ",";\n"],["\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ",";\n"])),function(n){return n.theme.typography.fontFamilyBase}),T=t.div(g||(g=n(["\n font-family: ",";\n margin: 0;\n ","\n"],["\n font-family: ",";\n margin: 0;\n ","\n"])),function(n){return n.theme.typography.fontFamilyHeadings},function(t){return t.$isCompact&&o(s||(s=n(["\n "," {\n border: none;\n padding: 0;\n }\n "],["\n "," {\n border: none;\n padding: 0;\n }\n "])),d)}),B=t.div(c||(c=n(["\n justify-content: flex-end;\n display: flex;\n"],["\n justify-content: flex-end;\n display: flex;\n"]))),C=t(e)(h||(h=n([""],[""])));export{x as BubbleText,u as BubbleWrapper,B as CompactWrapper,b as GiftAid,d as ProgressBarWrapper,C as StyledProgressBar,v as Summary,y as Total,T as TotaliserWrapper};
2
2
  //# sourceMappingURL=styles.js.map
package/lib/src/components/Totaliser/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/components/Totaliser/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nimport ProgressBar from \"../ProgressBar\";\n\nexport const BubbleWrapper = styled.div<{\n theme: ThemeType;\n}>`\n text-align: center;\n background-color: ${({ theme }) => theme.colors.totaliserBubbleColor};\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n`;\n\nexport const ProgressBarWrapper = styled.div<{\n $isCompact?: boolean;\n theme: ThemeType;\n}>`\n padding: 0 46px 12px;\n margin-top: ${({ theme }) => theme.spacing.s};\n position: relative;\n\n ${({ $isCompact, theme }) =>\n !!$isCompact !== true &&\n css`\n div > div > div:not(:first-child) {\n &:after {\n content: \"\\\\25bc\";\n color: ${theme.colors.totaliserBubbleColor};\n position: absolute;\n top: -30px;\n right: -15px;\n font-size: 32px;\n }\n }\n `};\n`;\n\nexport const Total = styled.p<{\n theme: ThemeType;\n}>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({ theme }) => theme.typography.headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const BubbleText = styled.p<{ theme: ThemeType }>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTextColor};\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({\n theme: {\n typography: { headerTextTransform },\n },\n }) => headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const GiftAid = styled.p<{ theme: ThemeType }>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({\n theme: {\n typography: { headerTextTransform },\n },\n }) => headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\n/* span not a div so that we don't end up with two speech bubble arrows from ProgressBarWrapper */\nexport const Summary = styled.span<{ theme: ThemeType }>`\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n`;\n\nexport const TotaliserWrapper = styled.div<{\n $isCompact: boolean;\n theme: ThemeType;\n}>`\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n margin: 0;\n ${(props) =>\n props.$isCompact &&\n css`\n ${ProgressBarWrapper} {\n border: none;\n padding: 0;\n }\n `}\n`;\n\nexport const CompactWrapper = styled.div`\n justify-content: flex-end;\n display: flex;\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)``;\n"],"names":["BubbleWrapper","styled","div","templateObject_1","__makeTemplateObject","_a","theme","colors","totaliserBubbleColor","ProgressBarWrapper","templateObject_3","spacing","s","$isCompact","css","templateObject_2","Total","p","templateObject_4","totaliserBubbleTotalColor","typography","fontFamilyHeadings","headerTextTransform","fontWeightLabels","BubbleText","templateObject_5","totaliserBubbleTextColor","GiftAid","templateObject_6","Summary","span","templateObject_7","fontFamilyBase","TotaliserWrapper","templateObject_9","props","templateObject_8","CompactWrapper","templateObject_10","StyledProgressBar","ProgressBar","templateObject_11"],"mappings":"iLAMO,0BAAMA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,gDAAA,qGAAA,CAErC,gDAEoE,uGAAhD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,oBAAb,GASxBC,EAAqBR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,4CAAA,iCAAA,OAAA,CAG1C,4CAE4C,iCAgBzC,SAhBW,SAACC,GAAc,OAAPA,EAAAC,MAAaK,QAAQC,CAAd,EAG3B,SAACP,OAAEQ,EAAUR,EAAAQ,WAAEP,EAAKD,EAAAC,MACpB,OAAiB,KAAfO,GACFC,EAAGC,IAAAA,EAAAX,EAAA,CAAA,kHAAA,0IAAA,CAAA,oHAI6C,4IAAjCE,EAAMC,OAAOC,qBAL5B,GAeSQ,EAAQf,EAAOgB,EAACC,IAAAA,EAAAd,EAAA,CAAA,cAAA,mEAAA,wBAAA,qBAAA,OAAA,CAE3B,cAC8D,mEAGG,wBACI,qBACN,SALtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EAGT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAAc,OAAPA,EAAAC,MAAac,WAAWE,mBAAjB,EAClB,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBC,EAAavB,EAAOgB,EAACQ,IAAAA,EAAArB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACO,qBACI,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOmB,wBAAb,EACT,SAACrB,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBI,EAAU1B,EAAOgB,EAACW,IAAAA,EAAAxB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACW,qBACG,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EACT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAInBM,EAAU5B,EAAO6B,KAAIC,IAAAA,EAAA3B,EAAA,CAAA,uGAAA,OAAA,CAAsB,uGAKO,SAA9C,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWY,cAAjB,GAGnBC,EAAmBhC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,oBAAA,sBAAA,MAAA,CAGxC,oBACiE,sBAS9D,QATY,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EAE5B,SAACc,GACD,OAAAA,EAAMtB,YACNC,EAAGsB,IAAAA,EAAAhC,EAAA,CAAA,WAAA,iEAAA,CAAA,WACmB,mEAAlBK,EAFJ,GASS4B,EAAiBpC,EAAOC,IAAGoC,IAAAA,EAAAlC,EAAA,CAAA,sDAAA,CAAA,yDAK3BmC,EAAoBtC,EAAOuC,EAAPvC,CAAmBwC,IAAAA,EAAArC,EAAA,CAAA,IAAA,CAAA"}
1
+ {"version":3,"file":"styles.js","sources":["../../../../src/components/Totaliser/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nimport ProgressBar from \"../ProgressBar\";\n\nexport const BubbleWrapper = styled.div<{\n theme: ThemeType;\n}>`\n text-align: center;\n background-color: ${({ theme }) => theme.colors.totaliserBubbleColor};\n border-radius: 3.2rem;\n padding: 5px;\n position: relative;\n p {\n margin: 0;\n }\n`;\n\nexport const ProgressBarWrapper = styled.div<{\n $isCompact?: boolean;\n theme: ThemeType;\n}>`\n padding: 0 46px 12px;\n margin-top: ${({ theme }) => theme.spacing.s};\n position: relative;\n\n ${({ $isCompact, theme }) =>\n !!$isCompact !== true &&\n css`\n div > div > div:not(:first-child) {\n &:after {\n content: \"\\\\25bc\";\n color: ${theme.colors.totaliserBubbleColor};\n position: absolute;\n top: -36px;\n right: -15px;\n font-size: 32px;\n }\n }\n `};\n`;\n\nexport const Total = styled.p<{\n theme: ThemeType;\n}>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n font-size: 2.625rem;\n line-height: 3rem;\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({ theme }) => theme.typography.headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const BubbleText = styled.p<{ theme: ThemeType }>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTextColor};\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({\n theme: {\n typography: { headerTextTransform },\n },\n }) => headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const GiftAid = styled.p<{ theme: ThemeType }>`\n color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n text-transform: ${({\n theme: {\n typography: { headerTextTransform },\n },\n }) => headerTextTransform};\n font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\n/* span not a div so that we don't end up with two speech bubble arrows from ProgressBarWrapper */\nexport const Summary = styled.span<{ theme: ThemeType }>`\n display: block;\n text-align: right;\n margin-top: 12px;\n margin-bottom: 0;\n font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n`;\n\nexport const TotaliserWrapper = styled.div<{\n $isCompact: boolean;\n theme: ThemeType;\n}>`\n font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n margin: 0;\n ${(props) =>\n props.$isCompact &&\n css`\n ${ProgressBarWrapper} {\n border: none;\n padding: 0;\n }\n `}\n`;\n\nexport const CompactWrapper = styled.div`\n justify-content: flex-end;\n display: flex;\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)``;\n"],"names":["BubbleWrapper","styled","div","templateObject_1","__makeTemplateObject","_a","theme","colors","totaliserBubbleColor","ProgressBarWrapper","templateObject_3","spacing","s","$isCompact","css","templateObject_2","Total","p","templateObject_4","totaliserBubbleTotalColor","typography","fontFamilyHeadings","headerTextTransform","fontWeightLabels","BubbleText","templateObject_5","totaliserBubbleTextColor","GiftAid","templateObject_6","Summary","span","templateObject_7","fontFamilyBase","TotaliserWrapper","templateObject_9","props","templateObject_8","CompactWrapper","templateObject_10","StyledProgressBar","ProgressBar","templateObject_11"],"mappings":"iLAMO,0BAAMA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,gDAAA,qGAAA,CAErC,gDAEoE,uGAAhD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,oBAAb,GASxBC,EAAqBR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,4CAAA,iCAAA,OAAA,CAG1C,4CAE4C,iCAgBzC,SAhBW,SAACC,GAAc,OAAPA,EAAAC,MAAaK,QAAQC,CAAd,EAG3B,SAACP,OAAEQ,EAAUR,EAAAQ,WAAEP,EAAKD,EAAAC,MACpB,OAAiB,KAAfO,GACFC,EAAGC,IAAAA,EAAAX,EAAA,CAAA,kHAAA,0IAAA,CAAA,oHAI6C,4IAAjCE,EAAMC,OAAOC,qBAL5B,GAeSQ,EAAQf,EAAOgB,EAACC,IAAAA,EAAAd,EAAA,CAAA,cAAA,mEAAA,wBAAA,qBAAA,OAAA,CAE3B,cAC8D,mEAGG,wBACI,qBACN,SALtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EAGT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAAc,OAAPA,EAAAC,MAAac,WAAWE,mBAAjB,EAClB,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBC,EAAavB,EAAOgB,EAACQ,IAAAA,EAAArB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACO,qBACI,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOmB,wBAAb,EACT,SAACrB,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBI,EAAU1B,EAAOgB,EAACW,IAAAA,EAAAxB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACW,qBACG,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EACT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAInBM,EAAU5B,EAAO6B,KAAIC,IAAAA,EAAA3B,EAAA,CAAA,uGAAA,OAAA,CAAsB,uGAKO,SAA9C,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWY,cAAjB,GAGnBC,EAAmBhC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,oBAAA,sBAAA,MAAA,CAGxC,oBACiE,sBAS9D,QATY,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EAE5B,SAACc,GACD,OAAAA,EAAMtB,YACNC,EAAGsB,IAAAA,EAAAhC,EAAA,CAAA,WAAA,iEAAA,CAAA,WACmB,mEAAlBK,EAFJ,GASS4B,EAAiBpC,EAAOC,IAAGoC,IAAAA,EAAAlC,EAAA,CAAA,sDAAA,CAAA,yDAK3BmC,EAAoBtC,EAAOuC,EAAPvC,CAAmBwC,IAAAA,EAAArC,EAAA,CAAA,IAAA,CAAA"}
package/lib/src/hooks/useScrollPosition.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useRef, type DependencyList, type RefObject } from \"react\";\n\nimport { useLayoutEffectBrowser } from \"./useLayoutEffectBrowser\";\n\nconst isBrowser = typeof window !== `undefined`;\n\nfunction getScrollPosition({\n element,\n useWindow,\n}: {\n element?: RefObject<HTMLElement | null> | null;\n useWindow: boolean;\n}) {\n if (!isBrowser) return { x: 0, y: 0 };\n\n const target = element ? element.current : document.body;\n const position = target\n ? target.getBoundingClientRect()\n : { top: 0, left: 0 };\n\n return useWindow\n ? { x: window.scrollX, y: window.scrollY }\n : { x: position.left, y: position.top };\n}\n\nconst useScrollPosition = (\n effect: ({\n currPos,\n }: {\n prevPos: { x: number; y: number };\n currPos: { x: number; y: number };\n }) => void,\n deps: DependencyList,\n element: RefObject<HTMLElement | null> | null,\n useWindow: boolean,\n wait: number,\n): void => {\n const position = useRef(getScrollPosition({ useWindow, element }));\n\n let throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\n const callBack = () => {\n const currPos = getScrollPosition({ element, useWindow });\n effect({ prevPos: position.current, currPos });\n position.current = currPos;\n throttleTimeout = null;\n };\n\n useLayoutEffectBrowser(() => {\n const handleScroll = () => {\n if (wait) {\n if (throttleTimeout === null) {\n throttleTimeout = setTimeout(callBack, wait);\n }\n } else {\n callBack();\n }\n };\n if (isBrowser) {\n window.addEventListener(\"scroll\", handleScroll);\n }\n\n return () => {\n if (isBrowser) {\n window.removeEventListener(\"scroll\", handleScroll);\n }\n };\n }, deps);\n};\n\nexport default useScrollPosition;\nexport { useScrollPosition };\n"],"names":["isBrowser","window","getScrollPosition","_a","element","useWindow","x","y","target","current","document","body","position","getBoundingClientRect","top","left","scrollX","scrollY","useScrollPosition","effect","deps","wait","useRef","throttleTimeout","callBack","currPos","prevPos","useLayoutEffectBrowser","handleScroll","setTimeout","addEventListener","removeEventListener"],"mappings":"0EAIA,IAAMA,EAA8B,oBAAXC,OAEzB,SAASC,EAAkBC,OACzBC,EAAOD,EAAAC,QACPC,EAASF,EAAAE,UAKT,IAAKL,EAAW,MAAO,CAAEM,EAAG,EAAGC,EAAG,GAElC,IAAMC,EAASJ,EAAUA,EAAQK,QAAUC,SAASC,KAC9CC,EAAWJ,EACbA,EAAOK,wBACP,CAAEC,IAAK,EAAGC,KAAM,GAEpB,OAAOV,EACH,CAAEC,EAAGL,OAAOe,QAAST,EAAGN,OAAOgB,SAC/B,CAAEX,EAAGM,EAASG,KAAMR,EAAGK,EAASE,IACtC,CAEA,IAAMI,EAAoB,SACxBC,EAMAC,EACAhB,EACAC,EACAgB,GAEA,IAAMT,EAAWU,EAAOpB,EAAkB,CAAEG,UAASA,EAAED,QAAOA,KAE1DmB,EAAwD,KAEtDC,EAAW,WACf,IAAMC,EAAUvB,EAAkB,CAAEE,QAAOA,EAAEC,UAASA,IACtDc,EAAO,CAAEO,QAASd,EAASH,QAASgB,QAAOA,IAC3Cb,EAASH,QAAUgB,EACnBF,EAAkB,IACpB,EAEAI,EAAuB,WACrB,IAAMC,EAAe,WAEO,OAApBL,IACFA,EAAkBM,WAAWL,EAAUH,GAK7C,EAKA,OAJIrB,GACFC,OAAO6B,iBAAiB,SAAUF,GAG7B,WACD5B,GACFC,OAAO8B,oBAAoB,SAAUH,EAEzC,GACCR,EACL"}
1
+ {"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useRef, type DependencyList, type RefObject } from \"react\";\n\nimport { useLayoutEffectBrowser } from \"./useLayoutEffectBrowser\";\n\nconst isBrowser = typeof window !== `undefined`;\n\nfunction getScrollPosition({\n element,\n useWindow,\n}: {\n element?: RefObject<HTMLElement | null> | null;\n useWindow: boolean;\n}) {\n if (!isBrowser) return { x: 0, y: 0 };\n\n const target = element ? element.current : document.body;\n const position = target\n ? target.getBoundingClientRect()\n : { top: 0, left: 0 };\n\n return useWindow\n ? { x: window.scrollX, y: window.scrollY }\n : { x: position.left, y: position.top };\n}\n\nconst useScrollPosition = (\n effect: ({\n currPos,\n }: {\n prevPos: { x: number; y: number };\n currPos: { x: number; y: number };\n }) => void,\n deps: DependencyList,\n element: RefObject<HTMLElement | null> | null,\n useWindow: boolean,\n wait: number,\n): void => {\n const position = useRef(getScrollPosition({ useWindow, element }));\n\n let throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\n const callBack = () => {\n const currPos = getScrollPosition({ element, useWindow });\n effect({ prevPos: position.current, currPos });\n position.current = currPos;\n throttleTimeout = null;\n };\n\n useLayoutEffectBrowser(() => {\n const handleScroll = () => {\n if (wait) {\n if (throttleTimeout === null) {\n throttleTimeout = setTimeout(callBack, wait);\n }\n } else {\n callBack();\n }\n };\n if (isBrowser) {\n window.addEventListener(\"scroll\", handleScroll);\n }\n\n return () => {\n if (isBrowser) {\n window.removeEventListener(\"scroll\", handleScroll);\n }\n };\n }, deps);\n};\n\nexport default useScrollPosition;\nexport { useScrollPosition };\n"],"names":["isBrowser","window","getScrollPosition","_a","element","useWindow","x","y","target","current","document","body","position","getBoundingClientRect","top","left","scrollX","scrollY","useScrollPosition","effect","deps","wait","useRef","throttleTimeout","callBack","currPos","prevPos","useLayoutEffectBrowser","handleScroll","setTimeout","addEventListener","removeEventListener"],"mappings":"0EAIA,IAAMA,EAA8B,oBAAXC,OAEzB,SAASC,EAAkBC,OACzBC,EAAOD,EAAAC,QACPC,EAASF,EAAAE,UAKT,IAAKL,EAAW,MAAO,CAAEM,EAAG,EAAGC,EAAG,GAElC,IAAMC,EAASJ,EAAUA,EAAQK,QAAUC,SAASC,KAC9CC,EAAWJ,EACbA,EAAOK,wBACP,CAAEC,IAAK,EAAGC,KAAM,GAEpB,OAAOV,EACH,CAAEC,EAAGL,OAAOe,QAAST,EAAGN,OAAOgB,SAC/B,CAAEX,EAAGM,EAASG,KAAMR,EAAGK,EAASE,IACtC,CAEA,IAAMI,EAAoB,SACxBC,EAMAC,EACAhB,EACAC,EACAgB,GAEA,IAAMT,EAAWU,EAAOpB,EAAkB,CAAEG,UAASA,EAAED,QAAOA,KAE1DmB,EAAwD,KAEtDC,EAAW,WACf,IAAMC,EAAUvB,EAAkB,CAAEE,QAAOA,EAAEC,UAASA,IACtDc,EAAO,CAAEO,QAASd,EAASH,QAASgB,QAAOA,IAC3Cb,EAASH,QAAUgB,EACnBF,EAAkB,IACpB,EAEAI,EAAuB,WACrB,IAAMC,EAAe,WAEO,OAApBL,IACFA,EAAkBM,WAAWL,EAAUH,GAK7C,EAKA,OAJIrB,GACFC,OAAO6B,iBAAiB,SAAUF,GAG7B,WACD5B,GACFC,OAAO8B,oBAAoB,SAAUH,EAEzC,CACF,EAAGR,EACL"}
package/lib/src/themes/cruk.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";var r={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},t={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"32px",m:"48px",l:"64px",xl:"128px",path:"".concat(t.assetPath,"images/avatar/cruk2/")},o={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},n={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},i={navy_100:"#E5E5FF",navy_600:"#00007E",navy_700:"#000066",navy_800:"#00004D",magenta_100:"#FFE6F3",magenta_600:"#FF0087",magenta_700:"#E60079",magenta_800:"#CC006C",cyan_600:"#009CEE",cyan_700:"#006DA7",grey_100:"#F2F2F2",grey_200:"#E6E6E6",grey_300:"#c6c6c6",grey_600:"#666666",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},s={primary:i.navy_600,secondary:i.magenta_700,tertiary:i.cyan_600,textOnPrimary:i.white,textOnSecondary:i.white,textOnTertiary:i.white,textHeaderDefault:i.black,disabled:i.grey_200,danger:i.red,warning:i.yellow,success:i.green,info:i.cyan_600,textError:i.red,textDark:i.black,textLight:i.white,linkColor:i.magenta_700,linkColorHover:i.magenta_800,linkColorSecondary:i.magenta_700,linkColorSecondaryHover:i.magenta_800,avatarBorder:i.navy_600,progressBar:i.navy_600,progressBarSecondary:i.magenta_700,progressBarBackground:i.grey_200,circularProgress:i.cyan_600,circularProgressSecondary:i.magenta_700,circularProgressBackground:i.grey_200,buttonPrimaryBackground:i.magenta_700,buttonPrimaryText:i.white,buttonPrimaryBorder:i.magenta_700,buttonPrimaryBackgroundHover:i.magenta_800,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.magenta_800,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_600,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.magenta_700,buttonSecondaryBorder:i.magenta_700,buttonSecondaryBackgroundHover:i.magenta_100,buttonSecondaryTextHover:i.magenta_800,buttonSecondaryBorderHover:i.magenta_100,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_600,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.magenta_700,buttonTertiaryTextHover:i.magenta_800,buttonTertiaryDisabledText:i.grey_600,collapseHeaderColor:i.navy_600,selectionBorder:i.grey_600,textInputBorder:i.grey_900,inputBorder:i.grey_900,check:i.magenta_700,headerBackground:i.white,backgroundLight:i.white,backgroundLightColor:i.navy_100,backgroundMid:i.grey_200,backgroundMidLight:i.grey_100,loaderColor1:i.navy_600,loaderColor2:i.magenta_600,loaderColor3:i.cyan_600,paginationText:i.navy_600,paginationActive:i.grey_200,paginationBackground:i.navy_600,footerBackground:i.backgroundLight,headerBorder:i.grey_200,headerTaglineText:i.black,stepBorder:i.grey_200,stepBackground:i.white,popoverBackground:i.white,textInputExtraInfo:i.grey_200,totaliserBubbleColor:i.grey_200,totaliserBubbleTextColor:i.black,totaliserBubbleTotalColor:i.navy_600,selectBackground:i.black,modalBackdrop:i.black,userBlockExtraText:i.grey_800},g={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},l={xs:"0.75rem",s:"0.875rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},c={customFonts:[{family:"Progress",urlWoff:"".concat(t.assetPath,"fonts/Progress-Regular.woff2"),fontWeight:400},{family:"Progress",urlWoff:"".concat(t.assetPath,"fonts/Progress-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Light.woff"),fontWeight:300},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Medium.woff"),fontWeight:500}],fontFamilyBase:"Poppins,sans-serif",fontFamilyButtons:"Poppins,sans-serif",fontFamilyLinks:"Poppins,sans-serif",fontFamilyHeadings:"Progress,Arial,Helvetica,sans-serif",fontFamilyLabel:"Poppins,sans-serif",fontSizeBase:"16px",fontWeightBase:300,fontWeightHeadings:400,fontWeightLinks:700,fontWeightButtons:400,fontWeightLabels:400,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},d={s:"0px 0px 2px 1px ".concat(i.grey_300),m:"0px 0px 4px 1px ".concat(i.grey_300),l:"0px 0px 7px 1px ".concat(i.grey_300)},y={name:"cruk",avatar:e({},a),breakpoint:e({},n),button:e({},o),tokenColors:e({},i),colors:e({},s),spacing:e({},g),fontSizes:e({},l),siteConfig:e({},t),typography:e({},c),shadows:e({},d),utilities:e({},r)};export{a as AVATAR,n as BREAKPOINT,o as BUTTON,s as COLORS,l as FONT_SIZES,d as SHADOWS,t as SITE_CONFIG,g as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,r as UTILITIES,y as crukTheme,y as default};
1
+ import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";var r={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},t={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"32px",m:"48px",l:"64px",xl:"128px",path:"".concat(t.assetPath,"images/avatar/cruk2/")},o={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},n={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},i={navy_100:"#E5E5FF",navy_600:"#00007E",navy_700:"#000066",navy_800:"#00004D",magenta_100:"#FFE6F3",magenta_600:"#FF0087",magenta_700:"#E60079",magenta_800:"#CC006C",cyan_600:"#009CEE",cyan_700:"#006DA7",grey_100:"#F2F2F2",grey_200:"#E6E6E6",grey_300:"#c6c6c6",grey_600:"#666666",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},s={primary:i.navy_600,secondary:i.magenta_700,tertiary:i.cyan_600,textOnPrimary:i.white,textOnSecondary:i.white,textOnTertiary:i.white,textHeaderDefault:i.black,disabled:i.grey_200,danger:i.red,warning:i.yellow,success:i.green,info:i.cyan_600,textError:i.red,textDark:i.black,textLight:i.white,textMid:i.grey_600,linkColor:i.magenta_700,linkColorHover:i.magenta_800,linkColorSecondary:i.magenta_700,linkColorSecondaryHover:i.magenta_800,avatarBorder:i.navy_600,progressBar:i.navy_600,progressBarSecondary:i.magenta_700,progressBarBackground:i.grey_200,circularProgress:i.cyan_600,circularProgressSecondary:i.magenta_700,circularProgressBackground:i.grey_200,buttonPrimaryBackground:i.magenta_700,buttonPrimaryText:i.white,buttonPrimaryBorder:i.magenta_700,buttonPrimaryBackgroundHover:i.magenta_800,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.magenta_800,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_600,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.magenta_700,buttonSecondaryBorder:i.magenta_700,buttonSecondaryBackgroundHover:i.magenta_100,buttonSecondaryTextHover:i.magenta_800,buttonSecondaryBorderHover:i.magenta_100,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_600,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.magenta_700,buttonTertiaryTextHover:i.magenta_800,buttonTertiaryDisabledText:i.grey_600,collapseHeaderColor:i.navy_600,selectionBorder:i.grey_600,textInputBorder:i.grey_900,inputBorder:i.grey_900,check:i.magenta_700,headerBackground:i.white,backgroundLight:i.white,backgroundLightColor:i.navy_100,backgroundMid:i.grey_200,backgroundMidLight:i.grey_100,loaderColor1:i.navy_600,loaderColor2:i.magenta_600,loaderColor3:i.cyan_600,paginationText:i.navy_600,paginationActive:i.grey_200,paginationBackground:i.navy_600,footerBackground:i.backgroundLight,headerBorder:i.grey_200,headerTaglineText:i.black,stepBorder:i.grey_200,stepBackground:i.white,popoverBackground:i.white,textInputExtraInfo:i.grey_200,totaliserBubbleColor:i.grey_200,totaliserBubbleTextColor:i.black,totaliserBubbleTotalColor:i.navy_600,selectBackground:i.black,modalBackdrop:i.black,userBlockExtraText:i.grey_800},g={none:"0",auto:"auto",xxxs:"0.25rem",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},l={xs:"0.75rem",s:"0.875rem",m:"1rem",ml:"1.125rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},c={customFonts:[{family:"Progress",urlWoff2:"".concat(t.assetPath,"fonts/Progress-Regular.woff2"),fontWeight:400},{family:"Progress",urlWoff2:"".concat(t.assetPath,"fonts/Progress-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Light.woff"),fontWeight:300},{family:"Poppins",urlWoff2:"".concat(t.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff2:"".concat(t.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Medium.woff"),fontWeight:500}],fontFamilyBase:"Poppins,sans-serif",fontFamilyButtons:"Poppins,sans-serif",fontFamilyLinks:"Poppins,sans-serif",fontFamilyHeadings:"Progress,Arial,Helvetica,sans-serif",fontFamilyLabel:"Poppins,sans-serif",fontSizeBase:"16px",fontWeightBase:300,fontWeightHeadings:400,fontWeightLinks:700,fontWeightButtons:400,fontWeightLabels:500,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},d={s:"0px 0px 2px 1px ".concat(i.grey_300),m:"0px 0px 4px 1px ".concat(i.grey_300),l:"0px 0px 7px 1px ".concat(i.grey_300)},y={name:"cruk",avatar:e({},a),breakpoint:e({},n),button:e({},o),tokenColors:e({},i),colors:e({},s),spacing:e({},g),fontSizes:e({},l),siteConfig:e({},t),typography:e({},c),shadows:e({},d),utilities:e({},r)};export{a as AVATAR,n as BREAKPOINT,o as BUTTON,s as COLORS,l as FONT_SIZES,d as SHADOWS,t as SITE_CONFIG,g as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,r as UTILITIES,y as crukTheme,y as default};
2
2
  //# sourceMappingURL=cruk.js.map
package/lib/src/themes/cruk.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cruk.js","sources":["../../../src/themes/cruk.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type ShadowsType,\n type TypographyType,\n type ThemeType,\n} from \"../types\";\n\nexport const UTILITIES: UtilitiesType = {\n contentMaxWidth: \"1020px\",\n useDefaultFocusRect: true,\n useDefaultFromControls: false,\n useBackgroundStyleLinks: false,\n inputBorderWidth: \"1px\",\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n assetPath: \"https://rcl.assets.cancerresearchuk.org/\",\n logoUrl: \"/\",\n logoAlt: \"Cancer Research UK Giving Page\",\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg\",\n footerCopyText:\n \"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).\",\n footerLogoAlt: \"Registered with Fundraising Regulator\",\n footerLogoSrc:\n \"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png\",\n};\n\nexport const AVATAR: AvatarType = {\n s: \"32px\",\n m: \"48px\",\n l: \"64px\",\n xl: \"128px\",\n path: `${SITE_CONFIG.assetPath}images/avatar/cruk2/`,\n};\n\nexport const BUTTON: ButtonType = {\n borderRadius: \"0px\",\n borderRadiusLarge: \"0px\",\n buttonBorderThickness: \"2px\",\n textDecoration: \"none\",\n textTransform: \"none\",\n horizontalPadding: \"2em\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n mobile: \"576px\",\n tablet: \"768px\",\n desktop: \"992px\",\n desktopLarge: \"1200px\",\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n navy_100: \"#E5E5FF\",\n navy_600: \"#00007E\",\n navy_700: \"#000066\",\n navy_800: \"#00004D\",\n\n magenta_100: \"#FFE6F3\",\n magenta_600: \"#FF0087\",\n magenta_700: \"#E60079\",\n magenta_800: \"#CC006C\",\n\n cyan_600: \"#009CEE\",\n cyan_700: \"#006DA7\",\n\n grey_100: \"#F2F2F2\",\n grey_200: \"#E6E6E6\",\n grey_300: \"#c6c6c6\", // used for shadows\n\n grey_600: \"#666666\",\n grey_800: \"#575757\",\n grey_900: \"#2e2d2c\",\n\n white: \"#fff\",\n black: \"#000\",\n\n red: \"#D51311\",\n yellow: \"#fdc02f\",\n green: \"#3d854d\",\n};\n\nexport const COLORS: ColorsType = {\n primary: TOKEN_COLORS.navy_600,\n secondary: TOKEN_COLORS.magenta_700,\n tertiary: TOKEN_COLORS.cyan_600,\n\n textOnPrimary: TOKEN_COLORS.white,\n textOnSecondary: TOKEN_COLORS.white,\n textOnTertiary: TOKEN_COLORS.white,\n textHeaderDefault: TOKEN_COLORS.black,\n\n disabled: TOKEN_COLORS.grey_200,\n danger: TOKEN_COLORS.red,\n warning: TOKEN_COLORS.yellow,\n success: TOKEN_COLORS.green,\n info: TOKEN_COLORS.cyan_600,\n textError: TOKEN_COLORS.red,\n\n textDark: TOKEN_COLORS.black,\n textLight: TOKEN_COLORS.white,\n linkColor: TOKEN_COLORS.magenta_700,\n linkColorHover: TOKEN_COLORS.magenta_800,\n linkColorSecondary: TOKEN_COLORS.magenta_700,\n linkColorSecondaryHover: TOKEN_COLORS.magenta_800,\n\n avatarBorder: TOKEN_COLORS.navy_600,\n progressBar: TOKEN_COLORS.navy_600,\n progressBarSecondary: TOKEN_COLORS.magenta_700,\n progressBarBackground: TOKEN_COLORS.grey_200,\n circularProgress: TOKEN_COLORS.cyan_600,\n circularProgressSecondary: TOKEN_COLORS.magenta_700,\n circularProgressBackground: TOKEN_COLORS.grey_200,\n\n buttonPrimaryBackground: TOKEN_COLORS.magenta_700,\n buttonPrimaryText: TOKEN_COLORS.white,\n buttonPrimaryBorder: TOKEN_COLORS.magenta_700,\n buttonPrimaryBackgroundHover: TOKEN_COLORS.magenta_800,\n buttonPrimaryTextHover: TOKEN_COLORS.white,\n buttonPrimaryBorderHover: TOKEN_COLORS.magenta_800,\n buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonSecondaryBackground: TOKEN_COLORS.white,\n buttonSecondaryText: TOKEN_COLORS.magenta_700,\n buttonSecondaryBorder: TOKEN_COLORS.magenta_700,\n buttonSecondaryBackgroundHover: TOKEN_COLORS.magenta_100,\n buttonSecondaryTextHover: TOKEN_COLORS.magenta_800,\n buttonSecondaryBorderHover: TOKEN_COLORS.magenta_100,\n buttonSecondaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonSecondaryDisabledText: TOKEN_COLORS.grey_600,\n buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonTertiaryText: TOKEN_COLORS.magenta_700,\n buttonTertiaryTextHover: TOKEN_COLORS.magenta_800,\n buttonTertiaryDisabledText: TOKEN_COLORS.grey_600,\n\n collapseHeaderColor: TOKEN_COLORS.navy_600,\n\n selectionBorder: TOKEN_COLORS.grey_600,\n\n textInputBorder: TOKEN_COLORS.grey_900,\n inputBorder: TOKEN_COLORS.grey_900,\n check: TOKEN_COLORS.magenta_700,\n\n headerBackground: TOKEN_COLORS.white,\n backgroundLight: TOKEN_COLORS.white,\n backgroundLightColor: TOKEN_COLORS.navy_100,\n backgroundMid: TOKEN_COLORS.grey_200,\n backgroundMidLight: TOKEN_COLORS.grey_100,\n\n loaderColor1: TOKEN_COLORS.navy_600,\n loaderColor2: TOKEN_COLORS.magenta_600,\n loaderColor3: TOKEN_COLORS.cyan_600,\n\n paginationText: TOKEN_COLORS.navy_600,\n paginationActive: TOKEN_COLORS.grey_200,\n paginationBackground: TOKEN_COLORS.navy_600,\n\n footerBackground: TOKEN_COLORS.backgroundLight,\n\n headerBorder: TOKEN_COLORS.grey_200,\n headerTaglineText: TOKEN_COLORS.black,\n\n stepBorder: TOKEN_COLORS.grey_200,\n stepBackground: TOKEN_COLORS.white,\n\n popoverBackground: TOKEN_COLORS.white,\n\n textInputExtraInfo: TOKEN_COLORS.grey_200,\n\n totaliserBubbleColor: TOKEN_COLORS.grey_200,\n totaliserBubbleTextColor: TOKEN_COLORS.black,\n totaliserBubbleTotalColor: TOKEN_COLORS.navy_600,\n\n selectBackground: TOKEN_COLORS.black,\n\n modalBackdrop: TOKEN_COLORS.black,\n\n userBlockExtraText: TOKEN_COLORS.grey_800,\n};\n\n// TODO: possibly convert to REMS, once a base font size has been agreed.\nexport const SPACING: SpacingType = {\n none: \"0\",\n auto: \"auto\",\n xxs: \"0.5rem\", // 8px\n xs: \"1rem\", // 16px\n s: \"1.5rem\", // 24px\n m: \"2rem\", // 32px\n l: \"2.5rem\", // 40px\n xl: \"3rem\", // 48px\n xxl: \"3.5rem\", // 56px\n};\n\nexport const FONT_SIZES: FontSizesType = {\n xs: \"0.75rem\", // 12px\n s: \"0.875rem\", // 14px\n m: \"1rem\", // 16px\n l: \"1.25rem\", // 20px\n xl: \"1.5625rem\", // 25px\n xxl: \"2rem\", // 32px\n xxxl: \"2.5rem\", // 40px\n xxxxl: \"3.125rem\", // 45px\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n customFonts: [\n {\n family: \"Progress\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Progress-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Progress\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Progress-SemiBold.woff2`,\n fontWeight: 600,\n },\n {\n family: \"Poppins\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Light.woff`,\n fontWeight: 300,\n },\n {\n family: \"Poppins\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Poppins\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-SemiBold.woff2`,\n fontWeight: 600,\n },\n {\n family: \"Poppins\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Medium.woff`,\n fontWeight: 500,\n },\n ],\n fontFamilyBase: \"Poppins,sans-serif\",\n fontFamilyButtons: \"Poppins,sans-serif\",\n fontFamilyLinks: \"Poppins,sans-serif\",\n fontFamilyHeadings: \"Progress,Arial,Helvetica,sans-serif\",\n fontFamilyLabel: \"Poppins,sans-serif\",\n fontSizeBase: \"16px\",\n fontWeightBase: 300,\n fontWeightHeadings: 400,\n fontWeightLinks: 700,\n fontWeightButtons: 400,\n fontWeightLabels: 400,\n fontWeightHeavy: 700,\n fontWeightMedium: 500,\n fontWeightNormal: 400,\n fontWeightLight: 300,\n fontWeightVLight: 100,\n linkTextDecoration: \"underline\",\n LinkLetterSpacing: \"0px\",\n LinkPrimaryTextDecoration: \"underline\",\n lineHeight: \"1.5em\",\n headerLineHeight: \"1.25em\",\n headerTextTransform: \"none\",\n};\n\nexport const SHADOWS: ShadowsType = {\n s: `0px 0px 2px 1px ${TOKEN_COLORS.grey_300}`,\n m: `0px 0px 4px 1px ${TOKEN_COLORS.grey_300}`,\n l: `0px 0px 7px 1px ${TOKEN_COLORS.grey_300}`,\n};\n\nexport const crukTheme: ThemeType = {\n name: \"cruk\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default crukTheme;\n"],"names":["UTILITIES","contentMaxWidth","useDefaultFocusRect","useDefaultFromControls","useBackgroundStyleLinks","inputBorderWidth","SITE_CONFIG","assetPath","logoUrl","logoAlt","logoSrc","footerCopyText","footerLogoAlt","footerLogoSrc","AVATAR","s","m","l","xl","path","concat","BUTTON","borderRadius","borderRadiusLarge","buttonBorderThickness","textDecoration","textTransform","horizontalPadding","BREAKPOINT","mobile","tablet","desktop","desktopLarge","TOKEN_COLORS","navy_100","navy_600","navy_700","navy_800","magenta_100","magenta_600","magenta_700","magenta_800","cyan_600","cyan_700","grey_100","grey_200","grey_300","grey_600","grey_800","grey_900","white","black","red","yellow","green","COLORS","primary","secondary","tertiary","textOnPrimary","textOnSecondary","textOnTertiary","textHeaderDefault","disabled","danger","warning","success","info","textError","textDark","textLight","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","avatarBorder","progressBar","progressBarSecondary","progressBarBackground","circularProgress","circularProgressSecondary","circularProgressBackground","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","buttonPrimaryDisabledText","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","collapseHeaderColor","selectionBorder","textInputBorder","inputBorder","check","headerBackground","backgroundLight","backgroundLightColor","backgroundMid","backgroundMidLight","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationActive","paginationBackground","footerBackground","headerBorder","headerTaglineText","stepBorder","stepBackground","popoverBackground","textInputExtraInfo","totaliserBubbleColor","totaliserBubbleTextColor","totaliserBubbleTotalColor","selectBackground","modalBackdrop","userBlockExtraText","SPACING","none","auto","xxs","xs","xxl","FONT_SIZES","xxxl","xxxxl","TYPOGRAPHY","customFonts","family","urlWoff","fontWeight","fontFamilyBase","fontFamilyButtons","fontFamilyLinks","fontFamilyHeadings","fontFamilyLabel","fontSizeBase","fontWeightBase","fontWeightHeadings","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeavy","fontWeightMedium","fontWeightNormal","fontWeightLight","fontWeightVLight","linkTextDecoration","LinkLetterSpacing","LinkPrimaryTextDecoration","lineHeight","headerLineHeight","headerTextTransform","SHADOWS","crukTheme","name","avatar","__assign","breakpoint","button","tokenColors","colors","spacing","fontSizes","siteConfig","typography","shadows","utilities"],"mappings":"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"}
1
+ {"version":3,"file":"cruk.js","sources":["../../../src/themes/cruk.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type ShadowsType,\n type TypographyType,\n type ThemeType,\n} from \"../types\";\n\nexport const UTILITIES: UtilitiesType = {\n contentMaxWidth: \"1020px\",\n useDefaultFocusRect: true,\n useDefaultFromControls: false,\n useBackgroundStyleLinks: false,\n inputBorderWidth: \"1px\",\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n assetPath: \"https://rcl.assets.cancerresearchuk.org/\",\n logoUrl: \"/\",\n logoAlt: \"Cancer Research UK Giving Page\",\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg\",\n footerCopyText:\n \"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).\",\n footerLogoAlt: \"Registered with Fundraising Regulator\",\n footerLogoSrc:\n \"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png\",\n};\n\nexport const AVATAR: AvatarType = {\n s: \"32px\",\n m: \"48px\",\n l: \"64px\",\n xl: \"128px\",\n path: `${SITE_CONFIG.assetPath}images/avatar/cruk2/`,\n};\n\nexport const BUTTON: ButtonType = {\n borderRadius: \"0px\",\n borderRadiusLarge: \"0px\",\n buttonBorderThickness: \"2px\",\n textDecoration: \"none\",\n textTransform: \"none\",\n horizontalPadding: \"2em\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n mobile: \"576px\",\n tablet: \"768px\",\n desktop: \"992px\",\n desktopLarge: \"1200px\",\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n navy_100: \"#E5E5FF\",\n navy_600: \"#00007E\",\n navy_700: \"#000066\",\n navy_800: \"#00004D\",\n\n magenta_100: \"#FFE6F3\",\n magenta_600: \"#FF0087\",\n magenta_700: \"#E60079\",\n magenta_800: \"#CC006C\",\n\n cyan_600: \"#009CEE\",\n cyan_700: \"#006DA7\",\n\n grey_100: \"#F2F2F2\",\n grey_200: \"#E6E6E6\",\n grey_300: \"#c6c6c6\", // used for shadows\n\n grey_600: \"#666666\",\n grey_800: \"#575757\",\n grey_900: \"#2e2d2c\",\n\n white: \"#fff\",\n black: \"#000\",\n\n red: \"#D51311\",\n yellow: \"#fdc02f\",\n green: \"#3d854d\",\n};\n\nexport const COLORS: ColorsType = {\n primary: TOKEN_COLORS.navy_600,\n secondary: TOKEN_COLORS.magenta_700,\n tertiary: TOKEN_COLORS.cyan_600,\n\n textOnPrimary: TOKEN_COLORS.white,\n textOnSecondary: TOKEN_COLORS.white,\n textOnTertiary: TOKEN_COLORS.white,\n textHeaderDefault: TOKEN_COLORS.black,\n\n disabled: TOKEN_COLORS.grey_200,\n danger: TOKEN_COLORS.red,\n warning: TOKEN_COLORS.yellow,\n success: TOKEN_COLORS.green,\n info: TOKEN_COLORS.cyan_600,\n textError: TOKEN_COLORS.red,\n\n textDark: TOKEN_COLORS.black,\n textLight: TOKEN_COLORS.white,\n textMid: TOKEN_COLORS.grey_600,\n linkColor: TOKEN_COLORS.magenta_700,\n linkColorHover: TOKEN_COLORS.magenta_800,\n linkColorSecondary: TOKEN_COLORS.magenta_700,\n linkColorSecondaryHover: TOKEN_COLORS.magenta_800,\n\n avatarBorder: TOKEN_COLORS.navy_600,\n progressBar: TOKEN_COLORS.navy_600,\n progressBarSecondary: TOKEN_COLORS.magenta_700,\n progressBarBackground: TOKEN_COLORS.grey_200,\n circularProgress: TOKEN_COLORS.cyan_600,\n circularProgressSecondary: TOKEN_COLORS.magenta_700,\n circularProgressBackground: TOKEN_COLORS.grey_200,\n\n buttonPrimaryBackground: TOKEN_COLORS.magenta_700,\n buttonPrimaryText: TOKEN_COLORS.white,\n buttonPrimaryBorder: TOKEN_COLORS.magenta_700,\n buttonPrimaryBackgroundHover: TOKEN_COLORS.magenta_800,\n buttonPrimaryTextHover: TOKEN_COLORS.white,\n buttonPrimaryBorderHover: TOKEN_COLORS.magenta_800,\n buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonSecondaryBackground: TOKEN_COLORS.white,\n buttonSecondaryText: TOKEN_COLORS.magenta_700,\n buttonSecondaryBorder: TOKEN_COLORS.magenta_700,\n buttonSecondaryBackgroundHover: TOKEN_COLORS.magenta_100,\n buttonSecondaryTextHover: TOKEN_COLORS.magenta_800,\n buttonSecondaryBorderHover: TOKEN_COLORS.magenta_100,\n buttonSecondaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonSecondaryDisabledText: TOKEN_COLORS.grey_600,\n buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonTertiaryText: TOKEN_COLORS.magenta_700,\n buttonTertiaryTextHover: TOKEN_COLORS.magenta_800,\n buttonTertiaryDisabledText: TOKEN_COLORS.grey_600,\n\n collapseHeaderColor: TOKEN_COLORS.navy_600,\n\n selectionBorder: TOKEN_COLORS.grey_600,\n\n textInputBorder: TOKEN_COLORS.grey_900,\n inputBorder: TOKEN_COLORS.grey_900,\n check: TOKEN_COLORS.magenta_700,\n\n headerBackground: TOKEN_COLORS.white,\n backgroundLight: TOKEN_COLORS.white,\n backgroundLightColor: TOKEN_COLORS.navy_100,\n backgroundMid: TOKEN_COLORS.grey_200,\n backgroundMidLight: TOKEN_COLORS.grey_100,\n\n loaderColor1: TOKEN_COLORS.navy_600,\n loaderColor2: TOKEN_COLORS.magenta_600,\n loaderColor3: TOKEN_COLORS.cyan_600,\n\n paginationText: TOKEN_COLORS.navy_600,\n paginationActive: TOKEN_COLORS.grey_200,\n paginationBackground: TOKEN_COLORS.navy_600,\n\n footerBackground: TOKEN_COLORS.backgroundLight,\n\n headerBorder: TOKEN_COLORS.grey_200,\n headerTaglineText: TOKEN_COLORS.black,\n\n stepBorder: TOKEN_COLORS.grey_200,\n stepBackground: TOKEN_COLORS.white,\n\n popoverBackground: TOKEN_COLORS.white,\n\n textInputExtraInfo: TOKEN_COLORS.grey_200,\n\n totaliserBubbleColor: TOKEN_COLORS.grey_200,\n totaliserBubbleTextColor: TOKEN_COLORS.black,\n totaliserBubbleTotalColor: TOKEN_COLORS.navy_600,\n\n selectBackground: TOKEN_COLORS.black,\n\n modalBackdrop: TOKEN_COLORS.black,\n\n userBlockExtraText: TOKEN_COLORS.grey_800,\n};\n\n// TODO: possibly convert to REMS, once a base font size has been agreed.\nexport const SPACING: SpacingType = {\n none: \"0\",\n auto: \"auto\",\n xxxs: \"0.25rem\", // 4px\n xxs: \"0.5rem\", // 8px\n xs: \"1rem\", // 16px\n s: \"1.5rem\", // 24px\n m: \"2rem\", // 32px\n l: \"2.5rem\", // 40px\n xl: \"3rem\", // 48px\n xxl: \"3.5rem\", // 56px\n};\n\nexport const FONT_SIZES: FontSizesType = {\n xs: \"0.75rem\", // 12px\n s: \"0.875rem\", // 14px\n m: \"1rem\", // 16px\n ml: \"1.125rem\", // 18px\n l: \"1.25rem\", // 20px\n xl: \"1.5625rem\", // 25px\n xxl: \"2rem\", // 32px\n xxxl: \"2.5rem\", // 40px\n xxxxl: \"3.125rem\", // 45px\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n customFonts: [\n {\n family: \"Progress\",\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/Progress-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Progress\",\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/Progress-SemiBold.woff2`,\n fontWeight: 600,\n },\n {\n family: \"Poppins\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Light.woff`,\n fontWeight: 300,\n },\n {\n family: \"Poppins\",\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/Poppins-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Poppins\",\n urlWoff2: `${SITE_CONFIG.assetPath}fonts/Poppins-SemiBold.woff2`,\n fontWeight: 600,\n },\n {\n family: \"Poppins\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Medium.woff`,\n fontWeight: 500,\n },\n ],\n fontFamilyBase: \"Poppins,sans-serif\",\n fontFamilyButtons: \"Poppins,sans-serif\",\n fontFamilyLinks: \"Poppins,sans-serif\",\n fontFamilyHeadings: \"Progress,Arial,Helvetica,sans-serif\",\n fontFamilyLabel: \"Poppins,sans-serif\",\n fontSizeBase: \"16px\",\n fontWeightBase: 300,\n fontWeightHeadings: 400,\n fontWeightLinks: 700,\n fontWeightButtons: 400,\n fontWeightLabels: 500,\n fontWeightHeavy: 700,\n fontWeightMedium: 500,\n fontWeightNormal: 400,\n fontWeightLight: 300,\n fontWeightVLight: 100,\n linkTextDecoration: \"underline\",\n LinkLetterSpacing: \"0px\",\n LinkPrimaryTextDecoration: \"underline\",\n lineHeight: \"1.5em\",\n headerLineHeight: \"1.25em\",\n headerTextTransform: \"none\",\n};\n\nexport const SHADOWS: ShadowsType = {\n s: `0px 0px 2px 1px ${TOKEN_COLORS.grey_300}`,\n m: `0px 0px 4px 1px ${TOKEN_COLORS.grey_300}`,\n l: `0px 0px 7px 1px ${TOKEN_COLORS.grey_300}`,\n};\n\nexport const crukTheme: ThemeType = {\n name: \"cruk\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default crukTheme;\n"],"names":["UTILITIES","contentMaxWidth","useDefaultFocusRect","useDefaultFromControls","useBackgroundStyleLinks","inputBorderWidth","SITE_CONFIG","assetPath","logoUrl","logoAlt","logoSrc","footerCopyText","footerLogoAlt","footerLogoSrc","AVATAR","s","m","l","xl","path","concat","BUTTON","borderRadius","borderRadiusLarge","buttonBorderThickness","textDecoration","textTransform","horizontalPadding","BREAKPOINT","mobile","tablet","desktop","desktopLarge","TOKEN_COLORS","navy_100","navy_600","navy_700","navy_800","magenta_100","magenta_600","magenta_700","magenta_800","cyan_600","cyan_700","grey_100","grey_200","grey_300","grey_600","grey_800","grey_900","white","black","red","yellow","green","COLORS","primary","secondary","tertiary","textOnPrimary","textOnSecondary","textOnTertiary","textHeaderDefault","disabled","danger","warning","success","info","textError","textDark","textLight","textMid","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","avatarBorder","progressBar","progressBarSecondary","progressBarBackground","circularProgress","circularProgressSecondary","circularProgressBackground","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","buttonPrimaryDisabledText","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","collapseHeaderColor","selectionBorder","textInputBorder","inputBorder","check","headerBackground","backgroundLight","backgroundLightColor","backgroundMid","backgroundMidLight","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationActive","paginationBackground","footerBackground","headerBorder","headerTaglineText","stepBorder","stepBackground","popoverBackground","textInputExtraInfo","totaliserBubbleColor","totaliserBubbleTextColor","totaliserBubbleTotalColor","selectBackground","modalBackdrop","userBlockExtraText","SPACING","none","auto","xxxs","xxs","xs","xxl","FONT_SIZES","ml","xxxl","xxxxl","TYPOGRAPHY","customFonts","family","urlWoff2","fontWeight","urlWoff","fontFamilyBase","fontFamilyButtons","fontFamilyLinks","fontFamilyHeadings","fontFamilyLabel","fontSizeBase","fontWeightBase","fontWeightHeadings","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeavy","fontWeightMedium","fontWeightNormal","fontWeightLight","fontWeightVLight","linkTextDecoration","LinkLetterSpacing","LinkPrimaryTextDecoration","lineHeight","headerLineHeight","headerTextTransform","SHADOWS","crukTheme","name","avatar","__assign","breakpoint","button","tokenColors","colors","spacing","fontSizes","siteConfig","typography","shadows","utilities"],"mappings":"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"}
package/lib/src/themes/rfl.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__assign as a}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as t}from"./cruk.js";var s=a({},t.utilities),o=a(a({},t.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/rfl-sl.svg"}),e=a(a({},t.avatar),{path:"".concat(o.assetPath,"images/avatar/rfl/")}),r=a({},t.button),i=a({},t.breakpoint),n=a({},t.tokenColors),l=a(a({},t.colors),{textHeaderDefault:n.navy_600,headerTaglineText:n.navy_600,progressBar:n.magenta_700,progressBarSecondary:n.navy_600}),g=a({},t.spacing),p=a({},t.shadows),c=a({},t.fontSizes),f=a(a({},t.typography),{fontWeightHeadings:600}),h={name:"rfl",avatar:a({},e),breakpoint:a({},i),button:a({},r),tokenColors:a({},n),colors:a({},l),spacing:a({},g),fontSizes:a({},c),siteConfig:a({},o),typography:a({},f),shadows:a({},p),utilities:a({},s)};export{e as AVATAR,i as BREAKPOINT,r as BUTTON,l as COLORS,c as FONT_SIZES,p as SHADOWS,o as SITE_CONFIG,g as SPACING,n as TOKEN_COLORS,f as TYPOGRAPHY,s as UTILITIES,h as default,h as rflTheme};
1
+ import{__assign as a}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as t}from"./cruk.js";var o=a({},t.utilities),s=a(a({},t.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/rfl.svg"}),e=a(a({},t.avatar),{path:"".concat(s.assetPath,"images/avatar/rfl/")}),r=a({},t.button),i=a({},t.breakpoint),n=a({},t.tokenColors),g=a(a({},t.colors),{textHeaderDefault:n.navy_600,headerTaglineText:n.navy_600,progressBar:n.magenta_700,progressBarSecondary:n.navy_600}),l=a({},t.spacing),p=a({},t.shadows),c=a({},t.fontSizes),f=a(a({},t.typography),{fontWeightHeadings:600}),h={name:"rfl",avatar:a({},e),breakpoint:a({},i),button:a({},r),tokenColors:a({},n),colors:a({},g),spacing:a({},l),fontSizes:a({},c),siteConfig:a({},s),typography:a({},f),shadows:a({},p),utilities:a({},o)};export{e as AVATAR,i as BREAKPOINT,r as BUTTON,g as COLORS,c as FONT_SIZES,p as SHADOWS,s as SITE_CONFIG,l as SPACING,n as TOKEN_COLORS,f as TYPOGRAPHY,o as UTILITIES,h as default,h as rflTheme};
2
2
  //# sourceMappingURL=rfl.js.map
package/lib/src/themes/rfl.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rfl.js","sources":["../../../src/themes/rfl.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/rfl-sl.svg\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/rfl/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n textHeaderDefault: TOKEN_COLORS.navy_600,\n headerTaglineText: TOKEN_COLORS.navy_600,\n progressBar: TOKEN_COLORS.magenta_700,\n progressBarSecondary: TOKEN_COLORS.navy_600,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n fontWeightHeadings: 600,\n};\n\nexport const rflTheme: ThemeType = {\n name: \"rfl\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default rflTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","SITE_CONFIG","siteConfig","logoSrc","AVATAR","avatar","path","assetPath","BUTTON","button","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","COLORS","colors","textHeaderDefault","navy_600","headerTaglineText","progressBar","magenta_700","progressBarSecondary","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","fontWeightHeadings","rflTheme","name"],"mappings":"2GAiBaA,EAASC,EAAA,GACjBC,EAAaC,WAGLC,EAAWH,EAAAA,EAAA,CAAA,EACnBC,EAAaG,YAAU,CAC1BC,QAAS,oEAGEC,EAAMN,EAAAA,EAAA,CAAA,EACdC,EAAaM,QAAM,CACtBC,KAAM,UAAGL,EAAYM,UAAS,wBAGnBC,EAAMV,EAAA,GACdC,EAAaU,QAGLC,EAAUZ,EAAA,GAClBC,EAAaY,YAGLC,EAAYd,EAAA,GACpBC,EAAac,aAGLC,EAAMhB,EAAAA,EAAA,CAAA,EACdC,EAAagB,QAAM,CACtBC,kBAAmBJ,EAAaK,SAChCC,kBAAmBN,EAAaK,SAChCE,YAAaP,EAAaQ,YAC1BC,qBAAsBT,EAAaK,WAGxBK,EAAOxB,EAAA,GACfC,EAAawB,SAGLC,EAAO1B,EAAA,GACfC,EAAa0B,SAGLC,EAAU5B,EAAA,GAClBC,EAAa4B,WAGLC,EAAU9B,EAAAA,EAAA,CAAA,EAClBC,EAAa8B,YAAU,CAC1BC,mBAAoB,MAGTC,EAAsB,CACjCC,KAAM,MACN3B,OAAMP,EAAA,CAAA,EAAOM,GACbO,WAAUb,EAAA,CAAA,EAAOY,GACjBD,OAAMX,EAAA,CAAA,EAAOU,GACbK,YAAWf,EAAA,CAAA,EAAOc,GAClBG,OAAMjB,EAAA,CAAA,EAAOgB,GACbS,QAAOzB,EAAA,CAAA,EAAOwB,GACdK,UAAS7B,EAAA,CAAA,EAAO4B,GAChBxB,WAAUJ,EAAA,CAAA,EAAOG,GACjB4B,WAAU/B,EAAA,CAAA,EAAO8B,GACjBH,QAAO3B,EAAA,CAAA,EAAO0B,GACdxB,UAASF,EAAA,CAAA,EAAOD"}
1
+ {"version":3,"file":"rfl.js","sources":["../../../src/themes/rfl.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/rfl.svg\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/rfl/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n textHeaderDefault: TOKEN_COLORS.navy_600,\n headerTaglineText: TOKEN_COLORS.navy_600,\n progressBar: TOKEN_COLORS.magenta_700,\n progressBarSecondary: TOKEN_COLORS.navy_600,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n fontWeightHeadings: 600,\n};\n\nexport const rflTheme: ThemeType = {\n name: \"rfl\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default rflTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","SITE_CONFIG","siteConfig","logoSrc","AVATAR","avatar","path","assetPath","BUTTON","button","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","COLORS","colors","textHeaderDefault","navy_600","headerTaglineText","progressBar","magenta_700","progressBarSecondary","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","fontWeightHeadings","rflTheme","name"],"mappings":"2GAiBaA,EAASC,EAAA,GACjBC,EAAaC,WAGLC,EAAWH,EAAAA,EAAA,CAAA,EACnBC,EAAaG,YAAU,CAC1BC,QAAS,iEAGEC,EAAMN,EAAAA,EAAA,CAAA,EACdC,EAAaM,QAAM,CACtBC,KAAM,UAAGL,EAAYM,UAAS,wBAGnBC,EAAMV,EAAA,GACdC,EAAaU,QAGLC,EAAUZ,EAAA,GAClBC,EAAaY,YAGLC,EAAYd,EAAA,GACpBC,EAAac,aAGLC,EAAMhB,EAAAA,EAAA,CAAA,EACdC,EAAagB,QAAM,CACtBC,kBAAmBJ,EAAaK,SAChCC,kBAAmBN,EAAaK,SAChCE,YAAaP,EAAaQ,YAC1BC,qBAAsBT,EAAaK,WAGxBK,EAAOxB,EAAA,GACfC,EAAawB,SAGLC,EAAO1B,EAAA,GACfC,EAAa0B,SAGLC,EAAU5B,EAAA,GAClBC,EAAa4B,WAGLC,EAAU9B,EAAAA,EAAA,CAAA,EAClBC,EAAa8B,YAAU,CAC1BC,mBAAoB,MAGTC,EAAsB,CACjCC,KAAM,MACN3B,OAAMP,EAAA,CAAA,EAAOM,GACbO,WAAUb,EAAA,CAAA,EAAOY,GACjBD,OAAMX,EAAA,CAAA,EAAOU,GACbK,YAAWf,EAAA,CAAA,EAAOc,GAClBG,OAAMjB,EAAA,CAAA,EAAOgB,GACbS,QAAOzB,EAAA,CAAA,EAAOwB,GACdK,UAAS7B,EAAA,CAAA,EAAO4B,GAChBxB,WAAUJ,EAAA,CAAA,EAAOG,GACjB4B,WAAU/B,EAAA,CAAA,EAAO8B,GACjBH,QAAO3B,EAAA,CAAA,EAAO0B,GACdxB,UAASF,EAAA,CAAA,EAAOD"}
package/lib/src/themes/su2c.js CHANGED
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as a}from"./cruk.js";var r=e(e({},a.utilities),{useBackgroundStyleLinks:!0}),n=e(e({},a.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),t=e(e({},a.avatar),{path:"".concat(n.assetPath,"images/avatar/su2c/")}),o=e(e({},a.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=e({},a.breakpoint),c=e(e({},a.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),i=e(e({},a.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textHeaderDefault:c.su2cBlack,textOnPrimary:c.su2cBlack,textOnSecondary:c.su2cBlack,avatarBorder:c.su2cBlack,progressBar:c.su2cOrange5,progressBarSecondary:c.su2cRed,circularProgress:c.su2cOrange3,circularProgressSecondary:c.su2cRed,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,linkColorSecondary:c.su2cOrange5,linkColorSecondaryHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,collapseHeaderColor:c.su2cOrange5,check:c.su2cBlack,headerTaglineText:c.su2cBlack,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_200,buttonPrimaryDisabledText:c.grey_600,buttonPrimaryDisabledBorder:c.grey_200,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_200,buttonSecondaryDisabledBorder:c.grey_200,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_200}),u=e({},a.spacing),l=e({},a.shadows),d=e({},a.fontSizes),g=e(e({},a.typography),{customFonts:[{family:"ITCAvantGarde",urlWoff:"".concat(n.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff"),fontWeight:700},{family:"ITCAvantGarde",urlWoff:"".concat(n.assetPath,"fonts/ITCAvantGardeStd-Bk.woff"),fontWeight:400}],fontFamilyHeadings:"ITCAvantGarde,Arial,sans-serif",fontFamilyLinks:"ITCAvantGarde,Arial,sans-serif",fontFamilyButtons:"ITCAvantGarde,Arial,sans-serif",fontFamilyBase:"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase",fontWeightBase:400,fontWeightLinks:700,fontWeightButtons:700,fontWeightLabels:700,fontWeightHeadings:700,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),y={name:"su2c",avatar:e({},t),breakpoint:e({},s),button:e({},o),tokenColors:e({},c),colors:e({},i),spacing:e({},u),fontSizes:e({},d),siteConfig:e({},n),typography:e({},g),shadows:e({},l),utilities:e({},r)};export{t as AVATAR,s as BREAKPOINT,o as BUTTON,i as COLORS,d as FONT_SIZES,l as SHADOWS,n as SITE_CONFIG,u as SPACING,c as TOKEN_COLORS,g as TYPOGRAPHY,r as UTILITIES,y as default,y as su2cTheme};
1
+ import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as a}from"./cruk.js";var r=e(e({},a.utilities),{useBackgroundStyleLinks:!0}),t=e(e({},a.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),n=e(e({},a.avatar),{path:"".concat(t.assetPath,"images/avatar/su2c/")}),o=e(e({},a.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=e({},a.breakpoint),c=e(e({},a.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),i=e(e({},a.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textHeaderDefault:c.su2cBlack,textOnPrimary:c.su2cBlack,textOnSecondary:c.su2cBlack,avatarBorder:c.su2cBlack,progressBar:c.su2cOrange5,progressBarSecondary:c.su2cRed,circularProgress:c.su2cOrange3,circularProgressSecondary:c.su2cRed,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,linkColorSecondary:c.su2cOrange5,linkColorSecondaryHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,collapseHeaderColor:c.su2cOrange5,check:c.su2cBlack,headerTaglineText:c.su2cBlack,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_200,buttonPrimaryDisabledText:c.grey_600,buttonPrimaryDisabledBorder:c.grey_200,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_200,buttonSecondaryDisabledBorder:c.grey_200,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_200}),u=e({},a.spacing),l=e({},a.shadows),d=e({},a.fontSizes),g=e(e({},a.typography),{customFonts:[{family:"ITCAvantGarde",urlWoff:"".concat(t.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff"),fontWeight:700},{family:"ITCAvantGarde",urlWoff:"".concat(t.assetPath,"fonts/ITCAvantGardePro-Demi.woff"),fontWeight:600},{family:"ITCAvantGarde",urlWoff:"".concat(t.assetPath,"fonts/ITCAvantGardeStd-Bk.woff"),fontWeight:400}],fontFamilyHeadings:"ITCAvantGarde,Arial,sans-serif",fontFamilyLinks:"ITCAvantGarde,Arial,sans-serif",fontFamilyButtons:"ITCAvantGarde,Arial,sans-serif",fontFamilyBase:"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase",fontWeightBase:400,fontWeightLinks:700,fontWeightButtons:700,fontWeightLabels:600,fontWeightHeadings:700,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),y={name:"su2c",avatar:e({},n),breakpoint:e({},s),button:e({},o),tokenColors:e({},c),colors:e({},i),spacing:e({},u),fontSizes:e({},d),siteConfig:e({},t),typography:e({},g),shadows:e({},l),utilities:e({},r)};export{n as AVATAR,s as BREAKPOINT,o as BUTTON,i as COLORS,d as FONT_SIZES,l as SHADOWS,t as SITE_CONFIG,u as SPACING,c as TOKEN_COLORS,g as TYPOGRAPHY,r as UTILITIES,y as default,y as su2cTheme};
2
2
  //# sourceMappingURL=su2c.js.map
package/lib/src/themes/su2c.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"su2c.js","sources":["../../../src/themes/su2c.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n useBackgroundStyleLinks: true,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png\",\n footerCopyText:\n \"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign.\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/su2c/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n borderRadius: \"1.5rem\",\n borderRadiusLarge: \"2rem\",\n textTransform: \"uppercase\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n su2cOrange5: \"#FF8E00\",\n su2cOrange3: \"#FFB04D\",\n su2cOrange2: \"#FFDAAD\",\n su2cOrange1: \"#FFF6EB\",\n su2cBlack: \"#231F20\",\n su2cGrey1: \"#555759\",\n su2cGrey2: \"#A5A5A9\",\n su2cRed: \"#EF4135\",\n su2cYellow: \"#FFC325\",\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n primary: TOKEN_COLORS.su2cOrange5,\n secondary: TOKEN_COLORS.su2cOrange5,\n tertiary: TOKEN_COLORS.su2cBlack,\n textHeaderDefault: TOKEN_COLORS.su2cBlack,\n\n textOnPrimary: TOKEN_COLORS.su2cBlack,\n textOnSecondary: TOKEN_COLORS.su2cBlack,\n\n avatarBorder: TOKEN_COLORS.su2cBlack,\n progressBar: TOKEN_COLORS.su2cOrange5,\n progressBarSecondary: TOKEN_COLORS.su2cRed,\n circularProgress: TOKEN_COLORS.su2cOrange3,\n circularProgressSecondary: TOKEN_COLORS.su2cRed,\n linkColor: TOKEN_COLORS.su2cOrange5,\n linkColorHover: TOKEN_COLORS.su2cRed,\n linkColorSecondary: TOKEN_COLORS.su2cOrange5,\n linkColorSecondaryHover: TOKEN_COLORS.su2cRed,\n\n backgroundLightColor: TOKEN_COLORS.su2cOrange2,\n\n loaderColor1: TOKEN_COLORS.su2cOrange5,\n loaderColor2: TOKEN_COLORS.su2cRed,\n loaderColor3: TOKEN_COLORS.su2cBlack,\n\n paginationText: TOKEN_COLORS.su2cBlack,\n paginationBackground: TOKEN_COLORS.su2cBlack,\n\n totaliserBubbleColor: TOKEN_COLORS.su2cBlack,\n totaliserBubbleTextColor: TOKEN_COLORS.white,\n totaliserBubbleTotalColor: TOKEN_COLORS.white,\n\n collapseHeaderColor: TOKEN_COLORS.su2cOrange5,\n check: TOKEN_COLORS.su2cBlack,\n\n headerTaglineText: TOKEN_COLORS.su2cBlack,\n\n buttonPrimaryBackground: TOKEN_COLORS.su2cOrange5,\n buttonPrimaryText: TOKEN_COLORS.su2cBlack,\n buttonPrimaryBorder: TOKEN_COLORS.su2cOrange5,\n buttonPrimaryBackgroundHover: TOKEN_COLORS.su2cOrange3,\n buttonPrimaryTextHover: TOKEN_COLORS.su2cBlack,\n buttonPrimaryBorderHover: TOKEN_COLORS.su2cOrange3,\n buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonSecondaryBackground: TOKEN_COLORS.white,\n buttonSecondaryText: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBorder: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBackgroundHover: TOKEN_COLORS.su2cOrange1,\n buttonSecondaryTextHover: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBorderHover: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryDisabledBackground: TOKEN_COLORS.white,\n buttonSecondaryDisabledText: TOKEN_COLORS.grey_200,\n buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonTertiaryText: TOKEN_COLORS.su2cOrange5,\n buttonTertiaryTextHover: TOKEN_COLORS.su2cOrange5,\n buttonTertiaryDisabledText: TOKEN_COLORS.grey_200,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n customFonts: [\n {\n family: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/itc_-_itcavantgardepro-bold-webfont.woff`,\n fontWeight: 700,\n },\n {\n family: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/ITCAvantGardeStd-Bk.woff`,\n fontWeight: 400,\n },\n ],\n fontFamilyHeadings: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyLinks: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyButtons: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyBase:\n \"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n fontFamilyLabel:\n \"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n linkTextDecoration: \"none\",\n headerLineHeight: \"1.5em\",\n headerTextTransform: \"uppercase\",\n fontWeightBase: 400,\n fontWeightLinks: 700,\n fontWeightButtons: 700,\n fontWeightLabels: 700,\n fontWeightHeadings: 700,\n LinkPrimaryTextDecoration: \"none\",\n LinkLetterSpacing: \"0px\",\n};\n\nexport const su2cTheme: ThemeType = {\n name: \"su2c\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default su2cTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","useBackgroundStyleLinks","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","AVATAR","avatar","path","assetPath","BUTTON","button","borderRadius","borderRadiusLarge","textTransform","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","su2cOrange5","su2cOrange3","su2cOrange2","su2cOrange1","su2cBlack","su2cGrey1","su2cGrey2","su2cRed","su2cYellow","COLORS","colors","primary","secondary","tertiary","textHeaderDefault","textOnPrimary","textOnSecondary","avatarBorder","progressBar","progressBarSecondary","circularProgress","circularProgressSecondary","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","backgroundLightColor","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationBackground","totaliserBubbleColor","totaliserBubbleTextColor","white","totaliserBubbleTotalColor","collapseHeaderColor","check","headerTaglineText","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","grey_200","buttonPrimaryDisabledText","grey_600","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","concat","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","linkTextDecoration","headerLineHeight","headerTextTransform","fontWeightBase","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeadings","LinkPrimaryTextDecoration","LinkLetterSpacing","su2cTheme","name"],"mappings":"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"}
1
+ {"version":3,"file":"su2c.js","sources":["../../../src/themes/su2c.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n useBackgroundStyleLinks: true,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png\",\n footerCopyText:\n \"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign.\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/su2c/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n borderRadius: \"1.5rem\",\n borderRadiusLarge: \"2rem\",\n textTransform: \"uppercase\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n su2cOrange5: \"#FF8E00\",\n su2cOrange3: \"#FFB04D\",\n su2cOrange2: \"#FFDAAD\",\n su2cOrange1: \"#FFF6EB\",\n su2cBlack: \"#231F20\",\n su2cGrey1: \"#555759\",\n su2cGrey2: \"#A5A5A9\",\n su2cRed: \"#EF4135\",\n su2cYellow: \"#FFC325\",\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n primary: TOKEN_COLORS.su2cOrange5,\n secondary: TOKEN_COLORS.su2cOrange5,\n tertiary: TOKEN_COLORS.su2cBlack,\n textHeaderDefault: TOKEN_COLORS.su2cBlack,\n\n textOnPrimary: TOKEN_COLORS.su2cBlack,\n textOnSecondary: TOKEN_COLORS.su2cBlack,\n\n avatarBorder: TOKEN_COLORS.su2cBlack,\n progressBar: TOKEN_COLORS.su2cOrange5,\n progressBarSecondary: TOKEN_COLORS.su2cRed,\n circularProgress: TOKEN_COLORS.su2cOrange3,\n circularProgressSecondary: TOKEN_COLORS.su2cRed,\n linkColor: TOKEN_COLORS.su2cOrange5,\n linkColorHover: TOKEN_COLORS.su2cRed,\n linkColorSecondary: TOKEN_COLORS.su2cOrange5,\n linkColorSecondaryHover: TOKEN_COLORS.su2cRed,\n\n backgroundLightColor: TOKEN_COLORS.su2cOrange2,\n\n loaderColor1: TOKEN_COLORS.su2cOrange5,\n loaderColor2: TOKEN_COLORS.su2cRed,\n loaderColor3: TOKEN_COLORS.su2cBlack,\n\n paginationText: TOKEN_COLORS.su2cBlack,\n paginationBackground: TOKEN_COLORS.su2cBlack,\n\n totaliserBubbleColor: TOKEN_COLORS.su2cBlack,\n totaliserBubbleTextColor: TOKEN_COLORS.white,\n totaliserBubbleTotalColor: TOKEN_COLORS.white,\n\n collapseHeaderColor: TOKEN_COLORS.su2cOrange5,\n check: TOKEN_COLORS.su2cBlack,\n\n headerTaglineText: TOKEN_COLORS.su2cBlack,\n\n buttonPrimaryBackground: TOKEN_COLORS.su2cOrange5,\n buttonPrimaryText: TOKEN_COLORS.su2cBlack,\n buttonPrimaryBorder: TOKEN_COLORS.su2cOrange5,\n buttonPrimaryBackgroundHover: TOKEN_COLORS.su2cOrange3,\n buttonPrimaryTextHover: TOKEN_COLORS.su2cBlack,\n buttonPrimaryBorderHover: TOKEN_COLORS.su2cOrange3,\n buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonSecondaryBackground: TOKEN_COLORS.white,\n buttonSecondaryText: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBorder: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBackgroundHover: TOKEN_COLORS.su2cOrange1,\n buttonSecondaryTextHover: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBorderHover: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryDisabledBackground: TOKEN_COLORS.white,\n buttonSecondaryDisabledText: TOKEN_COLORS.grey_200,\n buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonTertiaryText: TOKEN_COLORS.su2cOrange5,\n buttonTertiaryTextHover: TOKEN_COLORS.su2cOrange5,\n buttonTertiaryDisabledText: TOKEN_COLORS.grey_200,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n customFonts: [\n {\n family: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/itc_-_itcavantgardepro-bold-webfont.woff`,\n fontWeight: 700,\n },\n {\n family: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/ITCAvantGardePro-Demi.woff`,\n fontWeight: 600,\n },\n {\n family: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/ITCAvantGardeStd-Bk.woff`,\n fontWeight: 400,\n },\n ],\n fontFamilyHeadings: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyLinks: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyButtons: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyBase:\n \"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n fontFamilyLabel:\n \"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n linkTextDecoration: \"none\",\n headerLineHeight: \"1.5em\",\n headerTextTransform: \"uppercase\",\n fontWeightBase: 400,\n fontWeightLinks: 700,\n fontWeightButtons: 700,\n fontWeightLabels: 600,\n fontWeightHeadings: 700,\n LinkPrimaryTextDecoration: \"none\",\n LinkLetterSpacing: \"0px\",\n};\n\nexport const su2cTheme: ThemeType = {\n name: \"su2c\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default su2cTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","useBackgroundStyleLinks","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","AVATAR","avatar","path","assetPath","BUTTON","button","borderRadius","borderRadiusLarge","textTransform","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","su2cOrange5","su2cOrange3","su2cOrange2","su2cOrange1","su2cBlack","su2cGrey1","su2cGrey2","su2cRed","su2cYellow","COLORS","colors","primary","secondary","tertiary","textHeaderDefault","textOnPrimary","textOnSecondary","avatarBorder","progressBar","progressBarSecondary","circularProgress","circularProgressSecondary","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","backgroundLightColor","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationBackground","totaliserBubbleColor","totaliserBubbleTextColor","white","totaliserBubbleTotalColor","collapseHeaderColor","check","headerTaglineText","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","grey_200","buttonPrimaryDisabledText","grey_600","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","concat","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","linkTextDecoration","headerLineHeight","headerTextTransform","fontWeightBase","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeadings","LinkPrimaryTextDecoration","LinkLetterSpacing","su2cTheme","name"],"mappings":"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"}
package/lib/src/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type FontSizeType = "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl";
1
+ export type FontSizeType = "xs" | "s" | "m" | "ml" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl";
2
2
  export type FontSizesType = Record<FontSizeType, string>;
3
3
  export type UtilitiesType = {
4
4
  contentMaxWidth: string;
@@ -56,6 +56,7 @@ export type ColorsType = {
56
56
  textError: string;
57
57
  textDark: string;
58
58
  textLight: string;
59
+ textMid: string;
59
60
  linkColor: string;
60
61
  linkColorHover: string;
61
62
  linkColorSecondary: string;
@@ -122,6 +123,7 @@ export type ColorKeyType = keyof ColorsType;
122
123
  export type SpaceType = "auto" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "none";
123
124
  export type SpacingType = {
124
125
  auto: string;
126
+ xxxs: string;
125
127
  xxs: string;
126
128
  xs: string;
127
129
  s: string;
package/lib/src/utils/Helper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Helper.js","sources":["../../../src/utils/Helper.ts"],"sourcesContent":["export const isBrowser = typeof window !== \"undefined\";\n\nexport const calculatePercentRounded = (\n value: number,\n target: number,\n): number => {\n const percent = (value / target) * 100;\n if (percent === Number.POSITIVE_INFINITY || Number.isNaN(percent)) {\n return 0;\n }\n return Math.floor(percent < 1 ? Math.ceil(percent) : Math.floor(percent));\n};\n\nexport const formatMoney = (value: number): string => {\n const parsed = Number.parseFloat(\n (Math.round(value * 100) / 100).toString(),\n ).toFixed(2);\n if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n return \"0\";\n }\n return parsed;\n};\n\nexport const numberWithCommas = (n?: number | string): string => {\n if (!n) {\n return \"\";\n }\n const parts = n.toString().split(\".\");\n\n return `${parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}${\n parts[1] ? `.${parts[1]}` : \"\"\n }`;\n};\n\nexport const formatMoneyWithCommas = (value: number): string => {\n const parsed = Number.parseFloat(\n (Math.round(value * 100) / 100).toString(),\n ).toFixed(2);\n if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n return \"0\";\n }\n return numberWithCommas(parsed);\n};\n\nexport const camelize = (str: string): string =>\n str\n .toString()\n .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (word: string, index: number) =>\n index === 0 ? word.toLowerCase() : word.toUpperCase(),\n )\n .replace(/\\s+/g, \"\");\n\nexport const removeCommasFromObjectStringValues = <T>(object: T) =>\n Object.entries(object as Record<string, unknown>).reduce((acc, [k, v]) => {\n const value = typeof v === \"string\" ? v.replace(/,/g, \"\") : v;\n return {\n ...acc,\n [k as keyof T]: value,\n };\n }, {} as T);\n"],"names":["isBrowser","window","calculatePercentRounded","value","target","percent","Number","POSITIVE_INFINITY","isNaN","Math","floor","ceil","numberWithCommas","n","parts","toString","split","concat","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","_a","k","v","__assign","_b"],"mappings":"qEAAaA,EAA8B,oBAAXC,OAEnBC,EAA0B,SACrCC,EACAC,GAEA,IAAMC,EAAWF,EAAQC,EAAU,IACnC,OAAIC,IAAYC,OAAOC,mBAAqBD,OAAOE,MAAMH,GAChD,EAEFI,KAAKC,MAAML,EAAU,EAAII,KAAKE,KAAKN,GAAWI,KAAKC,MAAML,GAClE,EAYaO,EAAmB,SAACC,GAC/B,IAAKA,EACH,MAAO,GAET,IAAMC,EAAQD,EAAEE,WAAWC,MAAM,KAEjC,MAAO,GAAAC,OAAGH,EAAM,GAAGI,QAAQ,wBAAyB,aAClDJ,EAAM,GAAK,IAAAG,OAAIH,EAAM,IAAO,GAEhC,EAEaK,EAAwB,SAAChB,GACpC,IAAMiB,EAASd,OAAOe,YACnBZ,KAAKa,MAAc,IAARnB,GAAe,KAAKY,YAChCQ,QAAQ,GACV,OAAIjB,OAAOE,MAAMa,WAAWD,KAAYd,OAAOE,MAAML,GAC5C,IAEFS,EAAiBQ,EAC1B,EAUaI,EAAqC,SAAIC,GACpD,OAAAC,OAAOC,QAAQF,GAAmCG,OAAO,SAACC,EAAKC,SAACC,EAACD,EAAA,GAAEE,EAACF,EAAA,GAC5D3B,EAAqB,iBAAN6B,EAAiBA,EAAEd,QAAQ,KAAM,IAAMc,EAC5D,OAAAC,EAAAA,EAAA,CAAA,EACKJ,KAAGK,EAAA,CAAA,GACLH,GAAe5B,EAAK+B,KAEtB,GANH"}
1
+ {"version":3,"file":"Helper.js","sources":["../../../src/utils/Helper.ts"],"sourcesContent":["export const isBrowser = typeof window !== \"undefined\";\n\nexport const calculatePercentRounded = (\n value: number,\n target: number,\n): number => {\n const percent = (value / target) * 100;\n if (percent === Number.POSITIVE_INFINITY || Number.isNaN(percent)) {\n return 0;\n }\n return Math.floor(percent < 1 ? Math.ceil(percent) : Math.floor(percent));\n};\n\nexport const formatMoney = (value: number): string => {\n const parsed = Number.parseFloat(\n (Math.round(value * 100) / 100).toString(),\n ).toFixed(2);\n if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n return \"0\";\n }\n return parsed;\n};\n\nexport const numberWithCommas = (n?: number | string): string => {\n if (!n) {\n return \"\";\n }\n const parts = n.toString().split(\".\");\n\n return `${parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}${\n parts[1] ? `.${parts[1]}` : \"\"\n }`;\n};\n\nexport const formatMoneyWithCommas = (value: number): string => {\n const parsed = Number.parseFloat(\n (Math.round(value * 100) / 100).toString(),\n ).toFixed(2);\n if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n return \"0\";\n }\n return numberWithCommas(parsed);\n};\n\nexport const camelize = (str: string): string =>\n str\n .toString()\n .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (word: string, index: number) =>\n index === 0 ? word.toLowerCase() : word.toUpperCase(),\n )\n .replace(/\\s+/g, \"\");\n\nexport const removeCommasFromObjectStringValues = <T>(object: T) =>\n Object.entries(object as Record<string, unknown>).reduce((acc, [k, v]) => {\n const value = typeof v === \"string\" ? v.replace(/,/g, \"\") : v;\n return {\n ...acc,\n [k as keyof T]: value,\n };\n }, {} as T);\n"],"names":["isBrowser","window","calculatePercentRounded","value","target","percent","Number","POSITIVE_INFINITY","isNaN","Math","floor","ceil","numberWithCommas","n","parts","toString","split","concat","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","_a","k","v","__assign","_b"],"mappings":"qEAAaA,EAA8B,oBAAXC,OAEnBC,EAA0B,SACrCC,EACAC,GAEA,IAAMC,EAAWF,EAAQC,EAAU,IACnC,OAAIC,IAAYC,OAAOC,mBAAqBD,OAAOE,MAAMH,GAChD,EAEFI,KAAKC,MAAML,EAAU,EAAII,KAAKE,KAAKN,GAAWI,KAAKC,MAAML,GAClE,EAYaO,EAAmB,SAACC,GAC/B,IAAKA,EACH,MAAO,GAET,IAAMC,EAAQD,EAAEE,WAAWC,MAAM,KAEjC,MAAO,GAAAC,OAAGH,EAAM,GAAGI,QAAQ,wBAAyB,aAClDJ,EAAM,GAAK,IAAAG,OAAIH,EAAM,IAAO,GAEhC,EAEaK,EAAwB,SAAChB,GACpC,IAAMiB,EAASd,OAAOe,YACnBZ,KAAKa,MAAc,IAARnB,GAAe,KAAKY,YAChCQ,QAAQ,GACV,OAAIjB,OAAOE,MAAMa,WAAWD,KAAYd,OAAOE,MAAML,GAC5C,IAEFS,EAAiBQ,EAC1B,EAUaI,EAAqC,SAAIC,GACpD,OAAAC,OAAOC,QAAQF,GAAmCG,OAAO,SAACC,EAAKC,SAACC,EAACD,EAAA,GAAEE,EAACF,EAAA,GAC5D3B,EAAqB,iBAAN6B,EAAiBA,EAAEd,QAAQ,KAAM,IAAMc,EAC5D,OAAAC,EAAAA,EAAA,CAAA,EACKJ,KAAGK,EAAA,CAAA,GACLH,GAAe5B,EAAK+B,GAEzB,EAAG,CAAA,EANH"}
package/lib/src/utils/debounce.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"debounce.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const debounce = (delay: number, callback: (...args: any) => void) => {\n let timerId: ReturnType<typeof setTimeout> | null;\n return (...args: unknown[]) => {\n if (timerId) {\n clearTimeout(timerId);\n }\n timerId = setTimeout(() => {\n callback(...args);\n timerId = null;\n }, delay);\n };\n};\n\nexport default debounce;\n"],"names":["debounce","delay","callback","timerId","args","_i","arguments","length","clearTimeout","setTimeout","apply"],"mappings":"AACO,IAAMA,EAAW,SAACC,EAAeC,GACtC,IAAIC,EACJ,OAAO,eAAC,IAAAC,EAAA,GAAAC,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAAD,EAAAC,GAAAC,UAAAD,GACFF,GACFK,aAAaL,GAEfA,EAAUM,WAAW,WACnBP,EAAQQ,WAAA,EAAIN,GACZD,EAAU,MACTF,EACL,CACF"}
1
+ {"version":3,"file":"debounce.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const debounce = (delay: number, callback: (...args: any) => void) => {\n let timerId: ReturnType<typeof setTimeout> | null;\n return (...args: unknown[]) => {\n if (timerId) {\n clearTimeout(timerId);\n }\n timerId = setTimeout(() => {\n callback(...args);\n timerId = null;\n }, delay);\n };\n};\n\nexport default debounce;\n"],"names":["debounce","delay","callback","timerId","args","_i","arguments","length","clearTimeout","setTimeout","apply"],"mappings":"AACO,IAAMA,EAAW,SAACC,EAAeC,GACtC,IAAIC,EACJ,OAAO,eAAC,IAAAC,EAAA,GAAAC,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAAD,EAAAC,GAAAC,UAAAD,GACFF,GACFK,aAAaL,GAEfA,EAAUM,WAAW,WACnBP,EAAQQ,WAAA,EAAIN,GACZD,EAAU,IACZ,EAAGF,EACL,CACF"}