@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.9

package/dist/common/ClickOutside.cjs

@@ -6,20 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useClickOutsideRef = void 0;
 var _react = _interopRequireDefault(require("react"));
-const useClickOutsideRef = function (callback) {
-  let relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let ref = arguments.length > 2 ? arguments[2] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : _react.default.useRef(null);
-  _react.default.useEffect(() => {
+var useClickOutsideRef = function useClickOutsideRef(callback) {
+  var relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var ref = arguments.length > 2 ? arguments[2] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : _react["default"].useRef(null);
+  _react["default"].useEffect(function () {
     if (!elementRef.current) return;
-    let container = elementRef.current;
-    const handleClickOutside = event => {
-      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {
+    var container = elementRef.current;
+    var handleClickOutside = function handleClickOutside(event) {
+      if (container && !container.contains(event.target) && !relatedRefs.some(function (ref) {
+        return ref.current && ref.current.contains(event.target);
+      })) {
         callback();
       }
     };
     document.addEventListener('mousedown', handleClickOutside);
-    return () => {
+    return function () {
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [elementRef, relatedRefs]);

package/dist/common/ClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.cjs","names":["_react","_interopRequireDefault","require","useClickOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","React","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener","exports"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleClickOutside = (event: any) => {\r\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n\r\n  }, [elementRef, relatedRefs]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIE,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,cAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACd,WAAW,CAACe,IAAI,CAACX,GAAG,IAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE;QACjIf,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDiB,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,EAAEL,WAAW,CAAC,CAAC;EAE7B,OAAOK,UAAU;AACnB,CAAC;AAACc,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"file":"ClickOutside.cjs","names":["_react","_interopRequireDefault","require","useClickOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","React","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener","exports"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleClickOutside = (event: any) => {\r\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n\r\n  }, [elementRef, relatedRefs]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,IAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIE,iBAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,iBAAK,CAACE,SAAS,CAAC,YAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAU,EAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACd,WAAW,CAACe,IAAI,CAAC,UAAAX,GAAG;QAAA,OAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC;MAAA,EAAC,EAAE;QACjIf,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDiB,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,EAAEL,WAAW,CAAC,CAAC;EAE7B,OAAOK,UAAU;AACnB,CAAC;AAACc,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/common/ClickOutside.js

@@ -1,18 +1,20 @@
 import React from 'react';
-export const useClickOutsideRef = function (callback) {
-  let relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let ref = arguments.length > 2 ? arguments[2] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
-  React.useEffect(() => {
+export var useClickOutsideRef = function useClickOutsideRef(callback) {
+  var relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var ref = arguments.length > 2 ? arguments[2] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  React.useEffect(function () {
     if (!elementRef.current) return;
-    let container = elementRef.current;
-    const handleClickOutside = event => {
-      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {
+    var container = elementRef.current;
+    var handleClickOutside = function handleClickOutside(event) {
+      if (container && !container.contains(event.target) && !relatedRefs.some(function (ref) {
+        return ref.current && ref.current.contains(event.target);
+      })) {
         callback();
       }
     };
     document.addEventListener('mousedown', handleClickOutside);
-    return () => {
+    return function () {
       document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [elementRef, relatedRefs]);

package/dist/common/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","names":["React","useClickOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleClickOutside = (event: any) => {\r\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n\r\n  }, [elementRef, relatedRefs]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIP,KAAK,CAACS,MAAM,CAAM,IAAI,CAAC;EAEjDT,KAAK,CAACU,SAAS,CAAC,MAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACb,WAAW,CAACc,IAAI,CAACV,GAAG,IAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,EAAE;QACjId,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,EAAEL,WAAW,CAAC,CAAC;EAE7B,OAAOK,UAAU;AACnB,CAAC","ignoreList":[]}
+{"version":3,"file":"ClickOutside.js","names":["React","useClickOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","useRef","useEffect","current","container","handleClickOutside","event","contains","target","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/ClickOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useClickOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleClickOutside = (event: any) => {\r\n      if (container && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n    };\r\n\r\n  }, [elementRef, relatedRefs]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,IAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIP,KAAK,CAACS,MAAM,CAAM,IAAI,CAAC;EAEjDT,KAAK,CAACU,SAAS,CAAC,YAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAU,EAAK;MACzC,IAAIF,SAAS,IAAI,CAACA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAAI,CAACb,WAAW,CAACc,IAAI,CAAC,UAAAV,GAAG;QAAA,OAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACI,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC;MAAA,EAAC,EAAE;QACjId,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,kBAAkB,CAAC;IAC1D,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,kBAAkB,CAAC;IAC/D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,EAAEL,WAAW,CAAC,CAAC;EAE7B,OAAOK,UAAU;AACnB,CAAC","ignoreList":[]}

package/dist/common/EventHandlers.cjs

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultOnMouseDownHandler = void 0;
-const defaultOnMouseDownHandler = e => {
+var defaultOnMouseDownHandler = function defaultOnMouseDownHandler(e) {
   e.preventDefault();
   if (document.activeElement !== e.currentTarget) {
-    var _document;
+    var _document, _document$activeEleme;
     //@ts-ignore
-    (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 || _document.blur();
+    (_document = document) === null || _document === void 0 ? void 0 : (_document$activeEleme = _document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
   }
 };
 exports.defaultOnMouseDownHandler = defaultOnMouseDownHandler;

package/dist/common/EventHandlers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EventHandlers.cjs","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","_document","blur","exports"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\r\n  e.preventDefault();\r\n  if (document.activeElement !== e.currentTarget){\r\n    //@ts-ignore\r\n    document?.activeElement?.blur();\r\n  }\r\n};\r\n"],"mappings":";;;;;;AAAO,MAAMA,yBAAyB,GAAIC,CAAwB,IAAK;EACrEA,CAAC,CAACC,cAAc,CAAC,CAAC;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAAA,IAAAC,SAAA;IAC7C;IACA,CAAAA,SAAA,GAAAH,QAAQ,cAAAG,SAAA,gBAAAA,SAAA,GAARA,SAAA,CAAUF,aAAa,cAAAE,SAAA,eAAvBA,SAAA,CAAyBC,IAAI,CAAC,CAAC;EACjC;AACF,CAAC;AAACC,OAAA,CAAAR,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"file":"EventHandlers.cjs","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","_document","_document$activeEleme","blur","exports"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\r\n  e.preventDefault();\r\n  if (document.activeElement !== e.currentTarget){\r\n    //@ts-ignore\r\n    document?.activeElement?.blur();\r\n  }\r\n};\r\n"],"mappings":";;;;;;AAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,CAAwB,EAAK;EACrEA,CAAC,CAACC,cAAc,CAAC,CAAC;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAAA,IAAAC,SAAA,EAAAC,qBAAA;IAC7C;IACA,CAAAD,SAAA,GAAAH,QAAQ,cAAAG,SAAA,wBAAAC,qBAAA,GAARD,SAAA,CAAUF,aAAa,cAAAG,qBAAA,uBAAvBA,qBAAA,CAAyBC,IAAI,CAAC,CAAC;EACjC;AACF,CAAC;AAACC,OAAA,CAAAT,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/common/EventHandlers.js

@@ -1,9 +1,9 @@
-export const defaultOnMouseDownHandler = e => {
+export var defaultOnMouseDownHandler = function defaultOnMouseDownHandler(e) {
   e.preventDefault();
   if (document.activeElement !== e.currentTarget) {
-    var _document;
+    var _document, _document$activeEleme;
     //@ts-ignore
-    (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 || _document.blur();
+    (_document = document) === null || _document === void 0 ? void 0 : (_document$activeEleme = _document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
   }
 };
 //# sourceMappingURL=EventHandlers.js.map

package/dist/common/EventHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventHandlers.js","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","_document","blur"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\r\n  e.preventDefault();\r\n  if (document.activeElement !== e.currentTarget){\r\n    //@ts-ignore\r\n    document?.activeElement?.blur();\r\n  }\r\n};\r\n"],"mappings":"AAAA,OAAO,MAAMA,yBAAyB,GAAIC,CAAwB,IAAK;EACrEA,CAAC,CAACC,cAAc,CAAC,CAAC;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAAA,IAAAC,SAAA;IAC7C;IACA,CAAAA,SAAA,GAAAH,QAAQ,cAAAG,SAAA,gBAAAA,SAAA,GAARA,SAAA,CAAUF,aAAa,cAAAE,SAAA,eAAvBA,SAAA,CAAyBC,IAAI,CAAC,CAAC;EACjC;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"EventHandlers.js","names":["defaultOnMouseDownHandler","e","preventDefault","document","activeElement","currentTarget","_document","_document$activeEleme","blur"],"sources":["../../src/common/EventHandlers.ts"],"sourcesContent":["export const defaultOnMouseDownHandler = (e: React.MouseEvent<any>) => {\r\n  e.preventDefault();\r\n  if (document.activeElement !== e.currentTarget){\r\n    //@ts-ignore\r\n    document?.activeElement?.blur();\r\n  }\r\n};\r\n"],"mappings":"AAAA,OAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,CAAwB,EAAK;EACrEA,CAAC,CAACC,cAAc,CAAC,CAAC;EAClB,IAAIC,QAAQ,CAACC,aAAa,KAAKH,CAAC,CAACI,aAAa,EAAC;IAAA,IAAAC,SAAA,EAAAC,qBAAA;IAC7C;IACA,CAAAD,SAAA,GAAAH,QAAQ,cAAAG,SAAA,wBAAAC,qBAAA,GAARD,SAAA,CAAUF,aAAa,cAAAG,qBAAA,uBAAvBA,qBAAA,CAAyBC,IAAI,CAAC,CAAC;EACjC;AACF,CAAC","ignoreList":[]}

package/dist/common/FocusOutside.cjs

@@ -6,20 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useFocusOutsideRef = void 0;
 var _react = _interopRequireDefault(require("react"));
-const useFocusOutsideRef = function (callback) {
-  let relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let ref = arguments.length > 2 ? arguments[2] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : _react.default.useRef(null);
-  _react.default.useEffect(() => {
+var useFocusOutsideRef = function useFocusOutsideRef(callback) {
+  var relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var ref = arguments.length > 2 ? arguments[2] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : _react["default"].useRef(null);
+  _react["default"].useEffect(function () {
     if (!elementRef.current) return;
-    let container = elementRef.current;
-    const handleFocusOutside = event => {
-      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {
+    var container = elementRef.current;
+    var handleFocusOutside = function handleFocusOutside(event) {
+      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(function (ref) {
+        return ref.current && ref.current.contains(event.target);
+      })) {
         callback();
       }
     };
     document.addEventListener('focusin', handleFocusOutside);
-    return () => {
+    return function () {
       document.removeEventListener('focusin', handleFocusOutside);
     };
   }, [elementRef]);

package/dist/common/FocusOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusOutside.cjs","names":["_react","_interopRequireDefault","require","useFocusOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","React","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener","exports"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleFocusOutside = (event: any) => {\r\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('focusin', handleFocusOutside);\r\n    return () => {\r\n      document.removeEventListener('focusin', handleFocusOutside);\r\n    };\r\n\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIE,cAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,cAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACb,WAAW,CAACe,IAAI,CAACX,GAAG,IAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,CAAC,EAAE;QACjJd,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDiB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC;AAACc,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"file":"FocusOutside.cjs","names":["_react","_interopRequireDefault","require","useFocusOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","React","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener","exports"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleFocusOutside = (event: any) => {\r\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('focusin', handleFocusOutside);\r\n    return () => {\r\n      document.removeEventListener('focusin', handleFocusOutside);\r\n    };\r\n\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,IAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIE,iBAAK,CAACC,MAAM,CAAM,IAAI,CAAC;EAEjDD,iBAAK,CAACE,SAAS,CAAC,YAAM;IACpB,IAAI,CAACH,UAAU,CAACI,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGL,UAAU,CAACI,OAAO;IAElC,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAU,EAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACb,WAAW,CAACe,IAAI,CAAC,UAAAX,GAAG;QAAA,OAAIA,GAAG,CAACK,OAAO,IAAIL,GAAG,CAACK,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC;MAAA,EAAC,EAAE;QACjJd,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDiB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACN,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC;AAACc,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/common/FocusOutside.js

@@ -1,18 +1,20 @@
 import React from 'react';
-export const useFocusOutsideRef = function (callback) {
-  let relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let ref = arguments.length > 2 ? arguments[2] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
-  React.useEffect(() => {
+export var useFocusOutsideRef = function useFocusOutsideRef(callback) {
+  var relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var ref = arguments.length > 2 ? arguments[2] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  React.useEffect(function () {
     if (!elementRef.current) return;
-    let container = elementRef.current;
-    const handleFocusOutside = event => {
-      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {
+    var container = elementRef.current;
+    var handleFocusOutside = function handleFocusOutside(event) {
+      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(function (ref) {
+        return ref.current && ref.current.contains(event.target);
+      })) {
         callback();
       }
     };
     document.addEventListener('focusin', handleFocusOutside);
-    return () => {
+    return function () {
       document.removeEventListener('focusin', handleFocusOutside);
     };
   }, [elementRef]);

package/dist/common/FocusOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusOutside.js","names":["React","useFocusOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleFocusOutside = (event: any) => {\r\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('focusin', handleFocusOutside);\r\n    return () => {\r\n      document.removeEventListener('focusin', handleFocusOutside);\r\n    };\r\n\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,kBAAkB,GAAG,SAAAA,CAACC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,MAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIP,KAAK,CAACS,MAAM,CAAM,IAAI,CAAC;EAEjDT,KAAK,CAACU,SAAS,CAAC,MAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,MAAME,kBAAkB,GAAIC,KAAU,IAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACZ,WAAW,CAACc,IAAI,CAACV,GAAG,IAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,CAAC,EAAE;QACjJb,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC","ignoreList":[]}
+{"version":3,"file":"FocusOutside.js","names":["React","useFocusOutsideRef","callback","relatedRefs","arguments","length","undefined","ref","elementRef","useRef","useEffect","current","container","handleFocusOutside","event","target","contains","some","document","addEventListener","removeEventListener"],"sources":["../../src/common/FocusOutside.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusOutsideRef = (callback: () => void, relatedRefs: any[] = [], ref?: any) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n    let container = elementRef.current;\r\n\r\n    const handleFocusOutside = (event: any) => {\r\n      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(ref => ref.current && ref.current.contains(event.target))) {\r\n        callback();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('focusin', handleFocusOutside);\r\n    return () => {\r\n      document.removeEventListener('focusin', handleFocusOutside);\r\n    };\r\n\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,QAAoB,EAAyC;EAAA,IAAvCC,WAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,GAAS,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACzF,IAAME,UAAU,GAAGD,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAIP,KAAK,CAACS,MAAM,CAAM,IAAI,CAAC;EAEjDT,KAAK,CAACU,SAAS,CAAC,YAAM;IACpB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;IACzB,IAAIC,SAAS,GAAGJ,UAAU,CAACG,OAAO;IAElC,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAU,EAAK;MACzC,IAAIF,SAAS,IAAIE,KAAK,CAACC,MAAM,IAAI,CAACH,SAAS,CAACI,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC,IAAI,CAACZ,WAAW,CAACc,IAAI,CAAC,UAAAV,GAAG;QAAA,OAAIA,GAAG,CAACI,OAAO,IAAIJ,GAAG,CAACI,OAAO,CAACK,QAAQ,CAACF,KAAK,CAACC,MAAM,CAAC;MAAA,EAAC,EAAE;QACjJb,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC;IAEDgB,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC;IACxD,OAAO,YAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC;IAC7D,CAAC;EAEH,CAAC,EAAE,CAACL,UAAU,CAAC,CAAC;EAEhB,OAAOA,UAAU;AACnB,CAAC","ignoreList":[]}

package/dist/common/FocusVisible.cjs

@@ -5,36 +5,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFocusVisibleRef = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-const useFocusVisibleRef = function () {
-  let focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let ref = arguments.length > 1 ? arguments[1] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : _react.default.useRef(null);
-  const suppress = _react.default.useRef(false);
-  const [visible, setVisible] = _react.default.useState(false);
-  const addFocusVisibleClasses = () => {
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var useFocusVisibleRef = function useFocusVisibleRef() {
+  var focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var ref = arguments.length > 1 ? arguments[1] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : _react["default"].useRef(null);
+  var suppress = _react["default"].useRef(false);
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
+  var addFocusVisibleClasses = function addFocusVisibleClasses() {
     var _elementRef$current;
-    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.classList.add('focus-visible');
-    focusWithinList === null || focusWithinList === void 0 || focusWithinList.forEach(focusWithinListItem => {
+    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.classList.add('focus-visible');
+    focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
       var _focusWithinListItem$;
-      (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 || _focusWithinListItem$.classList.add('focus-visible-within');
+      (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 ? void 0 : _focusWithinListItem$.classList.add('focus-visible-within');
     });
   };
-  const removeFocusVisibleClasses = () => {
+  var removeFocusVisibleClasses = function removeFocusVisibleClasses() {
     var _elementRef$current2;
-    (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 || _elementRef$current2.classList.remove('focus-visible');
-    focusWithinList === null || focusWithinList === void 0 || focusWithinList.forEach(focusWithinListItem => {
+    (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.classList.remove('focus-visible');
+    focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
       var _focusWithinListItem$2;
-      (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 || _focusWithinListItem$2.classList.remove('focus-visible-within');
+      (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 ? void 0 : _focusWithinListItem$2.classList.remove('focus-visible-within');
     });
   };
-  const handleMouseDown = () => {
+  var handleMouseDown = function handleMouseDown() {
     var _elementRef$current3;
     if (!((_elementRef$current3 = elementRef.current) !== null && _elementRef$current3 !== void 0 && _elementRef$current3.classList.contains('focus-visible'))) {
       suppress.current = true;
     }
   };
-  const handleFocus = () => {
+  var handleFocus = function handleFocus() {
     if (!suppress.current) {
       setVisible(true);
       addFocusVisibleClasses();
@@ -42,36 +49,45 @@ const useFocusVisibleRef = function () {
       suppress.current = false;
     }
   };
-  const handleBlur = () => {
+  var handleBlur = function handleBlur() {
     setVisible(false);
     removeFocusVisibleClasses();
   };
-  _react.default.useLayoutEffect(() => {
+  _react["default"].useLayoutEffect(function () {
     if (visible) {
       addFocusVisibleClasses();
     } else {
       removeFocusVisibleClasses();
     }
   }, [visible, elementRef, focusWithinList]);
-  _react.default.useEffect(() => {
+  _react["default"].useEffect(function () {
     if (!elementRef.current) return;
-    const instance = elementRef.current;
-    const focusFn = elementRef.current.focus;
-    elementRef.current.focus = e => {
+    var instance = elementRef.current;
+    var focusFn = elementRef.current.focus;
+    elementRef.current.focus = function (e) {
       suppress.current = !(e !== null && e !== void 0 && e.focusVisible);
       focusFn.call(instance, e);
     };
     instance.addEventListener('mousedown', handleMouseDown);
     instance.addEventListener('focus', handleFocus);
     instance.addEventListener('blur', handleBlur);
-    return () => {
+    return function () {
       instance.removeEventListener('mousedown', handleMouseDown);
       instance.removeEventListener('focus', handleFocus);
       instance.removeEventListener('blur', handleBlur);
       instance.classList.remove('focus-visible');
-      for (let el of focusWithinList) {
-        var _el$current;
-        (_el$current = el.current) === null || _el$current === void 0 || _el$current.classList.remove('focus-visible-within');
+      var _iterator = _createForOfIteratorHelper(focusWithinList),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _el$current;
+          var el = _step.value;
+          (_el$current = el.current) === null || _el$current === void 0 ? void 0 : _el$current.classList.remove('focus-visible-within');
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
     };
   }, [elementRef]);

package/dist/common/FocusVisible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.cjs","names":["_react","_interopRequireDefault","require","useFocusVisibleRef","focusWithinList","arguments","length","undefined","ref","elementRef","React","useRef","suppress","visible","setVisible","useState","addFocusVisibleClasses","_elementRef$current","current","classList","add","forEach","focusWithinListItem","_focusWithinListItem$","removeFocusVisibleClasses","_elementRef$current2","remove","_focusWithinListItem$2","handleMouseDown","_elementRef$current3","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el","_el$current","exports"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FocusVisible.cjs","names":["_react","_interopRequireDefault","require","_createForOfIteratorHelper","r","e","t","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","_n","F","s","n","done","value","f","TypeError","o","a","u","call","next","_arrayLikeToArray","toString","slice","constructor","name","from","test","useFocusVisibleRef","focusWithinList","arguments","undefined","ref","elementRef","React","useRef","suppress","_React$useState","useState","_React$useState2","_slicedToArray2","visible","setVisible","addFocusVisibleClasses","_elementRef$current","current","classList","add","forEach","focusWithinListItem","_focusWithinListItem$","removeFocusVisibleClasses","_elementRef$current2","remove","_focusWithinListItem$2","handleMouseDown","_elementRef$current3","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","focusVisible","addEventListener","removeEventListener","_iterator","_step","_el$current","el","err","exports"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/common/FocusVisible.js

@@ -1,33 +1,40 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React from 'react';
-export const useFocusVisibleRef = function () {
-  let focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let ref = arguments.length > 1 ? arguments[1] : undefined;
-  const elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
-  const suppress = React.useRef(false);
-  const [visible, setVisible] = React.useState(false);
-  const addFocusVisibleClasses = () => {
+export var useFocusVisibleRef = function useFocusVisibleRef() {
+  var focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var ref = arguments.length > 1 ? arguments[1] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  var suppress = React.useRef(false);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
+  var addFocusVisibleClasses = function addFocusVisibleClasses() {
     var _elementRef$current;
-    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.classList.add('focus-visible');
-    focusWithinList === null || focusWithinList === void 0 || focusWithinList.forEach(focusWithinListItem => {
+    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.classList.add('focus-visible');
+    focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
       var _focusWithinListItem$;
-      (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 || _focusWithinListItem$.classList.add('focus-visible-within');
+      (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 ? void 0 : _focusWithinListItem$.classList.add('focus-visible-within');
     });
   };
-  const removeFocusVisibleClasses = () => {
+  var removeFocusVisibleClasses = function removeFocusVisibleClasses() {
     var _elementRef$current2;
-    (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 || _elementRef$current2.classList.remove('focus-visible');
-    focusWithinList === null || focusWithinList === void 0 || focusWithinList.forEach(focusWithinListItem => {
+    (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.classList.remove('focus-visible');
+    focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
       var _focusWithinListItem$2;
-      (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 || _focusWithinListItem$2.classList.remove('focus-visible-within');
+      (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 ? void 0 : _focusWithinListItem$2.classList.remove('focus-visible-within');
     });
   };
-  const handleMouseDown = () => {
+  var handleMouseDown = function handleMouseDown() {
     var _elementRef$current3;
     if (!((_elementRef$current3 = elementRef.current) !== null && _elementRef$current3 !== void 0 && _elementRef$current3.classList.contains('focus-visible'))) {
       suppress.current = true;
     }
   };
-  const handleFocus = () => {
+  var handleFocus = function handleFocus() {
     if (!suppress.current) {
       setVisible(true);
       addFocusVisibleClasses();
@@ -35,36 +42,45 @@ export const useFocusVisibleRef = function () {
       suppress.current = false;
     }
   };
-  const handleBlur = () => {
+  var handleBlur = function handleBlur() {
     setVisible(false);
     removeFocusVisibleClasses();
   };
-  React.useLayoutEffect(() => {
+  React.useLayoutEffect(function () {
     if (visible) {
       addFocusVisibleClasses();
     } else {
       removeFocusVisibleClasses();
     }
   }, [visible, elementRef, focusWithinList]);
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!elementRef.current) return;
-    const instance = elementRef.current;
-    const focusFn = elementRef.current.focus;
-    elementRef.current.focus = e => {
+    var instance = elementRef.current;
+    var focusFn = elementRef.current.focus;
+    elementRef.current.focus = function (e) {
       suppress.current = !(e !== null && e !== void 0 && e.focusVisible);
       focusFn.call(instance, e);
     };
     instance.addEventListener('mousedown', handleMouseDown);
     instance.addEventListener('focus', handleFocus);
     instance.addEventListener('blur', handleBlur);
-    return () => {
+    return function () {
       instance.removeEventListener('mousedown', handleMouseDown);
       instance.removeEventListener('focus', handleFocus);
       instance.removeEventListener('blur', handleBlur);
       instance.classList.remove('focus-visible');
-      for (let el of focusWithinList) {
-        var _el$current;
-        (_el$current = el.current) === null || _el$current === void 0 || _el$current.classList.remove('focus-visible-within');
+      var _iterator = _createForOfIteratorHelper(focusWithinList),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _el$current;
+          var el = _step.value;
+          (_el$current = el.current) === null || _el$current === void 0 ? void 0 : _el$current.classList.remove('focus-visible-within');
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
     };
   }, [elementRef]);

package/dist/common/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.js","names":["React","useFocusVisibleRef","focusWithinList","arguments","length","undefined","ref","elementRef","useRef","suppress","visible","setVisible","useState","addFocusVisibleClasses","_elementRef$current","current","classList","add","forEach","focusWithinListItem","_focusWithinListItem$","removeFocusVisibleClasses","_elementRef$current2","remove","_focusWithinListItem$2","handleMouseDown","_elementRef$current3","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el","_el$current"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FocusVisible.js","names":["React","useFocusVisibleRef","focusWithinList","arguments","length","undefined","ref","elementRef","useRef","suppress","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","addFocusVisibleClasses","_elementRef$current","current","classList","add","forEach","focusWithinListItem","_focusWithinListItem$","removeFocusVisibleClasses","_elementRef$current2","remove","_focusWithinListItem$2","handleMouseDown","_elementRef$current3","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","_iterator","_createForOfIteratorHelper","_step","s","n","done","_el$current","el","value","err","f"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/common/InputStyling.cjs

@@ -9,5 +9,20 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styledComponents = require("styled-components");
 var _styles = require("../styles");
 var _templateObject;
-const CommonInteractionStyling = exports.CommonInteractionStyling = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &:focus, &.focus-state, &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled, &.disabled-state {\n    background-color: ", ";\n    span {\n      color: ", ";\n    }\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), _styles.focusStyles, props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_600', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme), props => _styles.COLORS.getColor('white', props.theme));
+var CommonInteractionStyling = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  &:focus, &.focus-state, &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled, &.disabled-state {\n    background-color: ", ";\n    span {\n      color: ", ";\n    }\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), _styles.focusStyles, function (props) {
+  return _styles.COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+});
+exports.CommonInteractionStyling = CommonInteractionStyling;
 //# sourceMappingURL=InputStyling.cjs.map

package/dist/common/InputStyling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputStyling.cjs","names":["_styledComponents","require","_styles","_templateObject","CommonInteractionStyling","exports","css","_taggedTemplateLiteral2","default","focusStyles","props","COLORS","getColor","theme"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\n\r\nexport const CommonInteractionStyling = css`\r\n  &:focus, &.focus-state, &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.action-within), &.hover-state {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n  &:active:not(.action-within), &.active-state {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled, &.disabled-state {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    span {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n    &::after {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAA8C,IAAAE,eAAA;AAEvC,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,OAAGE,qBAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,qbAErCC,mBAAW,EAIOC,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC9DH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGzCH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC/DH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGzCH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EAEvDH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGzCH,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAGvE","ignoreList":[]}
+{"version":3,"file":"InputStyling.cjs","names":["_styledComponents","require","_styles","_templateObject","CommonInteractionStyling","css","_taggedTemplateLiteral2","focusStyles","props","COLORS","getColor","theme","exports"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\n\r\nexport const CommonInteractionStyling = css`\r\n  &:focus, &.focus-state, &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.action-within), &.hover-state {\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n  &:active:not(.action-within), &.active-state {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n  &:disabled, &.disabled-state {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    span {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n    &::after {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAA8C,IAAAE,eAAA;AAEvC,IAAMC,wBAAwB,OAAGC,qBAAG,EAAAF,eAAA,KAAAA,eAAA,OAAAG,uBAAA,gcAErCC,mBAAW,EAIO,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC9D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGzC,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC/D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGzC,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAEvD,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGzC,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAGvE;AAACC,OAAA,CAAAR,wBAAA,GAAAA,wBAAA","ignoreList":[]}