@kyndryl-design-system/shidoka-applications 1.44.4 → 1.44.6
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.
- package/components/global/header/header.js +5 -5
- package/components/global/header/headerFlyout.js +1 -1
- package/components/global/header/headerLink.js +1 -1
- package/components/global/localNav/localNav.js +1 -1
- package/components/global/localNav/localNavLink.js +1 -1
- package/components/reusable/errorBlock/errorBlock.js +1 -1
- package/components/reusable/modal/modal.js +1 -1
- package/components/reusable/pagination/pagination-navigation-buttons.js +1 -1
- package/components/reusable/sideDrawer/sideDrawer.js +1 -1
- package/components/reusable/table/table-footer.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as o,t as i,o as r,e as n}from"../../../vendor/lit-52eb9e23.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-3185f710.js";import{a as s}from"../../../vendor/lit-html-836d5e5c.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{l as c}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";var
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as o,t as i,o as r,e as n}from"../../../vendor/lit-52eb9e23.js";import{i as a,s as l,x as d}from"../../../vendor/lit-element-3185f710.js";import{a as s}from"../../../vendor/lit-html-836d5e5c.js";import"@kyndryl-design-system/shidoka-foundation/components/icon";import{l as c}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-61c066a3.js";var g=a`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -222,6 +222,7 @@ import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as o,t as
|
|
|
222
222
|
.header {
|
|
223
223
|
display: flex;
|
|
224
224
|
align-items: center;
|
|
225
|
+
gap: 16px;
|
|
225
226
|
position: fixed;
|
|
226
227
|
top: 0;
|
|
227
228
|
right: 0;
|
|
@@ -229,7 +230,7 @@ import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as o,t as
|
|
|
229
230
|
height: var(--kd-header-height);
|
|
230
231
|
background: var(--kd-color-neutral-webgray);
|
|
231
232
|
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
|
|
232
|
-
padding: 4px
|
|
233
|
+
padding: 4px calc(var(--kd-page-gutter) - 4px) 4px var(--kd-page-gutter);
|
|
233
234
|
transition: z-index 150ms ease-out;
|
|
234
235
|
z-index: var(--kd-z-header);
|
|
235
236
|
}
|
|
@@ -249,7 +250,6 @@ import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as o,t as
|
|
|
249
250
|
.logo-link {
|
|
250
251
|
display: flex;
|
|
251
252
|
align-items: center;
|
|
252
|
-
margin-left: 16px;
|
|
253
253
|
text-decoration: none;
|
|
254
254
|
}
|
|
255
255
|
.logo-link:hover {
|
|
@@ -313,7 +313,7 @@ import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as o,t as
|
|
|
313
313
|
background: none;
|
|
314
314
|
padding: 0 8px;
|
|
315
315
|
margin: 0 2px;
|
|
316
|
-
}`;let
|
|
316
|
+
}`;let h=class extends l{constructor(){super(...arguments),this.rootUrl="/",this.appTitle="",this._navOpen=!1,this._flyoutsOpen=!1}render(){const e={header:!0,"left-slotted":this.leftEls.length,"child-open":this._navOpen||this._flyoutsOpen};return d`
|
|
317
317
|
<header class="${r(e)}">
|
|
318
318
|
<slot name="left" @slotchange=${this.handleSlotChange}></slot>
|
|
319
319
|
|
|
@@ -335,5 +335,5 @@ import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as t,l as o,t as
|
|
|
335
335
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
336
336
|
</div>
|
|
337
337
|
</header>
|
|
338
|
-
`}handleSlotChange(){this.requestUpdate()}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}_handleNavToggle(e){this._navOpen=e.detail.open}_handleFlyoutsToggle(e){this._flyoutsOpen=e.detail.open}connectedCallback(){super.connectedCallback(),document.addEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.addEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e)))}disconnectedCallback(){document.removeEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.removeEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e))),super.disconnectedCallback()}};
|
|
338
|
+
`}handleSlotChange(){this.requestUpdate()}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}_handleNavToggle(e){this._navOpen=e.detail.open}_handleFlyoutsToggle(e){this._flyoutsOpen=e.detail.open}connectedCallback(){super.connectedCallback(),document.addEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.addEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e)))}disconnectedCallback(){document.removeEventListener("on-nav-toggle",(e=>this._handleNavToggle(e))),document.removeEventListener("on-flyouts-toggle",(e=>this._handleFlyoutsToggle(e))),super.disconnectedCallback()}};h.styles=g,e([t({type:String})],h.prototype,"rootUrl",void 0),e([t({type:String})],h.prototype,"appTitle",void 0),e([o({selector:"kyn-header-nav"})],h.prototype,"navEls",void 0),e([o()],h.prototype,"assignedElements",void 0),e([o({slot:"left"})],h.prototype,"leftEls",void 0),e([i()],h.prototype,"_navOpen",void 0),e([i()],h.prototype,"_flyoutsOpen",void 0),h=e([n("kyn-header")],h);export{h as Header};
|
|
339
339
|
//# sourceMappingURL=header.js.map
|
|
@@ -81,7 +81,7 @@ import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as r,e as t}from"
|
|
|
81
81
|
flex-wrap: wrap;
|
|
82
82
|
justify-content: center;
|
|
83
83
|
}
|
|
84
|
-
@media (max-width: 42rem) {
|
|
84
|
+
@media (max-width: calc(42rem - 1px)) {
|
|
85
85
|
.error-container .error-action-buttons kd-button {
|
|
86
86
|
width: 100%;
|
|
87
87
|
flex-grow: 1;
|