@public-ui/themes 1.7.4 → 1.7.6-rc.0

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 (4) hide show
  1. package/dist/index.cjs +27 -19
  2. package/dist/index.d.ts +0 -12
  3. package/dist/index.mjs +27 -19
  4. package/package.json +6 -6
package/dist/index.cjs CHANGED
@@ -301,7 +301,7 @@ var loglevel = {exports: {}};
301
301
  }));
302
302
  } (loglevel));
303
303
 
304
- const createTranslation=(e,t)=>o=>o(e,t),createTheme=(e,t)=>o=>o(e,t),STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const n=getCssStyle(s,"PROPERTIES"),a=getCssStyle(s,"GLOBAL"),l=getCssStyle(s,e.tagName);!1===CSS_PROPERTIES_REGISTERED.has(s)&&extractProperties(s,a);const i=[n,a,l];encroachStyles(r,i,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,i),!0===t.cache&&(!1===CSS_STYLE_CACHE.has(s)&&CSS_STYLE_CACHE.set(s,new Map),CSS_STYLE_CACHE.get(s)?.set(e.tagName,i)),switchStyle(e,r,i,o);}},switchStyle=(e,t,o,s)=>{removeStyle(t),patchStyle(t,o),e.style.display=s;},logHydratedHistory=e=>{"debug"===e.loglevel&&HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:STYLING_TASK_QUEUE.size});},deleteDoneTask=e=>{STYLING_TASK_QUEUE.delete(e);},loggedDeleteDoneTask=(e,t)=>{deleteDoneTask(e),logHydratedHistory(t);},observerCallback=e=>{for(const t of e)if(STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=STYLING_TASK_QUEUE.get(t.target);setThemeStyleAfterHydrated(t.target,o,e),loggedDeleteDoneTask(t.target,o);}};let observer;try{observer=new MutationObserver(observerCallback);}catch(e){observer=null;}class Theme{constructor(e,t,o){this.createTheme=(e,t)=>createTheme(e,t),this.createTranslation=(e,t)=>createTranslation(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o);}}
304
+ const createTranslation=(e,t)=>o=>o(e,t),createTheme=(e,t)=>o=>o(e,t),STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const a=getCssStyle(s,"PROPERTIES"),n=getCssStyle(s,"GLOBAL"),l=getCssStyle(s,e.tagName);!1===CSS_PROPERTIES_REGISTERED.has(s)&&extractProperties(s,n);const i=[a,n,l];encroachStyles(r,i,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,i),!0===t.cache&&(!1===CSS_STYLE_CACHE.has(s)&&CSS_STYLE_CACHE.set(s,new Map),CSS_STYLE_CACHE.get(s)?.set(e.tagName,i)),switchStyle(e,r,i,o);}},switchStyle=(e,t,o,s)=>{removeStyle(t),patchStyle(t,o),e.style.display=s;},logHydratedHistory=e=>{"debug"===e.loglevel&&HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:STYLING_TASK_QUEUE.size});},deleteDoneTask=e=>{STYLING_TASK_QUEUE.delete(e);},loggedDeleteDoneTask=(e,t)=>{deleteDoneTask(e),logHydratedHistory(t);},observerCallback=e=>{for(const t of e)if(STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=STYLING_TASK_QUEUE.get(t.target);setThemeStyleAfterHydrated(t.target,o,e),loggedDeleteDoneTask(t.target,o);}};let observer;try{observer=new MutationObserver(observerCallback);}catch(e){observer=null;}class Theme{constructor(e,t,o){this.createTheme=(e,t)=>createTheme(e,t),this.createTranslation=(e,t)=>createTranslation(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o);}}
305
305
 
