@pega/cosmos-react-core 5.0.0-dev.9.3 → 6.0.0

package/lib/i18n/i18n.d.ts

@@ -188,6 +188,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     app_shell_main_navigation_label: string;
     shortcut_NextRegion: string;
     shortcut_PrevRegion: string;
+    app_shell_user_account: string;
     combobox_open_close: string;
     combobox_search_instructions: string;
     combobox_open_list_button_a11y: string;
@@ -207,6 +208,9 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     modal_maximize: string;
     modal_dock: string;
     modal_close: string;
+    minimize: string;
+    maximize: string;
+    dock: string;
     selected_date_a11y: string;
     open_calendar_button_a11y: string;
     close_calendar_button_a11y: string;
@@ -261,6 +265,8 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     enter_a_number: string;
     skip_navigation_menu_label: string;
     tab_error_tooltip: string;
+    non_previewable: string;
+    content_load_error: string;
     assignments: string;
     article_list_label_a11y: string;
     article_list_filter_label_a11y: string;
@@ -273,6 +279,9 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     disclaimer: string;
     references: string;
     result_available: string;
+    ask: string;
+    error_message: string;
+    add_a_comment: string;
     article_label_a11y: string;
     article_related_links: string;
     article_more_like_this: string;
@@ -350,6 +359,11 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     shortcut_GoToIncomingInteraction: string;
     shortcut_DismissIncomingInteraction: string;
     rte_heading_style: string;
+    rte_heading_style_normal: string;
+    rte_heading_style_heading_1: string;
+    rte_heading_style_heading_2: string;
+    rte_heading_style_heading_3: string;
+    rte_heading_style_heading_4: string;
     rte_bold: string;
     rte_italic: string;
     rte_strike_through: string;
@@ -642,10 +656,13 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     follow_up_tasks: string;
     add_follow_up_task: string;
     agents_utterance: string;
+    due_on: string;
     sentiment_positive: string;
     sentiment_negative: string;
     sentiment_neutral: string;
     no_recommendations: string;
+    items_added_to_previous_list: string;
+    items_added_to_current_list: string;
     condition_builder_advanced_condition_label: string;
     condition_builder_advanced_condition_placeholder: string;
     condition_builder_advanced_mode_button_label: string;

package/lib/i18n/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,WAAW,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7D,QAAA,MAAM,MAAM,kBAAmB,WAAW,KAAG,SAAS,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,cAAe,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,WAAW,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7D,QAAA,MAAM,MAAM,kBAAmB,WAAW,KAAG,SAAS,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,cAAe,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}

