newskit 6.2.2 → 6.3.0

package/esm/storybook-pages/welcome.js

@@ -29,7 +29,7 @@ var links = [
 var WelcomeTitle = styled(H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 200px;\n"], ["\n  max-width: 200px;\n"])));
 var WelcomeDescription = styled(P)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-width: 300px;\n"], ["\n  max-width: 300px;\n"])));
 var WelcomeContainer = styled(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"])), getColorCssFromTheme('backgroundColor', 'inkLight010'));
-export var ThemelessWelcome = function () { return (React.createElement(WelcomeContainer, { paddingInline: "space050", paddingBlock: "space050", marginInlineStart: "-8px" },
+export var ThemelessWelcome = function () { return (React.createElement(WelcomeContainer, { paddingInline: "space050", paddingBlock: "space050", marginInline: "-16px", marginBlock: "-16px" },
     React.createElement(Block, { stylePreset: "welcomeBanner", marginBlockEnd: "space100", paddingInline: "space080", paddingBlock: "space080" },
         React.createElement(WelcomeTitle, { overrides: {
                 typographyPreset: 'utilityHeading050',

package/esm/storybook-pages/welcome.js.map

@@ -1 +1 @@
-{"version":3,"file":"welcome.js","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"welcome.js","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.tsx"],"names":[],"mappings":"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"}

package/esm/text-field/types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form/dist/types/form';
 import { EnhancerOverrides, CommonInputProps, FormInputState } from '../form/types';
 import { EventData } from '../instrumentation';
 import { LogicalProps } from '../utils/logical-properties';
@@ -27,7 +28,8 @@ declare type FormEntryChildrenProps = {
     onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     state?: FormInputState;
-    ref: React.Ref<HTMLInputElement>;
+    ref: UseFormRegisterReturn['ref'];
+    refObject: React.RefObject<HTMLInputElement>;
     error?: string;
 };
 declare type FormValidationRules = Record<string, string | object>;

package/esm/text-field/types.d.ts.map

@@ -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"}
+{"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"}

package/esm/utils/hooks/use-media-query/index.d.ts

@@ -1,3 +1,4 @@
 export { MediaQueryProvider } from './context';
-export { useBreakpointKey, useMediaQueryObject } from './use-media-query';
+export { useBreakpointKey, useMediaQueryObject } from './use-media-query-object';
+export { useMediaQuery } from './use-media-query';
 //# sourceMappingURL=index.d.ts.map

package/esm/utils/hooks/use-media-query/index.d.ts.map

@@ -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"}
+{"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"}

package/esm/utils/hooks/use-media-query/index.js

@@ -1,3 +1,4 @@
 export { MediaQueryProvider } from './context';
-export { useBreakpointKey, useMediaQueryObject } from './use-media-query';
+export { useBreakpointKey, useMediaQueryObject } from './use-media-query-object';
+export { useMediaQuery } from './use-media-query';
 //# sourceMappingURL=index.js.map

package/esm/utils/hooks/use-media-query/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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"}
+{"version":3,"file":"index.js","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"}

package/esm/utils/hooks/use-media-query/use-media-query-object.d.ts

@@ -0,0 +1,4 @@
+import { MQ } from '../../style/types';
+export declare function useBreakpointKey(): "xs" | "sm" | "md" | "lg" | "xl";
+export declare function useMediaQueryObject<T>(mqObject: MQ<T>): T | undefined;
+//# sourceMappingURL=use-media-query-object.d.ts.map

package/esm/utils/hooks/use-media-query/use-media-query-object.d.ts.map

@@ -0,0 +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"}

package/esm/utils/hooks/use-media-query/use-media-query-object.js

@@ -0,0 +1,55 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { useTheme } from '../../../theme';
+import { MQContext } from './context';
+import { getCurrentBreakpointKey, sortBreakpointKeys } from './utils';
+var useMediaQueryContext = function () {
+    var context = React.useContext(MQContext);
+    return context;
+};
+export function useBreakpointKey() {
+    var breakpointState = useMediaQueryContext();
+    var currentBreakpoint = getCurrentBreakpointKey(breakpointState);
+    return currentBreakpoint;
+}
+export function useMediaQueryObject(mqObject) {
+    var breakpointsState = useMediaQueryContext();
+    var theme = useTheme();
+    var breakpoints = theme.breakpoints;
+    var breakpointsKeys = Object.keys(breakpoints);
+    // when the param is simple type like string | number
+    if (typeof mqObject !== 'object')
+        return mqObject;
+    var valuesPerBreakpoint = mqObject;
+    // when the props has only one key like {xs: 10px}
+    if (Object.keys(valuesPerBreakpoint).length === 1) {
+        var breakpoint = Object.keys(valuesPerBreakpoint)[0];
+        return valuesPerBreakpoint[breakpoint];
+    }
+    var currentBreakpoint = getCurrentBreakpointKey(breakpointsState);
+    if (valuesPerBreakpoint[currentBreakpoint] !== undefined)
+        return valuesPerBreakpoint[currentBreakpoint];
+    // get the smallest breakpoint as "base", and pre-fill the rest based on the base
+    var baseBreakpoint = sortBreakpointKeys(Object.keys(valuesPerBreakpoint), breakpointsKeys)[0];
+    var baseValue = valuesPerBreakpoint[baseBreakpoint];
+    var valuesForAllBreakpoints = breakpointsKeys.reduce(function (acc, breakpointKey) {
+        var _a;
+        if (acc[breakpointKey] === undefined) {
+            return __assign(__assign({}, acc), (_a = {}, _a[breakpointKey] = baseValue, _a));
+        }
+        baseValue = acc[breakpointKey];
+        return acc;
+    }, valuesPerBreakpoint);
+    return valuesForAllBreakpoints[currentBreakpoint];
+}
+//# sourceMappingURL=use-media-query-object.js.map

package/esm/utils/hooks/use-media-query/use-media-query-object.js.map

@@ -0,0 +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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAGxC,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAC,uBAAuB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAEpE,IAAM,oBAAoB,GAAG;IAC3B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAoB,CAAC;IAC/D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB;IAC9B,IAAM,eAAe,GAAG,oBAAoB,EAAE,CAAC;IAC/C,IAAM,iBAAiB,GAAG,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACnE,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAI,QAAe;IACpD,IAAM,gBAAgB,GAAG,oBAAoB,EAAE,CAAC;IAChD,IAAM,KAAK,GAAG,QAAQ,EAAE,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,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;IAEpE,IAAI,mBAAmB,CAAC,iBAAiB,CAAC,KAAK,SAAS;QACtD,OAAO,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAEhD,iFAAiF;IACjF,IAAM,cAAc,GAAG,kBAAkB,CACvC,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"}

package/esm/utils/hooks/use-media-query/use-media-query.d.ts

@@ -1,4 +1,2 @@
-import { MQ } from '../../style/types';
-export declare function useBreakpointKey(): "xs" | "sm" | "md" | "lg" | "xl";
-export declare function useMediaQueryObject<T>(mqObject: MQ<T>): T | undefined;
+export declare function useMediaQuery(query: string): boolean;
 //# sourceMappingURL=use-media-query.d.ts.map

package/esm/utils/hooks/use-media-query/use-media-query.d.ts.map

@@ -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"}
+{"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"}

package/esm/utils/hooks/use-media-query/use-media-query.js

@@ -1,55 +1,23 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
+import { useState, useEffect } from 'react';
+export function useMediaQuery(query) {
+    var getInitialState = function () {
+        return typeof window !== 'undefined' && window.matchMedia(query).matches;
     };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { useTheme } from '../../../theme';
-import { MQContext } from './context';
-import { getCurrentBreakpointKey, sortBreakpointKeys } from './utils';
-var useMediaQueryContext = function () {
-    var context = React.useContext(MQContext);
-    return context;
-};
-export function useBreakpointKey() {
-    var breakpointState = useMediaQueryContext();
-    var currentBreakpoint = getCurrentBreakpointKey(breakpointState);
-    return currentBreakpoint;
-}
-export function useMediaQueryObject(mqObject) {
-    var breakpointsState = useMediaQueryContext();
-    var theme = useTheme();
-    var breakpoints = theme.breakpoints;
-    var breakpointsKeys = Object.keys(breakpoints);
-    // when the param is simple type like string | number
-    if (typeof mqObject !== 'object')
-        return mqObject;
-    var valuesPerBreakpoint = mqObject;
-    // when the props has only one key like {xs: 10px}
-    if (Object.keys(valuesPerBreakpoint).length === 1) {
-        var breakpoint = Object.keys(valuesPerBreakpoint)[0];
-        return valuesPerBreakpoint[breakpoint];
-    }
-    var currentBreakpoint = getCurrentBreakpointKey(breakpointsState);
-    if (valuesPerBreakpoint[currentBreakpoint] !== undefined)
-        return valuesPerBreakpoint[currentBreakpoint];
-    // get the smallest breakpoint as "base", and pre-fill the rest based on the base
-    var baseBreakpoint = sortBreakpointKeys(Object.keys(valuesPerBreakpoint), breakpointsKeys)[0];
-    var baseValue = valuesPerBreakpoint[baseBreakpoint];
-    var valuesForAllBreakpoints = breakpointsKeys.reduce(function (acc, breakpointKey) {
-        var _a;
-        if (acc[breakpointKey] === undefined) {
-            return __assign(__assign({}, acc), (_a = {}, _a[breakpointKey] = baseValue, _a));
+    var _a = useState(getInitialState), isMatched = _a[0], setIsMatched = _a[1];
+    useEffect(function () {
+        var mediaQueryList = typeof window !== 'undefined' && window.matchMedia(query);
+        var listener = function (event) {
+            setIsMatched(event.matches);
+        };
+        if (mediaQueryList) {
+            mediaQueryList.addEventListener('change', listener);
         }
-        baseValue = acc[breakpointKey];
-        return acc;
-    }, valuesPerBreakpoint);
-    return valuesForAllBreakpoints[currentBreakpoint];
+        return function () {
+            if (mediaQueryList) {
+                mediaQueryList.removeEventListener('change', listener);
+            }
+        };
+    }, [query]);
+    return isMatched;
 }
 //# sourceMappingURL=use-media-query.js.map

package/esm/utils/hooks/use-media-query/use-media-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-query.js","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/use-media-query.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAGxC,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAC,uBAAuB,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAEpE,IAAM,oBAAoB,GAAG;IAC3B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAoB,CAAC;IAC/D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB;IAC9B,IAAM,eAAe,GAAG,oBAAoB,EAAE,CAAC;IAC/C,IAAM,iBAAiB,GAAG,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACnE,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAI,QAAe;IACpD,IAAM,gBAAgB,GAAG,oBAAoB,EAAE,CAAC;IAChD,IAAM,KAAK,GAAG,QAAQ,EAAE,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,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;IAEpE,IAAI,mBAAmB,CAAC,iBAAiB,CAAC,KAAK,SAAS;QACtD,OAAO,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;IAEhD,iFAAiF;IACjF,IAAM,cAAc,GAAG,kBAAkB,CACvC,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"}
+{"version":3,"file":"use-media-query.js","sourceRoot":"","sources":["../../../../../src/utils/hooks/use-media-query/use-media-query.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE1C,MAAM,UAAU,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,QAAQ,CAAC,eAAe,CAAC,EAApD,SAAS,QAAA,EAAE,YAAY,QAA6B,CAAC;IAE5D,SAAS,CAAC;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"}

package/esm/utils/index.d.ts

@@ -8,4 +8,9 @@ export * from './style';
 export * from './with-default-props';
 export * from './with-own-theme';
 export * from './get-transition-duration';
+export * from './hooks/use-controlled';
+export * from './hooks/use-media-query';
+export * from './hooks/use-intersection';
+export * from './hooks/use-resize-observer';
+export * from './hooks/use-keypress';
 //# sourceMappingURL=index.d.ts.map

package/esm/utils/index.d.ts.map

@@ -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,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}
+{"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"}

package/esm/utils/index.js

@@ -8,4 +8,9 @@ export * from './style';
 export * from './with-default-props';
 export * from './with-own-theme';
 export * from './get-transition-duration';
+export * from './hooks/use-controlled';
+export * from './hooks/use-media-query';
+export * from './hooks/use-intersection';
+export * from './hooks/use-resize-observer';
+export * from './hooks/use-keypress';
 //# sourceMappingURL=index.js.map

package/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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"}
+{"version":3,"file":"index.js","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"}

package/esm/version-number.json

@@ -1,3 +1,3 @@
 {
-    "version": "6.2.2"
+    "version": "6.3.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newskit",
-  "version": "6.2.2",
+  "version": "6.3.0",
   "description": "A React Component library implementing the News design language",
   "keywords": [
     "react",