@pega/cosmos-react-core 9.0.0-build.29.2 → 9.0.0-build.29.21

package/lib/i18n/i18n.d.ts

@@ -78,6 +78,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     workflow: string;
     panel: string;
     other: string;
+    columns: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -122,6 +123,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     regenerate: string;
     generation_failed: string;
     retry: string;
+    hide: string;
     view_all: string;
     view_less: string;
     show_more: string;
@@ -507,6 +509,8 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     active_cases_trigger: string;
     your_chats: string;
     reset_width: string;
+    split_width: string;
+    full_width: string;
     accept_suggestion_button_a11y: string;
     reject_suggestion_button_a11y: string;
     suggestion_info: string;
@@ -551,7 +555,6 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     assignment_item_urgency: string;
     assignment_announcement_label: string;
     case_announcement_label: string;
-    assignments_go_announcement_label: string;
     assignments_sla: string;
     key_navigation_instruction: string;
     article_list_label_a11y: string;
@@ -1630,6 +1633,8 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     creating_tab: string;
     create_tab_failure_message: string;
     loading_configure_dialog: string;
+    insight_datapage_picker_limited_features: string;
+    data_page: string;
     delete_parameter_filter: string;
     insight_field_applied_on: string;
     please_fill_the_required_fields: string;

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

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"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"}
+{"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,GAAI,eAAe,WAAW,KAAG,QAAQ,CAAC,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,GAAI,WAAW,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}

package/lib/styles/GlobalStyle.js

@@ -22,8 +22,8 @@ export const createGlobalRootStyles = ({ base: { scale, 'hit-area': hitArea, pal
       font-size: calc(${scale} * 1rem);
       --hit-area: ${hitArea.compact};
       /* stylelint-disable unit-allowed-list, length-zero-no-unit */
-      --safe-area-inset-top: env(safe-area-inset-top, 0px);
-      --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
+      --safe-area-inset-block-start: env(safe-area-inset-top, 0px);
+      --safe-area-inset-block-end: env(safe-area-inset-bottom, 0px);
       &:dir(ltr) {
         --safe-area-inset-inline-start: env(safe-area-inset-left, 0px);
         --safe-area-inset-inline-end: env(safe-area-inset-right, 0px);

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,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,EAChC,EAAE,EAAE;IACjB,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;oBACT,OAAO,CAAC,OAAO;;;;;;;;;;;;;;;;;sBAiBb,OAAO,CAAC,MAAM;;sBAEd,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;GAErF,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,cAAc,EAAE,eAAe,EAC/B,gBAAgB,EAAE,iBAAiB,EACnC,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAC9E,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;sBACT,eAAe;wBACb,iBAAiB;;;;oBAIrB,UAAU;;GAE3B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,EAAE;IACtE,MAAM,EACJ,IAAI,EAAE,EACJ,kBAAkB,EAAE,eAAe,EACnC,OAAO,EAAE,EAAE,kBAAkB,EAAE,UAAU,EAAE,EAC3C,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;;;;;;;;;;;;;;;oBAeL,KAAK;;;;eAIV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;;;KAIF;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;MAE7B,sBAAsB,CAAC,KAAK,CAAC;;MAE7B,qBAAqB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAY/B,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { mix, getLuminance } from 'polished';\nimport { createGlobalStyle, css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\n\nimport { createHighlightStyles } from '../hooks/useHighlight';\nimport { defaultThemeProp } from '../theme';\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 = ({\n  base: { scale, 'hit-area': hitArea, palette }\n}: 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      --hit-area: ${hitArea.compact};\n      /* stylelint-disable unit-allowed-list, length-zero-no-unit */\n      --safe-area-inset-top: env(safe-area-inset-top, 0px);\n      --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);\n      &:dir(ltr) {\n        --safe-area-inset-inline-start: env(safe-area-inset-left, 0px);\n        --safe-area-inset-inline-end: env(safe-area-inset-right, 0px);\n      }\n\n      &:dir(rtl) {\n        --safe-area-inset-inline-start: env(safe-area-inset-right, 0px);\n        --safe-area-inset-inline-end: env(safe-area-inset-left, 0px);\n      }\n      /* stylelint-enable unit-allowed-list, length-zero-no-unit */\n      scroll-padding-block-start: calc(4rem + var(--appshell-top-offset, 0rem));\n\n      @media (pointer: coarse) {\n        --hit-area: ${hitArea.finger};\n      }\n      color-scheme: ${getLuminance(palette['foreground-color']) > 0.5 ? 'dark' : 'light'};\n    }\n  `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n  base: {\n    'font-size': baseFontSize,\n    'font-scale': baseFontScale,\n    'font-stretch': baseFontStretch,\n    'letter-spacing': baseLetterSpacing,\n    'font-family': fontFamily,\n    palette: { 'foreground-color': foregroundColor, 'app-background': background },\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      font-stretch: ${baseFontStretch};\n      letter-spacing: ${baseLetterSpacing};\n    }\n\n    body {\n      background: ${background};\n    }\n  `.join('');\n};\n\nexport default createGlobalStyle(({ theme = defaultThemeProp.theme }) => {\n  const {\n    base: {\n      'custom-scrollbar': customScrollbar,\n      palette: { 'foreground-color': foreground },\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      @media (forced-colors: none) {\n        outline: transparent;\n      }\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-width: thin;\n      }\n    `}\n\n    ${createGlobalRootStyles(theme)}\n\n    ${createGlobalBodyStyles(theme)}\n\n    ${createHighlightStyles(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,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,EAChC,EAAE,EAAE;IACjB,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK;oBACT,OAAO,CAAC,OAAO;;;;;;;;;;;;;;;;;sBAiBb,OAAO,CAAC,MAAM;;sBAEd,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;GAErF,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,cAAc,EAAE,eAAe,EAC/B,gBAAgB,EAAE,iBAAiB,EACnC,aAAa,EAAE,UAAU,EACzB,OAAO,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,EAAE,EAC9E,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;sBACT,eAAe;wBACb,iBAAiB;;;;oBAIrB,UAAU;;GAE3B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,EAAE;IACtE,MAAM,EACJ,IAAI,EAAE,EACJ,kBAAkB,EAAE,eAAe,EACnC,OAAO,EAAE,EAAE,kBAAkB,EAAE,UAAU,EAAE,EAC3C,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;;;;;;;;;;;;;;;oBAeL,KAAK;;;;eAIV,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,eAAe,CAAC;;;;MAItD,eAAe;QACjB,GAAG,CAAA;;;;KAIF;;MAEC,sBAAsB,CAAC,KAAK,CAAC;;MAE7B,sBAAsB,CAAC,KAAK,CAAC;;MAE7B,qBAAqB,CAAC,KAAK,CAAC;;;;;;;;;;;;GAY/B,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { mix, getLuminance } from 'polished';\nimport { createGlobalStyle, css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\n\nimport { createHighlightStyles } from '../hooks/useHighlight';\nimport { defaultThemeProp } from '../theme';\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 = ({\n  base: { scale, 'hit-area': hitArea, palette }\n}: 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      --hit-area: ${hitArea.compact};\n      /* stylelint-disable unit-allowed-list, length-zero-no-unit */\n      --safe-area-inset-block-start: env(safe-area-inset-top, 0px);\n      --safe-area-inset-block-end: env(safe-area-inset-bottom, 0px);\n      &:dir(ltr) {\n        --safe-area-inset-inline-start: env(safe-area-inset-left, 0px);\n        --safe-area-inset-inline-end: env(safe-area-inset-right, 0px);\n      }\n\n      &:dir(rtl) {\n        --safe-area-inset-inline-start: env(safe-area-inset-right, 0px);\n        --safe-area-inset-inline-end: env(safe-area-inset-left, 0px);\n      }\n      /* stylelint-enable unit-allowed-list, length-zero-no-unit */\n      scroll-padding-block-start: calc(4rem + var(--appshell-top-offset, 0rem));\n\n      @media (pointer: coarse) {\n        --hit-area: ${hitArea.finger};\n      }\n      color-scheme: ${getLuminance(palette['foreground-color']) > 0.5 ? 'dark' : 'light'};\n    }\n  `.join('');\n};\n\nexport const createGlobalBodyStyles = ({\n  base: {\n    'font-size': baseFontSize,\n    'font-scale': baseFontScale,\n    'font-stretch': baseFontStretch,\n    'letter-spacing': baseLetterSpacing,\n    'font-family': fontFamily,\n    palette: { 'foreground-color': foregroundColor, 'app-background': background },\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      font-stretch: ${baseFontStretch};\n      letter-spacing: ${baseLetterSpacing};\n    }\n\n    body {\n      background: ${background};\n    }\n  `.join('');\n};\n\nexport default createGlobalStyle(({ theme = defaultThemeProp.theme }) => {\n  const {\n    base: {\n      'custom-scrollbar': customScrollbar,\n      palette: { 'foreground-color': foreground },\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      @media (forced-colors: none) {\n        outline: transparent;\n      }\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-width: thin;\n      }\n    `}\n\n    ${createGlobalRootStyles(theme)}\n\n    ${createGlobalBodyStyles(theme)}\n\n    ${createHighlightStyles(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/theme/themes/orionDarkTheme.json

@@ -3,15 +3,12 @@
         "border-radius": "0.5rem",
         "font-family": "'Poppins', sans-serif",
         "palette": {
-            "app-background": "linear-gradient(135deg, #EAF1FF 0%, #EFF8FF 100%)",
-            "brand-primary": "#FFF",
-            "brand-accent": "#B6CAF8",
-            "secondary-background": "#E2EBFF",
-            "interactive": "#3F57E4",
-            "foreground-color": "#001D54",
-            "brand-foreground": "#001D54",
-            "dark": "#32375F",
-            "border-line": "#A1BBFEB3"
+            "app-background": "#13183E",
+            "secondary-background": "#2C4182",
+            "interactive": "#49B7FF",
+            "foreground-color": "#E7ECFF",
+            "primary-background": "#1F2758",
+            "border-line": "#536294"
         },
         "font-weight": {
             "bold": 500,
@@ -22,115 +19,138 @@
     },
     "components": {
         "agent": {
-            "background": "#F6FAFF",
+            "background": "#28346E",
             "user-message": {
-                "background": "linear-gradient(135deg, #D0DDFF 0%, #DAEFFF 100%)",
-                "foreground-color": "#001D54"
+                "background": "#1F2A5E",
+                "foreground-color": "#E7ECFF"
             },
-            "foreground-color": "#001D54",
-            "history": {
-                "item": {
-                    "selected-background": "#CDCFD7"
-                }
-            },
-            "questionnaire": {
-                "background": "#FFFFFF80"
-            }
+            "foreground-color": "#E7ECFF"
         },
         "app-shell": {
             "nav": {
                 "detached": true,
-                "background": "#E2EBFF",
+                "background": "#12163E",
                 "border-color": "transparent",
-                "foreground-color": "#001D54",
-                "create-button-background": "#F6FAFF80",
-                "nested-list-background": "#F6FAFF80",
+                "foreground-color": "#E7ECFF",
+                "create-button-background": "#34427D4D",
+                "nested-list-background": "#34427D4D",
                 "expand-button": {
-                    "background": "#D1DFF1",
-                    "foreground-color": "#001D54"
+                    "background": "#34427D4D",
+                    "foreground-color": "#E7ECFF"
                 },
                 "item-border-radius": "0.5rem",
-                "selected-background": "#F6FAFF"
+                "selected-background": "#324278"
             },
             "header": {
-                "background": "linear-gradient(135deg, #4637D2 0%, #349CFE 100%)",
+                "background": "linear-gradient(135deg, #0C134C 0%, #3B5AA9 100%)",
                 "border-color": "transparent",
-                "foreground-color": "#FFF",
-                "app-name-color": "#FFF",
+                "foreground-color": "#E7ECFF",
+                "app-name-color": "#E7ECFF",
                 "search-input": {
-                    "background-color": "#00000020",
-                    "foreground-color": "#EFEDF5",
+                    "background-color": "#12184066",
+                    "foreground-color": "#E7ECFF",
                     "border-color": "transparent"
                 }
             }
         },
         "case-view": {
             "icon": {
-                "background": "#CFE4FF"
+                "background": "#2C468E"
             },
             "summary": {
                 "detached": true
             },
             "assignments": {
                 "detached": true,
-                "background": "#FFFFFFB3"
+                "background": "#34427D4D"
             },
             "stages": {
                 "status": {
                     "completed": {
-                        "background": "#D0DDFF",
-                        "foreground-color": "#1F9139"
+                        "background": "#243F2C",
+                        "foreground-color": "#96CFA5"
                     },
                     "current": {
-                        "background": "#CFE4FF"
+                        "background": "#2C468E"
                     },
                     "pending": {
-                        "background": "#FFF",
-                        "foreground-color": "#3B3965"
+                        "background": "#1F2D64",
+                        "foreground-color": "#E7ECFF"
                     }
                 }
             },
             "header": {
-                "background": "#FFF",
-                "foreground-color": "#3B3965"
+                "background": "#1F2758"
             }
         },
         "card": {
             "border-radius": "0.5rem",
-            "background": "#FFF",
-            "foreground-color": "#000000"
+            "background": "#1F2758",
+            "foreground-color": "#E7ECFF"
         },
         "button": {
             "border-radius": 1,
-            "color": "#3F57E4",
-            "secondary-color": "#3F57E4",
-            "foreground-color": "#FFF"
+            "color": "#49B7FF",
+            "secondary-color": "#49B7FF",
+            "foreground-color": "auto"
+        },
+        "link": {
+            "color": "#49B7FF"
         },
         "form-control": {
             "border-radius": 1,
-            "border-color": "#A1BBFEB3",
+            "border-color": "#536294",
+            "background-color": "#1F2758",
             ":hover": {
-                "border-color": "#A8AEF8"
+                "border-color": "#7081B6"
+            },
+            ":read-only": {
+                "background-color": "#41475C"
+            }
+        },
+        "badges": {
+            "font-stretch": "60%",
+            "status": {
+                "success": {
+                    "foreground": "#86EFAC",
+                    "background": "#1A3549"
+                },
+                "urgent": {
+                    "foreground": "#FFA4A4",
+                    "background": "#3E2141"
+                },
+                "warn": {
+                    "foreground": "#FFAB4B",
+                    "background": "#342C38"
+                },
+                "pending": {
+                    "foreground": "#D4BBFF",
+                    "background": "#2D2C5D"
+                },
+                "info": {
+                    "foreground": "#DADFEC",
+                    "background": "#3B4060"
+                }
             }
         },
         "tabs": {
             "detached": true
         },
         "announcement": {
-            "background": "linear-gradient(135deg, #4154DF 0%, #3984F4 100%)",
-            "foreground-color": "#FFF"
+            "background": "#2C468E",
+            "foreground-color": "#E7ECFF"
         },
         "avatar": {
-            "background-color": "#7DA4FF"
+            "background-color": "#2D4066"
         },
         "table": {
             "header": {
-                "background-color": "#F0F7FF",
+                "background-color": "#32427F",
                 "border-color": "transparent"
             },
             "body": {
                 "border-color": "transparent",
-                "secondary-background-color": "#F0F7FFE6"
+                "secondary-background-color": "#2A356A"
             },
             "spacing": {
                 "horizontal-inner": true
@@ -143,13 +163,13 @@
             }
         },
         "label": {
-            "foreground-color": "#5C598C"
+            "foreground-color": "#D4DDFA"
         },
         "progress": {
-            "progress-color": "#9416C9"
+            "progress-color": "#4D63B3"
         },
         "select": {
-            "border-color": "#7882CE80"
+            "border-color": "#6F7DA680"
         }
     }
 }

package/lib/utils/getEffectiveRect.d.ts

@@ -1,8 +1,4 @@
-interface Rect {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
+interface Rect extends Pick<DOMRect, 'left' | 'top' | 'width' | 'height'> {
 }
 /**
  * Returns the visible bounding rect for an element, robust to wrappers

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

@@ -1 +1 @@
-{"version":3,"file":"getEffectiveRect.d.ts","sourceRoot":"","sources":["../../src/utils/getEffectiveRect.ts"],"names":[],"mappings":"AAAA,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,gBAAgB,GAAI,IAAI,OAAO,KAAG,IAgBvC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"getEffectiveRect.d.ts","sourceRoot":"","sources":["../../src/utils/getEffectiveRect.ts"],"names":[],"mappings":"AAAA,UAAU,IAAK,SAAQ,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;CAAG;AAiD5E;;;;;;;GAOG;AACH,QAAA,MAAM,gBAAgB,GAAI,IAAI,OAAO,KAAG,IAkDvC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/utils/getEffectiveRect.js

@@ -1,3 +1,41 @@
+/**
+ * Recursively union the bounding rects of all element descendants of `el`
+ * that have a non-zero size. Zero-size children (e.g. `display: contents`
+ * wrappers such as Pega's `Inspectable`) are descended into rather than
+ * skipped, so that deeply nested editable wrappers contribute their
+ * children's rects to the parent's effective rect.
+ *
+ * Only element children are visited — bare text nodes are intentionally
+ * excluded to avoid the multi-layout-column spanning issue that affected
+ * the previous `Range.getBoundingClientRect` approach.
+ */
+const unionChildRects = (el) => {
+    return [...el.children].reduce((union, child) => {
+        const childRect = child.getBoundingClientRect();
+        if (childRect.width !== 0 || childRect.height !== 0) {
+            return {
+                left: Math.min(union.left, childRect.left),
+                top: Math.min(union.top, childRect.top),
+                right: Math.max(union.right, childRect.right),
+                bottom: Math.max(union.bottom, childRect.bottom)
+            };
+        }
+        // Zero-size child (e.g. display:contents Inspectable wrapper) — recurse
+        // so its element descendants are still included in the union.
+        const nested = unionChildRects(child);
+        return {
+            left: Math.min(union.left, nested.left),
+            top: Math.min(union.top, nested.top),
+            right: Math.max(union.right, nested.right),
+            bottom: Math.max(union.bottom, nested.bottom)
+        };
+    }, {
+        left: Infinity,
+        top: Infinity,
+        right: -Infinity,
+        bottom: -Infinity
+    });
+};
 /**
  * Returns the visible bounding rect for an element, robust to wrappers
  * that use `display: contents`. Such wrappers have no box of their own
@@ -7,19 +45,49 @@
  * geometry reports.
  */
 const getEffectiveRect = (el) => {
+    const win = el.ownerDocument?.defaultView ?? window;
+    const docEl = el.ownerDocument?.documentElement;
     let { left, top, width, height } = el.getBoundingClientRect();
-    if (width === 0 && height === 0 && el.ownerDocument) {
-        const range = el.ownerDocument.createRange();
-        range.selectNodeContents(el);
-        const contentRect = range.getBoundingClientRect();
-        if (contentRect) {
-            left = contentRect.left;
-            top = contentRect.top;
-            width = contentRect.width;
-            height = contentRect.height;
+    // display:contents (and other no-box elements) return 0/0.
+    // Union element-children rects recursively (zero-size children such as
+    // display:contents Inspectable wrappers are descended into rather than
+    // skipped), instead of using Range which walks ALL text descendants and
+    // can span multiple layout columns.
+    if (width === 0 && height === 0) {
+        const union = unionChildRects(el);
+        if (union.left !== Infinity) {
+            left = union.left;
+            top = union.top;
+            width = union.right - union.left;
+            height = union.bottom - union.top;
+        }
+    }
+    // Clip to overflow-constraining ancestors.
+    let right = left + width;
+    let bottom = top + height;
+    let ancestor = el.parentElement;
+    while (ancestor && ancestor !== docEl) {
+        const style = win.getComputedStyle(ancestor);
+        const ox = style.overflowX;
+        const oy = style.overflowY;
+        const clips = ox === 'hidden' ||
+            ox === 'clip' ||
+            ox === 'scroll' ||
+            ox === 'auto' ||
+            oy === 'hidden' ||
+            oy === 'clip' ||
+            oy === 'scroll' ||
+            oy === 'auto';
+        if (clips) {
+            const ar = ancestor.getBoundingClientRect();
+            left = Math.max(left, ar.left);
+            top = Math.max(top, ar.top);
+            right = Math.min(right, ar.right);
+            bottom = Math.min(bottom, ar.bottom);
         }
+        ancestor = ancestor.parentElement;
     }
-    return { left, top, width, height };
+    return { left, top, width: Math.max(0, right - left), height: Math.max(0, bottom - top) };
 };
 export default getEffectiveRect;
 //# sourceMappingURL=getEffectiveRect.js.map

package/lib/utils/getEffectiveRect.js.map

@@ -1 +1 @@
-{"version":3,"file":"getEffectiveRect.js","sourceRoot":"","sources":["../../src/utils/getEffectiveRect.ts"],"names":[],"mappings":"AAOA;;;;;;;GAOG;AACH,MAAM,gBAAgB,GAAG,CAAC,EAAW,EAAQ,EAAE;IAC7C,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;IAE9D,IAAI,KAAK,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC,aAAa,EAAE,CAAC;QACpD,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;QAC7C,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC7B,MAAM,WAAW,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAClD,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;YACxB,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC;YACtB,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;YAC1B,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACtC,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["interface Rect {\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Returns the visible bounding rect for an element, robust to wrappers\n * that use `display: contents`. Such wrappers have no box of their own\n * but the content they enclose still paints — `Range.getBoundingClientRect`\n * yields the union of the rendered content (including text nodes), which\n * is what we want for both Inspector highlight frames and UI Designer\n * geometry reports.\n */\nconst getEffectiveRect = (el: Element): Rect => {\n  let { left, top, width, height } = el.getBoundingClientRect();\n\n  if (width === 0 && height === 0 && el.ownerDocument) {\n    const range = el.ownerDocument.createRange();\n    range.selectNodeContents(el);\n    const contentRect = range.getBoundingClientRect();\n    if (contentRect) {\n      left = contentRect.left;\n      top = contentRect.top;\n      width = contentRect.width;\n      height = contentRect.height;\n    }\n  }\n\n  return { left, top, width, height };\n};\n\nexport default getEffectiveRect;\n"]}
+{"version":3,"file":"getEffectiveRect.js","sourceRoot":"","sources":["../../src/utils/getEffectiveRect.ts"],"names":[],"mappings":"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","sourcesContent":["interface Rect extends Pick<DOMRect, 'left' | 'top' | 'width' | 'height'> {}\n\ninterface UnionResult extends Pick<DOMRect, 'left' | 'top' | 'right' | 'bottom'> {}\n\n/**\n * Recursively union the bounding rects of all element descendants of `el`\n * that have a non-zero size. Zero-size children (e.g. `display: contents`\n * wrappers such as Pega's `Inspectable`) are descended into rather than\n * skipped, so that deeply nested editable wrappers contribute their\n * children's rects to the parent's effective rect.\n *\n * Only element children are visited — bare text nodes are intentionally\n * excluded to avoid the multi-layout-column spanning issue that affected\n * the previous `Range.getBoundingClientRect` approach.\n */\nconst unionChildRects = (el: Element): UnionResult => {\n  return [...el.children].reduce(\n    (union, child) => {\n      const childRect = child.getBoundingClientRect();\n\n      if (childRect.width !== 0 || childRect.height !== 0) {\n        return {\n          left: Math.min(union.left, childRect.left),\n          top: Math.min(union.top, childRect.top),\n          right: Math.max(union.right, childRect.right),\n          bottom: Math.max(union.bottom, childRect.bottom)\n        };\n      }\n\n      // Zero-size child (e.g. display:contents Inspectable wrapper) — recurse\n      // so its element descendants are still included in the union.\n      const nested = unionChildRects(child);\n\n      return {\n        left: Math.min(union.left, nested.left),\n        top: Math.min(union.top, nested.top),\n        right: Math.max(union.right, nested.right),\n        bottom: Math.max(union.bottom, nested.bottom)\n      };\n    },\n    {\n      left: Infinity,\n      top: Infinity,\n      right: -Infinity,\n      bottom: -Infinity\n    }\n  );\n};\n\n/**\n * Returns the visible bounding rect for an element, robust to wrappers\n * that use `display: contents`. Such wrappers have no box of their own\n * but the content they enclose still paints — `Range.getBoundingClientRect`\n * yields the union of the rendered content (including text nodes), which\n * is what we want for both Inspector highlight frames and UI Designer\n * geometry reports.\n */\nconst getEffectiveRect = (el: Element): Rect => {\n  const win = el.ownerDocument?.defaultView ?? window;\n  const docEl = el.ownerDocument?.documentElement;\n\n  let { left, top, width, height } = el.getBoundingClientRect();\n\n  // display:contents (and other no-box elements) return 0/0.\n  // Union element-children rects recursively (zero-size children such as\n  // display:contents Inspectable wrappers are descended into rather than\n  // skipped), instead of using Range which walks ALL text descendants and\n  // can span multiple layout columns.\n  if (width === 0 && height === 0) {\n    const union = unionChildRects(el);\n    if (union.left !== Infinity) {\n      left = union.left;\n      top = union.top;\n      width = union.right - union.left;\n      height = union.bottom - union.top;\n    }\n  }\n\n  // Clip to overflow-constraining ancestors.\n  let right = left + width;\n  let bottom = top + height;\n  let ancestor = el.parentElement;\n\n  while (ancestor && ancestor !== docEl) {\n    const style = win.getComputedStyle(ancestor);\n    const ox = style.overflowX;\n    const oy = style.overflowY;\n    const clips =\n      ox === 'hidden' ||\n      ox === 'clip' ||\n      ox === 'scroll' ||\n      ox === 'auto' ||\n      oy === 'hidden' ||\n      oy === 'clip' ||\n      oy === 'scroll' ||\n      oy === 'auto';\n    if (clips) {\n      const ar = ancestor.getBoundingClientRect();\n      left = Math.max(left, ar.left);\n      top = Math.max(top, ar.top);\n      right = Math.min(right, ar.right);\n      bottom = Math.min(bottom, ar.bottom);\n    }\n    ancestor = ancestor.parentElement;\n  }\n\n  return { left, top, width: Math.max(0, right - left), height: Math.max(0, bottom - top) };\n};\n\nexport default getEffectiveRect;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "9.0.0-build.29.2",
+  "version": "9.0.0-build.29.21",
   "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.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
@@ -51,7 +51,7 @@
     "react-popper": "^2.3.0",
     "react-resizable": "^3.0.5",
     "shortcuts": "^2.0.3",
-    "styled-components": "^6.3.11",
+    "styled-components": "~6.3.11",
     "timezoned-date": "^3.0.2"
   },
   "devDependencies": {