306
306
  var KeyEnum = /* @__PURE__ */ ((KeyEnum2) => {
307
307
  KeyEnum2[KeyEnum2["error"] = 0] = "error";
@@ -368,21 +368,20 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
368
368
  TagEnum2[TagEnum2["modal"] = 30] = "modal";
369
369
  TagEnum2[TagEnum2["nav"] = 31] = "nav";
370
370
  TagEnum2[TagEnum2["pagination"] = 32] = "pagination";
371
- TagEnum2[TagEnum2["popover"] = 33] = "popover";
372
- TagEnum2[TagEnum2["progress"] = 34] = "progress";
373
- TagEnum2[TagEnum2["select"] = 35] = "select";
374
- TagEnum2[TagEnum2["separator"] = 36] = "separator";
375
- TagEnum2[TagEnum2["skip-nav"] = 37] = "skip-nav";
376
- TagEnum2[TagEnum2["spin"] = 38] = "spin";
377
- TagEnum2[TagEnum2["split-button"] = 39] = "split-button";
378
- TagEnum2[TagEnum2["symbol"] = 40] = "symbol";
379
- TagEnum2[TagEnum2["table"] = 41] = "table";
380
- TagEnum2[TagEnum2["tabs"] = 42] = "tabs";
381
- TagEnum2[TagEnum2["textarea"] = 43] = "textarea";
382
- TagEnum2[TagEnum2["toast"] = 44] = "toast";
383
- TagEnum2[TagEnum2["toast-container"] = 45] = "toast-container";
384
- TagEnum2[TagEnum2["toolbar"] = 46] = "toolbar";
385
- TagEnum2[TagEnum2["tooltip"] = 47] = "tooltip";
371
+ TagEnum2[TagEnum2["progress"] = 33] = "progress";
372
+ TagEnum2[TagEnum2["select"] = 34] = "select";
373
+ TagEnum2[TagEnum2["separator"] = 35] = "separator";
374
+ TagEnum2[TagEnum2["skip-nav"] = 36] = "skip-nav";
375
+ TagEnum2[TagEnum2["spin"] = 37] = "spin";
376
+ TagEnum2[TagEnum2["split-button"] = 38] = "split-button";
377
+ TagEnum2[TagEnum2["symbol"] = 39] = "symbol";
378
+ TagEnum2[TagEnum2["table"] = 40] = "table";
379
+ TagEnum2[TagEnum2["tabs"] = 41] = "tabs";
380
+ TagEnum2[TagEnum2["textarea"] = 42] = "textarea";
381
+ TagEnum2[TagEnum2["toast"] = 43] = "toast";
382
+ TagEnum2[TagEnum2["toast-container"] = 44] = "toast-container";
383
+ TagEnum2[TagEnum2["toolbar"] = 45] = "toolbar";
384
+ TagEnum2[TagEnum2["tooltip"] = 46] = "tooltip";
386
385
  return TagEnum2;
387
386
  })(TagEnum || {});
388
387
 
