@public-ui/themes 2.0.0-rc.7 → 2.0.0-rc.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.
Files changed (4) hide show
  1. package/dist/index.cjs +28 -17
  2. package/dist/index.d.ts +0 -13
  3. package/dist/index.mjs +28 -17
  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";
@@ -366,20 +366,19 @@ 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-container"] = 44] = "toast-container";
381
- TagEnum2[TagEnum2["toolbar"] = 45] = "toolbar";
382
- TagEnum2[TagEnum2["tooltip"] = 46] = "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-container"] = 43] = "toast-container";
380
+ TagEnum2[TagEnum2["toolbar"] = 44] = "toolbar";
381
+ TagEnum2[TagEnum2["tooltip"] = 45] = "tooltip";
383
382
  return TagEnum2;
384
383
  })(TagEnum || {});
385
384
 
@@ -8868,6 +8867,9 @@ const BMF = KoliBri.createTheme("bmf", {
8868
8867
  }
8869
8868
  `,
8870
8869
  "KOL-BUTTON": css$4`
8870
+ :is(a, button) {
8871
+ font-size: 1.125em;
8872
+ }
8871
8873
  :is(a, button):focus {
8872
8874
  outline: none;
8873
8875
  }
@@ -11070,7 +11072,6 @@ const BMF = KoliBri.createTheme("bmf", {
11070
11072
  border-radius: var(--a11y-min-size);
11071
11073
  border: 2px solid var(--color-midnight);
11072
11074
  color: var(--color-midnight);
11073
- font-weight: 700;
11074
11075
  min-height: var(--a11y-min-size);
11075
11076
  min-width: var(--a11y-min-size);
11076
11077
  padding: 8px;
@@ -11101,6 +11102,7 @@ const BMF = KoliBri.createTheme("bmf", {
11101
11102
  background-color: var(--color-ice);
11102
11103
  border-color: var(--color-ice);
11103
11104
  opacity: 1 !important;
11105
+ font-weight: 700;
11104
11106
  }
11105
11107
  `,
11106
11108
  "KOL-INPUT-RANGE": css$4`
@@ -11180,6 +11182,9 @@ const BMF = KoliBri.createTheme("bmf", {
11180
11182
  }
11181
11183
  `,
11182
11184
  "KOL-LINK-BUTTON": css$4`
11185
+ :is(a, button) {
11186
+ font-size: 1.125em;
11187
+ }
11183
11188
  :is(a, button):focus {
11184
11189
  outline: none;
11185
11190
  }
@@ -36885,7 +36890,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
36885
36890
  .list.horizontal > li:not(:first-child) {
36886
36891
  border-left: 0.1em dotted white;
36887
36892
  }
36888
- .vertical li.has-children.selected {
36893
+ .vertical li.active {
36889
36894
  border-right: 0.375em solid var(--kolibri-color-accent);
36890
36895
  }
36891
36896
  .entry {
@@ -52005,6 +52010,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
52005
52010
  .expanded > div > .expand-button kol-icon::part(icon)::before {
52006
52011
  content: '\\eab4';
52007
52012
  }
52013
+ .vertical li.active {
52014
+ border-right: 0.375em solid var(--color-akzent);
52015
+ }
52008
52016
  `,
52009
52017
  "KOL-TABS": css`
52010
52018
  :host > div {
@@ -60684,6 +60692,9 @@ const ZOLLv3 = KoliBri.createTheme("zoll-v3", {
60684
60692
  .expanded > div > .expand-button kol-icon::part(icon)::before {
60685
60693
  content: '\\eab4';
60686
60694
  }
60695
+ .vertical li.active {
60696
+ border-right: 0.375em solid var(--color-akzent);
60697
+ }
60687
60698
  `,
60688
60699
  "KOL-TABS": tabsStyles,
60689
60700
  "KOL-BREADCRUMB": css`
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;
@@ -87,7 +86,6 @@ declare const DESYv1: (patch: (name: string, map: {
87
86
  "KOL-MODAL"?: string | undefined;
88
87
  "KOL-NAV"?: string | undefined;
89
88
  "KOL-PAGINATION"?: string | undefined;
90
- "KOL-POPOVER"?: string | undefined;
91
89
  "KOL-PROGRESS"?: string | undefined;
92
90
  "KOL-SELECT"?: string | undefined;
93
91
  "KOL-SEPARATOR"?: string | undefined;
@@ -139,7 +137,6 @@ declare const DESYv2: (patch: (name: string, map: {
139
137
  "KOL-MODAL"?: string | undefined;
140
138
  "KOL-NAV"?: string | undefined;
141
139
  "KOL-PAGINATION"?: string | undefined;
142
- "KOL-POPOVER"?: string | undefined;
143
140
  "KOL-PROGRESS"?: string | undefined;
144
141
  "KOL-SELECT"?: string | undefined;
145
142
  "KOL-SEPARATOR"?: string | undefined;
@@ -191,7 +188,6 @@ declare const BZSt: (patch: (name: string, map: {
191
188
  "KOL-MODAL"?: string | undefined;
192
189
  "KOL-NAV"?: string | undefined;
193
190
  "KOL-PAGINATION"?: string | undefined;
194
- "KOL-POPOVER"?: string | undefined;
195
191
  "KOL-PROGRESS"?: string | undefined;
196
192
  "KOL-SELECT"?: string | undefined;
197
193
  "KOL-SEPARATOR"?: string | undefined;
@@ -243,7 +239,6 @@ declare const BMF: (patch: (name: string, map: {
243
239
  "KOL-MODAL"?: string | undefined;
244
240
  "KOL-NAV"?: string | undefined;
245
241
  "KOL-PAGINATION"?: string | undefined;
246
- "KOL-POPOVER"?: string | undefined;
247
242
  "KOL-PROGRESS"?: string | undefined;
248
243
  "KOL-SELECT"?: string | undefined;
249
244
  "KOL-SEPARATOR"?: string | undefined;
@@ -295,7 +290,6 @@ declare const DEFAULT: (patch: (name: string, map: {
295
290
  "KOL-MODAL"?: string | undefined;
296
291
  "KOL-NAV"?: string | undefined;
297
292
  "KOL-PAGINATION"?: string | undefined;
298
- "KOL-POPOVER"?: string | undefined;
299
293
  "KOL-PROGRESS"?: string | undefined;
300
294
  "KOL-SELECT"?: string | undefined;
301
295
  "KOL-SEPARATOR"?: string | undefined;
@@ -347,7 +341,6 @@ declare const ECL_EC: (patch: (name: string, map: {
347
341
  "KOL-MODAL"?: string | undefined;
348
342
  "KOL-NAV"?: string | undefined;
349
343
  "KOL-PAGINATION"?: string | undefined;
350
- "KOL-POPOVER"?: string | undefined;
351
344
  "KOL-PROGRESS"?: string | undefined;
352
345
  "KOL-SELECT"?: string | undefined;
353
346
  "KOL-SEPARATOR"?: string | undefined;
@@ -399,7 +392,6 @@ declare const ECL_EU: (patch: (name: string, map: {
399
392
  "KOL-MODAL"?: string | undefined;
400
393
  "KOL-NAV"?: string | undefined;
401
394
  "KOL-PAGINATION"?: string | undefined;
402
- "KOL-POPOVER"?: string | undefined;
403
395
  "KOL-PROGRESS"?: string | undefined;
404
396
  "KOL-SELECT"?: string | undefined;
405
397
  "KOL-SEPARATOR"?: string | undefined;
@@ -451,7 +443,6 @@ declare const ITZBund: (patch: (name: string, map: {
451
443
  "KOL-MODAL"?: string | undefined;
452
444
  "KOL-NAV"?: string | undefined;
453
445
  "KOL-PAGINATION"?: string | undefined;
454
- "KOL-POPOVER"?: string | undefined;
455
446
  "KOL-PROGRESS"?: string | undefined;
456
447
  "KOL-SELECT"?: string | undefined;
457
448
  "KOL-SEPARATOR"?: string | undefined;
@@ -503,7 +494,6 @@ declare const MFM: (patch: (name: string, map: {
503
494
  "KOL-MODAL"?: string | undefined;
504
495
  "KOL-NAV"?: string | undefined;
505
496
  "KOL-PAGINATION"?: string | undefined;
506
- "KOL-POPOVER"?: string | undefined;
507
497
  "KOL-PROGRESS"?: string | undefined;
508
498
  "KOL-SELECT"?: string | undefined;
509
499
  "KOL-SEPARATOR"?: string | undefined;
@@ -555,7 +545,6 @@ declare const MAPZ: (patch: (name: string, map: {
555
545
  "KOL-MODAL"?: string | undefined;
556
546
  "KOL-NAV"?: string | undefined;
557
547
  "KOL-PAGINATION"?: string | undefined;
558
- "KOL-POPOVER"?: string | undefined;
559
548
  "KOL-PROGRESS"?: string | undefined;
560
549
  "KOL-SELECT"?: string | undefined;
561
550
  "KOL-SEPARATOR"?: string | undefined;
@@ -607,7 +596,6 @@ declare const ZOLLv2: (patch: (name: string, map: {
607
596
  "KOL-MODAL"?: string | undefined;
608
597
  "KOL-NAV"?: string | undefined;
609
598
  "KOL-PAGINATION"?: string | undefined;
610
- "KOL-POPOVER"?: string | undefined;
611
599
  "KOL-PROGRESS"?: string | undefined;
612
600
  "KOL-SELECT"?: string | undefined;
613
601
  "KOL-SEPARATOR"?: string | undefined;
@@ -659,7 +647,6 @@ declare const ZOLLv3: (patch: (name: string, map: {
659
647
  "KOL-MODAL"?: string | undefined;
660
648
  "KOL-NAV"?: string | undefined;
661
649
  "KOL-PAGINATION"?: string | undefined;
662
- "KOL-POPOVER"?: string | undefined;
663
650
  "KOL-PROGRESS"?: string | undefined;
664
651
  "KOL-SELECT"?: string | undefined;
665
652
  "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";
@@ -364,20 +364,19 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
364
364
  TagEnum2[TagEnum2["modal"] = 30] = "modal";
365
365
  TagEnum2[TagEnum2["nav"] = 31] = "nav";
366
366
  TagEnum2[TagEnum2["pagination"] = 32] = "pagination";
367
- TagEnum2[TagEnum2["popover"] = 33] = "popover";
368
- TagEnum2[TagEnum2["progress"] = 34] = "progress";
369
- TagEnum2[TagEnum2["select"] = 35] = "select";
370
- TagEnum2[TagEnum2["separator"] = 36] = "separator";
371
- TagEnum2[TagEnum2["skip-nav"] = 37] = "skip-nav";
372
- TagEnum2[TagEnum2["spin"] = 38] = "spin";
373
- TagEnum2[TagEnum2["split-button"] = 39] = "split-button";
374
- TagEnum2[TagEnum2["symbol"] = 40] = "symbol";
375
- TagEnum2[TagEnum2["table"] = 41] = "table";
376
- TagEnum2[TagEnum2["tabs"] = 42] = "tabs";
377
- TagEnum2[TagEnum2["textarea"] = 43] = "textarea";
378
- TagEnum2[TagEnum2["toast-container"] = 44] = "toast-container";
379
- TagEnum2[TagEnum2["toolbar"] = 45] = "toolbar";
380
- TagEnum2[TagEnum2["tooltip"] = 46] = "tooltip";
367
+ TagEnum2[TagEnum2["progress"] = 33] = "progress";
368
+ TagEnum2[TagEnum2["select"] = 34] = "select";
369
+ TagEnum2[TagEnum2["separator"] = 35] = "separator";
370
+ TagEnum2[TagEnum2["skip-nav"] = 36] = "skip-nav";
371
+ TagEnum2[TagEnum2["spin"] = 37] = "spin";
372
+ TagEnum2[TagEnum2["split-button"] = 38] = "split-button";
373
+ TagEnum2[TagEnum2["symbol"] = 39] = "symbol";
374
+ TagEnum2[TagEnum2["table"] = 40] = "table";
375
+ TagEnum2[TagEnum2["tabs"] = 41] = "tabs";
376
+ TagEnum2[TagEnum2["textarea"] = 42] = "textarea";
377
+ TagEnum2[TagEnum2["toast-container"] = 43] = "toast-container";
378
+ TagEnum2[TagEnum2["toolbar"] = 44] = "toolbar";
379
+ TagEnum2[TagEnum2["tooltip"] = 45] = "tooltip";
381
380
  return TagEnum2;
382
381
  })(TagEnum || {});
383
382
 
@@ -8866,6 +8865,9 @@ const BMF = KoliBri.createTheme("bmf", {
8866
8865
  }
8867
8866
  `,
8868
8867
  "KOL-BUTTON": css$4`
8868
+ :is(a, button) {
8869
+ font-size: 1.125em;
8870
+ }
8869
8871
  :is(a, button):focus {
8870
8872
  outline: none;
8871
8873
  }
@@ -11068,7 +11070,6 @@ const BMF = KoliBri.createTheme("bmf", {
11068
11070
  border-radius: var(--a11y-min-size);
11069
11071
  border: 2px solid var(--color-midnight);
11070
11072
  color: var(--color-midnight);
11071
- font-weight: 700;
11072
11073
  min-height: var(--a11y-min-size);
11073
11074
  min-width: var(--a11y-min-size);
11074
11075
  padding: 8px;
@@ -11099,6 +11100,7 @@ const BMF = KoliBri.createTheme("bmf", {
11099
11100
  background-color: var(--color-ice);
11100
11101
  border-color: var(--color-ice);
11101
11102
  opacity: 1 !important;
11103
+ font-weight: 700;
11102
11104
  }
11103
11105
  `,
11104
11106
  "KOL-INPUT-RANGE": css$4`
@@ -11178,6 +11180,9 @@ const BMF = KoliBri.createTheme("bmf", {
11178
11180
  }
11179
11181
  `,
11180
11182
  "KOL-LINK-BUTTON": css$4`
11183
+ :is(a, button) {
11184
+ font-size: 1.125em;
11185
+ }
11181
11186
  :is(a, button):focus {
11182
11187
  outline: none;
11183
11188
  }
@@ -36883,7 +36888,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
36883
36888
  .list.horizontal > li:not(:first-child) {
36884
36889
  border-left: 0.1em dotted white;
36885
36890
  }
36886
- .vertical li.has-children.selected {
36891
+ .vertical li.active {
36887
36892
  border-right: 0.375em solid var(--kolibri-color-accent);
36888
36893
  }
36889
36894
  .entry {
@@ -52003,6 +52008,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
52003
52008
  .expanded > div > .expand-button kol-icon::part(icon)::before {
52004
52009
  content: '\\eab4';
52005
52010
  }
52011
+ .vertical li.active {
52012
+ border-right: 0.375em solid var(--color-akzent);
52013
+ }
52006
52014
  `,
52007
52015
  "KOL-TABS": css`
52008
52016
  :host > div {
@@ -60682,6 +60690,9 @@ const ZOLLv3 = KoliBri.createTheme("zoll-v3", {
60682
60690
  .expanded > div > .expand-button kol-icon::part(icon)::before {
60683
60691
  content: '\\eab4';
60684
60692
  }
60693
+ .vertical li.active {
60694
+ border-right: 0.375em solid var(--color-akzent);
60695
+ }
60685
60696
  `,
60686
60697
  "KOL-TABS": tabsStyles,
60687
60698
  "KOL-BREADCRUMB": css`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "2.0.0-rc.7",
3
+ "version": "2.0.0-rc.9",
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": "2.0.0-rc.7",
44
+ "@public-ui/schema": "2.0.0-rc.9",
45
45
  "@types/node": "ts5.1",
46
- "@typescript-eslint/eslint-plugin": "6.9.0",
47
- "@typescript-eslint/parser": "6.9.0",
48
- "eslint": "8.52.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": "2.0.0-rc.7"
55
+ "@public-ui/components": "2.0.0-rc.9"
56
56
  },
57
57
  "sideEffects": false,
58
58
  "type": "module",