@pega/cosmos-react-core 4.0.0-dev.17.1 → 4.0.0-dev.18.1

package/lib/theme/theme.d.ts

@@ -1868,15 +1868,15 @@ export declare const WorkTheme: {
                     readonly background: string;
                     readonly foreground: string;
                 };
-                readonly "task-drawer": {
+                readonly suggested: {
                     readonly background: string;
                     readonly foreground: string;
                 };
-                readonly "wrap-up": {
+                readonly "task-drawer": {
                     readonly background: string;
                     readonly foreground: string;
                 };
-                readonly suggested: {
+                readonly "wrap-up": {
                     readonly background: string;
                     readonly foreground: string;
                 };
@@ -2390,15 +2390,15 @@ export declare const defaultThemeProp: Readonly<{
                         readonly background: string;
                         readonly foreground: string;
                     };
-                    readonly "task-drawer": {
+                    readonly suggested: {
                         readonly background: string;
                         readonly foreground: string;
                     };
-                    readonly "wrap-up": {
+                    readonly "task-drawer": {
                         readonly background: string;
                         readonly foreground: string;
                     };
-                    readonly suggested: {
+                    readonly "wrap-up": {
                         readonly background: string;
                         readonly foreground: string;
                     };

package/lib/utils/getFocusables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFocusables.d.ts","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,QAAA,MAAM,aAAa,kBAAmB,UAAU,WAAW,CAAC,KAAG,WAAW,EAWzE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"getFocusables.d.ts","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,QAAA,MAAM,aAAa,kBAAmB,UAAU,WAAW,CAAC,KAAG,WAAW,EAYzE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/utils/getFocusables.js

@@ -9,7 +9,8 @@ const getFocusables = (focusablesRef) => {
     const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
     return [...focusablesRef.current.querySelectorAll(selector)].filter(el => el instanceof HTMLElement &&
         !el.hasAttribute('disabled') &&
-        el.getAttribute('tabindex') !== '-1');
+        el.getAttribute('tabindex') !== '-1' &&
+        !el.closest('[inert]'));
 };
 export default getFocusables;
 //# sourceMappingURL=getFocusables.js.map

package/lib/utils/getFocusables.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFocusables.js","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC,aAAqC,EAAiB,EAAE;IAC7E,IAAI,CAAC,aAAa,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAEtC,MAAM,QAAQ,GAAG,8EAA8E,CAAC;IAEhG,OAAQ,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAmB,CAAC,MAAM,CACpF,EAAE,CAAC,EAAE,CACH,EAAE,YAAY,WAAW;QACzB,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;QAC5B,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,CACvC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import type { RefObject } from 'react';\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param focusablesRef The ref containing the element to search for focusable elements within.\n * @returns a list of valid focusable elements within the given ref.\n */\nconst getFocusables = (focusablesRef: RefObject<HTMLElement>): HTMLElement[] => {\n  if (!focusablesRef.current) return [];\n\n  const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n  return ([...focusablesRef.current.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el =>\n      el instanceof HTMLElement &&\n      !el.hasAttribute('disabled') &&\n      el.getAttribute('tabindex') !== '-1'\n  );\n};\n\nexport default getFocusables;\n"]}
+{"version":3,"file":"getFocusables.js","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC,aAAqC,EAAiB,EAAE;IAC7E,IAAI,CAAC,aAAa,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAEtC,MAAM,QAAQ,GAAG,8EAA8E,CAAC;IAEhG,OAAQ,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAmB,CAAC,MAAM,CACpF,EAAE,CAAC,EAAE,CACH,EAAE,YAAY,WAAW;QACzB,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;QAC5B,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI;QACpC,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import type { RefObject } from 'react';\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param focusablesRef The ref containing the element to search for focusable elements within.\n * @returns a list of valid focusable elements within the given ref.\n */\nconst getFocusables = (focusablesRef: RefObject<HTMLElement>): HTMLElement[] => {\n  if (!focusablesRef.current) return [];\n\n  const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n  return ([...focusablesRef.current.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el =>\n      el instanceof HTMLElement &&\n      !el.hasAttribute('disabled') &&\n      el.getAttribute('tabindex') !== '-1' &&\n      !el.closest('[inert]')\n  );\n};\n\nexport default getFocusables;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "4.0.0-dev.17.1",
+  "version": "4.0.0-dev.18.1",
   "description": "Cosmos is a visual design system and UI component collection. Its goal is to empower application developers in their pursuit to create engaging and rewarding user experiences.",
   "repository": {
     "type": "git",