package/lib/styles/GlobalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,eAAO,MAAM,mBAAmB,wDAQ/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wBAAyB,YAAY,WAUvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,uMAShC,YAAY,WAgBd,CAAC;;AAEF,wBA8FG"}
+{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,eAAO,MAAM,mBAAmB,wDAQ/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wBAAyB,YAAY,WAUvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,uMAShC,YAAY,WAgBd,CAAC;;AAEF,wBAyGG"}

package/lib/styles/GlobalStyle.js

@@ -38,7 +38,7 @@ export const createGlobalBodyStyles = ({ base: { 'font-size': baseFontSize, 'fon
   `.join('');
 };
 export default createGlobalStyle(({ theme }) => {
-    const { base: { 'custom-scrollbar': customScrollbar, 'border-radius': borderRadius, palette: { 'foreground-color': foreground, 'scrollbar-track': scrollbarTrack, 'scrollbar-thumb': scrollbarThumb, 'scrollbar-thumb-hover': scrollbarThumbHover }, transparency: { 'transparent-3': transparent } }, components: { 'form-control': { 'background-color': backgroundColor } } } = theme;
+    const { base: { 'custom-scrollbar': customScrollbar, 'border-radius': borderRadius, palette: { 'foreground-color': foreground, 'scrollbar-track': scrollbarTrack, 'scrollbar-thumb': scrollbarThumb, 'scrollbar-thumb-hover': scrollbarThumbHover }, shadow: { focus }, transparency: { 'transparent-3': transparent } }, components: { 'form-control': { 'background-color': backgroundColor } } } = theme;
     return css `
     ${globalSpacingStyles}
 
@@ -46,6 +46,16 @@ export default createGlobalStyle(({ theme }) => {
       overscroll-behavior: none;
     }
 
+    h1:focus-visible,
+    h2:focus-visible,
+    h3:focus-visible,
+    h4:focus-visible,
+    h5:focus-visible,
+    h6:focus-visible {
+      outline: transparent;
+      box-shadow: ${focus};
+    }
+
     ::placeholder {
       color: ${mix(transparent, foreground, backgroundColor)};
       opacity: unset;

package/lib/styles/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAgB,EAAE,EAAE;IAC1E,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;;GAE1B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EAAE,EACJ,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,aAAa,EAC3B,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EAChD,aAAa,EAAE,UAAU,EAC1B,EACD,UAAU,EAAE,EAAE,IAAI,EAAE,EACP,EAAE,EAAE;IACjB,yBAAyB;IACzB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IAEhE,OAAO,GAAG,CAAA;;;;;;mBAMO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAa,CAAC;qBAC7C,UAAU;eAChB,eAAe;qBACT,UAAU;;GAE5B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7C,MAAM,EACJ,IAAI,EAAE,EACJ,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,YAAY,EAC7B,OAAO,EAAE,EACP,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EAAE,cAAc,EACjC,uBAAuB,EAAE,mBAAmB,EAC7C,EACD,YAAY,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,EAC/C,EACD,UAAU,EAAE,EACV,cAAc,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EACxD,EACF,GAAG,KAAK,CAAC;IACV,OAAO,GAAG,CAAA;MACN,mBAAmB;;;;;;;eAOV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;2BAEoB,cAAc,IAAI,cAAc;;;;;;;;;;;;8BAY7B,cAAc;;;;8BAId,cAAc;;;;;;;wCAOJ,YAAY;0CACV,cAAc;;;;0CAId,mBAAmB;;;;;;;;;;;;;;;;;KAiBxD;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;QAE3B,sBAAsB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAYlC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { mix } from 'polished';\nimport { createGlobalStyle, css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\n\nimport { calculateFontSize } from './utils';\nimport type { FontSize } from './utils';\n\nexport const globalSpacingStyles = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n`;\n\nexport const createGlobalRootStyles = ({ base: { scale } }: DefaultTheme) => {\n  return css`\n    :root,\n    :host {\n      height: 100%;\n      -webkit-text-size-adjust: 100%;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      font-size: calc(${scale} * 1rem);\n    }\n  `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n  base: {\n    'font-size': baseFontSize,\n    'font-scale': baseFontScale,\n    'font-family': fontFamily,\n    palette: { 'foreground-color': foregroundColor },\n    'line-height': lineHeight\n  },\n  components: { text }\n}: DefaultTheme) => {\n  // Can't call a hook here\n  const fontSize = calculateFontSize(baseFontSize, baseFontScale);\n\n  return css`\n    body,\n    :host {\n      min-height: 100%;\n      margin: 0;\n      padding: 0;\n      font-size: ${fontSize[text.primary['font-size'] as FontSize]};\n      font-family: ${fontFamily};\n      color: ${foregroundColor};\n      line-height: ${lineHeight};\n    }\n  `.join('');\n};\n\nexport default createGlobalStyle(({ theme }) => {\n  const {\n    base: {\n      'custom-scrollbar': customScrollbar,\n      'border-radius': borderRadius,\n      palette: {\n        'foreground-color': foreground,\n        'scrollbar-track': scrollbarTrack,\n        'scrollbar-thumb': scrollbarThumb,\n        'scrollbar-thumb-hover': scrollbarThumbHover\n      },\n      transparency: { 'transparent-3': transparent }\n    },\n    components: {\n      'form-control': { 'background-color': backgroundColor }\n    }\n  } = theme;\n  return css`\n    ${globalSpacingStyles}\n\n    body {\n      overscroll-behavior: none;\n    }\n\n    ::placeholder {\n      color: ${mix(transparent, foreground, backgroundColor)};\n      opacity: unset;\n    }\n\n    ${customScrollbar &&\n    css`\n      * {\n        scrollbar-color: ${scrollbarThumb} ${scrollbarTrack};\n        scrollbar-width: thin;\n      }\n\n      @supports not ((scrollbar-width: thin) or (scrollbar-color: black white)) {\n        /* stylelint-disable unit-allowed-list */\n        *::-webkit-scrollbar {\n          width: 12px;\n          height: 12px;\n        }\n\n        *::-webkit-scrollbar-track {\n          background-color: ${scrollbarTrack};\n        }\n\n        *::-webkit-scrollbar-corner {\n          background-color: ${scrollbarTrack};\n          border-bottom-right-radius: inherit;\n        }\n\n        *::-webkit-scrollbar-thumb {\n          background-color: transparent;\n          border: 3px solid transparent;\n          border-radius: calc(1.125 * ${borderRadius});\n          box-shadow: inset 0 0 2px 4px ${scrollbarThumb};\n        }\n\n        *::-webkit-scrollbar-thumb:hover {\n          box-shadow: inset 0 0 2px 4px ${scrollbarThumbHover};\n        }\n\n        *::-webkit-scrollbar-track:horizontal {\n          border-bottom-left-radius: inherit;\n        }\n\n        *::-webkit-scrollbar-track:vertical {\n          border-top-right-radius: inherit;\n        }\n\n        /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n        *::-webkit-scrollbar-track:not(:corner-present) {\n          border-bottom-right-radius: inherit;\n        }\n        /* stylelint-enable unit-allowed-list */\n      }\n    `}\n\n    ${createGlobalRootStyles(theme)}\n\n      ${createGlobalBodyStyles(theme)}\n\n      input,\n      button,\n      select,\n      optgroup,\n      textarea {\n      margin: 0;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  `;\n});\n"]}
+{"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../src/styles/GlobalStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAgB,EAAE,EAAE;IAC1E,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;;GAE1B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EAAE,EACJ,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,aAAa,EAC3B,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EAChD,aAAa,EAAE,UAAU,EAC1B,EACD,UAAU,EAAE,EAAE,IAAI,EAAE,EACP,EAAE,EAAE;IACjB,yBAAyB;IACzB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IAEhE,OAAO,GAAG,CAAA;;;;;;mBAMO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAa,CAAC;qBAC7C,UAAU;eAChB,eAAe;qBACT,UAAU;;GAE5B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7C,MAAM,EACJ,IAAI,EAAE,EACJ,kBAAkB,EAAE,eAAe,EACnC,eAAe,EAAE,YAAY,EAC7B,OAAO,EAAE,EACP,kBAAkB,EAAE,UAAU,EAC9B,iBAAiB,EAAE,cAAc,EACjC,iBAAiB,EAAE,cAAc,EACjC,uBAAuB,EAAE,mBAAmB,EAC7C,EACD,MAAM,EAAE,EAAE,KAAK,EAAE,EACjB,YAAY,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,EAC/C,EACD,UAAU,EAAE,EACV,cAAc,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EACxD,EACF,GAAG,KAAK,CAAC;IACV,OAAO,GAAG,CAAA;MACN,mBAAmB;;;;;;;;;;;;;oBAaL,KAAK;;;;eAIV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;2BAEoB,cAAc,IAAI,cAAc;;;;;;;;;;;;8BAY7B,cAAc;;;;8BAId,cAAc;;;;;;;wCAOJ,YAAY;0CACV,cAAc;;;;0CAId,mBAAmB;;;;;;;;;;;;;;;;;KAiBxD;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;QAE3B,sBAAsB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAYlC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { mix } from 'polished';\nimport { createGlobalStyle, css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\n\nimport { calculateFontSize } from './utils';\nimport type { FontSize } from './utils';\n\nexport const globalSpacingStyles = css`\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n`;\n\nexport const createGlobalRootStyles = ({ base: { scale } }: DefaultTheme) => {\n  return css`\n    :root,\n    :host {\n      height: 100%;\n      -webkit-text-size-adjust: 100%;\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n      font-size: calc(${scale} * 1rem);\n    }\n  `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n  base: {\n    'font-size': baseFontSize,\n    'font-scale': baseFontScale,\n    'font-family': fontFamily,\n    palette: { 'foreground-color': foregroundColor },\n    'line-height': lineHeight\n  },\n  components: { text }\n}: DefaultTheme) => {\n  // Can't call a hook here\n  const fontSize = calculateFontSize(baseFontSize, baseFontScale);\n\n  return css`\n    body,\n    :host {\n      min-height: 100%;\n      margin: 0;\n      padding: 0;\n      font-size: ${fontSize[text.primary['font-size'] as FontSize]};\n      font-family: ${fontFamily};\n      color: ${foregroundColor};\n      line-height: ${lineHeight};\n    }\n  `.join('');\n};\n\nexport default createGlobalStyle(({ theme }) => {\n  const {\n    base: {\n      'custom-scrollbar': customScrollbar,\n      'border-radius': borderRadius,\n      palette: {\n        'foreground-color': foreground,\n        'scrollbar-track': scrollbarTrack,\n        'scrollbar-thumb': scrollbarThumb,\n        'scrollbar-thumb-hover': scrollbarThumbHover\n      },\n      shadow: { focus },\n      transparency: { 'transparent-3': transparent }\n    },\n    components: {\n      'form-control': { 'background-color': backgroundColor }\n    }\n  } = theme;\n  return css`\n    ${globalSpacingStyles}\n\n    body {\n      overscroll-behavior: none;\n    }\n\n    h1:focus-visible,\n    h2:focus-visible,\n    h3:focus-visible,\n    h4:focus-visible,\n    h5:focus-visible,\n    h6:focus-visible {\n      outline: transparent;\n      box-shadow: ${focus};\n    }\n\n    ::placeholder {\n      color: ${mix(transparent, foreground, backgroundColor)};\n      opacity: unset;\n    }\n\n    ${customScrollbar &&\n    css`\n      * {\n        scrollbar-color: ${scrollbarThumb} ${scrollbarTrack};\n        scrollbar-width: thin;\n      }\n\n      @supports not ((scrollbar-width: thin) or (scrollbar-color: black white)) {\n        /* stylelint-disable unit-allowed-list */\n        *::-webkit-scrollbar {\n          width: 12px;\n          height: 12px;\n        }\n\n        *::-webkit-scrollbar-track {\n          background-color: ${scrollbarTrack};\n        }\n\n        *::-webkit-scrollbar-corner {\n          background-color: ${scrollbarTrack};\n          border-bottom-right-radius: inherit;\n        }\n\n        *::-webkit-scrollbar-thumb {\n          background-color: transparent;\n          border: 3px solid transparent;\n          border-radius: calc(1.125 * ${borderRadius});\n          box-shadow: inset 0 0 2px 4px ${scrollbarThumb};\n        }\n\n        *::-webkit-scrollbar-thumb:hover {\n          box-shadow: inset 0 0 2px 4px ${scrollbarThumbHover};\n        }\n\n        *::-webkit-scrollbar-track:horizontal {\n          border-bottom-left-radius: inherit;\n        }\n\n        *::-webkit-scrollbar-track:vertical {\n          border-top-right-radius: inherit;\n        }\n\n        /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n        *::-webkit-scrollbar-track:not(:corner-present) {\n          border-bottom-right-radius: inherit;\n        }\n        /* stylelint-enable unit-allowed-list */\n      }\n    `}\n\n    ${createGlobalRootStyles(theme)}\n\n      ${createGlobalBodyStyles(theme)}\n\n      input,\n      button,\n      select,\n      optgroup,\n      textarea {\n      margin: 0;\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n    }\n  `;\n});\n"]}

package/lib/utils/focusHeadingOrContainer.d.ts

@@ -4,6 +4,6 @@
  * @param label Fallback label to apply to the container if focused.
  * @returns boolean whether the focus was successful or not (eg. element is not visible).
  */
-declare const focusHeadingOrContainer: (container: ParentNode, label: string) => boolean;
+declare const focusHeadingOrContainer: (container: ParentNode, label?: string) => boolean;
 export default focusHeadingOrContainer;
 //# sourceMappingURL=focusHeadingOrContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"focusHeadingOrContainer.d.ts","sourceRoot":"","sources":["../../src/utils/focusHeadingOrContainer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,QAAA,MAAM,uBAAuB,cAAe,UAAU,SAAS,MAAM,KAAG,OAmCvE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"focusHeadingOrContainer.d.ts","sourceRoot":"","sources":["../../src/utils/focusHeadingOrContainer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,QAAA,MAAM,uBAAuB,cAAe,UAAU,UAAU,MAAM,KAAG,OAmCxE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/lib/utils/focusHeadingOrContainer.js

@@ -9,7 +9,7 @@ const focusHeadingOrContainer = (container, label) => {
     const target = heading ?? container;
     if (!(target instanceof HTMLElement || target instanceof SVGElement))
         return false;
-    if (target === container && !target.hasAttribute('aria-label')) {
+    if (target === container && !target.hasAttribute('aria-label') && label) {
         target.setAttribute('aria-label', label);
         target.addEventListener('focusout', () => {
             target.removeAttribute('aria-label');

package/lib/utils/focusHeadingOrContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusHeadingOrContainer.js","sourceRoot":"","sources":["../../src/utils/focusHeadingOrContainer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,CAAC,SAAqB,EAAE,KAAa,EAAW,EAAE;IAChF,MAAM,OAAO,GAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAW,CAAC,MAAM,CACpE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,EAC/C,IAAI,CACL,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,CAAC;IAEpC,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,IAAI,MAAM,YAAY,UAAU,CAAC;QAAE,OAAO,KAAK,CAAC;IAEnF,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;QAC9D,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACzC,MAAM,CAAC,gBAAgB,CACrB,UAAU,EACV,GAAG,EAAE;YACH,MAAM,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACvC,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;KACH;IAED,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;QACnC,MAAM,CAAC,KAAK,EAAE,CAAC;KAChB;SAAM;QACL,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,CAAC,gBAAgB,CACrB,UAAU,EACV,GAAG,EAAE;YACH,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACrC,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;KACH;IACD,OAAO,QAAQ,CAAC,aAAa,KAAK,MAAM,CAAC;AAC3C,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["/**\n * Focuses the highest level heading element in a container, or the container itself if there are no headings.\n * @param container Node to query for a heading.\n * @param label Fallback label to apply to the container if focused.\n * @returns boolean whether the focus was successful or not (eg. element is not visible).\n */\nconst focusHeadingOrContainer = (container: ParentNode, label: string): boolean => {\n  const heading = (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const).reduce<HTMLHeadingElement | null>(\n    (el, tag) => el ?? container.querySelector(tag),\n    null\n  );\n\n  const target = heading ?? container;\n\n  if (!(target instanceof HTMLElement || target instanceof SVGElement)) return false;\n\n  if (target === container && !target.hasAttribute('aria-label')) {\n    target.setAttribute('aria-label', label);\n    target.addEventListener(\n      'focusout',\n      () => {\n        target.removeAttribute('aria-label');\n      },\n      { once: true }\n    );\n  }\n\n  if (target.hasAttribute('tabindex')) {\n    target.focus();\n  } else {\n    target.setAttribute('tabindex', '-1');\n    target.focus();\n    target.addEventListener(\n      'focusout',\n      () => {\n        target.removeAttribute('tabindex');\n      },\n      { once: true }\n    );\n  }\n  return document.activeElement === target;\n};\n\nexport default focusHeadingOrContainer;\n"]}
+{"version":3,"file":"focusHeadingOrContainer.js","sourceRoot":"","sources":["../../src/utils/focusHeadingOrContainer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,uBAAuB,GAAG,CAAC,SAAqB,EAAE,KAAc,EAAW,EAAE;IACjF,MAAM,OAAO,GAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAW,CAAC,MAAM,CACpE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,EAC/C,IAAI,CACL,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,CAAC;IAEpC,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,IAAI,MAAM,YAAY,UAAU,CAAC;QAAE,OAAO,KAAK,CAAC;IAEnF,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,KAAK,EAAE;QACvE,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACzC,MAAM,CAAC,gBAAgB,CACrB,UAAU,EACV,GAAG,EAAE;YACH,MAAM,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACvC,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;KACH;IAED,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;QACnC,MAAM,CAAC,KAAK,EAAE,CAAC;KAChB;SAAM;QACL,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,CAAC,gBAAgB,CACrB,UAAU,EACV,GAAG,EAAE;YACH,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACrC,CAAC,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;KACH;IACD,OAAO,QAAQ,CAAC,aAAa,KAAK,MAAM,CAAC;AAC3C,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["/**\n * Focuses the highest level heading element in a container, or the container itself if there are no headings.\n * @param container Node to query for a heading.\n * @param label Fallback label to apply to the container if focused.\n * @returns boolean whether the focus was successful or not (eg. element is not visible).\n */\nconst focusHeadingOrContainer = (container: ParentNode, label?: string): boolean => {\n  const heading = (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const).reduce<HTMLHeadingElement | null>(\n    (el, tag) => el ?? container.querySelector(tag),\n    null\n  );\n\n  const target = heading ?? container;\n\n  if (!(target instanceof HTMLElement || target instanceof SVGElement)) return false;\n\n  if (target === container && !target.hasAttribute('aria-label') && label) {\n    target.setAttribute('aria-label', label);\n    target.addEventListener(\n      'focusout',\n      () => {\n        target.removeAttribute('aria-label');\n      },\n      { once: true }\n    );\n  }\n\n  if (target.hasAttribute('tabindex')) {\n    target.focus();\n  } else {\n    target.setAttribute('tabindex', '-1');\n    target.focus();\n    target.addEventListener(\n      'focusout',\n      () => {\n        target.removeAttribute('tabindex');\n      },\n      { once: true }\n    );\n  }\n  return document.activeElement === target;\n};\n\nexport default focusHeadingOrContainer;\n"]}

package/lib/utils/getFocusables.d.ts

@@ -1,9 +1,13 @@
 import type { RefObject } from 'react';
 /**
  * Returns all valid focusable elements within a given ref.
- * @param focusablesRef The ref containing the element to search for focusable elements within.
- * @returns a list of valid focusable elements within the given ref.
+ * @param container The container element, or reference to the container element, to search for focusable elements within.
+ * @param options
+ * @param options.includeActiveEl If true, the active element will be included in the list, even if it does not match focusable criteria.
+ * @returns A list of valid focusable elements within the given ref.
  */
-declare const getFocusables: (focusablesRef: RefObject<HTMLElement>) => HTMLElement[];
+declare const getFocusables: (container: RefObject<ParentNode> | ParentNode, { includeActiveEl }?: {
+    includeActiveEl?: boolean | undefined;
+}) => HTMLElement[];
 export default getFocusables;
 //# sourceMappingURL=getFocusables.d.ts.map

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,EAYzE,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;AAMvC;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,cACN,UAAU,UAAU,CAAC,GAAG,UAAU;;MAM5C,WAAW,EAiCb,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/utils/getFocusables.js

@@ -1,16 +1,38 @@
+import hasProp from './hasProp';
+import getActiveElement from './getActiveElement';
+import createUID from './createUID';
 /**
  * Returns all valid focusable elements within a given ref.
- * @param focusablesRef The ref containing the element to search for focusable elements within.
- * @returns a list of valid focusable elements within the given ref.
+ * @param container The container element, or reference to the container element, to search for focusable elements within.
+ * @param options
+ * @param options.includeActiveEl If true, the active element will be included in the list, even if it does not match focusable criteria.
+ * @returns A list of valid focusable elements within the given ref.
  */
-const getFocusables = (focusablesRef) => {
-    if (!focusablesRef.current)
+const getFocusables = (container, { includeActiveEl = false } = {}) => {
+    const uid = createUID();
+    let activeId = uid;
+    let activeEl = null;
+    const containerEl = hasProp(container, 'current') ? container.current : container;
+    if (!containerEl)
         return [];
-    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.closest('[inert]'));
+    let selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
+    if (includeActiveEl) {
+        activeEl = getActiveElement();
+        if (activeEl) {
+            activeId = activeEl.id || uid;
+            activeEl.id = activeId;
+            selector = `${selector}, [id="${activeId}"]`;
+        }
+    }
+    const focusableElements = [...containerEl.querySelectorAll(selector)].filter(el => el instanceof HTMLElement &&
+        (el.id === activeId ||
+            (!el.hasAttribute('disabled') &&
+                el.getAttribute('tabindex') !== '-1' &&
+                !el.closest('[inert]'))));
+    if (activeEl?.id === uid) {
+        activeEl.removeAttribute('id');
+    }
+    return focusableElements;
 };
 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;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"]}
+{"version":3,"file":"getFocusables.js","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CACpB,SAA6C,EAC7C,EACE,eAAe,GAAG,KAAK,KAGrB,EAAE,EACS,EAAE;IACjB,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,IAAI,QAAQ,GAAG,GAAG,CAAC;IACnB,IAAI,QAAQ,GAAwC,IAAI,CAAC;IAEzD,MAAM,WAAW,GAAG,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAClF,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,CAAC;IAE5B,IAAI,QAAQ,GAAG,8EAA8E,CAAC;IAE9F,IAAI,eAAe,EAAE;QACnB,QAAQ,GAAG,gBAAgB,EAAE,CAAC;QAC9B,IAAI,QAAQ,EAAE;YACZ,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,GAAG,CAAC;YAC9B,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC;YACvB,QAAQ,GAAG,GAAG,QAAQ,UAAU,QAAQ,IAAI,CAAC;SAC9C;KACF;IAED,MAAM,iBAAiB,GAAI,CAAC,GAAG,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAmB,CAAC,MAAM,CAC7F,EAAE,CAAC,EAAE,CACH,EAAE,YAAY,WAAW;QACzB,CAAC,EAAE,CAAC,EAAE,KAAK,QAAQ;YACjB,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;gBAC3B,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI;gBACpC,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAC/B,CAAC;IAEF,IAAI,QAAQ,EAAE,EAAE,KAAK,GAAG,EAAE;QACxB,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;KAChC;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import type { RefObject } from 'react';\n\nimport hasProp from './hasProp';\nimport getActiveElement from './getActiveElement';\nimport createUID from './createUID';\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param container The container element, or reference to the container element, to search for focusable elements within.\n * @param options\n * @param options.includeActiveEl If true, the active element will be included in the list, even if it does not match focusable criteria.\n * @returns A list of valid focusable elements within the given ref.\n */\nconst getFocusables = (\n  container: RefObject<ParentNode> | ParentNode,\n  {\n    includeActiveEl = false\n  }: {\n    includeActiveEl?: boolean;\n  } = {}\n): HTMLElement[] => {\n  const uid = createUID();\n  let activeId = uid;\n  let activeEl: ReturnType<typeof getActiveElement> = null;\n\n  const containerEl = hasProp(container, 'current') ? container.current : container;\n  if (!containerEl) return [];\n\n  let selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n  if (includeActiveEl) {\n    activeEl = getActiveElement();\n    if (activeEl) {\n      activeId = activeEl.id || uid;\n      activeEl.id = activeId;\n      selector = `${selector}, [id=\"${activeId}\"]`;\n    }\n  }\n\n  const focusableElements = ([...containerEl.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el =>\n      el instanceof HTMLElement &&\n      (el.id === activeId ||\n        (!el.hasAttribute('disabled') &&\n          el.getAttribute('tabindex') !== '-1' &&\n          !el.closest('[inert]')))\n  );\n\n  if (activeEl?.id === uid) {\n    activeEl.removeAttribute('id');\n  }\n\n  return focusableElements;\n};\n\nexport default getFocusables;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "5.0.0-dev.9.3",
+  "version": "6.0.0",
   "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",
@@ -18,14 +18,15 @@
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [
-    "lib"
+    "lib",
+    "SECURITY.md"
   ],
   "scripts": {
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.6",
-    "@types/dompurify": "^3.0.2",
+    "@types/dompurify": "^3.0.5",
     "@types/emoji-mart": "^3.0.4",
     "@types/emoji-regex": "^8.0.0",
     "@types/google.maps": "^3.49.2",
@@ -35,7 +36,7 @@
     "@types/styled-components": "^5.1.26",
     "bignumber.js": "^9.0.1",
     "credit-card-type": "^9.1.0",
-    "dompurify": "^3.0.5",
+    "dompurify": "^3.0.7",
     "emoji-mart": "^3.0.1",
     "emoji-regex": "^9.2.0",
     "libphonenumber-js": "^1.9.9",