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.
- package/cjs/accordion/accordion.d.ts +1 -1
- package/cjs/accordion/accordion.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.js +1 -1
- package/cjs/audio-player-composable/audio-player-composable.js.map +1 -1
- package/cjs/audio-player-composable/components/audio-element.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/audio-element.js +24 -2
- package/cjs/audio-player-composable/components/audio-element.js.map +1 -1
- package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts +1 -1
- package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/time-display/time-display.d.ts +1 -1
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts +1 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/defaults.js +1 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/types.d.ts +1 -1
- package/cjs/audio-player-composable/components/volume-control/types.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js +16 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/cjs/banner/banner.d.ts +1 -1
- package/cjs/banner/banner.d.ts.map +1 -1
- package/cjs/character-count/character-count.d.ts +4 -0
- package/cjs/character-count/character-count.d.ts.map +1 -0
- package/cjs/character-count/character-count.js +109 -0
- package/cjs/character-count/character-count.js.map +1 -0
- package/cjs/character-count/defaults.d.ts +27 -0
- package/cjs/character-count/defaults.d.ts.map +1 -0
- package/cjs/character-count/defaults.js +28 -0
- package/cjs/character-count/defaults.js.map +1 -0
- package/cjs/character-count/index.d.ts +3 -0
- package/cjs/character-count/index.d.ts.map +1 -0
- package/cjs/character-count/index.js +15 -0
- package/cjs/character-count/index.js.map +1 -0
- package/cjs/character-count/style-presets.d.ts +4 -0
- package/cjs/character-count/style-presets.d.ts.map +1 -0
- package/cjs/character-count/style-presets.js +19 -0
- package/cjs/character-count/style-presets.js.map +1 -0
- package/cjs/character-count/styled.d.ts +9 -0
- package/cjs/character-count/styled.d.ts.map +1 -0
- package/cjs/character-count/styled.js +31 -0
- package/cjs/character-count/styled.js.map +1 -0
- package/cjs/character-count/types.d.ts +24 -0
- package/cjs/character-count/types.d.ts.map +1 -0
- package/cjs/character-count/types.js +3 -0
- package/cjs/character-count/types.js.map +1 -0
- package/cjs/form/context.d.ts +20 -1
- package/cjs/form/context.d.ts.map +1 -1
- package/cjs/form/context.js +1 -0
- package/cjs/form/context.js.map +1 -1
- package/cjs/form/form-entry.d.ts.map +1 -1
- package/cjs/form/form-entry.js +10 -1
- package/cjs/form/form-entry.js.map +1 -1
- package/cjs/form/form-input.d.ts +2 -0
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +29 -2
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/index.d.ts +2 -1
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +2 -1
- package/cjs/index.js.map +1 -1
- package/cjs/inline-message/inline-message.d.ts +1 -1
- package/cjs/inline-message/inline-message.d.ts.map +1 -1
- package/cjs/link/link-inline.d.ts +1 -1
- package/cjs/link/link-inline.d.ts.map +1 -1
- package/cjs/link/link-standalone.d.ts +1 -1
- package/cjs/link/link-standalone.d.ts.map +1 -1
- package/cjs/link/link.d.ts +2 -2
- package/cjs/link/link.d.ts.map +1 -1
- package/cjs/popover/popover.d.ts +1 -1
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +7 -7
- package/cjs/popover/popover.js.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +18 -0
- package/cjs/select/select.js.map +1 -1
- package/cjs/storybook-pages/style-presets.d.ts +4 -0
- package/cjs/storybook-pages/style-presets.d.ts.map +1 -0
- package/cjs/storybook-pages/style-presets.js +13 -0
- package/cjs/storybook-pages/style-presets.js.map +1 -0
- package/cjs/storybook-pages/welcome.d.ts +4 -0
- package/cjs/storybook-pages/welcome.d.ts.map +1 -0
- package/cjs/storybook-pages/welcome.js +63 -0
- package/cjs/storybook-pages/welcome.js.map +1 -0
- package/cjs/storybook-pages/welcome.stories.d.ts +23 -0
- package/cjs/storybook-pages/welcome.stories.d.ts.map +1 -0
- package/cjs/storybook-pages/welcome.stories.js +29 -0
- package/cjs/storybook-pages/welcome.stories.js.map +1 -0
- package/cjs/tabs/tabs.d.ts +1 -1
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/tealium/tealium.d.ts.map +1 -1
- package/cjs/tealium/tealium.js +2 -2
- package/cjs/tealium/tealium.js.map +1 -1
- package/cjs/text-area/text-area.d.ts +1 -1
- package/cjs/text-area/text-area.d.ts.map +1 -1
- package/cjs/text-field/types.d.ts +3 -1
- package/cjs/text-field/types.d.ts.map +1 -1
- package/cjs/theme/creator.d.ts.map +1 -1
- package/cjs/theme/creator.js +30 -2
- package/cjs/theme/creator.js.map +1 -1
- package/cjs/theme/foundations/fonts.d.ts +1 -0
- package/cjs/theme/foundations/fonts.d.ts.map +1 -1
- package/cjs/theme-checker/themes/tnl-theme/fonts.json +3 -3
- package/cjs/theme-checker/themes/tnl-theme/tnl-theme.d.ts +3 -3
- package/cjs/utils/hooks/use-media-query/index.d.ts +2 -1
- package/cjs/utils/hooks/use-media-query/index.d.ts.map +1 -1
- package/cjs/utils/hooks/use-media-query/index.js +5 -3
- package/cjs/utils/hooks/use-media-query/index.js.map +1 -1
- package/cjs/utils/hooks/use-media-query/use-media-query-object.d.ts +4 -0
- package/cjs/utils/hooks/use-media-query/use-media-query-object.d.ts.map +1 -0
- package/cjs/utils/hooks/use-media-query/use-media-query-object.js +63 -0
- package/cjs/utils/hooks/use-media-query/use-media-query-object.js.map +1 -0
- package/cjs/utils/hooks/use-media-query/use-media-query.d.ts +1 -3
- package/cjs/utils/hooks/use-media-query/use-media-query.d.ts.map +1 -1
- package/cjs/utils/hooks/use-media-query/use-media-query.js +22 -58
- package/cjs/utils/hooks/use-media-query/use-media-query.js.map +1 -1
- package/cjs/utils/index.d.ts +6 -0
- package/cjs/utils/index.d.ts.map +1 -1
- package/cjs/utils/index.js +6 -0
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/style/getters.d.ts.map +1 -1
- package/cjs/utils/style/getters.js +13 -0
- package/cjs/utils/style/getters.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/accordion/accordion.d.ts +1 -1
- package/esm/accordion/accordion.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.js +1 -1
- package/esm/audio-player-composable/audio-player-composable.js.map +1 -1
- package/esm/audio-player-composable/components/audio-element.d.ts.map +1 -1
- package/esm/audio-player-composable/components/audio-element.js +24 -2
- package/esm/audio-player-composable/components/audio-element.js.map +1 -1
- package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts +1 -1
- package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -1
- package/esm/audio-player-composable/components/time-display/time-display.d.ts +1 -1
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts +1 -0
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/defaults.js +1 -0
- package/esm/audio-player-composable/components/volume-control/defaults.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/types.d.ts +1 -1
- package/esm/audio-player-composable/components/volume-control/types.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js +16 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/esm/banner/banner.d.ts +1 -1
- package/esm/banner/banner.d.ts.map +1 -1
- package/esm/character-count/character-count.d.ts +4 -0
- package/esm/character-count/character-count.d.ts.map +1 -0
- package/esm/character-count/character-count.js +84 -0
- package/esm/character-count/character-count.js.map +1 -0
- package/esm/character-count/defaults.d.ts +27 -0
- package/esm/character-count/defaults.d.ts.map +1 -0
- package/esm/character-count/defaults.js +26 -0
- package/esm/character-count/defaults.js.map +1 -0
- package/esm/character-count/index.d.ts +3 -0
- package/esm/character-count/index.d.ts.map +1 -0
- package/esm/character-count/index.js +3 -0
- package/esm/character-count/index.js.map +1 -0
- package/esm/character-count/style-presets.d.ts +4 -0
- package/esm/character-count/style-presets.d.ts.map +1 -0
- package/esm/character-count/style-presets.js +17 -0
- package/esm/character-count/style-presets.js.map +1 -0
- package/esm/character-count/styled.d.ts +9 -0
- package/esm/character-count/styled.d.ts.map +1 -0
- package/esm/character-count/styled.js +28 -0
- package/esm/character-count/styled.js.map +1 -0
- package/esm/character-count/types.d.ts +24 -0
- package/esm/character-count/types.d.ts.map +1 -0
- package/esm/character-count/types.js +2 -0
- package/esm/character-count/types.js.map +1 -0
- package/esm/form/context.d.ts +20 -1
- package/esm/form/context.d.ts.map +1 -1
- package/esm/form/context.js +1 -0
- package/esm/form/context.js.map +1 -1
- package/esm/form/form-entry.d.ts.map +1 -1
- package/esm/form/form-entry.js +11 -2
- package/esm/form/form-entry.js.map +1 -1
- package/esm/form/form-input.d.ts +2 -0
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +27 -1
- package/esm/form/form-input.js.map +1 -1
- package/esm/index.d.ts +2 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -1
- package/esm/index.js.map +1 -1
- package/esm/inline-message/inline-message.d.ts +1 -1
- package/esm/inline-message/inline-message.d.ts.map +1 -1
- package/esm/link/link-inline.d.ts +1 -1
- package/esm/link/link-inline.d.ts.map +1 -1
- package/esm/link/link-standalone.d.ts +1 -1
- package/esm/link/link-standalone.d.ts.map +1 -1
- package/esm/link/link.d.ts +2 -2
- package/esm/link/link.d.ts.map +1 -1
- package/esm/popover/popover.d.ts +1 -1
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +7 -7
- package/esm/popover/popover.js.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +18 -0
- package/esm/select/select.js.map +1 -1
- package/esm/storybook-pages/style-presets.d.ts +4 -0
- package/esm/storybook-pages/style-presets.d.ts.map +1 -0
- package/esm/storybook-pages/style-presets.js +11 -0
- package/esm/storybook-pages/style-presets.js.map +1 -0
- package/esm/storybook-pages/welcome.d.ts +4 -0
- package/esm/storybook-pages/welcome.d.ts.map +1 -0
- package/esm/storybook-pages/welcome.js +56 -0
- package/esm/storybook-pages/welcome.js.map +1 -0
- package/esm/storybook-pages/welcome.stories.d.ts +23 -0
- package/esm/storybook-pages/welcome.stories.d.ts.map +1 -0
- package/esm/storybook-pages/welcome.stories.js +22 -0
- package/esm/storybook-pages/welcome.stories.js.map +1 -0
- package/esm/tabs/tabs.d.ts +1 -1
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/tealium/tealium.d.ts.map +1 -1
- package/esm/tealium/tealium.js +2 -2
- package/esm/tealium/tealium.js.map +1 -1
- package/esm/text-area/text-area.d.ts +1 -1
- package/esm/text-area/text-area.d.ts.map +1 -1
- package/esm/text-field/types.d.ts +3 -1
- package/esm/text-field/types.d.ts.map +1 -1
- package/esm/theme/creator.d.ts.map +1 -1
- package/esm/theme/creator.js +30 -2
- package/esm/theme/creator.js.map +1 -1
- package/esm/theme/foundations/fonts.d.ts +1 -0
- package/esm/theme/foundations/fonts.d.ts.map +1 -1
- package/esm/theme-checker/themes/tnl-theme/fonts.json +3 -3
- package/esm/theme-checker/themes/tnl-theme/tnl-theme.d.ts +3 -3
- package/esm/utils/hooks/use-media-query/index.d.ts +2 -1
- package/esm/utils/hooks/use-media-query/index.d.ts.map +1 -1
- package/esm/utils/hooks/use-media-query/index.js +2 -1
- package/esm/utils/hooks/use-media-query/index.js.map +1 -1
- package/esm/utils/hooks/use-media-query/use-media-query-object.d.ts +4 -0
- package/esm/utils/hooks/use-media-query/use-media-query-object.d.ts.map +1 -0
- package/esm/utils/hooks/use-media-query/use-media-query-object.js +55 -0
- package/esm/utils/hooks/use-media-query/use-media-query-object.js.map +1 -0
- package/esm/utils/hooks/use-media-query/use-media-query.d.ts +1 -3
- package/esm/utils/hooks/use-media-query/use-media-query.d.ts.map +1 -1
- package/esm/utils/hooks/use-media-query/use-media-query.js +19 -51
- package/esm/utils/hooks/use-media-query/use-media-query.js.map +1 -1
- package/esm/utils/index.d.ts +6 -0
- package/esm/utils/index.d.ts.map +1 -1
- package/esm/utils/index.js +6 -0
- package/esm/utils/index.js.map +1 -1
- package/esm/utils/style/getters.d.ts.map +1 -1
- package/esm/utils/style/getters.js +13 -0
- package/esm/utils/style/getters.js.map +1 -1
- package/esm/version-number.json +1 -1
- 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"}
|
package/cjs/tabs/tabs.d.ts
CHANGED
|
@@ -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
|
|
4
|
+
export declare const Tabs: import("../utils").NewsKitReactComponents<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
//# sourceMappingURL=tabs.d.ts.map
|
package/cjs/tabs/tabs.d.ts.map
CHANGED
|
@@ -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,
|
|
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,
|
|
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"}
|
package/cjs/tealium/tealium.js
CHANGED
|
@@ -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,
|
|
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
|
|
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,
|
|
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:
|
|
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,
|
|
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;
|
|
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"}
|
package/cjs/theme/creator.js
CHANGED
|
@@ -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
|
-
|
|
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,
|
|
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
|
package/cjs/theme/creator.js.map
CHANGED
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"creator.js","sourceRoot":"","sources":["../../../src/theme/creator.ts"],"names":[],"mappings":"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"}
|
|
@@ -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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
|
|
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
|
-
|
|
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
|
+
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, "
|
|
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,
|
|
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 @@
|
|
|
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
|
-
|
|
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":"
|
|
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.
|
|
18
|
-
var react_1 =
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
18
|
+
return function () {
|
|
19
|
+
if (mediaQueryList) {
|
|
20
|
+
mediaQueryList.removeEventListener('change', listener);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
}, [query]);
|
|
24
|
+
return isMatched;
|
|
61
25
|
}
|
|
62
|
-
exports.
|
|
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":"
|
|
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"}
|
package/cjs/utils/index.d.ts
CHANGED
|
@@ -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
|
package/cjs/utils/index.d.ts.map
CHANGED
|
@@ -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"}
|