@kyndryl-design-system/shidoka-applications 1.0.7 → 1.0.9
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.d.ts +1 -0
- package/components/global/header/header.d.ts.map +1 -1
- package/components/global/header/header.js +1 -1
- package/components/global/header/header.js.map +1 -1
- package/components/global/header/header.scss.js +1 -0
- package/components/global/header/header.scss.js.map +1 -1
- package/components/global/header/headerFlyout.scss.js +1 -0
- package/components/global/header/headerFlyout.scss.js.map +1 -1
- package/components/global/header/headerLink.scss.js +2 -0
- package/components/global/header/headerLink.scss.js.map +1 -1
- package/components/global/header/headerPanel.scss.js +1 -0
- package/components/global/header/headerPanel.scss.js.map +1 -1
- package/components/global/header/headerPanelLink.scss.js +1 -0
- package/components/global/header/headerPanelLink.scss.js.map +1 -1
- package/components/global/localNav/localNav.scss.js +1 -0
- package/components/global/localNav/localNav.scss.js.map +1 -1
- package/components/global/localNav/localNavLink.scss.js +5 -0
- package/components/global/localNav/localNavLink.scss.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/global/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAWvC,OAAO,2DAA2D,CAAC;AAInE;;;;;;;GAOG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,+BAAc;IAEpC,6EAA6E;IAE7E,OAAO,SAAO;IAEd,+DAA+D;IAE/D,QAAQ,SAAM;IAEd,oFAAoF;IAEpF,UAAU,SAAO;IAEjB,2FAA2F;IAE3F,OAAO,UAAS;IAEhB;;;OAGG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,EAAG,GAAG,CAAC;IAEb;;OAEG;IAEH,gBAAgB,EAAG,GAAG,CAAC;IAEvB;;OAEG;IAEH,OAAO,EAAG,GAAG,CAAC;IAEL,MAAM;IA2CN,iBAAiB;IAcjB,oBAAoB;IAa7B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,kBAAkB;
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/global/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAWvC,OAAO,2DAA2D,CAAC;AAInE;;;;;;;GAOG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,+BAAc;IAEpC,6EAA6E;IAE7E,OAAO,SAAO;IAEd,+DAA+D;IAE/D,QAAQ,SAAM;IAEd,oFAAoF;IAEpF,UAAU,SAAO;IAEjB,2FAA2F;IAE3F,OAAO,UAAS;IAEhB;;;OAGG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,EAAG,GAAG,CAAC;IAEb;;OAEG;IAEH,gBAAgB,EAAG,GAAG,CAAC;IAEvB;;OAEG;IAEH,OAAO,EAAG,GAAG,CAAC;IAEL,MAAM;IA2CN,iBAAiB;IAcjB,oBAAoB;IAa7B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,cAAc;CAMvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}
|
|
@@ -28,5 +28,5 @@ import{__decorate as e}from"../../../_virtual/_tslib.js";import'./../../../exter
|
|
|
28
28
|
`:null}
|
|
29
29
|
</div>
|
|
30
30
|
</header>
|
|
31
|
-
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this.handleMenuClickOut(e))),this.testBreakpoint(),null===window||void 0===window||window.addEventListener("resize",a((()=>{this.testBreakpoint()})))}disconnectedCallback(){document.removeEventListener("click",(e=>this.handleMenuClickOut(e))),null===window||void 0===window||window.removeEventListener("resize",a((()=>{this.testBreakpoint()}))),super.disconnectedCallback()}handleSlotChange(){this.requestUpdate()}handleMenuClickOut(e){var t;const o=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".menu-button");e.composedPath().includes(this.navEls[0])||e.composedPath().includes(o)||this.
|
|
31
|
+
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",(e=>this.handleMenuClickOut(e))),this.testBreakpoint(),null===window||void 0===window||window.addEventListener("resize",a((()=>{this.testBreakpoint()})))}disconnectedCallback(){document.removeEventListener("click",(e=>this.handleMenuClickOut(e))),null===window||void 0===window||window.removeEventListener("resize",a((()=>{this.testBreakpoint()}))),super.disconnectedCallback()}handleSlotChange(){this.requestUpdate()}handleMenuClickOut(e){var t;const o=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".menu-button");e.composedPath().includes(this.navEls[0])||e.composedPath().includes(o)||(this.menuOpen=!1,this.emitMenuToggle())}testBreakpoint(){(null===window||void 0===window?void 0:window.innerWidth)>=this.breakpoint?this.breakpointHit=!0:this.breakpointHit=!1}handleRootLinkClick(e){const t=new CustomEvent("on-root-link-click",{detail:{origEvent:e}});this.dispatchEvent(t)}toggleNavMenu(){this.menuOpen=!this.menuOpen,this.emitMenuToggle()}emitMenuToggle(){const e=new CustomEvent("on-menu-toggle",{detail:this.menuOpen});this.dispatchEvent(e)}};h.styles=m,e([s({type:String})],h.prototype,"rootUrl",void 0),e([s({type:String})],h.prototype,"appTitle",void 0),e([s({type:Number})],h.prototype,"breakpoint",void 0),e([s({type:Boolean})],h.prototype,"divider",void 0),e([n()],h.prototype,"breakpointHit",void 0),e([n()],h.prototype,"menuOpen",void 0),e([l({selector:"kyn-header-nav"})],h.prototype,"navEls",void 0),e([l()],h.prototype,"assignedElements",void 0),e([l({slot:"left"})],h.prototype,"leftEls",void 0),h=e([i("kyn-header")],h);export{h as Header};
|
|
32
32
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sources":["../../../../src/components/global/header/header.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport {\n customElement,\n property,\n state,\n queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { debounce } from '../../../common/helpers/helpers';\nimport HeaderScss from './header.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\nimport overflowIcon from '@carbon/icons/es/overflow-menu--vertical/24';\n\n/**\n * The global Header component.\n * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail.\n * @fires on-root-link-click - Captures the logo link click event and emits the original event details.\n * @slot unnamed - The default slot for all empty space right of the logo/title.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot left - Slot left of the logo, intended for a header panel.\n */\n@customElement('kyn-header')\nexport class Header extends LitElement {\n static override styles = HeaderScss;\n\n /** URL for the header logo link. Should target the application home page. */\n @property({ type: String })\n rootUrl = '/';\n\n /** App title text next to logo. Hidden on smaller screens. */\n @property({ type: String })\n appTitle = '';\n\n /** The breakpoint (in px) to convert the nav to a flyout menu for small screens. */\n @property({ type: Number })\n breakpoint = 672;\n\n /** Adds a 1px shadow to the bottom of the header, for contrast with white backgrounds. */\n @property({ type: Boolean })\n divider = false;\n\n /**\n * Determines if menu should be a flyout or inline depending on screen size.\n * @ignore\n */\n @state()\n breakpointHit = false;\n\n /** Small screen header nav visibility.\n * @ignore\n */\n @state()\n menuOpen = false;\n\n /** Queries for slotted header-nav.\n * @internal\n */\n @queryAssignedElements({ selector: 'kyn-header-nav' })\n navEls!: any;\n\n /** Queries for all slotted elements.\n * @internal\n */\n @queryAssignedElements()\n assignedElements!: any;\n\n /** Queries for elements in left slot.\n * @internal\n */\n @queryAssignedElements({ slot: 'left' })\n leftEls!: any;\n\n override render() {\n const classes = {\n header: true,\n 'breakpoint-hit': this.breakpointHit,\n divider: this.divider,\n 'left-slotted': this.leftEls.length,\n };\n\n return html`\n <header class=\"${classMap(classes)}\">\n <slot name=\"left\" @slotchange=${this.handleSlotChange}></slot>\n <a\n href=\"${this.rootUrl}\"\n class=\"logo-link interactive\"\n @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n >\n <slot name=\"logo\" @slotchange=${this.handleSlotChange}>\n ${unsafeHTML(logo)}\n </slot>\n\n <span class=\"title\">${this.appTitle}</span>\n </a>\n\n <div class=\"header__right\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n\n ${!this.breakpointHit && this.navEls.length\n ? html`\n <div class=\"menu\">\n <button\n class=\"menu-button interactive\"\n @click=${() => this.toggleNavMenu()}\n >\n <kd-icon .icon=${overflowIcon}></kd-icon>\n </button>\n </div>\n `\n : null}\n </div>\n </header>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n document.addEventListener('click', (e) => this.handleMenuClickOut(e));\n\n this.testBreakpoint();\n window?.addEventListener(\n 'resize',\n debounce(() => {\n this.testBreakpoint();\n })\n );\n }\n\n override disconnectedCallback() {\n document.removeEventListener('click', (e) => this.handleMenuClickOut(e));\n\n window?.removeEventListener(\n 'resize',\n debounce(() => {\n this.testBreakpoint();\n })\n );\n\n super.disconnectedCallback();\n }\n\n private handleSlotChange() {\n this.requestUpdate();\n }\n\n private handleMenuClickOut(e: any) {\n const button = this.shadowRoot?.querySelector('.menu-button');\n\n if (\n !e.composedPath().includes(this.navEls[0]) &&\n !e.composedPath().includes(button)\n ) {\n this.
|
|
1
|
+
{"version":3,"file":"header.js","sources":["../../../../src/components/global/header/header.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport {\n customElement,\n property,\n state,\n queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { debounce } from '../../../common/helpers/helpers';\nimport HeaderScss from './header.scss';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\nimport logo from '@kyndryl-design-system/shidoka-foundation/assets/svg/kyndryl-logo.svg';\nimport overflowIcon from '@carbon/icons/es/overflow-menu--vertical/24';\n\n/**\n * The global Header component.\n * @fires on-menu-toggle - Captures the menu toggle click event and emits the menu open state in the detail.\n * @fires on-root-link-click - Captures the logo link click event and emits the original event details.\n * @slot unnamed - The default slot for all empty space right of the logo/title.\n * @slot logo - Slot for the logo, will overwrite the default logo.\n * @slot left - Slot left of the logo, intended for a header panel.\n */\n@customElement('kyn-header')\nexport class Header extends LitElement {\n static override styles = HeaderScss;\n\n /** URL for the header logo link. Should target the application home page. */\n @property({ type: String })\n rootUrl = '/';\n\n /** App title text next to logo. Hidden on smaller screens. */\n @property({ type: String })\n appTitle = '';\n\n /** The breakpoint (in px) to convert the nav to a flyout menu for small screens. */\n @property({ type: Number })\n breakpoint = 672;\n\n /** Adds a 1px shadow to the bottom of the header, for contrast with white backgrounds. */\n @property({ type: Boolean })\n divider = false;\n\n /**\n * Determines if menu should be a flyout or inline depending on screen size.\n * @ignore\n */\n @state()\n breakpointHit = false;\n\n /** Small screen header nav visibility.\n * @ignore\n */\n @state()\n menuOpen = false;\n\n /** Queries for slotted header-nav.\n * @internal\n */\n @queryAssignedElements({ selector: 'kyn-header-nav' })\n navEls!: any;\n\n /** Queries for all slotted elements.\n * @internal\n */\n @queryAssignedElements()\n assignedElements!: any;\n\n /** Queries for elements in left slot.\n * @internal\n */\n @queryAssignedElements({ slot: 'left' })\n leftEls!: any;\n\n override render() {\n const classes = {\n header: true,\n 'breakpoint-hit': this.breakpointHit,\n divider: this.divider,\n 'left-slotted': this.leftEls.length,\n };\n\n return html`\n <header class=\"${classMap(classes)}\">\n <slot name=\"left\" @slotchange=${this.handleSlotChange}></slot>\n <a\n href=\"${this.rootUrl}\"\n class=\"logo-link interactive\"\n @click=\"${(e: Event) => this.handleRootLinkClick(e)}\"\n >\n <slot name=\"logo\" @slotchange=${this.handleSlotChange}>\n ${unsafeHTML(logo)}\n </slot>\n\n <span class=\"title\">${this.appTitle}</span>\n </a>\n\n <div class=\"header__right\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n\n ${!this.breakpointHit && this.navEls.length\n ? html`\n <div class=\"menu\">\n <button\n class=\"menu-button interactive\"\n @click=${() => this.toggleNavMenu()}\n >\n <kd-icon .icon=${overflowIcon}></kd-icon>\n </button>\n </div>\n `\n : null}\n </div>\n </header>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n document.addEventListener('click', (e) => this.handleMenuClickOut(e));\n\n this.testBreakpoint();\n window?.addEventListener(\n 'resize',\n debounce(() => {\n this.testBreakpoint();\n })\n );\n }\n\n override disconnectedCallback() {\n document.removeEventListener('click', (e) => this.handleMenuClickOut(e));\n\n window?.removeEventListener(\n 'resize',\n debounce(() => {\n this.testBreakpoint();\n })\n );\n\n super.disconnectedCallback();\n }\n\n private handleSlotChange() {\n this.requestUpdate();\n }\n\n private handleMenuClickOut(e: any) {\n const button = this.shadowRoot?.querySelector('.menu-button');\n\n if (\n !e.composedPath().includes(this.navEls[0]) &&\n !e.composedPath().includes(button)\n ) {\n this.menuOpen = false;\n this.emitMenuToggle();\n }\n }\n\n private testBreakpoint() {\n if (window?.innerWidth >= this.breakpoint) {\n this.breakpointHit = true;\n } else {\n this.breakpointHit = false;\n }\n }\n\n private handleRootLinkClick(e: Event) {\n const event = new CustomEvent('on-root-link-click', {\n detail: { origEvent: e },\n });\n this.dispatchEvent(event);\n }\n\n private toggleNavMenu() {\n this.menuOpen = !this.menuOpen;\n\n this.emitMenuToggle();\n }\n\n private emitMenuToggle() {\n const event = new CustomEvent('on-menu-toggle', {\n detail: this.menuOpen,\n });\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-header': Header;\n }\n}\n"],"names":["Header","LitElement","constructor","this","rootUrl","appTitle","breakpoint","divider","breakpointHit","menuOpen","render","classes","header","leftEls","length","html","classMap","handleSlotChange","e","handleRootLinkClick","unsafeHTML","logo","navEls","toggleNavMenu","overflowIcon","connectedCallback","super","document","addEventListener","handleMenuClickOut","testBreakpoint","window","debounce","disconnectedCallback","removeEventListener","requestUpdate","button","_a","shadowRoot","querySelector","composedPath","includes","emitMenuToggle","innerWidth","event","CustomEvent","detail","origEvent","dispatchEvent","styles","HeaderScss","__decorate","property","type","String","prototype","Number","Boolean","state","queryAssignedElements","selector","slot","customElement"],"mappings":"orCAwBO,IAAMA,EAAN,cAAqBC,EAArBC,kCAKLC,KAAOC,QAAG,IAIVD,KAAQE,SAAG,GAIXF,KAAUG,WAAG,IAIbH,KAAOI,SAAG,EAOVJ,KAAaK,eAAG,EAMhBL,KAAQM,UAAG,CAqIZ,CAjHUC,SACP,MAAMC,EAAU,CACdC,QAAQ,EACR,iBAAkBT,KAAKK,cACvBD,QAASJ,KAAKI,QACd,eAAgBJ,KAAKU,QAAQC,QAG/B,OAAOC,CAAI;uBACQC,EAASL;wCACQR,KAAKc;;kBAE3Bd,KAAKC;;oBAEFc,GAAaf,KAAKgB,oBAAoBD;;0CAEjBf,KAAKc;cACjCG,EAAWC;;;gCAGOlB,KAAKE;;;;8BAIPF,KAAKc;;aAEtBd,KAAKK,eAAiBL,KAAKmB,OAAOR,OACjCC,CAAI;;;;6BAIW,IAAMZ,KAAKoB;;qCAEHC;;;gBAIvB;;;KAIX,CAEQC,oBACPC,MAAMD,oBAENE,SAASC,iBAAiB,SAAUV,GAAMf,KAAK0B,mBAAmBX,KAElEf,KAAK2B,iBACL,OAAAC,aAAA,IAAAA,QAAAA,OAAQH,iBACN,SACAI,GAAS,KACP7B,KAAK2B,gBAAgB,IAG1B,CAEQG,uBACPN,SAASO,oBAAoB,SAAUhB,GAAMf,KAAK0B,mBAAmBX,KAErE,OAAAa,aAAA,IAAAA,QAAAA,OAAQG,oBACN,SACAF,GAAS,KACP7B,KAAK2B,gBAAgB,KAIzBJ,MAAMO,sBACP,CAEOhB,mBACNd,KAAKgC,eACN,CAEON,mBAAmBX,SACzB,MAAMkB,EAAwB,QAAfC,EAAAlC,KAAKmC,kBAAU,IAAAD,OAAA,EAAAA,EAAEE,cAAc,gBAG3CrB,EAAEsB,eAAeC,SAAStC,KAAKmB,OAAO,KACtCJ,EAAEsB,eAAeC,SAASL,KAE3BjC,KAAKM,UAAW,EAChBN,KAAKuC,iBAER,CAEOZ,kBACF,OAAAC,aAAA,IAAAA,YAAA,EAAAA,OAAQY,aAAcxC,KAAKG,WAC7BH,KAAKK,eAAgB,EAErBL,KAAKK,eAAgB,CAExB,CAEOW,oBAAoBD,GAC1B,MAAM0B,EAAQ,IAAIC,YAAY,qBAAsB,CAClDC,OAAQ,CAAEC,UAAW7B,KAEvBf,KAAK6C,cAAcJ,EACpB,CAEOrB,gBACNpB,KAAKM,UAAYN,KAAKM,SAEtBN,KAAKuC,gBACN,CAEOA,iBACN,MAAME,EAAQ,IAAIC,YAAY,iBAAkB,CAC9CC,OAAQ3C,KAAKM,WAEfN,KAAK6C,cAAcJ,EACpB,GAjKe5C,EAAMiD,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJtD,EAAAuD,UAAA,eAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJtD,EAAAuD,UAAA,gBAAA,GAIdJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACDxD,EAAAuD,UAAA,kBAAA,GAIjBJ,EAAA,CADCC,EAAS,CAAEC,KAAMI,WACFzD,EAAAuD,UAAA,eAAA,GAOhBJ,EAAA,CADCO,KACqB1D,EAAAuD,UAAA,qBAAA,GAMtBJ,EAAA,CADCO,KACgB1D,EAAAuD,UAAA,gBAAA,GAMjBJ,EAAA,CADCQ,EAAsB,CAAEC,SAAU,oBACtB5D,EAAAuD,UAAA,cAAA,GAMbJ,EAAA,CADCQ,KACsB3D,EAAAuD,UAAA,wBAAA,GAMvBJ,EAAA,CADCQ,EAAsB,CAAEE,KAAM,UACjB7D,EAAAuD,UAAA,eAAA,GAhDHvD,EAAMmD,EAAA,CADlBW,EAAc,eACF9D"}
|
|
@@ -19,6 +19,7 @@ import'./../../../external/@lit/reactive-element/reactive-element.js';import'./.
|
|
|
19
19
|
}
|
|
20
20
|
.interactive:active {
|
|
21
21
|
background: var(--kd-color-background-primary-pressed);
|
|
22
|
+
color: var(--kd-color-text-inversed);
|
|
22
23
|
}
|
|
23
24
|
.interactive:focus {
|
|
24
25
|
outline-color: var(--kd-color-border-focus);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"header.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -19,6 +19,7 @@ import'./../../../external/@lit/reactive-element/reactive-element.js';import'./.
|
|
|
19
19
|
}
|
|
20
20
|
.interactive:active {
|
|
21
21
|
background: var(--kd-color-background-primary-pressed);
|
|
22
|
+
color: var(--kd-color-text-inversed);
|
|
22
23
|
}
|
|
23
24
|
.interactive:focus {
|
|
24
25
|
outline-color: var(--kd-color-border-focus);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerFlyout.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headerFlyout.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -19,6 +19,7 @@ import'./../../../external/@lit/reactive-element/reactive-element.js';import'./.
|
|
|
19
19
|
}
|
|
20
20
|
.interactive:active {
|
|
21
21
|
background: var(--kd-color-background-primary-pressed);
|
|
22
|
+
color: var(--kd-color-text-inversed);
|
|
22
23
|
}
|
|
23
24
|
.interactive:focus {
|
|
24
25
|
outline-color: var(--kd-color-border-focus);
|
|
@@ -157,6 +158,7 @@ import'./../../../external/@lit/reactive-element/reactive-element.js';import'./.
|
|
|
157
158
|
}
|
|
158
159
|
.nav-link:active {
|
|
159
160
|
background: var(--kd-color-background-primary-pressed);
|
|
161
|
+
color: var(--kd-color-text-inversed);
|
|
160
162
|
}
|
|
161
163
|
.nav-link:focus {
|
|
162
164
|
outline-color: var(--kd-color-border-focus);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerLink.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headerLink.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -19,6 +19,7 @@ import'./../../../external/@lit/reactive-element/reactive-element.js';import'./.
|
|
|
19
19
|
}
|
|
20
20
|
.interactive:active {
|
|
21
21
|
background: var(--kd-color-background-primary-pressed);
|
|
22
|
+
color: var(--kd-color-text-inversed);
|
|
22
23
|
}
|
|
23
24
|
.interactive:focus {
|
|
24
25
|
outline-color: var(--kd-color-border-focus);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerPanel.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headerPanel.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerPanelLink.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"headerPanelLink.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"localNav.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"localNav.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -34,6 +34,10 @@ a {
|
|
|
34
34
|
background: var(--kd-color-background-primary);
|
|
35
35
|
color: var(--kd-color-text-inversed);
|
|
36
36
|
}
|
|
37
|
+
.nav-expanded.link-active a:active {
|
|
38
|
+
background-color: var(--kd-color-background-primary-pressed);
|
|
39
|
+
color: var(--kd-color-text-inversed);
|
|
40
|
+
}
|
|
37
41
|
.link-expanded a {
|
|
38
42
|
color: var(--kd-color-text-link);
|
|
39
43
|
font-weight: 500;
|
|
@@ -50,6 +54,7 @@ a:focus {
|
|
|
50
54
|
}
|
|
51
55
|
a:active {
|
|
52
56
|
background-color: var(--kd-color-background-primary-pressed);
|
|
57
|
+
color: var(--kd-color-text-inversed);
|
|
53
58
|
}
|
|
54
59
|
.link-disabled a, .nav-expanded.link-active.link-disabled a {
|
|
55
60
|
color: var(--kd-color-text-disabled);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"localNavLink.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"localNavLink.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|