@@ -8855,7 +8854,10 @@ const BMF = KoliBri.createTheme("bmf", {
8855
8854
  kol-span-wc > span {
8856
8855
  gap: 0.5em;
8857
8856
  }`,
8858
- "KOL-BUTTON": `:is(a, button):focus {
8857
+ "KOL-BUTTON": `:is(a, button) {
8858
+ font-size: 1.125em;
8859
+ }
8860
+ :is(a, button):focus {
8859
8861
  outline: none;
8860
8862
  }
8861
8863
  :is(a, button):focus kol-span-wc {
@@ -11186,7 +11188,10 @@ const BMF = KoliBri.createTheme("bmf", {
11186
11188
  border-color: var(--color-granite);
11187
11189
  color: var(--color-black);
11188
11190
  }`,
11189
- "KOL-LINK-BUTTON": `:is(a, button):focus {
11191
+ "KOL-LINK-BUTTON": `:is(a, button) {
11192
+ font-size: 1.125em;
11193
+ }
11194
+ :is(a, button):focus {
11190
11195
  outline: none;
11191
11196
  }
11192
11197
  :is(a, button):focus kol-span-wc {
@@ -36956,7 +36961,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
36956
36961
  .list.horizontal > li:not(:first-child) {
36957
36962
  border-left: 0.1em dotted white;
36958
36963
  }
36959
- .vertical li.has-children.selected {
36964
+ .vertical li.active {
36960
36965
  border-right: 0.375em solid var(--kolibri-color-accent);
36961
36966
  }
36962
36967
  .entry {
@@ -54350,6 +54355,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
54350
54355
  .expanded > div > .expand-button kol-icon::part(icon)::before {
54351
54356
  content: '\\eab4';
54352
54357
  }
54358
+ .vertical li.active {
54359
+ border-right: 0.375em solid var(--color-akzent);
54360
+ }
54353
54361
  `,
54354
54362
  "KOL-TABS": css`
54355
54363
  :host > div {
package/dist/index.d.ts CHANGED
@@ -35,7 +35,6 @@ declare const BAMF: (patch: (name: string, map: {
35
35
  "KOL-MODAL"?: string | undefined;
36
36
  "KOL-NAV"?: string | undefined;
37
37
  "KOL-PAGINATION"?: string | undefined;
38
- "KOL-POPOVER"?: string | undefined;
39
38
  "KOL-PROGRESS"?: string | undefined;
40
39
  "KOL-SELECT"?: string | undefined;
41
40
  "KOL-SEPARATOR"?: string | undefined;
@@ -88,7 +87,6 @@ declare const DESYv1: (patch: (name: string, map: {
88
87
  "KOL-MODAL"?: string | undefined;
89
88
  "KOL-NAV"?: string | undefined;
90
89
  "KOL-PAGINATION"?: string | undefined;
91
- "KOL-POPOVER"?: string | undefined;
92
90
  "KOL-PROGRESS"?: string | undefined;
93
91
  "KOL-SELECT"?: string | undefined;
94
92
  "KOL-SEPARATOR"?: string | undefined;
@@ -141,7 +139,6 @@ declare const DESYv2: (patch: (name: string, map: {
141
139
  "KOL-MODAL"?: string | undefined;
142
140
  "KOL-NAV"?: string | undefined;
143
141
  "KOL-PAGINATION"?: string | undefined;
144
- "KOL-POPOVER"?: string | undefined;
145
142
  "KOL-PROGRESS"?: string | undefined;
146
143
  "KOL-SELECT"?: string | undefined;
147
144
  "KOL-SEPARATOR"?: string | undefined;
@@ -194,7 +191,6 @@ declare const BZSt: (patch: (name: string, map: {
194
191
  "KOL-MODAL"?: string | undefined;
195
192
  "KOL-NAV"?: string | undefined;
196
193
  "KOL-PAGINATION"?: string | undefined;
197
- "KOL-POPOVER"?: string | undefined;
198
194
  "KOL-PROGRESS"?: string | undefined;
199
195
  "KOL-SELECT"?: string | undefined;
200
196
  "KOL-SEPARATOR"?: string | undefined;
@@ -247,7 +243,6 @@ declare const BMF: (patch: (name: string, map: {
247
243
  "KOL-MODAL"?: string | undefined;
248
244
  "KOL-NAV"?: string | undefined;
249
245
  "KOL-PAGINATION"?: string | undefined;
250
- "KOL-POPOVER"?: string | undefined;
251
246
  "KOL-PROGRESS"?: string | undefined;
252
247
  "KOL-SELECT"?: string | undefined;
253
248
  "KOL-SEPARATOR"?: string | undefined;
@@ -300,7 +295,6 @@ declare const DEFAULT: (patch: (name: string, map: {
300
295
  "KOL-MODAL"?: string | undefined;
301
296
  "KOL-NAV"?: string | undefined;
302
297
  "KOL-PAGINATION"?: string | undefined;
303
- "KOL-POPOVER"?: string | undefined;
304
298
  "KOL-PROGRESS"?: string | undefined;
305
299
  "KOL-SELECT"?: string | undefined;
306
300
  "KOL-SEPARATOR"?: string | undefined;
@@ -353,7 +347,6 @@ declare const ECL_EC: (patch: (name: string, map: {
353
347
  "KOL-MODAL"?: string | undefined;
354
348
  "KOL-NAV"?: string | undefined;
355
349
  "KOL-PAGINATION"?: string | undefined;
356
- "KOL-POPOVER"?: string | undefined;
357
350
  "KOL-PROGRESS"?: string | undefined;
358
351
  "KOL-SELECT"?: string | undefined;
359
352
  "KOL-SEPARATOR"?: string | undefined;
@@ -406,7 +399,6 @@ declare const ECL_EU: (patch: (name: string, map: {
406
399
  "KOL-MODAL"?: string | undefined;
407
400
  "KOL-NAV"?: string | undefined;
408
401
  "KOL-PAGINATION"?: string | undefined;
409
- "KOL-POPOVER"?: string | undefined;
410
402
  "KOL-PROGRESS"?: string | undefined;
411
403
  "KOL-SELECT"?: string | undefined;
412
404
  "KOL-SEPARATOR"?: string | undefined;
@@ -459,7 +451,6 @@ declare const ITZBund: (patch: (name: string, map: {
459
451
  "KOL-MODAL"?: string | undefined;
460
452
  "KOL-NAV"?: string | undefined;
461
453
  "KOL-PAGINATION"?: string | undefined;
462
- "KOL-POPOVER"?: string | undefined;
463
454
  "KOL-PROGRESS"?: string | undefined;
464
455
  "KOL-SELECT"?: string | undefined;
465
456
  "KOL-SEPARATOR"?: string | undefined;
@@ -512,7 +503,6 @@ declare const MFM: (patch: (name: string, map: {
512
503
  "KOL-MODAL"?: string | undefined;
513
504
  "KOL-NAV"?: string | undefined;
514
505
  "KOL-PAGINATION"?: string | undefined;
515
- "KOL-POPOVER"?: string | undefined;
516
506
  "KOL-PROGRESS"?: string | undefined;
517
507
  "KOL-SELECT"?: string | undefined;
518
508
  "KOL-SEPARATOR"?: string | undefined;
@@ -565,7 +555,6 @@ declare const MAPZ: (patch: (name: string, map: {
565
555
  "KOL-MODAL"?: string | undefined;
566
556
  "KOL-NAV"?: string | undefined;
567
557
  "KOL-PAGINATION"?: string | undefined;
568
- "KOL-POPOVER"?: string | undefined;
569
558
  "KOL-PROGRESS"?: string | undefined;
570
559
  "KOL-SELECT"?: string | undefined;
571
560
  "KOL-SEPARATOR"?: string | undefined;
@@ -618,7 +607,6 @@ declare const ZOLLv2: (patch: (name: string, map: {
618
607
  "KOL-MODAL"?: string | undefined;
619
608
  "KOL-NAV"?: string | undefined;
620
609
  "KOL-PAGINATION"?: string | undefined;
621
- "KOL-POPOVER"?: string | undefined;
622
610
  "KOL-PROGRESS"?: string | undefined;
623
611
  "KOL-SELECT"?: string | undefined;
624
612
  "KOL-SEPARATOR"?: string | undefined;
package/dist/index.mjs CHANGED
@@ -299,7 +299,7 @@ var loglevel = {exports: {}};
299
299
  }));
300
300
  } (loglevel));
301
301
 
302
- const createTranslation=(e,t)=>o=>o(e,t),createTheme=(e,t)=>o=>o(e,t),STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const n=getCssStyle(s,"PROPERTIES"),a=getCssStyle(s,"GLOBAL"),l=getCssStyle(s,e.tagName);!1===CSS_PROPERTIES_REGISTERED.has(s)&&extractProperties(s,a);const i=[n,a,l];encroachStyles(r,i,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,i),!0===t.cache&&(!1===CSS_STYLE_CACHE.has(s)&&CSS_STYLE_CACHE.set(s,new Map),CSS_STYLE_CACHE.get(s)?.set(e.tagName,i)),switchStyle(e,r,i,o);}},switchStyle=(e,t,o,s)=>{removeStyle(t),patchStyle(t,o),e.style.display=s;},logHydratedHistory=e=>{"debug"===e.loglevel&&HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:STYLING_TASK_QUEUE.size});},deleteDoneTask=e=>{STYLING_TASK_QUEUE.delete(e);},loggedDeleteDoneTask=(e,t)=>{deleteDoneTask(e),logHydratedHistory(t);},observerCallback=e=>{for(const t of e)if(STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=STYLING_TASK_QUEUE.get(t.target);setThemeStyleAfterHydrated(t.target,o,e),loggedDeleteDoneTask(t.target,o);}};let observer;try{observer=new MutationObserver(observerCallback);}catch(e){observer=null;}class Theme{constructor(e,t,o){this.createTheme=(e,t)=>createTheme(e,t),this.createTranslation=(e,t)=>createTranslation(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o);}}
302
+ const createTranslation=(e,t)=>o=>o(e,t),createTheme=(e,t)=>o=>o(e,t),STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const a=getCssStyle(s,"PROPERTIES"),n=getCssStyle(s,"GLOBAL"),l=getCssStyle(s,e.tagName);!1===CSS_PROPERTIES_REGISTERED.has(s)&&extractProperties(s,n);const i=[a,n,l];encroachStyles(r,i,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,i),!0===t.cache&&(!1===CSS_STYLE_CACHE.has(s)&&CSS_STYLE_CACHE.set(s,new Map),CSS_STYLE_CACHE.get(s)?.set(e.tagName,i)),switchStyle(e,r,i,o);}},switchStyle=(e,t,o,s)=>{removeStyle(t),patchStyle(t,o),e.style.display=s;},logHydratedHistory=e=>{"debug"===e.loglevel&&HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:STYLING_TASK_QUEUE.size});},deleteDoneTask=e=>{STYLING_TASK_QUEUE.delete(e);},loggedDeleteDoneTask=(e,t)=>{deleteDoneTask(e),logHydratedHistory(t);},observerCallback=e=>{for(const t of e)if(STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=STYLING_TASK_QUEUE.get(t.target);setThemeStyleAfterHydrated(t.target,o,e),loggedDeleteDoneTask(t.target,o);}};let observer;try{observer=new MutationObserver(observerCallback);}catch(e){observer=null;}class Theme{constructor(e,t,o){this.createTheme=(e,t)=>createTheme(e,t),this.createTranslation=(e,t)=>createTranslation(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o);}}
303
303
 
304
304
  var KeyEnum = /* @__PURE__ */ ((KeyEnum2) => {
305
305
  KeyEnum2[KeyEnum2["error"] = 0] = "error";
@@ -366,21 +366,20 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
366
366
  TagEnum2[TagEnum2["modal"] = 30] = "modal";
367
367
  TagEnum2[TagEnum2["nav"] = 31] = "nav";
368
368
  TagEnum2[TagEnum2["pagination"] = 32] = "pagination";
369
- TagEnum2[TagEnum2["popover"] = 33] = "popover";
370
- TagEnum2[TagEnum2["progress"] = 34] = "progress";
371
- TagEnum2[TagEnum2["select"] = 35] = "select";
372
- TagEnum2[TagEnum2["separator"] = 36] = "separator";
373
- TagEnum2[TagEnum2["skip-nav"] = 37] = "skip-nav";
374
- TagEnum2[TagEnum2["spin"] = 38] = "spin";
375
- TagEnum2[TagEnum2["split-button"] = 39] = "split-button";
376
- TagEnum2[TagEnum2["symbol"] = 40] = "symbol";
377
- TagEnum2[TagEnum2["table"] = 41] = "table";
378
- TagEnum2[TagEnum2["tabs"] = 42] = "tabs";
379
- TagEnum2[TagEnum2["textarea"] = 43] = "textarea";
380
- TagEnum2[TagEnum2["toast"] = 44] = "toast";
381
- TagEnum2[TagEnum2["toast-container"] = 45] = "toast-container";
382
- TagEnum2[TagEnum2["toolbar"] = 46] = "toolbar";
383
- TagEnum2[TagEnum2["tooltip"] = 47] = "tooltip";
369
+ TagEnum2[TagEnum2["progress"] = 33] = "progress";
370
+ TagEnum2[TagEnum2["select"] = 34] = "select";
371
+ TagEnum2[TagEnum2["separator"] = 35] = "separator";
372
+ TagEnum2[TagEnum2["skip-nav"] = 36] = "skip-nav";
373
+ TagEnum2[TagEnum2["spin"] = 37] = "spin";
374
+ TagEnum2[TagEnum2["split-button"] = 38] = "split-button";
375
+ TagEnum2[TagEnum2["symbol"] = 39] = "symbol";
376
+ TagEnum2[TagEnum2["table"] = 40] = "table";
377
+ TagEnum2[TagEnum2["tabs"] = 41] = "tabs";
378
+ TagEnum2[TagEnum2["textarea"] = 42] = "textarea";
379
+ TagEnum2[TagEnum2["toast"] = 43] = "toast";
380
+ TagEnum2[TagEnum2["toast-container"] = 44] = "toast-container";
381
+ TagEnum2[TagEnum2["toolbar"] = 45] = "toolbar";
382
+ TagEnum2[TagEnum2["tooltip"] = 46] = "tooltip";
384
383
  return TagEnum2;
385
384
  })(TagEnum || {});
386
385
 
@@ -8853,7 +8852,10 @@ const BMF = KoliBri.createTheme("bmf", {
8853
8852
  kol-span-wc > span {
8854
8853
  gap: 0.5em;
8855
8854
  }`,
8856
- "KOL-BUTTON": `:is(a, button):focus {
8855
+ "KOL-BUTTON": `:is(a, button) {
8856
+ font-size: 1.125em;
8857
+ }
8858
+ :is(a, button):focus {
8857
8859
  outline: none;
8858
8860
  }
8859
8861
  :is(a, button):focus kol-span-wc {
@@ -11184,7 +11186,10 @@ const BMF = KoliBri.createTheme("bmf", {
11184
11186
  border-color: var(--color-granite);
11185
11187
  color: var(--color-black);
11186
11188
  }`,
11187
- "KOL-LINK-BUTTON": `:is(a, button):focus {
11189
+ "KOL-LINK-BUTTON": `:is(a, button) {
11190
+ font-size: 1.125em;
11191
+ }
11192
+ :is(a, button):focus {
11188
11193
  outline: none;
11189
11194
  }
11190
11195
  :is(a, button):focus kol-span-wc {
@@ -36954,7 +36959,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
36954
36959
  .list.horizontal > li:not(:first-child) {
36955
36960
  border-left: 0.1em dotted white;
36956
36961
  }
36957
- .vertical li.has-children.selected {
36962
+ .vertical li.active {
36958
36963
  border-right: 0.375em solid var(--kolibri-color-accent);
36959
36964
  }
36960
36965
  .entry {
@@ -54348,6 +54353,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
54348
54353
  .expanded > div > .expand-button kol-icon::part(icon)::before {
54349
54354
  content: '\\eab4';
54350
54355
  }
54356
+ .vertical li.active {
54357
+ border-right: 0.375em solid var(--color-akzent);
54358
+ }
54351
54359
  `,
54352
54360
  "KOL-TABS": css`
54353
54361
  :host > div {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.7.4",
3
+ "version": "1.7.6-rc.0",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": "https://github.com/public-ui/kolibri",
@@ -41,18 +41,18 @@
41
41
  "wcag"
42
42
  ],
43
43
  "devDependencies": {
44
- "@public-ui/schema": "1.7.4",
44
+ "@public-ui/schema": "1.7.6-rc.0",
45
45
  "@types/node": "ts5.1",
46
- "@typescript-eslint/eslint-plugin": "6.7.3",
47
- "@typescript-eslint/parser": "6.7.3",
48
- "eslint": "8.50.0",
46
+ "@typescript-eslint/eslint-plugin": "6.10.0",
47
+ "@typescript-eslint/parser": "6.10.0",
48
+ "eslint": "8.53.0",
49
49
  "eslint-plugin-no-loops": "0.3.0",
50
50
  "nodemon": "3.0.1",
51
51
  "typescript": "5.2.2",
52
52
  "unbuild": "1.2.1"
53
53
  },
54
54
  "peerDependencies": {
55
- "@public-ui/components": "1.7.4"
55
+ "@public-ui/components": "1.7.6-rc.0"
56
56
  },
57
57
  "sideEffects": false,
58
58
  "type": "module",