@kong-ui-public/app-layout 0.12.2 → 0.12.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/app-layout.es.js +3 -3
  2. package/dist/app-layout.es.js.map +1 -1
  3. package/dist/app-layout.umd.js +4 -4
  4. package/dist/app-layout.umd.js.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .kong-ui-app-navbar[data-v-91e1a967]{background-color:#fff;background-color:var(--kong-ui-app-navbar-background-color, #fff);border-bottom:1px solid rgba(0,0,0,.1);left:0;position:fixed;right:0;top:var(--8335362e);z-index:var(--bcff8f38)}@media (min-width: 768px){.kong-ui-app-navbar[data-v-91e1a967]{left:var(--0e436ef3)}}.kong-ui-app-navbar .header-content[data-v-91e1a967]{align-items:center;display:flex;gap:16px;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .mobile-header-left[data-v-91e1a967]{display:inline-flex;gap:16px}@media (min-width: 768px){.kong-ui-app-navbar .mobile-header-left[data-v-91e1a967]{display:none}}.item-badge[data-v-9e48c714]{background-color:#d44324;background-color:var(--red-500, #D44324);border-radius:16px;color:#fff;color:var(--white, #fff);font-size:12px;font-weight:400;line-height:1.1;max-width:36px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:48px;text-decoration:none;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#fff;color:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path{fill:#fff;fill:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{align-items:center;display:flex;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#fff;color:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:600!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--black-10, rgba(0, 0, 0, .1));padding:4px 0 12px}.sidebar-item-primary.active[data-v-673c8bf0],.sidebar-item-primary.expanded[data-v-673c8bf0]{background-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-673c8bf0],.sidebar-item-primary>div>a[data-v-673c8bf0]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-673c8bf0],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-673c8bf0]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-673c8bf0]{margin-bottom:4px}.sidebar-item-secondary[data-v-673c8bf0]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-673c8bf0]{background-color:transparent;border-left:4px solid transparent;color:#dae3f2!important;color:var(--steel-200, #DAE3F2)!important;font-size:14px;min-height:36px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-673c8bf0]:hover,.sidebar-item-secondary a[data-v-673c8bf0]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-673c8bf0]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-673c8bf0]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-673c8bf0]{background-color:#fff3;border-left:4px solid #07A88D;border-left:4px solid var(--green-500, #07A88D);color:#fff!important;color:var(--white, #fff)!important;font-weight:600!important}.sidebar-item-display[data-v-673c8bf0]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-673c8bf0]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-673c8bf0]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-673c8bf0]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-673c8bf0]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-673c8bf0]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-673c8bf0]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-673c8bf0]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-673c8bf0]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-673c8bf0]{color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-673c8bf0]{align-items:center;display:flex;line-height:0;padding-right:14px}.sidebar-item-icon[data-v-57607227]{display:flex;line-height:0;padding-right:14px}.sidebar-profile-link[data-v-57607227]{align-items:center;background-color:#0a2b66;background-color:var(--blue-700, #0A2B66);color:#a3b6d9;color:var(--steel-300, #A3B6D9);display:flex;height:70px!important;padding-left:14px;text-decoration:none;white-space:nowrap}.sidebar-profile-item-container[data-v-57607227],.sidebar-profile-dropdown-container[data-v-57607227]{align-items:center;display:flex;height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227]{padding-right:16px;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown{height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown>*{height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown>* .k-dropdown-trigger{align-items:center;display:flex;font-size:14px;height:100%;width:100%}.profile-dropdown-trigger[data-v-57607227]{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;display:flex;font-weight:500;height:100%;text-decoration:none;transition:color .2s ease-out;white-space:nowrap;width:100%}.profile-dropdown-trigger[data-v-57607227]:hover,.profile-dropdown-trigger[data-v-57607227]:focus-visible{color:#fff;color:var(--white, #fff)}.profile-dropdown-trigger[data-v-57607227]:focus-visible{outline:none}.profile-dropdown-trigger:focus-visible span[data-v-57607227]{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-profile-name[data-v-57607227]{line-height:1.3;max-width:170px;overflow:hidden;padding-right:1ch;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}[data-v-57607227] .sidebar-profile-menu-popover.k-popover{--KPopPaddingX: 0 !important;--KPopPaddingY: 0 !important;left:-2px!important;margin-top:0!important}[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-enter-active,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-enter-to,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-leave-active,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-leave-to{animation:none!important}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-list{margin:var(--spacing-sm) 0;padding-left:0}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus{box-shadow:none;outline:none}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar[data-v-78c13edb]{background:linear-gradient(180deg,#003694 54.17%,#0f203f 100%);display:flex;flex-direction:column;height:var(--577f193b);left:-100%;position:fixed;top:var(--256251c1);transition:left .2s ease-in-out;width:100%;z-index:var(--48cd66e6)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-78c13edb]{max-width:240px;width:240px}}@media (min-width: 768px){.kong-ui-app-sidebar[data-v-78c13edb]{height:var(--e33eb90e);left:0;top:var(--88bdbf7a)}}.kong-ui-app-sidebar.sidebar-open[data-v-78c13edb],.kong-ui-app-sidebar.mobile-disabled[data-v-78c13edb]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-78c13edb]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-78c13edb]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]{display:flex;flex-direction:column;height:100%;margin-top:var(--2976bed2);overflow-x:hidden;overflow-y:scroll;padding-top:16px;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]:hover{scrollbar-color:#7d91b3 transparent;scrollbar-color:var(--steel-400, #7d91b3) transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar[data-v-78c13edb] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 767px){.mobile-header-hidden .sidebar-content-container[data-v-78c13edb],.no-sidebar-header .sidebar-content-container[data-v-78c13edb]{margin-top:0!important}}.sidebar-level-divider[data-v-78c13edb]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-78c13edb]{align-items:center;background:linear-gradient(180deg,#003694 70.83%,rgba(0,54,148,0) 100%);color:#fff;display:var(--2bdaa995);left:0;min-height:var(--edc373a8);padding:0 20px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 768px){.sidebar-header[data-v-78c13edb]{display:flex}}.sidebar-header[data-v-78c13edb]>*{display:flex}.sidebar-header[data-v-78c13edb]>a{text-decoration:none}.sidebar-header[data-v-78c13edb]>a:focus-visible{border-radius:4px;outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-header[data-v-78c13edb]:after{background-image:linear-gradient(#003496,rgba(120,120,84,0));bottom:0;content:"";display:block;height:16px;left:0;margin-bottom:-16px;position:absolute;width:100%;z-index:1}.sidebar-top[data-v-78c13edb]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;user-select:none}.external-profile-dropdown-link[data-v-78c13edb] button.k-dropdown-item-trigger{padding:0!important}.external-profile-dropdown-link[data-v-78c13edb] button.k-dropdown-item-trigger:focus-visible{outline:none}.sidebar-item-external-link[data-v-78c13edb]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:1.3;text-decoration:none}.sidebar-item-external-link[data-v-78c13edb]:focus-visible{outline:1px solid #A3B6D9!important;outline:1px solid var(--steel-300, #A3B6D9)!important}.external-profile-dropdown-link .sidebar-item-external-link[data-v-78c13edb]{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-item-external-link[data-v-78c13edb] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-78c13edb]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--3851b392);z-index:var(--185405ca)}@media (min-width: 768px){.kong-ui-app-sidebar-overlay[data-v-78c13edb]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 768px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-1df27f3d]{border-radius:3px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-1df27f3d]:focus-visible{outline:1px solid #1155cb;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb))}@media (min-width: 768px){.sidebar-menu-toggle[data-v-1df27f3d]{display:none}}.sidebar-menu-toggle .line[data-v-1df27f3d]{background-color:#1155cb;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb));border-radius:4px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-1df27f3d]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-1df27f3d]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-1df27f3d]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--font-family-sans: Inter, Helvetica, Arial, sans-serif;--font-family-mono: Fira Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-weight-normal: 400;--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Helvetica, Arial, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{font-size:10px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{margin:0;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);color:#0b172d;color:var(--black-500, #0b172d);font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}#app{height:100%}.kong-auth-element{--font-family-sans: Inter, Helvetica, Arial, sans-serif !important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-8c7a1eb1]{background-color:#003694;display:flex;flex-direction:column;font-family:Inter,Helvetica,Arial,sans-serif;height:100%;overflow:hidden;position:relative;width:100%}.kong-ui-app-layout[data-v-8c7a1eb1] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 768px){.kong-ui-app-layout[data-v-8c7a1eb1] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-8c7a1eb1] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-8c7a1eb1] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8c7a1eb1]{align-items:flex-start;background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);display:flex;flex-grow:1;height:100%;margin-top:var(--28b780f6);width:100%}@media (min-width: 768px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8c7a1eb1]{margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-8c7a1eb1]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-8c7a1eb1]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px);position:relative;width:100%}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-8c7a1eb1]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-8c7a1eb1]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8c7a1eb1]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8c7a1eb1] .k-alert{border-radius:0!important}.top-bar-dropdown-menu[data-v-b5a37136]{display:flex;margin-right:4px}.kong-ui-app-error[data-v-ff05f71e]{align-items:center;background-color:#fff;border-top:3px solid #169fcc;border-top:3px solid var(--teal-300, #169fcc);display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-ff05f71e]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-ff05f71e]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-ff05f71e]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-ff05f71e;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{padding:0 36px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{animation:none;opacity:1}}@keyframes fadeIn-ff05f71e{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6f7787;color:var(--grey-500, #6f7787);font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#0b172d;color:var(--black-500, #0b172d);font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}
1
+ .kong-ui-app-navbar[data-v-91e1a967]{background-color:#fff;background-color:var(--kong-ui-app-navbar-background-color, #fff);border-bottom:1px solid rgba(0,0,0,.1);left:0;position:fixed;right:0;top:var(--8335362e);z-index:var(--bcff8f38)}@media (min-width: 768px){.kong-ui-app-navbar[data-v-91e1a967]{left:var(--0e436ef3)}}.kong-ui-app-navbar .header-content[data-v-91e1a967]{align-items:center;display:flex;gap:16px;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .mobile-header-left[data-v-91e1a967]{display:inline-flex;gap:16px}@media (min-width: 768px){.kong-ui-app-navbar .mobile-header-left[data-v-91e1a967]{display:none}}.item-badge[data-v-9e48c714]{background-color:#d44324;background-color:var(--red-500, #D44324);border-radius:16px;color:#fff;color:var(--white, #fff);font-size:12px;font-weight:400;line-height:1.1;max-width:36px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:48px;text-decoration:none;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#fff;color:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path{fill:#fff;fill:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{align-items:center;display:flex;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#fff;color:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:600!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--black-10, rgba(0, 0, 0, .1));padding:4px 0 12px}.sidebar-item-primary.active[data-v-673c8bf0],.sidebar-item-primary.expanded[data-v-673c8bf0]{background-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-673c8bf0],.sidebar-item-primary>div>a[data-v-673c8bf0]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-673c8bf0],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-673c8bf0]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-673c8bf0]{margin-bottom:4px}.sidebar-item-secondary[data-v-673c8bf0]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-673c8bf0]{background-color:transparent;border-left:4px solid transparent;color:#dae3f2!important;color:var(--steel-200, #DAE3F2)!important;font-size:14px;min-height:36px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-673c8bf0]:hover,.sidebar-item-secondary a[data-v-673c8bf0]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-673c8bf0]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-673c8bf0]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-673c8bf0]{background-color:#fff3;border-left:4px solid #07A88D;border-left:4px solid var(--green-500, #07A88D);color:#fff!important;color:var(--white, #fff)!important;font-weight:600!important}.sidebar-item-display[data-v-673c8bf0]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-673c8bf0]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-673c8bf0]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-673c8bf0]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-673c8bf0]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-673c8bf0]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-673c8bf0]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-673c8bf0]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-673c8bf0]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-673c8bf0]{color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-673c8bf0]{align-items:center;display:flex;line-height:0;padding-right:14px}.sidebar-item-icon[data-v-57607227]{display:flex;line-height:0;padding-right:14px}.sidebar-profile-link[data-v-57607227]{align-items:center;background-color:#0a2b66;background-color:var(--blue-700, #0A2B66);color:#a3b6d9;color:var(--steel-300, #A3B6D9);display:flex;height:70px!important;padding-left:14px;text-decoration:none;white-space:nowrap}.sidebar-profile-item-container[data-v-57607227],.sidebar-profile-dropdown-container[data-v-57607227]{align-items:center;display:flex;height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227]{padding-right:16px;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown{height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown>*{height:100%;width:100%}.sidebar-profile-dropdown-container[data-v-57607227] .k-dropdown>* .k-dropdown-trigger{align-items:center;display:flex;font-size:14px;height:100%;width:100%}.profile-dropdown-trigger[data-v-57607227]{align-items:center;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;display:flex;font-weight:500;height:100%;text-decoration:none;transition:color .2s ease-out;white-space:nowrap;width:100%}.profile-dropdown-trigger[data-v-57607227]:hover,.profile-dropdown-trigger[data-v-57607227]:focus-visible{color:#fff;color:var(--white, #fff)}.profile-dropdown-trigger[data-v-57607227]:focus-visible{outline:none}.profile-dropdown-trigger:focus-visible span[data-v-57607227]{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-profile-name[data-v-57607227]{line-height:1.3;max-width:170px;overflow:hidden;padding-right:1ch;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}[data-v-57607227] .sidebar-profile-menu-popover.k-popover{--KPopPaddingX: 0 !important;--KPopPaddingY: 0 !important;left:-2px!important;margin-top:0!important}[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-enter-active,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-enter-to,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-leave-active,[data-v-57607227] .sidebar-profile-menu-popover.k-popover.fade-leave-to{animation:none!important}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-list{margin:var(--spacing-sm) 0;padding-left:0}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus{box-shadow:none;outline:none}[data-v-57607227] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar[data-v-78c13edb]{background:linear-gradient(180deg,#003694 54.17%,#0f203f 100%);display:flex;flex-direction:column;height:var(--577f193b);left:-100%;position:fixed;top:var(--256251c1);transition:left .2s ease-in-out;width:100%;z-index:var(--48cd66e6)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-78c13edb]{max-width:240px;width:240px}}@media (min-width: 768px){.kong-ui-app-sidebar[data-v-78c13edb]{height:var(--e33eb90e);left:0;top:var(--88bdbf7a)}}.kong-ui-app-sidebar.sidebar-open[data-v-78c13edb],.kong-ui-app-sidebar.mobile-disabled[data-v-78c13edb]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-78c13edb]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-78c13edb]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]{display:flex;flex-direction:column;height:100%;margin-top:var(--2976bed2);overflow-x:hidden;overflow-y:scroll;padding-top:16px;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]:hover{scrollbar-color:#7d91b3 transparent;scrollbar-color:var(--steel-400, #7d91b3) transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-78c13edb]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar[data-v-78c13edb] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 767px){.mobile-header-hidden .sidebar-content-container[data-v-78c13edb],.no-sidebar-header .sidebar-content-container[data-v-78c13edb]{margin-top:0!important}}.sidebar-level-divider[data-v-78c13edb]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-78c13edb]{align-items:center;background:linear-gradient(180deg,#003694 70.83%,rgba(0,54,148,0) 100%);color:#fff;display:var(--2bdaa995);left:0;min-height:var(--edc373a8);padding:0 20px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 768px){.sidebar-header[data-v-78c13edb]{display:flex}}.sidebar-header[data-v-78c13edb]>*{display:flex}.sidebar-header[data-v-78c13edb]>a{text-decoration:none}.sidebar-header[data-v-78c13edb]>a:focus-visible{border-radius:4px;outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-header[data-v-78c13edb]:after{background-image:linear-gradient(#003496,rgba(120,120,84,0));bottom:0;content:"";display:block;height:16px;left:0;margin-bottom:-16px;position:absolute;width:100%;z-index:1}.sidebar-top[data-v-78c13edb]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;user-select:none}.external-profile-dropdown-link[data-v-78c13edb] button.k-dropdown-item-trigger{padding:0!important}.external-profile-dropdown-link[data-v-78c13edb] button.k-dropdown-item-trigger:focus-visible{outline:none}.sidebar-item-external-link[data-v-78c13edb]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:1.3;text-decoration:none}.sidebar-item-external-link[data-v-78c13edb]:focus-visible{outline:1px solid #A3B6D9!important;outline:1px solid var(--steel-300, #A3B6D9)!important}.external-profile-dropdown-link .sidebar-item-external-link[data-v-78c13edb]{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-item-external-link[data-v-78c13edb] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-78c13edb]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--3851b392);z-index:var(--185405ca)}@media (min-width: 768px){.kong-ui-app-sidebar-overlay[data-v-78c13edb]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 768px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-1df27f3d]{border-radius:3px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-1df27f3d]:focus-visible{outline:1px solid #1155cb;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb))}@media (min-width: 768px){.sidebar-menu-toggle[data-v-1df27f3d]{display:none}}.sidebar-menu-toggle .line[data-v-1df27f3d]{background-color:#1155cb;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb));border-radius:4px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-1df27f3d]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-1df27f3d]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-1df27f3d]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--font-family-sans: Inter, Helvetica, Arial, sans-serif;--font-family-mono: Fira Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-weight-normal: 400;--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Helvetica, Arial, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{font-size:10px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);color:#0b172d;color:var(--black-500, #0b172d);font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}#app{height:100%}.kong-auth-element{--font-family-sans: Inter, Helvetica, Arial, sans-serif !important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-20dd2542]{background-color:#003694;bottom:0;display:flex;flex-direction:column;font-family:Inter,Helvetica,Arial,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-20dd2542] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 768px){.kong-ui-app-layout[data-v-20dd2542] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-20dd2542] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-20dd2542] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-20dd2542]{align-items:flex-start;background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);display:flex;flex-grow:1;height:100%;margin-top:var(--584c17af);overflow:auto;width:100%}@media (min-width: 768px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-20dd2542]{margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-20dd2542]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-20dd2542]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px);position:relative;width:100%}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-20dd2542]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-20dd2542]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-20dd2542]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-20dd2542] .k-alert{border-radius:0!important}.top-bar-dropdown-menu[data-v-b5a37136]{display:flex;margin-right:4px}.kong-ui-app-error[data-v-ff05f71e]{align-items:center;background-color:#fff;border-top:3px solid #169fcc;border-top:3px solid var(--teal-300, #169fcc);display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-ff05f71e]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-ff05f71e]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-ff05f71e]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-ff05f71e;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{padding:0 36px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-ff05f71e]{animation:none;opacity:1}}@keyframes fadeIn-ff05f71e{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6f7787;color:var(--grey-500, #6f7787);font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#0b172d;color:var(--black-500, #0b172d);font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong-ui-public/app-layout",
3
- "version": "0.12.2",
3
+ "version": "0.12.3",
4
4
  "type": "module",
5
5
  "main": "./dist/app-layout.umd.js",
6
6
  "module": "./dist/app-layout.es.js",