newskit 4.0.1 → 4.3.1

package/README.md

@@ -1,28 +1,81 @@
 <p align="center">
-  <a href="https://github.com/newscorp-ghfb/ncu-newskit">
-    <img width="500px" src="https://www.news.co.uk/wp-content/themes/newscouk/assets/img/logo.png">
+  <a href="https://www.newskit.co.uk">
+    <img width='550' src="https://www.newskit.co.uk/static/newskit-logo.svg">
   </a>
 </p>
 
-# <h1 align="center">News Kit</h1>
+# NewsKit
 
-**News Kit Design System** is a design system comprised of modern, responsive, living components which will be used as the base components for all publication titles at News UK.
+NewsKit is News UK’s design system. It provides interactive building blocks and guidelines for crafting cohesive digital product interfaces and accelerating development. Build better products faster.
 
-## Pre-requisites
+This document is focused on the React components, more expansive documentation can be found on our [website](http://newskit.co.uk).
 
-You will need to have a basic react application as pre-requisites to getting started:
+## Introduction
 
-* [Yarn](https://yarnpkg.com/en/docs/install#mac-stable) to install the project dependencies
+The NewsKit design system provides an npm package that exports a library of reusable React components and utilities that can be used as building blocks to compose web applications.
 
-## Getting Started
+## Why build products with NewsKit
 
-Once you have the above installed, run the following commands:
+### Accessible
 
-```sh
+NewsKit components folllow [WCAG guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/), [WAI Aria](https://www.w3.org/WAI/standards-guidelines/aria/) and [Aria-practices](https://www.w3.org/TR/wai-aria-practices/). Components are AA compliant with A11Y features built-in including props to extend their flexibility if required.
+
+### Adaptive
+
+NewsKit has an extensive [theming system](https://newskit.co.uk/foundations/overview/) that enables customization of style and layout. Additionally components support a range of properties to customise behaviour.
+
+### Productive
+
+Carefully crafted components ensure that teams using NewsKit can rapidly iterate on product requirements through re-use of common functionality. This promotes both consistency
+and common language across product development teams.
+
+## 💎 What’s included
+
+### React web components
+
+A collection high quality React [web components](https://newskit.co.uk/components/overview/) built using [TypeScript](https://www.typescriptlang.org/) and [Emotion](https://emotion.sh/docs/introduction).
+
+### Advanced theming system
+
+An advanced full-featured [theming system](https://newskit.co.uk/foundations/overview/) with the flexibility to meet the requirement of a single or multi-brand requirement, including both business and consumer products.
+
+### Utility functions
+
+A host of utility functions for use in third-party or custom components.
+
+### Guidance
+
+Comprehensive online documentation and guidelines.
+
+## 🙌 Browser support
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome  | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari |
+| --- | --- | --- |
+| last 2 versions | last 2 versions | last 2 versions |
+
+## ✅ Pre-requisites
+
+To start using NewsKit components in your projects your projects you will need the following:
+
+* [Node.js](https://nodejs.org/en/download/) with a minimum of node v14 installed
+* A project to install NewsKit into. If you need to create a new one try [Next.js](https://nextjs.org/learn/basics/create-nextjs-app) or [Create React App](https://create-react-app.dev/docs/getting-started/).
+
+## 📦 Install
+
+Use your favourite package manager to install NewsKit.
+
+```bash
+npm install newskit
+```
+
+```bash
 yarn add newskit
 ```
 
-Then on your react application, you can simply import the components like so:
+## 🔨 Usage
+
+NewsKit components can be used like any typical react components. One thing to bear in mind is that they will need to be descendants of a `ThemeProvider`, this can be thought of as the theme context, this theme will be applied to all of its descendants.
+The following example shows the "Hello World!" example of using a NewsKit component. More comprehensive usage documentation can be found on our [website](https://www.newskit.co.uk/getting-started/code/web/).
 
 ```typescript
 import {ThemeProvider, Tag, TagSize, newskitLightTheme} from 'newskit';
@@ -44,6 +97,23 @@ export default class App extends React.Component {
 }
 ```
 
-## Documentation about the components
+## 👉 What’s next
+
+* To start engineering with NewsKit, follow the steps in the [quickstart guide](https://nidigitalsolutions.jira.com/wiki/spaces/NPP/pages/2354218083).
+* Have a question? [Contact the NewsKit team via the contact form](https://newskit.co.uk/about/contact-us/).
+
+## 🐛 Bugs, Issues & Feature requests
+
+Feel free to reach out by raising issues on our [github](https://github.com/newscorp-ghfb/ncu-newskit/issues).
+
+## 🤝 Contributing
+
+See the [contributing guidelines](https://github.com/newscorp-ghfb/ncu-newskit/wiki/Contributing-Guidelines) in the wiki.
+
+## 🔗 Key Links
 
-A website with all the component documentation is available [here](https://newskit.co.uk/)
+* [NewsKit Documentation](https://www.newskit.co.uk/)
+* [View NewsKit Design System npm package](https://www.npmjs.com/package/newskit)
+* [Github repository](https://github.com/newscorp-ghfb/ncu-newskit)
+* [Medium](https://medium.com/newskit-design-system)
+* [Storybook](https://storybook.newskit.co.uk/)

package/cjs/amp/consent/consent-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consent-button.d.ts","sourceRoot":"","sources":["../../../../src/amp/consent/consent-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAID,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAcvD,CAAC"}
+{"version":3,"file":"consent-button.d.ts","sourceRoot":"","sources":["../../../../src/amp/consent/consent-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAKD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAcvD,CAAC"}

package/cjs/amp/consent/consent-button.js

@@ -33,6 +33,7 @@ exports.AmpConsentButton = void 0;
 var react_1 = __importDefault(require("react"));
 var style_1 = require("../../utils/style");
 var ConsentButton = style_1.styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+// eslint-disable-next-line @typescript-eslint/no-redeclare
 var AmpConsentButton = function (_a) {
     var _b = _a.settingsButtonText, settingsButtonText = _b === void 0 ? 'Privacy Settings' : _b, _c = _a.postPromptUI, postPromptUI = _c === void 0 ? 'privacy-settings-prompt' : _c, props = __rest(_a, ["settingsButtonText", "postPromptUI"]);
     return (react_1.default.createElement("div", { id: postPromptUI },

package/cjs/amp/consent/consent-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"consent-button.js","sourceRoot":"","sources":["../../../../src/amp/consent/consent-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,2CAAyC;AAQzC,IAAM,aAAa,GAAG,cAAM,CAAC,MAAM,qEAAkB,EAAE,IAAA,CAAC;AAEjD,IAAM,gBAAgB,GAA+B,UAAC,EAI5D;IAHC,IAAA,0BAAuC,EAAvC,kBAAkB,mBAAG,kBAAkB,KAAA,EACvC,oBAAwC,EAAxC,YAAY,mBAAG,yBAAyB,KAAA,EACrC,KAAK,cAHmD,sCAI5D,CADS;IACJ,OAAA,CACJ,uCAAK,EAAE,EAAE,YAAY;QACnB,8BAAC,aAAa,aACZ,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,yCAAyC,IACxC,KAAK,GAER,kBAAkB,CACL,CACZ,CACP,CAAA;CAAA,CAAC;AAdW,QAAA,gBAAgB,oBAc3B"}
+{"version":3,"file":"consent-button.js","sourceRoot":"","sources":["../../../../src/amp/consent/consent-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,2CAAyC;AAQzC,IAAM,aAAa,GAAG,cAAM,CAAC,MAAM,qEAAkB,EAAE,IAAA,CAAC;AAExD,2DAA2D;AACpD,IAAM,gBAAgB,GAA+B,UAAC,EAI5D;IAHC,IAAA,0BAAuC,EAAvC,kBAAkB,mBAAG,kBAAkB,KAAA,EACvC,oBAAwC,EAAxC,YAAY,mBAAG,yBAAyB,KAAA,EACrC,KAAK,cAHmD,sCAI5D,CADS;IACJ,OAAA,CACJ,uCAAK,EAAE,EAAE,YAAY;QACnB,8BAAC,aAAa,aACZ,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,yCAAyC,IACxC,KAAK,GAER,kBAAkB,CACL,CACZ,CACP,CAAA;CAAA,CAAC;AAdW,QAAA,gBAAgB,oBAc3B"}

package/cjs/amp/consent/consent.js

@@ -34,7 +34,7 @@ var consent_button_1 = require("./consent-button");
  * @param {SourcePointConfigProps} sourcePointConfig - The SourcePointConfig Object
  *
  */
-exports.Consent = scripts_1.connectAmpScript('amp-consent')(function (_a) {
+exports.Consent = (0, scripts_1.connectAmpScript)('amp-consent')(function (_a) {
     var settingsButtonText = _a.settingsButtonText, _b = _a.renderConsentButton, renderConsentButton = _b === void 0 ? true : _b, sourcePointConfig = _a.sourcePointConfig, _c = _a.postPromptUI, postPromptUI = _c === void 0 ? 'privacy-settings-prompt' : _c, policy = _a.policy, rest = __rest(_a, ["settingsButtonText", "renderConsentButton", "sourcePointConfig", "postPromptUI", "policy"]);
     return (react_1.default.createElement("amp-consent", { id: "consent", layout: "nodisplay" },
         react_1.default.createElement("script", { type: "application/json", dangerouslySetInnerHTML: {

package/cjs/amp/consent/consent.js.map

@@ -1 +1 @@
-{"version":3,"file":"consent.js","sourceRoot":"","sources":["../../../../src/amp/consent/consent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oCAAoC;AACpC,gDAA0B;AAC1B,sCAA4C;AAC5C,mDAAkD;AAyBlD;;;GAGG;AACU,QAAA,OAAO,GAAG,0BAAgB,CAAe,aAAa,CAAC,CAClE,UAAC,EAOA;IANC,IAAA,kBAAkB,wBAAA,EAClB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,iBAAiB,uBAAA,EACjB,oBAAwC,EAAxC,YAAY,mBAAG,yBAAyB,KAAA,EACxC,MAAM,YAAA,EACH,IAAI,cANR,4FAOA,CADQ;IACH,OAAA,CACJ,+CAAa,EAAE,EAAC,SAAS,EAAC,MAAM,EAAC,WAAW;QAC1C,0CACE,IAAI,EAAC,kBAAkB,EACvB,uBAAuB,EAAE;gBACvB,MAAM,EAAE,IAAI,CAAC,SAAS,YACpB,eAAe,EAAE,QAAQ,EACzB,iBAAiB,EAAE,aAAa,EAChC,YAAY,cAAA,EACZ,MAAM,QAAA,EACN,YAAY,aACV,OAAO,EAAE,IAAI,IACV,iBAAiB,KAEnB,IAAI,EACP;aACH,GACD;QACD,mBAAmB,IAAI,CACtB,8BAAC,iCAAgB,IACf,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,GAC1B,CACH,CACW,CACf,CAAA;CAAA,CACF,CAAC"}
+{"version":3,"file":"consent.js","sourceRoot":"","sources":["../../../../src/amp/consent/consent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oCAAoC;AACpC,gDAA0B;AAC1B,sCAA4C;AAC5C,mDAAkD;AAyBlD;;;GAGG;AACU,QAAA,OAAO,GAAG,IAAA,0BAAgB,EAAe,aAAa,CAAC,CAClE,UAAC,EAOA;IANC,IAAA,kBAAkB,wBAAA,EAClB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,iBAAiB,uBAAA,EACjB,oBAAwC,EAAxC,YAAY,mBAAG,yBAAyB,KAAA,EACxC,MAAM,YAAA,EACH,IAAI,cANR,4FAOA,CADQ;IACH,OAAA,CACJ,+CAAa,EAAE,EAAC,SAAS,EAAC,MAAM,EAAC,WAAW;QAC1C,0CACE,IAAI,EAAC,kBAAkB,EACvB,uBAAuB,EAAE;gBACvB,MAAM,EAAE,IAAI,CAAC,SAAS,YACpB,eAAe,EAAE,QAAQ,EACzB,iBAAiB,EAAE,aAAa,EAChC,YAAY,cAAA,EACZ,MAAM,QAAA,EACN,YAAY,aACV,OAAO,EAAE,IAAI,IACV,iBAAiB,KAEnB,IAAI,EACP;aACH,GACD;QACD,mBAAmB,IAAI,CACtB,8BAAC,iCAAgB,IACf,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,GAC1B,CACH,CACW,CACf,CAAA;CAAA,CACF,CAAC"}

package/cjs/amp/head/head.js.map

@@ -1 +1 @@
-{"version":3,"file":"head.js","sourceRoot":"","sources":["../../../../src/amp/head/head.tsx"],"names":[],"mappings":";;;;;;AAAA,oCAAoC;AACpC,gDAA0B;AAC1B,sCAA4E;AAQrE,IAAM,IAAI,GAAwB,UAAC,EAKzC;QAJC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,QAAQ,cAAA;IACJ,OAAA,CACJ,8BAAC,eAAK,CAAC,QAAQ;QACb,wCAAM,OAAO,EAAC,OAAO,GAAG;QACxB,6CAAQ,KAAK,CAAS;QACtB,wCACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,oDAAoD,GAC5D;QACF,wCAAM,IAAI,EAAE,SAAS,EAAE,GAAG,EAAC,WAAW,GAAG;QACxC,QAAQ;QACT,0CAAQ,KAAK,QAAC,GAAG,EAAC,kCAAkC,GAAG;QACvD,4DACkB,EAAE,EAClB,uBAAuB,EAAE;gBACvB,MAAM,EAAE,smBAEX;aACE,GACD;QACF;YACE,4DACkB,EAAE,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,oGAEX;iBACE,GACD,CACO;QACX,8BAAC,4BAAkB,IAAC,KAAK,EAAE,gBAAgB;YACzC,8BAAC,oBAAU,OAAG,CACK,CACN,CAClB;AAjCK,CAiCL,CAAC;AAtCW,QAAA,IAAI,QAsCf"}
+{"version":3,"file":"head.js","sourceRoot":"","sources":["../../../../src/amp/head/head.tsx"],"names":[],"mappings":";;;;;;AAAA,oCAAoC;AACpC,gDAA0B;AAC1B,sCAA4E;AAQrE,IAAM,IAAI,GAAwB,UAAC,EAKzC;QAJC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,QAAQ,cAAA;IACJ,OAAA,CACJ;QACE,wCAAM,OAAO,EAAC,OAAO,GAAG;QACxB,6CAAQ,KAAK,CAAS;QACtB,wCACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,oDAAoD,GAC5D;QACF,wCAAM,IAAI,EAAE,SAAS,EAAE,GAAG,EAAC,WAAW,GAAG;QACxC,QAAQ;QACT,0CAAQ,KAAK,QAAC,GAAG,EAAC,kCAAkC,GAAG;QACvD,4DACkB,EAAE,EAClB,uBAAuB,EAAE;gBACvB,MAAM,EAAE,smBAEX;aACE,GACD;QACF;YACE,4DACkB,EAAE,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,oGAEX;iBACE,GACD,CACO;QACX,8BAAC,4BAAkB,IAAC,KAAK,EAAE,gBAAgB;YACzC,8BAAC,oBAAU,OAAG,CACK,CACpB,CACJ;AAjCK,CAiCL,CAAC;AAtCW,QAAA,IAAI,QAsCf"}

package/cjs/amp/scripts/amp-scripts.js

@@ -11,7 +11,7 @@ var AmpScripts = function () { return (react_1.default.createElement(connect_amp
     if (scriptIds) {
         return (react_1.default.createElement(react_1.default.Fragment, null, Object.keys(scriptIds)
             .filter(function (scriptId) { return Boolean(scripts_1.scriptVersions[scriptId]); })
-            .map(function (scriptId) { return (react_1.default.createElement("script", { async: true, key: scriptId, "custom-element": scriptId, src: "https://cdn.ampproject.org/v0/" + scriptId + "-" + scripts_1.scriptVersions[scriptId] + ".js" })); })));
+            .map(function (scriptId) { return (react_1.default.createElement("script", { async: true, key: scriptId, "custom-element": scriptId, src: "https://cdn.ampproject.org/v0/".concat(scriptId, "-").concat(scripts_1.scriptVersions[scriptId], ".js") })); })));
     }
     return null;
 })); };

package/cjs/amp/scripts/amp-scripts.js.map

@@ -1 +1 @@
-{"version":3,"file":"amp-scripts.js","sourceRoot":"","sources":["../../../../src/amp/scripts/amp-scripts.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,qCAAqD;AACrD,2DAAwD;AAEjD,IAAM,UAAU,GAAa,cAAM,OAAA,CACxC,8BAAC,uCAAkB,QAChB,UAAA,SAAS;IACR,IAAI,SAAS,EAAE;QACb,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ,QACX,MAAM,CAAC,IAAI,CAAC,SAAS,CAAkB;aACtC,MAAM,CAAC,UAAA,QAAQ,IAAI,OAAA,OAAO,CAAC,wBAAc,CAAC,QAAQ,CAAC,CAAC,EAAjC,CAAiC,CAAC;aACrD,GAAG,CAAC,UAAA,QAAQ,IAAI,OAAA,CACf,0CACE,KAAK,QACL,GAAG,EAAE,QAAQ,oBACG,QAAQ,EACxB,GAAG,EAAE,mCAAiC,QAAQ,SAAI,wBAAc,CAAC,QAAQ,CAAC,QAAK,GAC/E,CACH,EAPgB,CAOhB,CAAC,CACW,CAClB,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CACkB,CACtB,EAtByC,CAsBzC,CAAC;AAtBW,QAAA,UAAU,cAsBrB"}
+{"version":3,"file":"amp-scripts.js","sourceRoot":"","sources":["../../../../src/amp/scripts/amp-scripts.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,qCAAqD;AACrD,2DAAwD;AAEjD,IAAM,UAAU,GAAa,cAAM,OAAA,CACxC,8BAAC,uCAAkB,QAChB,UAAA,SAAS;IACR,IAAI,SAAS,EAAE;QACb,OAAO,CACL,8DACI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAkB;aACtC,MAAM,CAAC,UAAA,QAAQ,IAAI,OAAA,OAAO,CAAC,wBAAc,CAAC,QAAQ,CAAC,CAAC,EAAjC,CAAiC,CAAC;aACrD,GAAG,CAAC,UAAA,QAAQ,IAAI,OAAA,CACf,0CACE,KAAK,QACL,GAAG,EAAE,QAAQ,oBACG,QAAQ,EACxB,GAAG,EAAE,wCAAiC,QAAQ,cAAI,wBAAc,CAAC,QAAQ,CAAC,QAAK,GAC/E,CACH,EAPgB,CAOhB,CAAC,CACH,CACJ,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CACkB,CACtB,EAtByC,CAsBzC,CAAC;AAtBW,QAAA,UAAU,cAsBrB"}

package/cjs/amp/scripts/connect-amp-script.js

@@ -36,14 +36,14 @@ var react_1 = __importStar(require("react"));
 var array_1 = require("../../utils/array");
 var createAmpScriptsObject = function () { return ({}); };
 exports.createAmpScriptsObject = createAmpScriptsObject;
-exports.AmpScriptsProvider = (_a = react_1.createContext(undefined), _a.Provider), exports.AmpScriptsConsumer = _a.Consumer;
+exports.AmpScriptsProvider = (_a = (0, react_1.createContext)(undefined), _a.Provider), exports.AmpScriptsConsumer = _a.Consumer;
 var connectAmpScript = function (scriptsToAdd) { return function (Component) { return function (props) { return (react_1.default.createElement(exports.AmpScriptsConsumer, null, function (scriptIds) {
     if (!scriptIds) {
         // eslint-disable-next-line no-console
-        console.warn("No script context available. Cannot add " + array_1.toArray(scriptsToAdd).join(', ') + " scripts");
+        console.warn("No script context available. Cannot add ".concat((0, array_1.toArray)(scriptsToAdd).join(', '), " scripts"));
     }
     else {
-        array_1.map(scriptsToAdd, function (scriptName) {
+        (0, array_1.map)(scriptsToAdd, function (scriptName) {
             // eslint-disable-next-line no-param-reassign
             scriptIds[scriptName] = true;
         });

package/cjs/amp/scripts/connect-amp-script.js.map

@@ -1 +1 @@
-{"version":3,"file":"connect-amp-script.js","sourceRoot":"","sources":["../../../../src/amp/scripts/connect-amp-script.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2C;AAE3C,2CAA2D;AAIpD,IAAM,sBAAsB,GAAG,cAAM,OAAA,CAAC,EAAuB,CAAA,EAAxB,CAAwB,CAAC;AAAxD,QAAA,sBAAsB,0BAAkC;AAGzD,QAAA,kBAAkB,IADjB,KAGT,qBAAa,CAA+B,SAAS,CAAC,gBAD9C,QAAA,kBAAkB,eAC6B;AAEpD,IAAM,gBAAgB,GAAG,UAC9B,YAAoC,IACjC,OAAA,UAAC,SAAiC,IAAK,OAAA,UAAC,KAAQ,IAAK,OAAA,CACxD,8BAAC,0BAAkB,QAChB,UAAA,SAAS;IACR,IAAI,CAAC,SAAS,EAAE;QACd,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,6CAA2C,eAAO,CAAC,YAAY,CAAC,CAAC,IAAI,CACnE,IAAI,CACL,aAAU,CACZ,CAAC;KACH;SAAM;QACL,WAAG,CAAC,YAAY,EAAE,UAAA,UAAU;YAC1B,6CAA6C;YAC7C,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC,CAAC;KACJ;IACD,OAAO,8BAAC,SAAS,eAAK,KAAK,EAAI,CAAC;AAClC,CAAC,CACkB,CACtB,EAnByD,CAmBzD,EAnB2C,CAmB3C,EAnBI,CAmBJ,CAAC;AArBW,QAAA,gBAAgB,oBAqB3B"}
+{"version":3,"file":"connect-amp-script.js","sourceRoot":"","sources":["../../../../src/amp/scripts/connect-amp-script.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2C;AAE3C,2CAA2D;AAIpD,IAAM,sBAAsB,GAAG,cAAM,OAAA,CAAC,EAAuB,CAAA,EAAxB,CAAwB,CAAC;AAAxD,QAAA,sBAAsB,0BAAkC;AAGzD,QAAA,kBAAkB,IADjB,KAGT,IAAA,qBAAa,EAA+B,SAAS,CAAC,gBAD9C,QAAA,kBAAkB,eAC6B;AAEpD,IAAM,gBAAgB,GAAG,UAC9B,YAAoC,IACjC,OAAA,UAAC,SAAiC,IAAK,OAAA,UAAC,KAAQ,IAAK,OAAA,CACxD,8BAAC,0BAAkB,QAChB,UAAA,SAAS;IACR,IAAI,CAAC,SAAS,EAAE;QACd,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,kDAA2C,IAAA,eAAO,EAAC,YAAY,CAAC,CAAC,IAAI,CACnE,IAAI,CACL,aAAU,CACZ,CAAC;KACH;SAAM;QACL,IAAA,WAAG,EAAC,YAAY,EAAE,UAAA,UAAU;YAC1B,6CAA6C;YAC7C,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC,CAAC;KACJ;IACD,OAAO,8BAAC,SAAS,eAAK,KAAK,EAAI,CAAC;AAClC,CAAC,CACkB,CACtB,EAnByD,CAmBzD,EAnB2C,CAmB3C,EAnBI,CAmBJ,CAAC;AArBW,QAAA,gBAAgB,oBAqB3B"}

package/cjs/amp/utils/render.js

@@ -4,9 +4,9 @@ exports.renderToStaticMarkup = void 0;
 var server_1 = require("react-dom/server");
 var style_tag_1 = require("./style-tag");
 var renderToStaticMarkup = function (bodyContent, headContent, existingStyles) {
-    var _a = style_tag_1.buildStyleTag(server_1.renderToStaticMarkup(bodyContent), existingStyles), bodyHtml = _a.body, style = _a.style;
-    var headHtml = server_1.renderToStaticMarkup(headContent);
-    return "<!doctype html><html amp><head>" + headHtml + style + "</head><body>" + bodyHtml + "</body></html>";
+    var _a = (0, style_tag_1.buildStyleTag)((0, server_1.renderToStaticMarkup)(bodyContent), existingStyles), bodyHtml = _a.body, style = _a.style;
+    var headHtml = (0, server_1.renderToStaticMarkup)(headContent);
+    return "<!doctype html><html amp><head>".concat(headHtml).concat(style, "</head><body>").concat(bodyHtml, "</body></html>");
 };
 exports.renderToStaticMarkup = renderToStaticMarkup;
 //# sourceMappingURL=render.js.map

package/cjs/amp/utils/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../../src/amp/utils/render.ts"],"names":[],"mappings":";;;AACA,2CAAgE;AAChE,yCAA0C;AAEnC,IAAM,oBAAoB,GAAG,UAClC,WAA+B,EAC/B,WAA+B,EAC/B,cAAuB;IAEjB,IAAA,KAA0B,yBAAa,CAC3C,6BAAM,CAAC,WAAW,CAAC,EACnB,cAAc,CACf,EAHY,QAAQ,UAAA,EAAE,KAAK,WAG3B,CAAC;IACF,IAAM,QAAQ,GAAG,6BAAM,CAAC,WAAW,CAAC,CAAC;IAErC,OAAO,oCAAkC,QAAQ,GAAG,KAAK,qBAAgB,QAAQ,mBAAgB,CAAC;AACpG,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B"}
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../../src/amp/utils/render.ts"],"names":[],"mappings":";;;AACA,2CAAgE;AAChE,yCAA0C;AAEnC,IAAM,oBAAoB,GAAG,UAClC,WAA+B,EAC/B,WAA+B,EAC/B,cAAuB;IAEjB,IAAA,KAA0B,IAAA,yBAAa,EAC3C,IAAA,6BAAM,EAAC,WAAW,CAAC,EACnB,cAAc,CACf,EAHY,QAAQ,UAAA,EAAE,KAAK,WAG3B,CAAC;IACF,IAAM,QAAQ,GAAG,IAAA,6BAAM,EAAC,WAAW,CAAC,CAAC;IAErC,OAAO,yCAAkC,QAAQ,SAAG,KAAK,0BAAgB,QAAQ,mBAAgB,CAAC;AACpG,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B"}

package/cjs/amp/utils/style-tag.js

@@ -16,7 +16,7 @@ var buildStyleTag = function (body, existingStyles) {
             acc.style += '</style>';
         }
         return acc;
-    }, { body: '', style: "<style amp-custom>" + existingStyles });
+    }, { body: '', style: "<style amp-custom>".concat(existingStyles) });
 };
 exports.buildStyleTag = buildStyleTag;
 //# sourceMappingURL=style-tag.js.map

package/cjs/amp/utils/style-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-tag.js","sourceRoot":"","sources":["../../../../src/amp/utils/style-tag.ts"],"names":[],"mappings":";;;AAAO,IAAM,aAAa,GAAG,UAAC,IAAY,EAAE,cAA2B;IAA3B,+BAAA,EAAA,mBAA2B;IACrE,OAAA,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,MAAM,CACvC,UAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK;QAClB,IAAI,IAAI,EAAE;YACR,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE;gBACjC,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAChC;iBAAM;gBACL,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC;aAClB;SACF;QACD,IAAI,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,GAAG,CAAC,KAAK,IAAI,UAAU,CAAC;SACzB;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,uBAAqB,cAAgB,EAGtD,CACF;AAlBD,CAkBC,CAAC;AAnBS,QAAA,aAAa,iBAmBtB"}
+{"version":3,"file":"style-tag.js","sourceRoot":"","sources":["../../../../src/amp/utils/style-tag.ts"],"names":[],"mappings":";;;AAAO,IAAM,aAAa,GAAG,UAAC,IAAY,EAAE,cAA2B;IAA3B,+BAAA,EAAA,mBAA2B;IACrE,OAAA,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,MAAM,CACvC,UAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK;QAClB,IAAI,IAAI,EAAE;YACR,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE;gBACjC,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAChC;iBAAM;gBACL,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC;aAClB;SACF;QACD,IAAI,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,GAAG,CAAC,KAAK,IAAI,UAAU,CAAC;SACzB;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,4BAAqB,cAAc,CAAE,EAGtD,CACF;AAlBD,CAkBC,CAAC;AAnBS,QAAA,aAAa,iBAmBtB"}

package/cjs/aspect-ratio/aspect-ratio.js

@@ -9,12 +9,12 @@ var get_aspect_ratio_1 = require("../utils/get-aspect-ratio");
 var styled_1 = require("./styled");
 var AspectRatio = function (_a) {
     var aspectRatio = _a.aspectRatio, width = _a.width, height = _a.height, children = _a.children, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth;
-    var _b = get_aspect_ratio_1.getAspectRatioStyles({
+    var _b = (0, get_aspect_ratio_1.getAspectRatioStyles)({
         aspectRatio: aspectRatio,
         width: width,
         height: height,
     }), paddingTop = _b.paddingTop, $width = _b.width, $height = _b.height;
-    var _c = get_aspect_ratio_1.getAspectRatioStyles({
+    var _c = (0, get_aspect_ratio_1.getAspectRatioStyles)({
         aspectRatio: aspectRatio,
         width: maxWidth,
         height: maxHeight,

package/cjs/aspect-ratio/aspect-ratio.js.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../../src/aspect-ratio/aspect-ratio.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,8DAA+D;AAC/D,mCAA8C;AAGvC,IAAM,WAAW,GAA+B,UAAC,EAOvD;QANC,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA;IAEF,IAAA,KAA+C,uCAAoB,CAAC;QACxE,WAAW,aAAA;QACX,KAAK,OAAA;QACL,MAAM,QAAA;KACP,CAAC,EAJK,UAAU,gBAAA,EAAS,MAAM,WAAA,EAAU,OAAO,YAI/C,CAAC;IACG,IAAA,KAAmC,uCAAoB,CAAC;QAC5D,WAAW,aAAA;QACX,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,SAAS;KAClB,CAAC,EAJY,MAAM,WAAA,EAAU,OAAO,YAInC,CAAC;IACH,OAAO,CACL,8BAAC,kBAAS,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM;QACrE,8BAAC,kBAAS,cAAS,MAAM,aAAW,OAAO,IACxC,QAAQ,CACC,CACF,CACb,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB"}
+{"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../../src/aspect-ratio/aspect-ratio.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,8DAA+D;AAC/D,mCAA8C;AAGvC,IAAM,WAAW,GAA+B,UAAC,EAOvD;QANC,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA;IAEF,IAAA,KAA+C,IAAA,uCAAoB,EAAC;QACxE,WAAW,aAAA;QACX,KAAK,OAAA;QACL,MAAM,QAAA;KACP,CAAC,EAJK,UAAU,gBAAA,EAAS,MAAM,WAAA,EAAU,OAAO,YAI/C,CAAC;IACG,IAAA,KAAmC,IAAA,uCAAoB,EAAC;QAC5D,WAAW,aAAA;QACX,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,SAAS;KAClB,CAAC,EAJY,MAAM,WAAA,EAAU,OAAO,YAInC,CAAC;IACH,OAAO,CACL,8BAAC,kBAAS,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM;QACrE,8BAAC,kBAAS,cAAS,MAAM,aAAW,OAAO,IACxC,QAAQ,CACC,CACF,CACb,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB"}

package/cjs/aspect-ratio/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/aspect-ratio/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,aAAa,EACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,gBACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/aspect-ratio/types.ts"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,aAAa,EACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,kBAAkB,EAAC,MAAM,2BAA2B,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,gBACf,SAAQ,kBAAkB,EACxB,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC;CAAG"}

package/cjs/{text-field → assistive-text}/assistive-text.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AssistiveTextProps } from './types';
-export declare const AssistiveText: ({ overrides, size, state, children, ...props }: AssistiveTextProps) => JSX.Element;
+export declare const AssistiveText: ({ overrides, size, state, children, startEnhancer, endEnhancer, ...props }: AssistiveTextProps) => JSX.Element;
 //# sourceMappingURL=assistive-text.d.ts.map

package/cjs/assistive-text/assistive-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistive-text.d.ts","sourceRoot":"","sources":["../../../src/assistive-text/assistive-text.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,aAAa,+EAQvB,kBAAkB,gBAwBpB,CAAC"}

package/cjs/{text-field → assistive-text}/assistive-text.js

@@ -28,10 +28,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AssistiveText = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
-var types_1 = require("./types");
+var with_enhancers_1 = require("../with-enhancers/with-enhancers");
 var AssistiveText = function (_a) {
-    var overrides = _a.overrides, _b = _a.size, size = _b === void 0 ? types_1.TextFieldSize.Medium : _b, state = _a.state, children = _a.children, props = __rest(_a, ["overrides", "size", "state", "children"]);
-    return (react_1.default.createElement(styled_1.StyledAssistiveTextContainer, { size: size, overrides: overrides }, children && (react_1.default.createElement(styled_1.StyledAssistiveText, __assign({ size: size, overrides: overrides, state: state, role: state === 'invalid' ? 'alert' : undefined, "aria-live": state === 'invalid' ? 'polite' : undefined }, props), children))));
+    var overrides = _a.overrides, _b = _a.size, size = _b === void 0 ? 'medium' : _b, state = _a.state, children = _a.children, startEnhancer = _a.startEnhancer, endEnhancer = _a.endEnhancer, props = __rest(_a, ["overrides", "size", "state", "children", "startEnhancer", "endEnhancer"]);
+    return (react_1.default.createElement(with_enhancers_1.WithEnhancers, { componentDefaultsPath: "assistiveText.".concat(size), overrides: overrides, state: state, startEnhancer: startEnhancer, endEnhancer: endEnhancer, marginPosition: "inside", alignSelf: "start" }, children && (react_1.default.createElement(styled_1.StyledAssistiveText, __assign({ "aria-disabled": state === 'disabled' ? true : undefined, size: size, overrides: overrides, state: state, role: state === 'invalid' ? 'alert' : undefined, "aria-live": state === 'invalid' ? 'polite' : undefined }, props), children))));
 };
 exports.AssistiveText = AssistiveText;
 //# sourceMappingURL=assistive-text.js.map

package/cjs/assistive-text/assistive-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistive-text.js","sourceRoot":"","sources":["../../../src/assistive-text/assistive-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,mCAA6C;AAC7C,mEAA+D;AAGxD,IAAM,aAAa,GAAG,UAAC,EAQT;IAPnB,IAAA,SAAS,eAAA,EACT,YAAgC,EAAhC,IAAI,mBAAG,QAAyB,KAAA,EAChC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,WAAW,iBAAA,EACR,KAAK,cAPoB,0EAQ7B,CADS;IACgB,OAAA,CACxB,8BAAC,8BAAa,IACZ,qBAAqB,EAAE,wBAAiB,IAAI,CAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,OAAO,IAEhB,QAAQ,IAAI,CACX,8BAAC,4BAAmB,8BACH,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,eACpC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACjD,KAAK,GAER,QAAQ,CACW,CACvB,CACa,CACjB,CAAA;CAAA,CAAC;AAhCW,QAAA,aAAa,iBAgCxB"}

package/cjs/assistive-text/index.d.ts

@@ -0,0 +1,3 @@
+export * from './assistive-text';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/cjs/assistive-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assistive-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/cjs/assistive-text/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./assistive-text"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/assistive-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assistive-text/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB"}

package/cjs/assistive-text/styled.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TextBlockProps } from '../text-block/types';
+export declare const StyledAssistiveText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TextBlockProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Omit<TextBlockProps, "overrides"> & Omit<import("../with-enhancers/types").WithEnhancersProps, "isFocused" | "componentDefaultsPath" | "enhancersType"> & {
+    overrides?: (import("../form/types").EnhancerOverrides & {
+        stylePreset?: import("../utils/style").MQ<string> | undefined;
+        typographyPreset?: import("../utils/style").MQ<string> | undefined;
+        minHeight?: import("../utils/style").MQ<string> | undefined;
+    }) | undefined;
+}, {}, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/cjs/assistive-text/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/assistive-text/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAOnD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;UAe/B,CAAC"}

package/cjs/assistive-text/styled.js

@@ -0,0 +1,24 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledAssistiveText = void 0;
+var text_block_1 = require("../text-block");
+var style_1 = require("../utils/style");
+exports.StyledAssistiveText = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex: 1;\n\n  ", "\n  ", "\n"], ["\n  flex: 1;\n\n  ", "\n  ", "\n"])), function (_a) {
+    var size = _a.size, state = _a.state;
+    return (0, style_1.getStylePreset)("assistiveText.".concat(size), '', {
+        isInvalid: state === 'invalid',
+        isDisabled: state === 'disabled',
+        isValid: state === 'valid',
+    });
+}, function (_a) {
+    var size = _a.size;
+    return (0, style_1.getTypographyPreset)("assistiveText.".concat(size), '', {
+        withCrop: true,
+    });
+});
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/cjs/assistive-text/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/assistive-text/styled.tsx"],"names":[],"mappings":";;;;;;;AACA,4CAAwC;AAExC,wCAA2E;AAI9D,QAAA,mBAAmB,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,qGAEnD,oBAGG,EAKE,MACF,EAGE,IACL,KAVG,UAAC,EAAa;QAAZ,IAAI,UAAA,EAAE,KAAK,WAAA;IACb,OAAA,IAAA,sBAAc,EAAC,wBAAiB,IAAI,CAAE,EAAE,EAAE,EAAE;QAC1C,SAAS,EAAE,KAAK,KAAK,SAAS;QAC9B,UAAU,EAAE,KAAK,KAAK,UAAU;QAChC,OAAO,EAAE,KAAK,KAAK,OAAO;KAC3B,CAAC;AAJF,CAIE,EACF,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,2BAAmB,EAAC,wBAAiB,IAAI,CAAE,EAAE,EAAE,EAAE;QAC/C,QAAQ,EAAE,IAAI;KACf,CAAC;AAFF,CAEE,EACJ"}

package/cjs/assistive-text/types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { EnhancerOverrides } from '../form/types';
+import { MQ } from '../utils/style';
+import { WithEnhancersProps } from '../with-enhancers/types';
+export declare type AssistiveTextProps = React.HTMLAttributes<HTMLParagraphElement> & Omit<WithEnhancersProps, 'enhancersType' | 'isFocused' | 'componentDefaultsPath'> & {
+    overrides?: EnhancerOverrides & {
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+        minHeight?: MQ<string>;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/cjs/assistive-text/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/assistive-text/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAE3D,oBAAY,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GACzE,IAAI,CACF,kBAAkB,EAClB,eAAe,GAAG,WAAW,GAAG,uBAAuB,CACxD,GAAG;IACF,SAAS,CAAC,EAAE,iBAAiB,GAAG;QAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACxB,CAAC;CACH,CAAC"}

package/cjs/assistive-text/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/assistive-text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/assistive-text/types.ts"],"names":[],"mappings":""}

package/cjs/audio-player/audio-functions.js

@@ -26,8 +26,8 @@ var version_number_json_1 = require("../version-number.json");
 var useAudioFunctions = function (_a) {
     var _b;
     var onPreviousTrack = _a.onPreviousTrack, onNextTrack = _a.onNextTrack, autoPlay = _a.autoPlay, disablePreviousTrack = _a.disablePreviousTrack, src = _a.src, live = _a.live, duration = _a.duration, loading = _a.loading, playing = _a.playing, showLoaderTimeoutRef = _a.showLoaderTimeoutRef, trackPositionRef = _a.trackPositionRef, audioRef = _a.audioRef, setLoading = _a.setLoading, setTrackPosition = _a.setTrackPosition, setPlayState = _a.setPlayState, setVolume = _a.setVolume, setDuration = _a.setDuration, setDisplayDuration = _a.setDisplayDuration, setBuffered = _a.setBuffered, setIsPrevTrackBtnDisabled = _a.setIsPrevTrackBtnDisabled;
-    var fireEvent = instrumentation_1.useInstrumentation().fireEvent;
-    var ifPlayer = react_1.useCallback(function (fn) {
+    var fireEvent = (0, instrumentation_1.useInstrumentation)().fireEvent;
+    var ifPlayer = (0, react_1.useCallback)(function (fn) {
         var player = audioRef.current;
         // No need to test the else, player should always be defined, if not we just ignore.
         /* istanbul ignore else */
@@ -35,16 +35,16 @@ var useAudioFunctions = function (_a) {
             fn(player);
         }
     }, [audioRef]);
-    var buildMediaData = react_1.useCallback(function () {
+    var buildMediaData = (0, react_1.useCallback)(function () {
         var playerData = {
-            media_player: "newskit-audio-player-" + version_number_json_1.version,
+            media_player: "newskit-audio-player-".concat(version_number_json_1.version),
             media_type: 'audio',
         };
         return live
             ? playerData
-            : __assign(__assign({}, playerData), { media_duration: utils_1.formatTrackTime(duration), media_milestone: calculate_string_percentage_1.default(trackPositionRef.current, duration), media_segment: utils_1.getMediaSegment(duration, trackPositionRef.current), media_offset: utils_1.formatTrackTime(trackPositionRef.current) });
+            : __assign(__assign({}, playerData), { media_duration: (0, utils_1.formatTrackTime)(duration), media_milestone: (0, calculate_string_percentage_1.default)(trackPositionRef.current, duration), media_segment: (0, utils_1.getMediaSegment)(duration, trackPositionRef.current), media_offset: (0, utils_1.formatTrackTime)(trackPositionRef.current) });
     }, [duration, live, trackPositionRef]);
-    var getTrackingInformation = react_1.useCallback(function (originator, eventTrigger, eventSpecificInfo) {
+    var getTrackingInformation = (0, react_1.useCallback)(function (originator, eventTrigger, eventSpecificInfo) {
         var context = __assign(__assign({}, buildMediaData()), eventSpecificInfo);
         var trackingInformation = {
             originator: originator,
@@ -53,32 +53,32 @@ var useAudioFunctions = function (_a) {
         };
         return trackingInformation;
     }, [buildMediaData]);
-    var onWaiting = react_1.useCallback(function () {
+    var onWaiting = (0, react_1.useCallback)(function () {
         clearTimeout(showLoaderTimeoutRef.current);
         // We are giving some extra time before setting loading state
         // to avoid flickering of the play/loading button when
         // skipping back to already buffered time.
         showLoaderTimeoutRef.current = window.setTimeout(function () { return setLoading(true); }, 700);
     }, [setLoading, showLoaderTimeoutRef]);
-    var onCanPlay = react_1.useCallback(function () {
+    var onCanPlay = (0, react_1.useCallback)(function () {
         clearTimeout(showLoaderTimeoutRef.current);
         setLoading(false);
     }, [setLoading, showLoaderTimeoutRef]);
-    var updateAudioTime = react_1.useCallback(function (playerTime) {
-        var newPlayerTime = value_in_range_1.getValueInRange(playerTime, [0, duration]);
+    var updateAudioTime = (0, react_1.useCallback)(function (playerTime) {
+        var newPlayerTime = (0, value_in_range_1.getValueInRange)(playerTime, [0, duration]);
         setTrackPosition([newPlayerTime]);
         ifPlayer(function (player) {
             player.currentTime = newPlayerTime;
         });
     }, [duration, setTrackPosition, ifPlayer]);
-    var updateAudioVolume = react_1.useCallback(function (vol) {
+    var updateAudioVolume = (0, react_1.useCallback)(function (vol) {
         window.localStorage.setItem('newskit-audioplayer-volume', vol.toString());
         setVolume(vol);
         ifPlayer(function (player) {
             player.volume = vol;
         });
     }, [ifPlayer, setVolume]);
-    var onClickPrevious = react_1.useCallback(function () {
+    var onClickPrevious = (0, react_1.useCallback)(function () {
         if (trackPositionRef.current > 5) {
             updateAudioTime(0);
             return;
@@ -89,37 +89,37 @@ var useAudioFunctions = function (_a) {
             onPreviousTrack();
         }
     }, [trackPositionRef, onPreviousTrack, updateAudioTime]);
-    var onClickNext = react_1.useCallback(function () {
+    var onClickNext = (0, react_1.useCallback)(function () {
         // If no function is passed, the button is disabled, check is just to be sure; the else can't be tested.
         /* istanbul ignore else */
         if (onNextTrack) {
             onNextTrack();
         }
     }, [onNextTrack]);
-    var onClickBackward = react_1.useCallback(function () {
+    var onClickBackward = (0, react_1.useCallback)(function () {
         updateAudioTime(trackPositionRef.current - 10);
         var trackingInformation = getTrackingInformation('audio-player-skip-backward', instrumentation_1.EventTrigger.Click, { event_navigation_name: 'backward skip' });
         fireEvent(trackingInformation);
     }, [fireEvent, getTrackingInformation, updateAudioTime, trackPositionRef]);
-    var onClickForward = react_1.useCallback(function () {
+    var onClickForward = (0, react_1.useCallback)(function () {
         updateAudioTime(trackPositionRef.current + 10);
         var trackingInformation = getTrackingInformation('audio-player-skip-forward', instrumentation_1.EventTrigger.Click, { event_navigation_name: 'forward skip' });
         fireEvent(trackingInformation);
     }, [fireEvent, getTrackingInformation, updateAudioTime, trackPositionRef]);
-    var onDurationChange = react_1.useCallback(function (_a) {
+    var onDurationChange = (0, react_1.useCallback)(function (_a) {
         var target = _a.target;
         var tgt = target;
         setDuration(tgt.duration);
         setDisplayDuration(tgt.duration);
         setBuffered(tgt.buffered);
     }, [setBuffered, setDuration, setDisplayDuration]);
-    var play = react_1.useCallback(function () {
+    var play = (0, react_1.useCallback)(function () {
         ifPlayer(function (player) {
             setPlayState(true);
             player.play();
         });
     }, [ifPlayer, setPlayState]);
-    var onPlay = react_1.useCallback(function () {
+    var onPlay = (0, react_1.useCallback)(function () {
         if (autoPlay) {
             fireEvent(getTrackingInformation('audio-player-audio', instrumentation_1.EventTrigger.Start));
         }
@@ -128,13 +128,13 @@ var useAudioFunctions = function (_a) {
             fireEvent(getTrackingInformation('audio-player-play-button', instrumentation_1.EventTrigger.Click));
         }
     }, [autoPlay, fireEvent, playing, getTrackingInformation, play]);
-    var pause = react_1.useCallback(function () {
+    var pause = (0, react_1.useCallback)(function () {
         ifPlayer(function (player) {
             setPlayState(false);
             player.pause();
         });
     }, [ifPlayer, setPlayState]);
-    var onPause = react_1.useCallback(function () {
+    var onPause = (0, react_1.useCallback)(function () {
         if (playing) {
             pause();
             fireEvent(getTrackingInformation(live ? 'audio-player-stop-button' : 'audio-player-pause-button', instrumentation_1.EventTrigger.Click));
@@ -144,7 +144,7 @@ var useAudioFunctions = function (_a) {
         pause();
         fireEvent(getTrackingInformation('audio-player-popout', instrumentation_1.EventTrigger.Click));
     };
-    var togglePlay = react_1.useCallback(function () {
+    var togglePlay = (0, react_1.useCallback)(function () {
         if (loading) {
             return;
         }
@@ -174,22 +174,22 @@ var useAudioFunctions = function (_a) {
             setIsPrevTrackBtnDisabled(Boolean(disablePreviousTrack));
         }
     };
-    var onVolumeChange = react_1.useCallback(function (_a) {
+    var onVolumeChange = (0, react_1.useCallback)(function (_a) {
         var target = _a.target;
         updateAudioVolume(target.volume);
     }, [updateAudioVolume]);
-    var onChangeSlider = react_1.useCallback(function (_a) {
+    var onChangeSlider = (0, react_1.useCallback)(function (_a) {
         var value = _a[0];
         updateAudioTime(value);
     }, [updateAudioTime]);
-    var onChangeVolumeSlider = react_1.useCallback(function (value) {
+    var onChangeVolumeSlider = (0, react_1.useCallback)(function (value) {
         updateAudioVolume(value);
     }, [updateAudioVolume]);
-    var onEnded = react_1.useCallback(function () {
+    var onEnded = (0, react_1.useCallback)(function () {
         var trackingInformation = getTrackingInformation('audio-complete', instrumentation_1.EventTrigger.End);
         fireEvent(trackingInformation);
     }, [getTrackingInformation, fireEvent]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         ifPlayer(function (player) {
             player.load();
             onWaiting();
@@ -206,7 +206,7 @@ var useAudioFunctions = function (_a) {
             clearTimeout(showLoaderTimeoutRef.current);
         };
     }, [src]); // eslint-disable-line react-hooks/exhaustive-deps
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var storedVolume = parseFloat((typeof window !== 'undefined' &&
             window.localStorage.getItem('newskit-audioplayer-volume')) ||
             '');