@elliemae/ds-accessibility 3.0.0-next.66 → 3.0.0-next.67

package/dist/cjs/index.js

@@ -19,4 +19,5 @@ var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 __reExport(src_exports, require("./skip-to"), module.exports);
+__reExport(src_exports, require("./live-region"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './skip-to';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,sBAAd;",
+  "sourcesContent": ["export * from './skip-to';\nexport * from './live-region';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,sBAAd;AACA,wBAAc,0BADd;",
   "names": []
 }

package/dist/cjs/live-region/DSLiveRegion.js

@@ -0,0 +1,51 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSLiveRegion_exports = {};
+__export(DSLiveRegion_exports, {
+  DSLiveRegion: () => DSLiveRegion,
+  DSLiveRegionWithSchema: () => DSLiveRegionWithSchema
+});
+module.exports = __toCommonJS(DSLiveRegion_exports);
+var React = __toESM(require("react"));
+var import_react_dom = __toESM(require("react-dom"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_styles = require("./styles");
+var import_propTypes = require("./propTypes");
+const DSLiveRegion = (0, import_react.memo)((props) => {
+  const [text, setText] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (props.methods && props.methods.current) {
+      props.methods.current.read = setText;
+    }
+  }, [props.methods]);
+  if (text === "")
+    return null;
+  return import_react_dom.default.createPortal(/* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
+    "aria-atomic": true,
+    id: props["id"],
+    role: props["role"],
+    "aria-live": props["aria-live"] || "polite"
+  }, text), props.portal?.current || document.body);
+});
+const DSLiveRegionWithSchema = (0, import_ds_utilities.describe)(DSLiveRegion);
+DSLiveRegionWithSchema.propTypes = import_propTypes.propTypes;
+//# sourceMappingURL=DSLiveRegion.js.map

package/dist/cjs/live-region/DSLiveRegion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/live-region/DSLiveRegion.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import ReactDOM from 'react-dom';\nimport React, { memo, useEffect, useState } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { StyledContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport type { DSLiveRegionT } from './propTypes';\n\nconst DSLiveRegion = memo((props: DSLiveRegionT.Props): JSX.Element | null => {\n  const [text, setText] = useState('');\n\n  useEffect(() => {\n    if (props.methods && props.methods.current) {\n      props.methods.current.read = setText;\n    }\n  }, [props.methods]);\n\n  if (text === '') return null;\n\n  return ReactDOM.createPortal(\n    <StyledContainer aria-atomic id={props['id']} role={props['role']} aria-live={props['aria-live'] || 'polite'}>\n      {text}\n    </StyledContainer>,\n    props.portal?.current || document.body,\n  );\n});\n\nconst DSLiveRegionWithSchema = describe(DSLiveRegion);\nDSLiveRegionWithSchema.propTypes = propTypes;\n\nexport { DSLiveRegion, DSLiveRegionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAqB;AACrB,mBAAiD;AACjD,0BAAyB;AACzB,oBAAgC;AAChC,uBAA0B;AAG1B,MAAM,eAAe,uBAAK,CAAC,UAAmD;AAC5E,QAAM,CAAC,MAAM,WAAW,2BAAS,EAAE;AAEnC,8BAAU,MAAM;AACd,QAAI,MAAM,WAAW,MAAM,QAAQ,SAAS;AAC1C,YAAM,QAAQ,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,MAAI,SAAS;AAAI,WAAO;AAExB,SAAO,yBAAS,aACd,mDAAC;AAAA,IAAgB,eAAW;AAAA,IAAC,IAAI,MAAM;AAAA,IAAO,MAAM,MAAM;AAAA,IAAS,aAAW,MAAM,gBAAgB;AAAA,KACjG,IACH,GACA,MAAM,QAAQ,WAAW,SAAS,IACpC;AACF,CAAC;AAED,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/cjs/live-region/index.js

@@ -0,0 +1,22 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var live_region_exports = {};
+module.exports = __toCommonJS(live_region_exports);
+var React = __toESM(require("react"));
+__reExport(live_region_exports, require("./DSLiveRegion"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/live-region/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/live-region/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSLiveRegion';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAc,2BAAd;",
+  "names": []
+}

package/dist/cjs/live-region/propTypes.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var propTypes_exports = {};
+__export(propTypes_exports, {
+  propTypes: () => propTypes
+});
+module.exports = __toCommonJS(propTypes_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const propTypes = {
+  methods: import_ds_utilities.PropTypes.object.description("Ref Object."),
+  portal: import_ds_utilities.PropTypes.node.description("Sets a custom portal").defaultValue("Body Element."),
+  ["aria-live"]: import_ds_utilities.PropTypes.oneOf(["assertive", "polite", "off"]).description("Selects your aria live mode."),
+  role: import_ds_utilities.PropTypes.oneOf(["log", "status", "alert", "progressbar", "marquee", "timer"]).description("Selects your specific role."),
+  id: import_ds_utilities.PropTypes.string.description("Unique id for the Live Region.")
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/cjs/live-region/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/live-region/propTypes.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport type React from 'react';\n\nexport declare module DSLiveRegionT {\n  interface Methods {\n    read: React.Dispatch<React.SetStateAction<string>>;\n  }\n  export interface Props {\n    methods?: React.MutableRefObject<Methods>;\n    portal?: React.MutableRefObject<HTMLElement>;\n    ['aria-live']?: 'off' | 'assertive' | 'polite';\n    role?: 'log' | 'status' | 'alert' | 'progressbar' | 'marquee' | 'timer';\n    id?: string;\n  }\n}\n\nexport const propTypes = {\n  methods: PropTypes.object.description('Ref Object.'),\n  portal: PropTypes.node.description('Sets a custom portal').defaultValue('Body Element.'),\n  ['aria-live']: PropTypes.oneOf(['assertive', 'polite', 'off']).description('Selects your aria live mode.'),\n  role: PropTypes.oneOf(['log', 'status', 'alert', 'progressbar', 'marquee', 'timer']).description(\n    'Selects your specific role.',\n  ),\n  id: PropTypes.string.description('Unique id for the Live Region.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAgBnB,MAAM,YAAY;AAAA,EACvB,SAAS,8BAAU,OAAO,YAAY,aAAa;AAAA,EACnD,QAAQ,8BAAU,KAAK,YAAY,sBAAsB,EAAE,aAAa,eAAe;AAAA,GACtF,cAAc,8BAAU,MAAM,CAAC,aAAa,UAAU,KAAK,CAAC,EAAE,YAAY,8BAA8B;AAAA,EACzG,MAAM,8BAAU,MAAM,CAAC,OAAO,UAAU,SAAS,eAAe,WAAW,OAAO,CAAC,EAAE,YACnF,6BACF;AAAA,EACA,IAAI,8BAAU,OAAO,YAAY,gCAAgC;AACnE;",
+  "names": []
+}

package/dist/cjs/live-region/styles.js

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  StyledContainer: () => StyledContainer
+});
+module.exports = __toCommonJS(styles_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const StyledContainer = import_ds_system.styled.div`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: 0;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
+  white-space: nowrap;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/live-region/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/live-region/styles.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const StyledContainer = styled.div`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  border: 0;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,3 +1,4 @@
 import * as React from "react";
 export * from "./skip-to";
+export * from "./live-region";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './skip-to';\n"],
-  "mappings": "AAAA;ACAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './skip-to';\nexport * from './live-region';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
   "names": []
 }

package/dist/esm/live-region/DSLiveRegion.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import ReactDOM from "react-dom";
+import React2, { memo, useEffect, useState } from "react";
+import { describe } from "@elliemae/ds-utilities";
+import { StyledContainer } from "./styles";
+import { propTypes } from "./propTypes";
+const DSLiveRegion = memo((props) => {
+  const [text, setText] = useState("");
+  useEffect(() => {
+    if (props.methods && props.methods.current) {
+      props.methods.current.read = setText;
+    }
+  }, [props.methods]);
+  if (text === "")
+    return null;
+  return ReactDOM.createPortal(/* @__PURE__ */ React2.createElement(StyledContainer, {
+    "aria-atomic": true,
+    id: props["id"],
+    role: props["role"],
+    "aria-live": props["aria-live"] || "polite"
+  }, text), props.portal?.current || document.body);
+});
+const DSLiveRegionWithSchema = describe(DSLiveRegion);
+DSLiveRegionWithSchema.propTypes = propTypes;
+export {
+  DSLiveRegion,
+  DSLiveRegionWithSchema
+};
+//# sourceMappingURL=DSLiveRegion.js.map

package/dist/esm/live-region/DSLiveRegion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/DSLiveRegion.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import ReactDOM from 'react-dom';\nimport React, { memo, useEffect, useState } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { StyledContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport type { DSLiveRegionT } from './propTypes';\n\nconst DSLiveRegion = memo((props: DSLiveRegionT.Props): JSX.Element | null => {\n  const [text, setText] = useState('');\n\n  useEffect(() => {\n    if (props.methods && props.methods.current) {\n      props.methods.current.read = setText;\n    }\n  }, [props.methods]);\n\n  if (text === '') return null;\n\n  return ReactDOM.createPortal(\n    <StyledContainer aria-atomic id={props['id']} role={props['role']} aria-live={props['aria-live'] || 'polite'}>\n      {text}\n    </StyledContainer>,\n    props.portal?.current || document.body,\n  );\n});\n\nconst DSLiveRegionWithSchema = describe(DSLiveRegion);\nDSLiveRegionWithSchema.propTypes = propTypes;\n\nexport { DSLiveRegion, DSLiveRegionWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAGA,MAAM,eAAe,KAAK,CAAC,UAAmD;AAC5E,QAAM,CAAC,MAAM,WAAW,SAAS,EAAE;AAEnC,YAAU,MAAM;AACd,QAAI,MAAM,WAAW,MAAM,QAAQ,SAAS;AAC1C,YAAM,QAAQ,QAAQ,OAAO;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,MAAI,SAAS;AAAI,WAAO;AAExB,SAAO,SAAS,aACd,qCAAC;AAAA,IAAgB,eAAW;AAAA,IAAC,IAAI,MAAM;AAAA,IAAO,MAAM,MAAM;AAAA,IAAS,aAAW,MAAM,gBAAgB;AAAA,KACjG,IACH,GACA,MAAM,QAAQ,WAAW,SAAS,IACpC;AACF,CAAC;AAED,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/esm/live-region/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./DSLiveRegion";
+//# sourceMappingURL=index.js.map

package/dist/esm/live-region/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSLiveRegion';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/live-region/propTypes.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-utilities";
+const propTypes = {
+  methods: PropTypes.object.description("Ref Object."),
+  portal: PropTypes.node.description("Sets a custom portal").defaultValue("Body Element."),
+  ["aria-live"]: PropTypes.oneOf(["assertive", "polite", "off"]).description("Selects your aria live mode."),
+  role: PropTypes.oneOf(["log", "status", "alert", "progressbar", "marquee", "timer"]).description("Selects your specific role."),
+  id: PropTypes.string.description("Unique id for the Live Region.")
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/live-region/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/propTypes.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport type React from 'react';\n\nexport declare module DSLiveRegionT {\n  interface Methods {\n    read: React.Dispatch<React.SetStateAction<string>>;\n  }\n  export interface Props {\n    methods?: React.MutableRefObject<Methods>;\n    portal?: React.MutableRefObject<HTMLElement>;\n    ['aria-live']?: 'off' | 'assertive' | 'polite';\n    role?: 'log' | 'status' | 'alert' | 'progressbar' | 'marquee' | 'timer';\n    id?: string;\n  }\n}\n\nexport const propTypes = {\n  methods: PropTypes.object.description('Ref Object.'),\n  portal: PropTypes.node.description('Sets a custom portal').defaultValue('Body Element.'),\n  ['aria-live']: PropTypes.oneOf(['assertive', 'polite', 'off']).description('Selects your aria live mode.'),\n  role: PropTypes.oneOf(['log', 'status', 'alert', 'progressbar', 'marquee', 'timer']).description(\n    'Selects your specific role.',\n  ),\n  id: PropTypes.string.description('Unique id for the Live Region.'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAgBO,MAAM,YAAY;AAAA,EACvB,SAAS,UAAU,OAAO,YAAY,aAAa;AAAA,EACnD,QAAQ,UAAU,KAAK,YAAY,sBAAsB,EAAE,aAAa,eAAe;AAAA,GACtF,cAAc,UAAU,MAAM,CAAC,aAAa,UAAU,KAAK,CAAC,EAAE,YAAY,8BAA8B;AAAA,EACzG,MAAM,UAAU,MAAM,CAAC,OAAO,UAAU,SAAS,eAAe,WAAW,OAAO,CAAC,EAAE,YACnF,6BACF;AAAA,EACA,IAAI,UAAU,OAAO,YAAY,gCAAgC;AACnE;",
+  "names": []
+}

package/dist/esm/live-region/styles.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+const StyledContainer = styled.div`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: 0;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
+  white-space: nowrap;
+`;
+export {
+  StyledContainer
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/live-region/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/live-region/styles.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\n\nexport const StyledContainer = styled.div`\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  border: 0;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n`;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-accessibility",
-  "version": "3.0.0-next.66",
+  "version": "3.0.0-next.67",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accessibility",
   "files": [