newskit 6.1.0 → 6.3.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 (251) hide show
  1. package/cjs/accordion/accordion.d.ts +1 -1
  2. package/cjs/accordion/accordion.d.ts.map +1 -1
  3. package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -1
  4. package/cjs/audio-player-composable/audio-player-composable.js +1 -1
  5. package/cjs/audio-player-composable/audio-player-composable.js.map +1 -1
  6. package/cjs/audio-player-composable/components/audio-element.d.ts.map +1 -1
  7. package/cjs/audio-player-composable/components/audio-element.js +24 -2
  8. package/cjs/audio-player-composable/components/audio-element.js.map +1 -1
  9. package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts +1 -1
  10. package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -1
  11. package/cjs/audio-player-composable/components/time-display/time-display.d.ts +1 -1
  12. package/cjs/audio-player-composable/components/volume-control/defaults.d.ts +1 -0
  13. package/cjs/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
  14. package/cjs/audio-player-composable/components/volume-control/defaults.js +1 -0
  15. package/cjs/audio-player-composable/components/volume-control/defaults.js.map +1 -1
  16. package/cjs/audio-player-composable/components/volume-control/types.d.ts +1 -1
  17. package/cjs/audio-player-composable/components/volume-control/types.d.ts.map +1 -1
  18. package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts +1 -1
  19. package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
  20. package/cjs/audio-player-composable/components/volume-control/volume-control.js +16 -1
  21. package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
  22. package/cjs/banner/banner.d.ts +1 -1
  23. package/cjs/banner/banner.d.ts.map +1 -1
  24. package/cjs/character-count/character-count.d.ts +4 -0
  25. package/cjs/character-count/character-count.d.ts.map +1 -0
  26. package/cjs/character-count/character-count.js +109 -0
  27. package/cjs/character-count/character-count.js.map +1 -0
  28. package/cjs/character-count/defaults.d.ts +27 -0
  29. package/cjs/character-count/defaults.d.ts.map +1 -0
  30. package/cjs/character-count/defaults.js +28 -0
  31. package/cjs/character-count/defaults.js.map +1 -0
  32. package/cjs/character-count/index.d.ts +3 -0
  33. package/cjs/character-count/index.d.ts.map +1 -0
  34. package/cjs/character-count/index.js +15 -0
  35. package/cjs/character-count/index.js.map +1 -0
  36. package/cjs/character-count/style-presets.d.ts +4 -0
  37. package/cjs/character-count/style-presets.d.ts.map +1 -0
  38. package/cjs/character-count/style-presets.js +19 -0
  39. package/cjs/character-count/style-presets.js.map +1 -0
  40. package/cjs/character-count/styled.d.ts +9 -0
  41. package/cjs/character-count/styled.d.ts.map +1 -0
  42. package/cjs/character-count/styled.js +31 -0
  43. package/cjs/character-count/styled.js.map +1 -0
  44. package/cjs/character-count/types.d.ts +24 -0
  45. package/cjs/character-count/types.d.ts.map +1 -0
  46. package/cjs/character-count/types.js +3 -0
  47. package/cjs/character-count/types.js.map +1 -0
  48. package/cjs/form/context.d.ts +20 -1
  49. package/cjs/form/context.d.ts.map +1 -1
  50. package/cjs/form/context.js +1 -0
  51. package/cjs/form/context.js.map +1 -1
  52. package/cjs/form/form-entry.d.ts.map +1 -1
  53. package/cjs/form/form-entry.js +10 -1
  54. package/cjs/form/form-entry.js.map +1 -1
  55. package/cjs/form/form-input.d.ts +2 -0
  56. package/cjs/form/form-input.d.ts.map +1 -1
  57. package/cjs/form/form-input.js +29 -2
  58. package/cjs/form/form-input.js.map +1 -1
  59. package/cjs/index.d.ts +2 -1
  60. package/cjs/index.d.ts.map +1 -1
  61. package/cjs/index.js +2 -1
  62. package/cjs/index.js.map +1 -1
  63. package/cjs/inline-message/inline-message.d.ts +1 -1
  64. package/cjs/inline-message/inline-message.d.ts.map +1 -1
  65. package/cjs/link/link-inline.d.ts +1 -1
  66. package/cjs/link/link-inline.d.ts.map +1 -1
  67. package/cjs/link/link-standalone.d.ts +1 -1
  68. package/cjs/link/link-standalone.d.ts.map +1 -1
  69. package/cjs/link/link.d.ts +2 -2
  70. package/cjs/link/link.d.ts.map +1 -1
  71. package/cjs/popover/popover.d.ts +1 -1
  72. package/cjs/popover/popover.d.ts.map +1 -1
  73. package/cjs/popover/popover.js +7 -7
  74. package/cjs/popover/popover.js.map +1 -1
  75. package/cjs/select/select.d.ts.map +1 -1
  76. package/cjs/select/select.js +18 -0
  77. package/cjs/select/select.js.map +1 -1
  78. package/cjs/storybook-pages/style-presets.d.ts +4 -0
  79. package/cjs/storybook-pages/style-presets.d.ts.map +1 -0
  80. package/cjs/storybook-pages/style-presets.js +13 -0
  81. package/cjs/storybook-pages/style-presets.js.map +1 -0
  82. package/cjs/storybook-pages/welcome.d.ts +4 -0
  83. package/cjs/storybook-pages/welcome.d.ts.map +1 -0
  84. package/cjs/storybook-pages/welcome.js +63 -0
  85. package/cjs/storybook-pages/welcome.js.map +1 -0
  86. package/cjs/storybook-pages/welcome.stories.d.ts +23 -0
  87. package/cjs/storybook-pages/welcome.stories.d.ts.map +1 -0
  88. package/cjs/storybook-pages/welcome.stories.js +29 -0
  89. package/cjs/storybook-pages/welcome.stories.js.map +1 -0
  90. package/cjs/tabs/tabs.d.ts +1 -1
  91. package/cjs/tabs/tabs.d.ts.map +1 -1
  92. package/cjs/tealium/tealium.d.ts.map +1 -1
  93. package/cjs/tealium/tealium.js +2 -2
  94. package/cjs/tealium/tealium.js.map +1 -1
  95. package/cjs/text-area/text-area.d.ts +1 -1
  96. package/cjs/text-area/text-area.d.ts.map +1 -1
  97. package/cjs/text-field/types.d.ts +3 -1
  98. package/cjs/text-field/types.d.ts.map +1 -1
  99. package/cjs/theme/creator.d.ts.map +1 -1
  100. package/cjs/theme/creator.js +30 -2
  101. package/cjs/theme/creator.js.map +1 -1
  102. package/cjs/theme/foundations/fonts.d.ts +1 -0
  103. package/cjs/theme/foundations/fonts.d.ts.map +1 -1
  104. package/cjs/theme-checker/themes/tnl-theme/fonts.json +3 -3
  105. package/cjs/theme-checker/themes/tnl-theme/tnl-theme.d.ts +3 -3
  106. package/cjs/utils/hooks/use-media-query/index.d.ts +2 -1
  107. package/cjs/utils/hooks/use-media-query/index.d.ts.map +1 -1
  108. package/cjs/utils/hooks/use-media-query/index.js +5 -3
  109. package/cjs/utils/hooks/use-media-query/index.js.map +1 -1
  110. package/cjs/utils/hooks/use-media-query/use-media-query-object.d.ts +4 -0
  111. package/cjs/utils/hooks/use-media-query/use-media-query-object.d.ts.map +1 -0
  112. package/cjs/utils/hooks/use-media-query/use-media-query-object.js +63 -0
  113. package/cjs/utils/hooks/use-media-query/use-media-query-object.js.map +1 -0
  114. package/cjs/utils/hooks/use-media-query/use-media-query.d.ts +1 -3
  115. package/cjs/utils/hooks/use-media-query/use-media-query.d.ts.map +1 -1
  116. package/cjs/utils/hooks/use-media-query/use-media-query.js +22 -58
  117. package/cjs/utils/hooks/use-media-query/use-media-query.js.map +1 -1
  118. package/cjs/utils/index.d.ts +6 -0
  119. package/cjs/utils/index.d.ts.map +1 -1
  120. package/cjs/utils/index.js +6 -0
  121. package/cjs/utils/index.js.map +1 -1
  122. package/cjs/utils/style/getters.d.ts.map +1 -1
  123. package/cjs/utils/style/getters.js +13 -0
  124. package/cjs/utils/style/getters.js.map +1 -1
  125. package/cjs/version-number.json +1 -1
  126. package/esm/accordion/accordion.d.ts +1 -1
  127. package/esm/accordion/accordion.d.ts.map +1 -1
  128. package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -1
  129. package/esm/audio-player-composable/audio-player-composable.js +1 -1
  130. package/esm/audio-player-composable/audio-player-composable.js.map +1 -1
  131. package/esm/audio-player-composable/components/audio-element.d.ts.map +1 -1
  132. package/esm/audio-player-composable/components/audio-element.js +24 -2
  133. package/esm/audio-player-composable/components/audio-element.js.map +1 -1
  134. package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts +1 -1
  135. package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -1
  136. package/esm/audio-player-composable/components/time-display/time-display.d.ts +1 -1
  137. package/esm/audio-player-composable/components/volume-control/defaults.d.ts +1 -0
  138. package/esm/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
  139. package/esm/audio-player-composable/components/volume-control/defaults.js +1 -0
  140. package/esm/audio-player-composable/components/volume-control/defaults.js.map +1 -1
  141. package/esm/audio-player-composable/components/volume-control/types.d.ts +1 -1
  142. package/esm/audio-player-composable/components/volume-control/types.d.ts.map +1 -1
  143. package/esm/audio-player-composable/components/volume-control/volume-control.d.ts +1 -1
  144. package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
  145. package/esm/audio-player-composable/components/volume-control/volume-control.js +16 -1
  146. package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
  147. package/esm/banner/banner.d.ts +1 -1
  148. package/esm/banner/banner.d.ts.map +1 -1
  149. package/esm/character-count/character-count.d.ts +4 -0
  150. package/esm/character-count/character-count.d.ts.map +1 -0
  151. package/esm/character-count/character-count.js +84 -0
  152. package/esm/character-count/character-count.js.map +1 -0
  153. package/esm/character-count/defaults.d.ts +27 -0
  154. package/esm/character-count/defaults.d.ts.map +1 -0
  155. package/esm/character-count/defaults.js +26 -0
  156. package/esm/character-count/defaults.js.map +1 -0
  157. package/esm/character-count/index.d.ts +3 -0
  158. package/esm/character-count/index.d.ts.map +1 -0
  159. package/esm/character-count/index.js +3 -0
  160. package/esm/character-count/index.js.map +1 -0
  161. package/esm/character-count/style-presets.d.ts +4 -0
  162. package/esm/character-count/style-presets.d.ts.map +1 -0
  163. package/esm/character-count/style-presets.js +17 -0
  164. package/esm/character-count/style-presets.js.map +1 -0
  165. package/esm/character-count/styled.d.ts +9 -0
  166. package/esm/character-count/styled.d.ts.map +1 -0
  167. package/esm/character-count/styled.js +28 -0
  168. package/esm/character-count/styled.js.map +1 -0
  169. package/esm/character-count/types.d.ts +24 -0
  170. package/esm/character-count/types.d.ts.map +1 -0
  171. package/esm/character-count/types.js +2 -0
  172. package/esm/character-count/types.js.map +1 -0
  173. package/esm/form/context.d.ts +20 -1
  174. package/esm/form/context.d.ts.map +1 -1
  175. package/esm/form/context.js +1 -0
  176. package/esm/form/context.js.map +1 -1
  177. package/esm/form/form-entry.d.ts.map +1 -1
  178. package/esm/form/form-entry.js +11 -2
  179. package/esm/form/form-entry.js.map +1 -1
  180. package/esm/form/form-input.d.ts +2 -0
  181. package/esm/form/form-input.d.ts.map +1 -1
  182. package/esm/form/form-input.js +27 -1
  183. package/esm/form/form-input.js.map +1 -1
  184. package/esm/index.d.ts +2 -1
  185. package/esm/index.d.ts.map +1 -1
  186. package/esm/index.js +2 -1
  187. package/esm/index.js.map +1 -1
  188. package/esm/inline-message/inline-message.d.ts +1 -1
  189. package/esm/inline-message/inline-message.d.ts.map +1 -1
  190. package/esm/link/link-inline.d.ts +1 -1
  191. package/esm/link/link-inline.d.ts.map +1 -1
  192. package/esm/link/link-standalone.d.ts +1 -1
  193. package/esm/link/link-standalone.d.ts.map +1 -1
  194. package/esm/link/link.d.ts +2 -2
  195. package/esm/link/link.d.ts.map +1 -1
  196. package/esm/popover/popover.d.ts +1 -1
  197. package/esm/popover/popover.d.ts.map +1 -1
  198. package/esm/popover/popover.js +7 -7
  199. package/esm/popover/popover.js.map +1 -1
  200. package/esm/select/select.d.ts.map +1 -1
  201. package/esm/select/select.js +18 -0
  202. package/esm/select/select.js.map +1 -1
  203. package/esm/storybook-pages/style-presets.d.ts +4 -0
  204. package/esm/storybook-pages/style-presets.d.ts.map +1 -0
  205. package/esm/storybook-pages/style-presets.js +11 -0
  206. package/esm/storybook-pages/style-presets.js.map +1 -0
  207. package/esm/storybook-pages/welcome.d.ts +4 -0
  208. package/esm/storybook-pages/welcome.d.ts.map +1 -0
  209. package/esm/storybook-pages/welcome.js +56 -0
  210. package/esm/storybook-pages/welcome.js.map +1 -0
  211. package/esm/storybook-pages/welcome.stories.d.ts +23 -0
  212. package/esm/storybook-pages/welcome.stories.d.ts.map +1 -0
  213. package/esm/storybook-pages/welcome.stories.js +22 -0
  214. package/esm/storybook-pages/welcome.stories.js.map +1 -0
  215. package/esm/tabs/tabs.d.ts +1 -1
  216. package/esm/tabs/tabs.d.ts.map +1 -1
  217. package/esm/tealium/tealium.d.ts.map +1 -1
  218. package/esm/tealium/tealium.js +2 -2
  219. package/esm/tealium/tealium.js.map +1 -1
  220. package/esm/text-area/text-area.d.ts +1 -1
  221. package/esm/text-area/text-area.d.ts.map +1 -1
  222. package/esm/text-field/types.d.ts +3 -1
  223. package/esm/text-field/types.d.ts.map +1 -1
  224. package/esm/theme/creator.d.ts.map +1 -1
  225. package/esm/theme/creator.js +30 -2
  226. package/esm/theme/creator.js.map +1 -1
  227. package/esm/theme/foundations/fonts.d.ts +1 -0
  228. package/esm/theme/foundations/fonts.d.ts.map +1 -1
  229. package/esm/theme-checker/themes/tnl-theme/fonts.json +3 -3
  230. package/esm/theme-checker/themes/tnl-theme/tnl-theme.d.ts +3 -3
  231. package/esm/utils/hooks/use-media-query/index.d.ts +2 -1
  232. package/esm/utils/hooks/use-media-query/index.d.ts.map +1 -1
  233. package/esm/utils/hooks/use-media-query/index.js +2 -1
  234. package/esm/utils/hooks/use-media-query/index.js.map +1 -1
  235. package/esm/utils/hooks/use-media-query/use-media-query-object.d.ts +4 -0
  236. package/esm/utils/hooks/use-media-query/use-media-query-object.d.ts.map +1 -0
  237. package/esm/utils/hooks/use-media-query/use-media-query-object.js +55 -0
  238. package/esm/utils/hooks/use-media-query/use-media-query-object.js.map +1 -0
  239. package/esm/utils/hooks/use-media-query/use-media-query.d.ts +1 -3
  240. package/esm/utils/hooks/use-media-query/use-media-query.d.ts.map +1 -1
  241. package/esm/utils/hooks/use-media-query/use-media-query.js +19 -51
  242. package/esm/utils/hooks/use-media-query/use-media-query.js.map +1 -1
  243. package/esm/utils/index.d.ts +6 -0
  244. package/esm/utils/index.d.ts.map +1 -1
  245. package/esm/utils/index.js +6 -0
  246. package/esm/utils/index.js.map +1 -1
  247. package/esm/utils/style/getters.d.ts.map +1 -1
  248. package/esm/utils/style/getters.js +13 -0
  249. package/esm/utils/style/getters.js.map +1 -1
  250. package/esm/version-number.json +1 -1
  251. package/package.json +2 -1
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.Welcome = exports.ThemelessWelcome = void 0;
11
+ var react_1 = __importDefault(require("react"));
12
+ var typography_1 = require("../typography");
13
+ var divider_1 = require("../divider");
14
+ var link_1 = require("../link");
15
+ var block_1 = require("../block");
16
+ var image_1 = require("../image");
17
+ var utils_1 = require("../utils");
18
+ var style_presets_1 = __importDefault(require("./style-presets"));
19
+ var with_own_theme_1 = require("../utils/with-own-theme");
20
+ var grid_layout_1 = require("../grid-layout");
21
+ var links = [
22
+ { label: 'NewsKit website', url: 'https://newskit.co.uk/' },
23
+ { label: 'GitHub', url: 'https://github.com/newscorp-ghfb/newskit' },
24
+ {
25
+ label: 'Figma component library (internal only)',
26
+ url: 'https://www.figma.com/file/FSbCQa6SzVR3K48ZWLeD77/%F0%9F%9F%A2-NK-Web-Components',
27
+ },
28
+ { label: 'Changelog', url: 'https://newskit.co.uk/about/release-notes/' },
29
+ { label: 'About', url: 'https://newskit.co.uk/about/introduction/' },
30
+ {
31
+ label: 'Report an issue',
32
+ url: 'https://github.com/newscorp-ghfb/newskit/issues/new/choose',
33
+ },
34
+ ];
35
+ var WelcomeTitle = (0, utils_1.styled)(typography_1.H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 200px;\n"], ["\n max-width: 200px;\n"])));
36
+ var WelcomeDescription = (0, utils_1.styled)(typography_1.P)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 300px;\n"], ["\n max-width: 300px;\n"])));
37
+ var WelcomeContainer = (0, utils_1.styled)(block_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* Welcome screen is not themeable so its only appearance is in newskit light theme. */\n /* Doing this to stretch the internals of the Welcome screen from side to side to avoid cases where the dark theme is selected and there are dark borders around it. */\n width: 100vw;\n height: 100vh;\n box-sizing: border-box;\n ", ";\n"], ["\n /* Welcome screen is not themeable so its only appearance is in newskit light theme. */\n /* Doing this to stretch the internals of the Welcome screen from side to side to avoid cases where the dark theme is selected and there are dark borders around it. */\n width: 100vw;\n height: 100vh;\n box-sizing: border-box;\n ", ";\n"])), (0, utils_1.getColorCssFromTheme)('backgroundColor', 'inkLight010'));
38
+ var ThemelessWelcome = function () { return (react_1.default.createElement(WelcomeContainer, { paddingInline: "space050", paddingBlock: "space050", marginInline: "-16px", marginBlock: "-16px" },
39
+ react_1.default.createElement(block_1.Block, { stylePreset: "welcomeBanner", marginBlockEnd: "space100", paddingInline: "space080", paddingBlock: "space080" },
40
+ react_1.default.createElement(WelcomeTitle, { overrides: {
41
+ typographyPreset: 'utilityHeading050',
42
+ marginBlockEnd: 'space030',
43
+ } }, "Welcome to NewsKit"),
44
+ react_1.default.createElement(WelcomeDescription, { overrides: { typographyPreset: 'utilityBody030' } }, "An open source design system built by News UK, for everyone")),
45
+ react_1.default.createElement(typography_1.H2, { overrides: {
46
+ typographyPreset: 'utilitySubheading050',
47
+ marginBlockEnd: 'space030',
48
+ } }, "Explore"),
49
+ react_1.default.createElement(divider_1.Divider, { overrides: { marginBlockEnd: 'space060' } }),
50
+ react_1.default.createElement(grid_layout_1.GridLayout, { rowGap: "space040" }, links.map(function (_a) {
51
+ var label = _a.label, url = _a.url;
52
+ return (react_1.default.createElement(grid_layout_1.GridLayoutItem, { key: url },
53
+ react_1.default.createElement(link_1.LinkStandalone, { target: "_blank", overrides: { typographyPreset: 'utilityBody030' }, href: url }, label)));
54
+ })),
55
+ react_1.default.createElement(link_1.LinkStandalone, { external: false, href: "https://badge.fury.io/js/newskit", overrides: { marginBlockStart: 'space070' } },
56
+ react_1.default.createElement(image_1.Image, { src: "https://badge.fury.io/js/newskit.svg", alt: "npm version badge" })))); };
57
+ exports.ThemelessWelcome = ThemelessWelcome;
58
+ exports.Welcome = (0, with_own_theme_1.withOwnTheme)(exports.ThemelessWelcome)({
59
+ defaults: {},
60
+ stylePresets: style_presets_1.default,
61
+ });
62
+ var templateObject_1, templateObject_2, templateObject_3;
63
+ //# sourceMappingURL=welcome.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"welcome.js","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,4CAAwC;AACxC,sCAAmC;AACnC,gCAAuC;AACvC,kCAA+B;AAC/B,kCAA+B;AAC/B,kCAAsD;AACtD,kEAA2C;AAC3C,0DAAqD;AACrD,8CAA0D;AAE1D,IAAM,KAAK,GAAG;IACZ,EAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,wBAAwB,EAAC;IACzD,EAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,0CAA0C,EAAC;IAClE;QACE,KAAK,EAAE,yCAAyC;QAChD,GAAG,EACD,kFAAkF;KACrF;IACD,EAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,4CAA4C,EAAC;IACvE,EAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,2CAA2C,EAAC;IAClE;QACE,KAAK,EAAE,iBAAiB;QACxB,GAAG,EAAE,4DAA4D;KAClE;CACF,CAAC;AAEF,IAAM,YAAY,GAAG,IAAA,cAAM,EAAC,eAAE,CAAC,4FAAA,yBAE9B,IAAA,CAAC;AAEF,IAAM,kBAAkB,GAAG,IAAA,cAAM,EAAC,cAAC,CAAC,4FAAA,yBAEnC,IAAA,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,aAAK,CAAC,oZAAA,0UAMlC,EAAsD,KACzD,KADG,IAAA,4BAAoB,EAAC,iBAAiB,EAAE,aAAa,CAAC,CACzD,CAAC;AAEK,IAAM,gBAAgB,GAAG,cAAM,OAAA,CACpC,8BAAC,gBAAgB,IACf,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU,EACvB,YAAY,EAAC,OAAO,EACpB,WAAW,EAAC,OAAO;IAEnB,8BAAC,aAAK,IACJ,WAAW,EAAC,eAAe,EAC3B,cAAc,EAAC,UAAU,EACzB,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU;QAEvB,8BAAC,YAAY,IACX,SAAS,EAAE;gBACT,gBAAgB,EAAE,mBAAmB;gBACrC,cAAc,EAAE,UAAU;aAC3B,yBAGY;QACf,8BAAC,kBAAkB,IAAC,SAAS,EAAE,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,kEAE9C,CACf;IACR,8BAAC,eAAE,IACD,SAAS,EAAE;YACT,gBAAgB,EAAE,sBAAsB;YACxC,cAAc,EAAE,UAAU;SAC3B,cAGE;IACL,8BAAC,iBAAO,IAAC,SAAS,EAAE,EAAC,cAAc,EAAE,UAAU,EAAC,GAAI;IACpD,8BAAC,wBAAU,IAAC,MAAM,EAAC,UAAU,IAC1B,KAAK,CAAC,GAAG,CAAC,UAAC,EAAY;YAAX,KAAK,WAAA,EAAE,GAAG,SAAA;QAAM,OAAA,CAC3B,8BAAC,4BAAc,IAAC,GAAG,EAAE,GAAG;YACtB,8BAAC,qBAAc,IACb,MAAM,EAAC,QAAQ,EACf,SAAS,EAAE,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,EAC/C,IAAI,EAAE,GAAG,IAER,KAAK,CACS,CACF,CAClB;IAV4B,CAU5B,CAAC,CACS;IACb,8BAAC,qBAAc,IACb,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,kCAAkC,EACvC,SAAS,EAAE,EAAC,gBAAgB,EAAE,UAAU,EAAC;QAEzC,8BAAC,aAAK,IACJ,GAAG,EAAC,sCAAsC,EAC1C,GAAG,EAAC,mBAAmB,GACvB,CACa,CACA,CACpB,EA1DqC,CA0DrC,CAAC;AA1DW,QAAA,gBAAgB,oBA0D3B;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAY,EAAC,wBAAgB,CAAC,CAAC;IACpD,QAAQ,EAAE,EAAE;IACZ,YAAY,yBAAA;CACb,CAAC,CAAC"}
@@ -0,0 +1,23 @@
1
+ /// <reference types="react" />
2
+ import { Story as StoryType } from '@storybook/react';
3
+ export declare const Welcome: {
4
+ (): JSX.Element;
5
+ parameters: {
6
+ viewMode: string;
7
+ backgrounds: {
8
+ disable: boolean;
9
+ };
10
+ previewTabs: {
11
+ 'storybook/docs/panel': {
12
+ hidden: boolean;
13
+ };
14
+ };
15
+ };
16
+ };
17
+ declare const _default: {
18
+ title: string;
19
+ component: () => string;
20
+ decorators: ((Story: StoryType) => JSX.Element)[];
21
+ };
22
+ export default _default;
23
+ //# sourceMappingURL=welcome.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"welcome.stories.d.ts","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,IAAI,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAIpD,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAA6B,CAAC;;;;yBAetC,SAAS;;AAJrB,wBAUE"}
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Welcome = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var theme_1 = require("../theme");
9
+ var welcome_1 = require("./welcome");
10
+ var Welcome = function () { return react_1.default.createElement(welcome_1.Welcome, null); };
11
+ exports.Welcome = Welcome;
12
+ exports.Welcome.parameters = {
13
+ viewMode: 'story',
14
+ backgrounds: { disable: true },
15
+ previewTabs: {
16
+ 'storybook/docs/panel': {
17
+ hidden: true,
18
+ },
19
+ },
20
+ };
21
+ exports.default = {
22
+ title: 'Welcome',
23
+ component: function () { return 'None'; },
24
+ decorators: [
25
+ function (Story) { return (react_1.default.createElement(theme_1.ThemeProvider, { theme: theme_1.newskitLightTheme },
26
+ react_1.default.createElement(Story, null))); },
27
+ ],
28
+ };
29
+ //# sourceMappingURL=welcome.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"welcome.stories.js","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,kCAA0D;AAC1D,qCAAsD;AAE/C,IAAM,OAAO,GAAG,cAAM,OAAA,8BAAC,iBAAgB,OAAG,EAApB,CAAoB,CAAC;AAArC,QAAA,OAAO,WAA8B;AAClD,eAAO,CAAC,UAAU,GAAG;IACnB,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;IAC5B,WAAW,EAAE;QACX,sBAAsB,EAAE;YACtB,MAAM,EAAE,IAAI;SACb;KACF;CACF,CAAC;AAEF,kBAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM;IACvB,UAAU,EAAE;QACV,UAAC,KAAgB,IAAK,OAAA,CACpB,8BAAC,qBAAa,IAAC,KAAK,EAAE,yBAAiB;YACrC,8BAAC,KAAK,OAAG,CACK,CACjB,EAJqB,CAIrB;KACF;CACF,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { TabProps, TabsProps } from './types';
3
3
  export declare const Tab: React.FC<TabProps>;
4
- export declare const Tabs: import("../utils/with-own-theme").NewsKitReactComponents<TabsProps & React.RefAttributes<HTMLDivElement>>;
4
+ export declare const Tabs: import("../utils").NewsKitReactComponents<TabsProps & React.RefAttributes<HTMLDivElement>>;
5
5
  //# sourceMappingURL=tabs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAC,QAAQ,EAAE,SAAS,EAA0B,MAAM,SAAS,CAAC;AAoCrE,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAe,CAAC;AA8VnD,eAAO,MAAM,IAAI,2GAAwD,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAC,QAAQ,EAAE,SAAS,EAA0B,MAAM,SAAS,CAAC;AAoCrE,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAe,CAAC;AA8VnD,eAAO,MAAM,IAAI,4FAAwD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"tealium.d.ts","sourceRoot":"","sources":["../../../src/tealium/tealium.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,4BAA4B,EAE7B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,YAAa,SAAQ,4BAA4B;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6C1C,CAAC"}
1
+ {"version":3,"file":"tealium.d.ts","sourceRoot":"","sources":["../../../src/tealium/tealium.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,4BAA4B,EAE7B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,YAAa,SAAQ,4BAA4B;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+C1C,CAAC"}
@@ -23,8 +23,8 @@ exports.Tealium = void 0;
23
23
  var React = __importStar(require("react"));
24
24
  var render_scripts_1 = require("../utils/render-scripts");
25
25
  var Tealium = function (_a) {
26
- var accountId = _a.accountId, profileId = _a.profileId, env = _a.env;
27
- return (React.createElement(render_scripts_1.RenderScripts, { scripts: [
26
+ var accountId = _a.accountId, profileId = _a.profileId, env = _a.env, reactHelmet = _a.reactHelmet;
27
+ return (React.createElement(render_scripts_1.RenderScripts, { reactHelmet: reactHelmet, scripts: [
28
28
  {
29
29
  content: "(function(a,b,c,d){\n a='//tags.tiqcdn.com/utag/".concat(accountId, "/").concat(profileId, "/").concat(env, "/utag.js';\n b=document;\n c='script';\n d=b.createElement(c);\n d.src=a;\n d.type='text/java'+c;\n d.async=true;\n window.utag_queue = []\n if (d.addEventListener) {\n d.addEventListener(\n 'load',\n function () {\n for (var i = 0; i < utag_queue.length; i++) {\n event = utag_queue[i];\n utag.track(event.event, event.data);\n }\n },\n false\n );\n } else {\n d.onreadystatechange = function () {\n if (this.readyState == 'complete' || this.readyState == 'loaded') {\n this.onreadystatechange = null;\n for (var i = 0; i < utag_queue.length; i++) {\n event = utag_queue[i];\n utag.track(event.event, event.data);\n }\n }\n };\n }\n a = b.getElementsByTagName(c)[0];\n a.parentNode.insertBefore(d, a);\n })();"),
30
30
  },
@@ -1 +1 @@
1
- {"version":3,"file":"tealium.js","sourceRoot":"","sources":["../../../src/tealium/tealium.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAGiC;AAQ1B,IAAM,OAAO,GAA2B,UAAC,EAI/C;QAHC,SAAS,eAAA,EACT,SAAS,eAAA,EACT,GAAG,SAAA;IACC,OAAA,CACJ,oBAAC,8BAAa,IACZ,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,uEACyB,SAAS,cAAI,SAAS,cAAI,GAAG,usCAgCrD;aACX;SACF,GACD,CACH;AAzCK,CAyCL,CAAC;AA7CW,QAAA,OAAO,WA6ClB"}
1
+ {"version":3,"file":"tealium.js","sourceRoot":"","sources":["../../../src/tealium/tealium.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAGiC;AAQ1B,IAAM,OAAO,GAA2B,UAAC,EAK/C;QAJC,SAAS,eAAA,EACT,SAAS,eAAA,EACT,GAAG,SAAA,EACH,WAAW,iBAAA;IACP,OAAA,CACJ,oBAAC,8BAAa,IACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,uEACyB,SAAS,cAAI,SAAS,cAAI,GAAG,usCAgCrD;aACX;SACF,GACD,CACH;AA1CK,CA0CL,CAAC;AA/CW,QAAA,OAAO,WA+ClB"}
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { TextAreaProps } from './types';
3
- export declare const TextArea: import("../utils/with-own-theme").NewsKitReactComponents<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
3
+ export declare const TextArea: import("../utils").NewsKitReactComponents<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
4
4
  //# sourceMappingURL=text-area.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AA0EtC,eAAO,MAAM,QAAQ,oHAEnB,CAAC"}
1
+ {"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AA0EtC,eAAO,MAAM,QAAQ,qGAEnB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { UseFormRegisterReturn } from 'react-hook-form/dist/types/form';
2
3
  import { EnhancerOverrides, CommonInputProps, FormInputState } from '../form/types';
3
4
  import { EventData } from '../instrumentation';
4
5
  import { LogicalProps } from '../utils/logical-properties';
@@ -27,7 +28,8 @@ declare type FormEntryChildrenProps = {
27
28
  onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
28
29
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
29
30
  state?: FormInputState;
30
- ref: React.Ref<HTMLInputElement>;
31
+ ref: UseFormRegisterReturn['ref'];
32
+ refObject: React.RefObject<HTMLInputElement>;
31
33
  error?: string;
32
34
  };
33
35
  declare type FormValidationRules = Record<string, string | object>;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,GAAG;QAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACnB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,YAAY,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,uBAAuB,EAAE,SAAS;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,aAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE3D,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,YAAY,CAAC;CACjE,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,GAAG;QAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACnB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,YAAY,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,uBAAuB,EAAE,SAAS;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,aAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAClC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE3D,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,YAAY,CAAC;CACjE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"creator.d.ts","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,mBAAmB,EACnB,cAAc,EACd,eAAe,EAChB,MAAM,SAAS,CAAC;AAQjB,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAsBD,eAAO,MAAM,WAAW,mEAOrB,eAAe,KAAG,eA+BpB,CAAC"}
1
+ {"version":3,"file":"creator.d.ts","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":"AAEA,OAAO,EAIL,mBAAmB,EACnB,cAAc,EACd,eAAe,EAChB,MAAM,SAAS,CAAC;AASjB,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAsDD,eAAO,MAAM,WAAW,mEAOrB,eAAe,KAAG,eA0CpB,CAAC"}
@@ -51,6 +51,27 @@ var deepDuplicationChecker = function (warningLogger, baseTheme, overrides) {
51
51
  };
52
52
  recurse(overrides);
53
53
  };
54
+ var isFontFamily = function (fontThemeValue) {
55
+ return fontThemeValue.fontFamily !== undefined;
56
+ };
57
+ // Font family info should not be merged. E.g.:
58
+ // - Base theme: { ...fontFamily010: {fontFamily: "Font A", fontMetrics: {...fontAMetrics} }
59
+ // - Overrides: { ...fontFamily010: {fontFamily: "Font B"} }
60
+ // In this example, we should remove fontFamily010 from the base theme, otherwise
61
+ // the merged object will be invalid:
62
+ // - { ...fontFamily010: {fontFamily: "Font B", fontMetrics: {...fontAMetrics} }
63
+ // This function removes font families from a theme if they are defined in an
64
+ // overrides object (which can be another theme). It should be called before merging
65
+ // the theme with the overrides.
66
+ var removeFontFamilies = function (theme, overrideFonts) { return (__assign(__assign({}, theme), { fonts: theme.fonts
67
+ ? Object.entries(theme.fonts).reduce(function (prev, _a) {
68
+ var _b;
69
+ var fontThemeToken = _a[0], fontThemeValue = _a[1];
70
+ return (__assign(__assign({}, prev), (isFontFamily(fontThemeValue) && overrideFonts[fontThemeToken]
71
+ ? {}
72
+ : (_b = {}, _b[fontThemeToken] = fontThemeValue, _b))));
73
+ }, {})
74
+ : undefined })); };
54
75
  var createTheme = function (_a) {
55
76
  var _b = _a.name, name = _b === void 0 ? 'unnamed-newskit-theme' : _b, baseTheme = _a.baseTheme, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, checkOverrides = _a.checkOverrides,
56
77
  // eslint-disable-next-line no-console
@@ -60,7 +81,8 @@ var createTheme = function (_a) {
60
81
  if (baseTheme && baseTheme.compiled) {
61
82
  throw new Error('createTheme received a compiled baseTheme. Base themes must be uncompiled.');
62
83
  }
63
- var newskitLight = __assign(__assign(__assign({}, foundations), presets), { componentDefaults: {}, icons: {} });
84
+ // Don't take font family info from NKLight if defined in the base theme.
85
+ var newskitLight = removeFontFamilies(__assign(__assign(__assign({}, foundations), presets), { componentDefaults: {}, icons: {} }), (baseTheme === null || baseTheme === void 0 ? void 0 : baseTheme.fonts) || {});
64
86
  if (checkOverrides) {
65
87
  deepDuplicationChecker(warningLogger, baseTheme || newskitLight, overrides);
66
88
  }
@@ -69,7 +91,13 @@ var createTheme = function (_a) {
69
91
  ? /* istanbul ignore next */
70
92
  overrides === null || overrides === void 0 ? void 0 : overrides.breakpoints
71
93
  : newskitLight.breakpoints);
72
- return (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(breakpointsKeys)), newskitLight, baseTheme, overrides, { name: name, themeVersion: 1 });
94
+ return (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(breakpointsKeys)), newskitLight,
95
+ // Don't take font family info from the base theme if defined in overrides.
96
+ baseTheme
97
+ ? removeFontFamilies(baseTheme,
98
+ /* istanbul ignore next */
99
+ (overrides === null || overrides === void 0 ? void 0 : overrides.fonts) || {})
100
+ : baseTheme, overrides, { name: name, themeVersion: 1 });
73
101
  };
74
102
  exports.createTheme = createTheme;
75
103
  //# sourceMappingURL=creator.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"creator.js","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAW9C,yDAA6C;AAC7C,iDAAqC;AAErC,oCAAiC;AACjC,4EAAuE;AAUvE,IAAM,sBAAsB,GAAG,UAC7B,aAAkC,EAClC,SAAoB,EACpB,SAAyB;IAEzB,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,IAAa;QACzC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;gBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YACtC,IAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;YAClD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;aACxB;iBAAM,IAAI,IAAA,SAAG,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAK,EAAE;gBAC3C,aAAa,CACX,6BAAsB,MAAM,kDAAwC,KAAK,OAAI,CAC9E,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,CAAC,CAAC;AACrB,CAAC,CAAC;AAEK,IAAM,WAAW,GAAG,UAAC,EAOV;QANhB,YAA8B,EAA9B,IAAI,mBAAG,uBAAuB,KAAA,EAC9B,SAAS,eAAA,EACT,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAc,oBAAA;IACd,sCAAsC;IACtC,qBAA0C;IAD1C,sCAAsC;IACtC,aAAa,mBAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAA;IAE1C,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE;QACnC,MAAM,IAAI,KAAK,CACb,4EAA4E,CAC7E,CAAC;KACH;IAED,IAAM,YAAY,kCACb,WAAW,GACX,OAAO,KACV,iBAAiB,EAAE,EAAE,EACrB,KAAK,EAAE,EAAE,GACV,CAAC;IAEF,IAAI,cAAc,EAAE;QAClB,sBAAsB,CAAC,aAAa,EAAE,SAAS,IAAI,YAAY,EAAE,SAAS,CAAC,CAAC;KAC7E;IAED,0BAA0B;IAC1B,IAAM,eAAe,GAAG,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QAC7C,CAAC,CAAC,0BAA0B;YAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QACxB,CAAC,CAAC,YAAY,CAAC,WAAW,CAAgB,CAAC;IAE7C,OAAO,IAAA,sBAAS,EACd,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAqB,CAAC,EACvE,YAAY,EACZ,SAAS,EACT,SAAS,EACT,EAAC,IAAI,MAAA,EAAE,YAAY,EAAE,CAAC,EAAC,CACxB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,WAAW,eAsCtB"}
1
+ {"version":3,"file":"creator.js","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAW9C,yDAA6C;AAC7C,iDAAqC;AAErC,oCAAiC;AACjC,4EAAuE;AAWvE,IAAM,sBAAsB,GAAG,UAC7B,aAAkC,EAClC,SAAoB,EACpB,SAAyB;IAEzB,IAAM,OAAO,GAAG,UAAC,GAAW,EAAE,IAAa;QACzC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;gBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YACtC,IAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;YAClD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;aACxB;iBAAM,IAAI,IAAA,SAAG,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAK,EAAE;gBAC3C,aAAa,CACX,6BAAsB,MAAM,kDAAwC,KAAK,OAAI,CAC9E,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,CAAC,CAAC;AACrB,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UACnB,cAA8B;IAE9B,OAAC,cAA6B,CAAC,UAAU,KAAK,SAAS;AAAvD,CAAuD,CAAC;AAE1D,+CAA+C;AAC/C,4FAA4F;AAC5F,4DAA4D;AAC5D,iFAAiF;AACjF,qCAAqC;AACrC,gFAAgF;AAChF,6EAA6E;AAC7E,oFAAoF;AACpF,gCAAgC;AAChC,IAAM,kBAAkB,GAAG,UACzB,KAAQ,EACR,aAAyB,IACnB,OAAA,uBACH,KAAK,KACR,KAAK,EAAE,KAAK,CAAC,KAAK;QAChB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAChC,UAAC,IAAI,EAAE,EAAgC;;gBAA/B,cAAc,QAAA,EAAE,cAAc,QAAA;YAAM,OAAA,uBACvC,IAAI,GACJ,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,aAAa,CAAC,cAAc,CAAC;gBAC/D,CAAC,CAAC,EAAE;gBACJ,CAAC,WAAE,GAAC,cAAc,IAAG,cAAc,KAAC,CAAC,EACvC;QAL0C,CAK1C,EACF,EAAE,CACH;QACH,CAAC,CAAC,SAAS,IACb,EAbM,CAaN,CAAC;AAEI,IAAM,WAAW,GAAG,UAAC,EAOV;QANhB,YAA8B,EAA9B,IAAI,mBAAG,uBAAuB,KAAA,EAC9B,SAAS,eAAA,EACT,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAc,oBAAA;IACd,sCAAsC;IACtC,qBAA0C;IAD1C,sCAAsC;IACtC,aAAa,mBAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAA;IAE1C,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE;QACnC,MAAM,IAAI,KAAK,CACb,4EAA4E,CAC7E,CAAC;KACH;IAED,yEAAyE;IACzE,IAAM,YAAY,GAAG,kBAAkB,gCAEhC,WAAW,GACX,OAAO,KACV,iBAAiB,EAAE,EAAE,EACrB,KAAK,EAAE,EAAE,KAEX,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,EAAE,CACvB,CAAC;IAEF,IAAI,cAAc,EAAE;QAClB,sBAAsB,CAAC,aAAa,EAAE,SAAS,IAAI,YAAY,EAAE,SAAS,CAAC,CAAC;KAC7E;IAED,0BAA0B;IAC1B,IAAM,eAAe,GAAG,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QAC7C,CAAC,CAAC,0BAA0B;YAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;QACxB,CAAC,CAAC,YAAY,CAAC,WAAW,CAAgB,CAAC;IAE7C,OAAO,IAAA,sBAAS,EACd,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAqB,CAAC,EACvE,YAAY;IACZ,2EAA2E;IAC3E,SAAS;QACP,CAAC,CAAC,kBAAkB,CAChB,SAAS;QACT,0BAA0B;QAC1B,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,EAAE,CACvB;QACH,CAAC,CAAC,SAAS,EACb,SAAS,EACT,EAAC,IAAI,MAAA,EAAE,YAAY,EAAE,CAAC,EAAC,CACxB,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,WAAW,eAiDtB"}
@@ -35,6 +35,7 @@ export declare const fonts: {
35
35
  fontFamily030: FontConfig;
36
36
  };
37
37
  export declare type Fonts = typeof fonts;
38
+ export declare type FontThemeValue = typeof fonts[keyof typeof fonts];
38
39
  export interface FontConfig {
39
40
  fontFamily: string;
40
41
  fontMetrics?: {
@@ -1 +1 @@
1
- {"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/fonts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC;AAEjC,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,CAAC,MAAM,EAAE,MAAM,GAAG;YAChB,SAAS,EAAE,MAAM,CAAC;YAClB,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;IAEF,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH"}
1
+ {"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/fonts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC;AAEjC,oBAAY,cAAc,GAAG,OAAO,KAAK,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAE9D,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,CAAC,MAAM,EAAE,MAAM,GAAG;YAChB,SAAS,EAAE,MAAM,CAAC;YAClB,MAAM,EAAE,MAAM,CAAC;YACf,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;IAEF,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;CACH"}
@@ -2,7 +2,7 @@
2
2
  "fontFamily010": {
3
3
  "fontFamily": "Times Modern",
4
4
  "fontMetrics": {
5
- "400": {
5
+ "fontWeight010": {
6
6
  "capHeight": 671,
7
7
  "ascent": 695,
8
8
  "descent": -172,
@@ -14,7 +14,7 @@
14
14
  "fontFamily020": {
15
15
  "fontFamily": "Times Digital W04 Regular",
16
16
  "fontMetrics": {
17
- "400": {
17
+ "fontWeight010": {
18
18
  "capHeight": 713,
19
19
  "ascent": 992,
20
20
  "descent": -319,
@@ -26,7 +26,7 @@
26
26
  "fontFamily030": {
27
27
  "fontFamily": "GillSansMTStd-Medium",
28
28
  "fontMetrics": {
29
- "400": {
29
+ "fontWeight010": {
30
30
  "capHeight": 682,
31
31
  "ascent": 682,
32
32
  "descent": -318,
@@ -373,7 +373,7 @@ export declare const tnlOverrides: {
373
373
  fontFamily010: {
374
374
  fontFamily: string;
375
375
  fontMetrics: {
376
- "400": {
376
+ fontWeight010: {
377
377
  capHeight: number;
378
378
  ascent: number;
379
379
  descent: number;
@@ -385,7 +385,7 @@ export declare const tnlOverrides: {
385
385
  fontFamily020: {
386
386
  fontFamily: string;
387
387
  fontMetrics: {
388
- "400": {
388
+ fontWeight010: {
389
389
  capHeight: number;
390
390
  ascent: number;
391
391
  descent: number;
@@ -397,7 +397,7 @@ export declare const tnlOverrides: {
397
397
  fontFamily030: {
398
398
  fontFamily: string;
399
399
  fontMetrics: {
400
- "400": {
400
+ fontWeight010: {
401
401
  capHeight: number;
402
402
  ascent: number;
403
403
  descent: number;
@@ -1,3 +1,4 @@
1
1
  export { MediaQueryProvider } from './context';
2
- export { useBreakpointKey, useMediaQueryObject } from './use-media-query';
2
+ export { useBreakpointKey, useMediaQueryObject } from './use-media-query-object';
3
+ export { useMediaQuery } from './use-media-query';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC"}
@@ -1,9 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useMediaQueryObject = exports.useBreakpointKey = exports.MediaQueryProvider = void 0;
3
+ exports.useMediaQuery = exports.useMediaQueryObject = exports.useBreakpointKey = exports.MediaQueryProvider = void 0;
4
4
  var context_1 = require("./context");
5
5
  Object.defineProperty(exports, "MediaQueryProvider", { enumerable: true, get: function () { return context_1.MediaQueryProvider; } });
6
+ var use_media_query_object_1 = require("./use-media-query-object");
7
+ Object.defineProperty(exports, "useBreakpointKey", { enumerable: true, get: function () { return use_media_query_object_1.useBreakpointKey; } });
8
+ Object.defineProperty(exports, "useMediaQueryObject", { enumerable: true, get: function () { return use_media_query_object_1.useMediaQueryObject; } });
6
9
  var use_media_query_1 = require("./use-media-query");
7
- Object.defineProperty(exports, "useBreakpointKey", { enumerable: true, get: function () { return use_media_query_1.useBreakpointKey; } });
8
- Object.defineProperty(exports, "useMediaQueryObject", { enumerable: true, get: function () { return use_media_query_1.useMediaQueryObject; } });
10
+ Object.defineProperty(exports, "useMediaQuery", { enumerable: true, get: function () { return use_media_query_1.useMediaQuery; } });
9
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/index.tsx"],"names":[],"mappings":";;;AAAA,qCAA6C;AAArC,6GAAA,kBAAkB,OAAA;AAC1B,qDAAwE;AAAhE,mHAAA,gBAAgB,OAAA;AAAE,sHAAA,mBAAmB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/index.tsx"],"names":[],"mappings":";;;AAAA,qCAA6C;AAArC,6GAAA,kBAAkB,OAAA;AAC1B,mEAA+E;AAAvE,0HAAA,gBAAgB,OAAA;AAAE,6HAAA,mBAAmB,OAAA;AAC7C,qDAAgD;AAAxC,gHAAA,aAAa,OAAA"}
@@ -0,0 +1,4 @@
1
+ import { MQ } from '../../style/types';
2
+ export declare function useBreakpointKey(): "xs" | "sm" | "md" | "lg" | "xl";
3
+ export declare function useMediaQueryObject<T>(mqObject: MQ<T>): T | undefined;
4
+ //# sourceMappingURL=use-media-query-object.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-media-query-object.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/use-media-query-object.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAY,MAAM,mBAAmB,CAAC;AAUhD,wBAAgB,gBAAgB,qCAI/B;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CA0CrE"}
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.useMediaQueryObject = exports.useBreakpointKey = void 0;
18
+ var react_1 = __importDefault(require("react"));
19
+ var theme_1 = require("../../../theme");
20
+ var context_1 = require("./context");
21
+ var utils_1 = require("./utils");
22
+ var useMediaQueryContext = function () {
23
+ var context = react_1.default.useContext(context_1.MQContext);
24
+ return context;
25
+ };
26
+ function useBreakpointKey() {
27
+ var breakpointState = useMediaQueryContext();
28
+ var currentBreakpoint = (0, utils_1.getCurrentBreakpointKey)(breakpointState);
29
+ return currentBreakpoint;
30
+ }
31
+ exports.useBreakpointKey = useBreakpointKey;
32
+ function useMediaQueryObject(mqObject) {
33
+ var breakpointsState = useMediaQueryContext();
34
+ var theme = (0, theme_1.useTheme)();
35
+ var breakpoints = theme.breakpoints;
36
+ var breakpointsKeys = Object.keys(breakpoints);
37
+ // when the param is simple type like string | number
38
+ if (typeof mqObject !== 'object')
39
+ return mqObject;
40
+ var valuesPerBreakpoint = mqObject;
41
+ // when the props has only one key like {xs: 10px}
42
+ if (Object.keys(valuesPerBreakpoint).length === 1) {
43
+ var breakpoint = Object.keys(valuesPerBreakpoint)[0];
44
+ return valuesPerBreakpoint[breakpoint];
45
+ }
46
+ var currentBreakpoint = (0, utils_1.getCurrentBreakpointKey)(breakpointsState);
47
+ if (valuesPerBreakpoint[currentBreakpoint] !== undefined)
48
+ return valuesPerBreakpoint[currentBreakpoint];
49
+ // get the smallest breakpoint as "base", and pre-fill the rest based on the base
50
+ var baseBreakpoint = (0, utils_1.sortBreakpointKeys)(Object.keys(valuesPerBreakpoint), breakpointsKeys)[0];
51
+ var baseValue = valuesPerBreakpoint[baseBreakpoint];
52
+ var valuesForAllBreakpoints = breakpointsKeys.reduce(function (acc, breakpointKey) {
53
+ var _a;
54
+ if (acc[breakpointKey] === undefined) {
55
+ return __assign(__assign({}, acc), (_a = {}, _a[breakpointKey] = baseValue, _a));
56
+ }
57
+ baseValue = acc[breakpointKey];
58
+ return acc;
59
+ }, valuesPerBreakpoint);
60
+ return valuesForAllBreakpoints[currentBreakpoint];
61
+ }
62
+ exports.useMediaQueryObject = useMediaQueryObject;
63
+ //# sourceMappingURL=use-media-query-object.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-media-query-object.js","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/use-media-query-object.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAAwC;AAGxC,qCAAoC;AAEpC,iCAAoE;AAEpE,IAAM,oBAAoB,GAAG;IAC3B,IAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,mBAAS,CAAoB,CAAC;IAC/D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,SAAgB,gBAAgB;IAC9B,IAAM,eAAe,GAAG,oBAAoB,EAAE,CAAC;IAC/C,IAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,eAAe,CAAC,CAAC;IACnE,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAJD,4CAIC;AAED,SAAgB,mBAAmB,CAAI,QAAe;IACpD,IAAM,gBAAgB,GAAG,oBAAoB,EAAE,CAAC;IAChD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAClB,IAAA,WAAW,GAAI,KAAK,YAAT,CAAU;IAC5B,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB,CAAC;IAErE,qDAAqD;IACrD,IAAI,OAAO,QAAQ,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAElD,IAAM,mBAAmB,GAAG,QAAwB,CAAC;IAErD,kDAAkD;IAClD,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACjD,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAmB,CAAC;QACzE,OAAO,mBAAmB,CAAC,UAAU,CAAC,CAAC;KACxC;IAED,IAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,gBAAgB,CAAC,CAAC;IAEpE,IAAI,mBAAmB,CAAC,iBAAiB,CAAC,KAAK,SAAS;QACtD,OAAO,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAEhD,iFAAiF;IACjF,IAAM,cAAc,GAAG,IAAA,0BAAkB,EACvC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAqB,EACpD,eAAe,CAChB,CAAC,CAAC,CAAC,CAAC;IAEL,IAAI,SAAS,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACpD,IAAM,uBAAuB,GAAG,eAAe,CAAC,MAAM,CACpD,UAAC,GAAG,EAAE,aAAa;;QACjB,IAAI,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;YACpC,6BAAW,GAAG,gBAAG,aAAa,IAAG,SAAS,OAAE;SAC7C;QAED,SAAS,GAAG,GAAG,CAAC,aAAa,CAAC,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC,EACD,mBAAmB,CACpB,CAAC;IAEF,OAAO,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;AACpD,CAAC;AA1CD,kDA0CC"}
@@ -1,4 +1,2 @@
1
- import { MQ } from '../../style/types';
2
- export declare function useBreakpointKey(): "xs" | "sm" | "md" | "lg" | "xl";
3
- export declare function useMediaQueryObject<T>(mqObject: MQ<T>): T | undefined;
1
+ export declare function useMediaQuery(query: string): boolean;
4
2
  //# sourceMappingURL=use-media-query.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/use-media-query.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,EAAE,EAAY,MAAM,mBAAmB,CAAC;AAUhD,wBAAgB,gBAAgB,qCAI/B;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,CA0CrE"}
1
+ {"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/use-media-query.tsx"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,WAsB1C"}
@@ -1,63 +1,27 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
2
  Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.useMediaQueryObject = exports.useBreakpointKey = void 0;
18
- var react_1 = __importDefault(require("react"));
19
- var theme_1 = require("../../../theme");
20
- var context_1 = require("./context");
21
- var utils_1 = require("./utils");
22
- var useMediaQueryContext = function () {
23
- var context = react_1.default.useContext(context_1.MQContext);
24
- return context;
25
- };
26
- function useBreakpointKey() {
27
- var breakpointState = useMediaQueryContext();
28
- var currentBreakpoint = (0, utils_1.getCurrentBreakpointKey)(breakpointState);
29
- return currentBreakpoint;
30
- }
31
- exports.useBreakpointKey = useBreakpointKey;
32
- function useMediaQueryObject(mqObject) {
33
- var breakpointsState = useMediaQueryContext();
34
- var theme = (0, theme_1.useTheme)();
35
- var breakpoints = theme.breakpoints;
36
- var breakpointsKeys = Object.keys(breakpoints);
37
- // when the param is simple type like string | number
38
- if (typeof mqObject !== 'object')
39
- return mqObject;
40
- var valuesPerBreakpoint = mqObject;
41
- // when the props has only one key like {xs: 10px}
42
- if (Object.keys(valuesPerBreakpoint).length === 1) {
43
- var breakpoint = Object.keys(valuesPerBreakpoint)[0];
44
- return valuesPerBreakpoint[breakpoint];
45
- }
46
- var currentBreakpoint = (0, utils_1.getCurrentBreakpointKey)(breakpointsState);
47
- if (valuesPerBreakpoint[currentBreakpoint] !== undefined)
48
- return valuesPerBreakpoint[currentBreakpoint];
49
- // get the smallest breakpoint as "base", and pre-fill the rest based on the base
50
- var baseBreakpoint = (0, utils_1.sortBreakpointKeys)(Object.keys(valuesPerBreakpoint), breakpointsKeys)[0];
51
- var baseValue = valuesPerBreakpoint[baseBreakpoint];
52
- var valuesForAllBreakpoints = breakpointsKeys.reduce(function (acc, breakpointKey) {
53
- var _a;
54
- if (acc[breakpointKey] === undefined) {
55
- return __assign(__assign({}, acc), (_a = {}, _a[breakpointKey] = baseValue, _a));
3
+ exports.useMediaQuery = void 0;
4
+ var react_1 = require("react");
5
+ function useMediaQuery(query) {
6
+ var getInitialState = function () {
7
+ return typeof window !== 'undefined' && window.matchMedia(query).matches;
8
+ };
9
+ var _a = (0, react_1.useState)(getInitialState), isMatched = _a[0], setIsMatched = _a[1];
10
+ (0, react_1.useEffect)(function () {
11
+ var mediaQueryList = typeof window !== 'undefined' && window.matchMedia(query);
12
+ var listener = function (event) {
13
+ setIsMatched(event.matches);
14
+ };
15
+ if (mediaQueryList) {
16
+ mediaQueryList.addEventListener('change', listener);
56
17
  }
57
- baseValue = acc[breakpointKey];
58
- return acc;
59
- }, valuesPerBreakpoint);
60
- return valuesForAllBreakpoints[currentBreakpoint];
18
+ return function () {
19
+ if (mediaQueryList) {
20
+ mediaQueryList.removeEventListener('change', listener);
21
+ }
22
+ };
23
+ }, [query]);
24
+ return isMatched;
61
25
  }
62
- exports.useMediaQueryObject = useMediaQueryObject;
26
+ exports.useMediaQuery = useMediaQuery;
63
27
  //# sourceMappingURL=use-media-query.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-media-query.js","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/use-media-query.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAAwC;AAGxC,qCAAoC;AAEpC,iCAAoE;AAEpE,IAAM,oBAAoB,GAAG;IAC3B,IAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,mBAAS,CAAoB,CAAC;IAC/D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,SAAgB,gBAAgB;IAC9B,IAAM,eAAe,GAAG,oBAAoB,EAAE,CAAC;IAC/C,IAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,eAAe,CAAC,CAAC;IACnE,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAJD,4CAIC;AAED,SAAgB,mBAAmB,CAAI,QAAe;IACpD,IAAM,gBAAgB,GAAG,oBAAoB,EAAE,CAAC;IAChD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAClB,IAAA,WAAW,GAAI,KAAK,YAAT,CAAU;IAC5B,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB,CAAC;IAErE,qDAAqD;IACrD,IAAI,OAAO,QAAQ,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAElD,IAAM,mBAAmB,GAAG,QAAwB,CAAC;IAErD,kDAAkD;IAClD,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACjD,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAmB,CAAC;QACzE,OAAO,mBAAmB,CAAC,UAAU,CAAC,CAAC;KACxC;IAED,IAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,gBAAgB,CAAC,CAAC;IAEpE,IAAI,mBAAmB,CAAC,iBAAiB,CAAC,KAAK,SAAS;QACtD,OAAO,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAEhD,iFAAiF;IACjF,IAAM,cAAc,GAAG,IAAA,0BAAkB,EACvC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAqB,EACpD,eAAe,CAChB,CAAC,CAAC,CAAC,CAAC;IAEL,IAAI,SAAS,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACpD,IAAM,uBAAuB,GAAG,eAAe,CAAC,MAAM,CACpD,UAAC,GAAG,EAAE,aAAa;;QACjB,IAAI,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;YACpC,6BAAW,GAAG,gBAAG,aAAa,IAAG,SAAS,OAAE;SAC7C;QAED,SAAS,GAAG,GAAG,CAAC,aAAa,CAAC,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC,EACD,mBAAmB,CACpB,CAAC;IAEF,OAAO,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;AACpD,CAAC;AA1CD,kDA0CC"}
1
+ {"version":3,"file":"use-media-query.js","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/use-media-query.tsx"],"names":[],"mappings":";;;AAAA,+BAA0C;AAE1C,SAAgB,aAAa,CAAC,KAAa;IACzC,IAAM,eAAe,GAAG;QACtB,OAAA,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO;IAAjE,CAAiE,CAAC;IAE9D,IAAA,KAA4B,IAAA,gBAAQ,EAAC,eAAe,CAAC,EAApD,SAAS,QAAA,EAAE,YAAY,QAA6B,CAAC;IAE5D,IAAA,iBAAS,EAAC;QACR,IAAM,cAAc,GAClB,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAM,QAAQ,GAAG,UAAC,KAA0B;YAC1C,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC,CAAC;QACF,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACrD;QACD,OAAO;YACL,IAAI,cAAc,EAAE;gBAClB,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;aACxD;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,SAAS,CAAC;AACnB,CAAC;AAtBD,sCAsBC"}
@@ -6,5 +6,11 @@ export * from './responsive-helpers';
6
6
  export * from './style-types';
7
7
  export * from './style';
8
8
  export * from './with-default-props';
9
+ export * from './with-own-theme';
9
10
  export * from './get-transition-duration';
11
+ export * from './hooks/use-controlled';
12
+ export * from './hooks/use-media-query';
13
+ export * from './hooks/use-intersection';
14
+ export * from './hooks/use-resize-observer';
15
+ export * from './hooks/use-keypress';
10
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC"}