@public-ui/themes 1.6.0-rc.2 → 1.6.0-rc.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 (3) hide show
  1. package/dist/index.cjs +155 -36
  2. package/dist/index.mjs +155 -36
  3. package/package.json +6 -6
package/dist/index.cjs CHANGED
@@ -1911,6 +1911,16 @@ const BPA = KoliBri.createTheme("bpa", {
1911
1911
  color: var(--color-white);
1912
1912
  background-color: var(--color-darkblue);
1913
1913
  border-color: var(--color-darkblue);
1914
+ }`,
1915
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
1916
+ border: 1px solid var(--color-darkgray);
1917
+ border-radius: 0.125rem;
1918
+ gap: 0.5rem;
1919
+ line-height: 1.125rem;
1920
+ padding: 0.75rem 1rem;
1921
+ background-color: var(--color-blue);
1922
+ color: var(--color-white);
1923
+ cursor: pointer;
1914
1924
  }`
1915
1925
  });
1916
1926
 
@@ -4704,6 +4714,18 @@ const BZSt = KoliBri.createTheme("bzst", {
4704
4714
  }`,
4705
4715
  "KOL-TOOLTIP": `:host {
4706
4716
  --kolibri-font-size: var(--textFontSize);
4717
+ }`,
4718
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
4719
+ border-radius: 2px;
4720
+ border-style: solid;
4721
+ border-width: 2px;
4722
+ gap: 0.5rem;
4723
+ line-height: 1rem;
4724
+ padding: 0.75rem 1rem;
4725
+ background-color: var(--colorPrimary);
4726
+ border-color: var(--colorPrimary);
4727
+ color: var(--colorPrimaryFront);
4728
+ cursor: pointer;
4707
4729
  }`
4708
4730
  });
4709
4731
 
@@ -14271,6 +14293,18 @@ const BMF = KoliBri.createTheme("bmf", {
14271
14293
  u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e,
14272
14294
  u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f250, u+f252,
14273
14295
  u+f27a;
14296
+ }`,
14297
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
14298
+ border-radius: var(--a11y-min-size);
14299
+ border-style: solid;
14300
+ border-width: 2px;
14301
+ gap: 0.5rem;
14302
+ line-height: 1rem;
14303
+ padding: 8px 14px;
14304
+ background-color: var(--color-ocean);
14305
+ border-color: var(--color-ocean);
14306
+ color: var(--color-white);
14307
+ cursor: pointer;
14274
14308
  }`
14275
14309
  });
14276
14310
 
@@ -17084,6 +17118,18 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
17084
17118
  background: white;
17085
17119
  left: unset;
17086
17120
  position: unset;
17121
+ }`,
17122
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
17123
+ border-radius: 2px;
17124
+ border-style: solid;
17125
+ border-width: 2px;
17126
+ gap: 0.5rem;
17127
+ line-height: 1rem;
17128
+ padding: 0.75rem 1rem;
17129
+ background-color: var(--color-primary);
17130
+ border-color: var(--color-primary-10);
17131
+ color: white;
17132
+ cursor: pointer;
17087
17133
  }`
17088
17134
  });
17089
17135
 
@@ -19911,6 +19957,18 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
19911
19957
  background: white;
19912
19958
  left: unset;
19913
19959
  position: unset;
19960
+ }`,
19961
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
19962
+ border-radius: 2px;
19963
+ border-style: solid;
19964
+ border-width: 2px;
19965
+ gap: 0.5rem;
19966
+ line-height: 1rem;
19967
+ padding: 0.75rem 1rem;
19968
+ background-color: var(--color-primary);
19969
+ border-color: var(--color-primary-10);
19970
+ color: white;
19971
+ cursor: pointer;
19914
19972
  }`
19915
19973
  });
19916
19974
 
@@ -21335,6 +21393,19 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
21335
21393
  }
21336
21394
  .expanded > div > .expand-button kol-icon::part(icon)::before {
21337
21395
  content: "\\eab4";
21396
+ }`,
21397
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
21398
+ border-radius: 0;
21399
+ border-style: solid;
21400
+ border-width: 2px;
21401
+ font-weight: var(--font-weight-bold);
21402
+ gap: 0.5rem;
21403
+ line-height: 1rem;
21404
+ padding: 0.25em 0.75em;
21405
+ background-color: var(--color-blue);
21406
+ border-color: var(--color-blue);
21407
+ color: var(--color-white);
21408
+ cursor: pointer;
21338
21409
  }`
21339
21410
  });
21340
21411
 
@@ -22800,6 +22871,15 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
22800
22871
  .hint {
22801
22872
  font-size: 0.875rem;
22802
22873
  order: 4;
22874
+ }`,
22875
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
22876
+ border-radius: 4px;
22877
+ gap: 0.5rem;
22878
+ line-height: 1rem;
22879
+ padding: 0.75rem;
22880
+ background-color: #0e47cb;
22881
+ color: #fff;
22882
+ cursor: pointer;
22803
22883
  }`
22804
22884
  });
22805
22885
 
@@ -24509,6 +24589,17 @@ const ITZBund = KoliBri.createTheme("itzbund", {
24509
24589
  :host > div.tabs-align-top kol-button-group-wc div {
24510
24590
  display: flex;
24511
24591
  flex-wrap: wrap;
24592
+ }`,
24593
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
24594
+ border-radius: 2rem;
24595
+ border-style: solid;
24596
+ gap: 0.5rem;
24597
+ line-height: 1rem;
24598
+ padding: 0 1rem;
24599
+ background-color: var(--color-petrol);
24600
+ border-color: var(--color-petrol);
24601
+ color: var(--color-weiss);
24602
+ cursor: pointer;
24512
24603
  }`
24513
24604
  });
24514
24605
 
@@ -42090,6 +42181,18 @@ const MAPZ = KoliBri.createTheme("mapz", {
42090
42181
  option:hover:not(:disabled) {
42091
42182
  background-color: var(--kolibri-color-primary);
42092
42183
  color: white;
42184
+ }`,
42185
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
42186
+ border-radius: var(--kolibri-border-radius);
42187
+ border-style: solid;
42188
+ border-width: 2px;
42189
+ gap: 0.5rem;
42190
+ line-height: 1rem;
42191
+ padding: 0.75rem 1rem;
42192
+ background-color: var(--kolibri-color-primary);
42193
+ border-color: var(--kolibri-border-color);
42194
+ color: white;
42195
+ cursor: pointer;
42093
42196
  }`
42094
42197
  });
42095
42198
 
@@ -42106,7 +42209,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42106
42209
  --color-akzent-dark: #da793c;
42107
42210
  --color-akzent-light: #f5ba6c;
42108
42211
  --color-neutral: #e3e3e3;
42109
- --color-neutral-dark: #333;
42212
+ --color-neutral-dark: #646464;
42110
42213
  --color-neutral-light: #f7f7f7;
42111
42214
  --color-rot: #ce3033;
42112
42215
  --color-gelb: #f6cd35;
@@ -42136,7 +42239,6 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42136
42239
  summary:focus,
42137
42240
  kol-input:not(.checkbox, .radio) .input:focus-within,
42138
42241
  kol-input:is(.checkbox, .radio) input:focus {
42139
- border-radius: var(--border-radius);
42140
42242
  outline-color: var(--color-blau-dark);
42141
42243
  outline-offset: 0.125rem;
42142
42244
  outline-style: solid;
@@ -42390,9 +42492,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42390
42492
  }
42391
42493
  }`,
42392
42494
  "KOL-TABLE": `caption {
42393
- background-color: var(--color-neutral);
42394
42495
  caption-side: TOP;
42395
- font-size: 1.5rem; /* 1.75rem */ /* line-height: 3rem; */
42496
+ font-size: 1.1rem; /* 1.75rem */ /* line-height: 3rem; */
42497
+ font-weight: var(--font-weight-bold);
42396
42498
  margin-bottom: 0.25rem;
42397
42499
  padding: 0.75rem;
42398
42500
  text-align: left;
@@ -42404,6 +42506,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42404
42506
  border-width: 0;
42405
42507
  border-top-width: 1px;
42406
42508
  }
42509
+ th {
42510
+ background-color: var(--color-neutral);
42511
+ }
42407
42512
  td,
42408
42513
  th {
42409
42514
  color: var(--color-neutral-dark);
@@ -42413,8 +42518,19 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42413
42518
  border-bottom-width: 1px;
42414
42519
  padding: 0.5rem;
42415
42520
  }
42416
- tbody tr:nth-child(odd) {
42417
- background-color: var(--color-grau-10);
42521
+ th[data-sort] kol-button::part(icon)::before {
42522
+ font-family: "FontAwesome";
42523
+ color: var(--color-neutral-dark);
42524
+ }
42525
+ th[data-sort="sort-NOS"] kol-button::part(icon)::before,
42526
+ th[data-sort="sort-undefined"] kol-button::part(icon)::before {
42527
+ content: "\f0dc";
42528
+ }
42529
+ th[data-sort="sort-ASC"] kol-button::part(icon)::before {
42530
+ content: "\f0de";
42531
+ }
42532
+ th[data-sort="sort-DESC"] kol-button::part(icon)::before {
42533
+ content: "\f0dd";
42418
42534
  }`,
42419
42535
  "KOL-ACCORDION": `:host > div {
42420
42536
  border-color: var(--border-color);
@@ -42871,9 +42987,10 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42871
42987
  }
42872
42988
  label {
42873
42989
  cursor: pointer;
42990
+ padding-left: 0.75rem;
42874
42991
  }
42875
42992
  kol-input:hover label,
42876
- kol-input:has(input:focus, select:focus, textarea:focus, ) label {
42993
+ kol-input:focus-within label {
42877
42994
  text-decoration: underline;
42878
42995
  }
42879
42996
  .required label > span::after {
@@ -42901,7 +43018,6 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42901
43018
  }
42902
43019
  kol-input > label {
42903
43020
  order: 2;
42904
- padding-left: calc(2 * var(--spacing));
42905
43021
  }
42906
43022
  kol-input > kol-alert.error {
42907
43023
  order: 3;
@@ -43009,32 +43125,28 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
43009
43125
  :host {
43010
43126
  --spacing: 0.25rem;
43011
43127
  }
43128
+ legend {
43129
+ font-weight: var(--font-weight-bold);
43130
+ margin-bottom: 0.5rem;
43131
+ }
43012
43132
  input {
43013
43133
  border-color: var(--color-neutral-dark);
43014
43134
  border-width: 2px;
43015
43135
  border-style: solid;
43016
43136
  }
43017
- label {
43018
- cursor: pointer;
43019
- }
43020
43137
  kol-input:has(input:disabled) input,
43021
43138
  kol-input:has(input:disabled) label {
43022
43139
  cursor: not-allowed !important;
43023
43140
  opacity: 0.5;
43024
43141
  }
43025
- kol-input:hover label,
43026
- kol-input:has(input:focus, select:focus, textarea:focus, ) label {
43142
+ kol-input:hover:has(input:not(:disabled)) label,
43143
+ kol-input:focus-within {
43027
43144
  text-decoration: underline;
43028
43145
  }
43029
43146
  .required legend > span::after {
43030
43147
  content: "*";
43031
43148
  padding-left: 0.125em;
43032
43149
  }
43033
- label {
43034
- display: grid;
43035
- gap: 8px;
43036
- width: 100%;
43037
- }
43038
43150
  input {
43039
43151
  width: 100%;
43040
43152
  border-color: var(--color-neutral-dark);
@@ -43050,27 +43162,21 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
43050
43162
  margin-bottom: 0.4em;
43051
43163
  } /* RADIO */
43052
43164
  fieldset {
43053
- border: 0px;
43054
- margin: 0px;
43055
- padding: 0px;
43056
- display: grid;
43057
- gap: 0.25em;
43058
- }
43059
- fieldset div {
43165
+ border: 0;
43166
+ margin: 0;
43167
+ padding: 1.5rem;
43060
43168
  display: flex;
43061
- flex-direction: row;
43062
- margin-top: 0.125em;
43063
- margin-bottom: 0.125em;
43064
- align-items: center;
43065
- position: relative;
43169
+ flex-direction: column;
43066
43170
  }
43067
- fieldset div label {
43171
+ fieldset div.input {
43068
43172
  display: flex;
43069
- padding-left: 0.25em;
43070
- width: 100%;
43071
43173
  }
43072
- fieldset div label span {
43073
- margin-top: 0.125em;
43174
+ fieldset div.input > div {
43175
+ margin: auto 0;
43176
+ display: flex;
43177
+ flex-direction: row;
43178
+ align-items: center;
43179
+ gap: 0.75rem;
43074
43180
  }
43075
43181
  fieldset div input[type="radio"] {
43076
43182
  appearance: none;
@@ -43079,6 +43185,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
43079
43185
  height: calc(6 * var(--spacing));
43080
43186
  min-width: calc(6 * var(--spacing));
43081
43187
  width: calc(6 * var(--spacing));
43188
+ border-color: var(--color-neutral-dark);
43082
43189
  }
43083
43190
  fieldset div input[type="radio"]:checked:before {
43084
43191
  box-shadow: 0 0 0.1rem black;
@@ -43099,7 +43206,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
43099
43206
  opacity: 0.33;
43100
43207
  }
43101
43208
  fieldset.horizontal {
43102
- display: flex;
43209
+ flex-direction: row;
43103
43210
  flex-wrap: wrap;
43104
43211
  gap: 0.5rem 1rem;
43105
43212
  }
@@ -50692,6 +50799,18 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
50692
50799
  u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e,
50693
50800
  u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f250, u+f252,
50694
50801
  u+f27a;
50802
+ }`,
50803
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
50804
+ border-radius: var(--border-radius);
50805
+ border-style: solid;
50806
+ border-width: 2px;
50807
+ gap: 0.5rem;
50808
+ line-height: 1rem;
50809
+ padding: 0.75rem 1rem;
50810
+ background-color: var(--color-blau);
50811
+ border-color: var(--color-blau-dark);
50812
+ color: white;
50813
+ cursor: pointer;
50695
50814
  }`
50696
50815
  });
50697
50816
 
package/dist/index.mjs CHANGED
@@ -1909,6 +1909,16 @@ const BPA = KoliBri.createTheme("bpa", {
1909
1909
  color: var(--color-white);
1910
1910
  background-color: var(--color-darkblue);
1911
1911
  border-color: var(--color-darkblue);
1912
+ }`,
1913
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
1914
+ border: 1px solid var(--color-darkgray);
1915
+ border-radius: 0.125rem;
1916
+ gap: 0.5rem;
1917
+ line-height: 1.125rem;
1918
+ padding: 0.75rem 1rem;
1919
+ background-color: var(--color-blue);
1920
+ color: var(--color-white);
1921
+ cursor: pointer;
1912
1922
  }`
1913
1923
  });
1914
1924
 
@@ -4702,6 +4712,18 @@ const BZSt = KoliBri.createTheme("bzst", {
4702
4712
  }`,
4703
4713
  "KOL-TOOLTIP": `:host {
4704
4714
  --kolibri-font-size: var(--textFontSize);
4715
+ }`,
4716
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
4717
+ border-radius: 2px;
4718
+ border-style: solid;
4719
+ border-width: 2px;
4720
+ gap: 0.5rem;
4721
+ line-height: 1rem;
4722
+ padding: 0.75rem 1rem;
4723
+ background-color: var(--colorPrimary);
4724
+ border-color: var(--colorPrimary);
4725
+ color: var(--colorPrimaryFront);
4726
+ cursor: pointer;
4705
4727
  }`
4706
4728
  });
4707
4729
 
@@ -14269,6 +14291,18 @@ const BMF = KoliBri.createTheme("bmf", {
14269
14291
  u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e,
14270
14292
  u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f250, u+f252,
14271
14293
  u+f27a;
14294
+ }`,
14295
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
14296
+ border-radius: var(--a11y-min-size);
14297
+ border-style: solid;
14298
+ border-width: 2px;
14299
+ gap: 0.5rem;
14300
+ line-height: 1rem;
14301
+ padding: 8px 14px;
14302
+ background-color: var(--color-ocean);
14303
+ border-color: var(--color-ocean);
14304
+ color: var(--color-white);
14305
+ cursor: pointer;
14272
14306
  }`
14273
14307
  });
14274
14308
 
@@ -17082,6 +17116,18 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
17082
17116
  background: white;
17083
17117
  left: unset;
17084
17118
  position: unset;
17119
+ }`,
17120
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
17121
+ border-radius: 2px;
17122
+ border-style: solid;
17123
+ border-width: 2px;
17124
+ gap: 0.5rem;
17125
+ line-height: 1rem;
17126
+ padding: 0.75rem 1rem;
17127
+ background-color: var(--color-primary);
17128
+ border-color: var(--color-primary-10);
17129
+ color: white;
17130
+ cursor: pointer;
17085
17131
  }`
17086
17132
  });
17087
17133
 
@@ -19909,6 +19955,18 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
19909
19955
  background: white;
19910
19956
  left: unset;
19911
19957
  position: unset;
19958
+ }`,
19959
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
19960
+ border-radius: 2px;
19961
+ border-style: solid;
19962
+ border-width: 2px;
19963
+ gap: 0.5rem;
19964
+ line-height: 1rem;
19965
+ padding: 0.75rem 1rem;
19966
+ background-color: var(--color-primary);
19967
+ border-color: var(--color-primary-10);
19968
+ color: white;
19969
+ cursor: pointer;
19912
19970
  }`
19913
19971
  });
19914
19972
 
@@ -21333,6 +21391,19 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
21333
21391
  }
21334
21392
  .expanded > div > .expand-button kol-icon::part(icon)::before {
21335
21393
  content: "\\eab4";
21394
+ }`,
21395
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
21396
+ border-radius: 0;
21397
+ border-style: solid;
21398
+ border-width: 2px;
21399
+ font-weight: var(--font-weight-bold);
21400
+ gap: 0.5rem;
21401
+ line-height: 1rem;
21402
+ padding: 0.25em 0.75em;
21403
+ background-color: var(--color-blue);
21404
+ border-color: var(--color-blue);
21405
+ color: var(--color-white);
21406
+ cursor: pointer;
21336
21407
  }`
21337
21408
  });
21338
21409
 
@@ -22798,6 +22869,15 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
22798
22869
  .hint {
22799
22870
  font-size: 0.875rem;
22800
22871
  order: 4;
22872
+ }`,
22873
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
22874
+ border-radius: 4px;
22875
+ gap: 0.5rem;
22876
+ line-height: 1rem;
22877
+ padding: 0.75rem;
22878
+ background-color: #0e47cb;
22879
+ color: #fff;
22880
+ cursor: pointer;
22801
22881
  }`
22802
22882
  });
22803
22883
 
@@ -24507,6 +24587,17 @@ const ITZBund = KoliBri.createTheme("itzbund", {
24507
24587
  :host > div.tabs-align-top kol-button-group-wc div {
24508
24588
  display: flex;
24509
24589
  flex-wrap: wrap;
24590
+ }`,
24591
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
24592
+ border-radius: 2rem;
24593
+ border-style: solid;
24594
+ gap: 0.5rem;
24595
+ line-height: 1rem;
24596
+ padding: 0 1rem;
24597
+ background-color: var(--color-petrol);
24598
+ border-color: var(--color-petrol);
24599
+ color: var(--color-weiss);
24600
+ cursor: pointer;
24510
24601
  }`
24511
24602
  });
24512
24603
 
@@ -42088,6 +42179,18 @@ const MAPZ = KoliBri.createTheme("mapz", {
42088
42179
  option:hover:not(:disabled) {
42089
42180
  background-color: var(--kolibri-color-primary);
42090
42181
  color: white;
42182
+ }`,
42183
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
42184
+ border-radius: var(--kolibri-border-radius);
42185
+ border-style: solid;
42186
+ border-width: 2px;
42187
+ gap: 0.5rem;
42188
+ line-height: 1rem;
42189
+ padding: 0.75rem 1rem;
42190
+ background-color: var(--kolibri-color-primary);
42191
+ border-color: var(--kolibri-border-color);
42192
+ color: white;
42193
+ cursor: pointer;
42091
42194
  }`
42092
42195
  });
42093
42196
 
@@ -42104,7 +42207,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42104
42207
  --color-akzent-dark: #da793c;
42105
42208
  --color-akzent-light: #f5ba6c;
42106
42209
  --color-neutral: #e3e3e3;
42107
- --color-neutral-dark: #333;
42210
+ --color-neutral-dark: #646464;
42108
42211
  --color-neutral-light: #f7f7f7;
42109
42212
  --color-rot: #ce3033;
42110
42213
  --color-gelb: #f6cd35;
@@ -42134,7 +42237,6 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42134
42237
  summary:focus,
42135
42238
  kol-input:not(.checkbox, .radio) .input:focus-within,
42136
42239
  kol-input:is(.checkbox, .radio) input:focus {
42137
- border-radius: var(--border-radius);
42138
42240
  outline-color: var(--color-blau-dark);
42139
42241
  outline-offset: 0.125rem;
42140
42242
  outline-style: solid;
@@ -42388,9 +42490,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42388
42490
  }
42389
42491
  }`,
42390
42492
  "KOL-TABLE": `caption {
42391
- background-color: var(--color-neutral);
42392
42493
  caption-side: TOP;
42393
- font-size: 1.5rem; /* 1.75rem */ /* line-height: 3rem; */
42494
+ font-size: 1.1rem; /* 1.75rem */ /* line-height: 3rem; */
42495
+ font-weight: var(--font-weight-bold);
42394
42496
  margin-bottom: 0.25rem;
42395
42497
  padding: 0.75rem;
42396
42498
  text-align: left;
@@ -42402,6 +42504,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42402
42504
  border-width: 0;
42403
42505
  border-top-width: 1px;
42404
42506
  }
42507
+ th {
42508
+ background-color: var(--color-neutral);
42509
+ }
42405
42510
  td,
42406
42511
  th {
42407
42512
  color: var(--color-neutral-dark);
@@ -42411,8 +42516,19 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42411
42516
  border-bottom-width: 1px;
42412
42517
  padding: 0.5rem;
42413
42518
  }
42414
- tbody tr:nth-child(odd) {
42415
- background-color: var(--color-grau-10);
42519
+ th[data-sort] kol-button::part(icon)::before {
42520
+ font-family: "FontAwesome";
42521
+ color: var(--color-neutral-dark);
42522
+ }
42523
+ th[data-sort="sort-NOS"] kol-button::part(icon)::before,
42524
+ th[data-sort="sort-undefined"] kol-button::part(icon)::before {
42525
+ content: "\f0dc";
42526
+ }
42527
+ th[data-sort="sort-ASC"] kol-button::part(icon)::before {
42528
+ content: "\f0de";
42529
+ }
42530
+ th[data-sort="sort-DESC"] kol-button::part(icon)::before {
42531
+ content: "\f0dd";
42416
42532
  }`,
42417
42533
  "KOL-ACCORDION": `:host > div {
42418
42534
  border-color: var(--border-color);
@@ -42869,9 +42985,10 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42869
42985
  }
42870
42986
  label {
42871
42987
  cursor: pointer;
42988
+ padding-left: 0.75rem;
42872
42989
  }
42873
42990
  kol-input:hover label,
42874
- kol-input:has(input:focus, select:focus, textarea:focus, ) label {
42991
+ kol-input:focus-within label {
42875
42992
  text-decoration: underline;
42876
42993
  }
42877
42994
  .required label > span::after {
@@ -42899,7 +43016,6 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42899
43016
  }
42900
43017
  kol-input > label {
42901
43018
  order: 2;
42902
- padding-left: calc(2 * var(--spacing));
42903
43019
  }
42904
43020
  kol-input > kol-alert.error {
42905
43021
  order: 3;
@@ -43007,32 +43123,28 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
43007
43123
  :host {
43008
43124
  --spacing: 0.25rem;
43009
43125
  }
43126
+ legend {
43127
+ font-weight: var(--font-weight-bold);
43128
+ margin-bottom: 0.5rem;
43129
+ }
43010
43130
  input {
43011
43131
  border-color: var(--color-neutral-dark);
43012
43132
  border-width: 2px;
43013
43133
  border-style: solid;
43014
43134
  }
43015
- label {
43016
- cursor: pointer;
43017
- }
43018
43135
  kol-input:has(input:disabled) input,
43019
43136
  kol-input:has(input:disabled) label {
43020
43137
  cursor: not-allowed !important;
43021
43138
  opacity: 0.5;
43022
43139
  }
43023
- kol-input:hover label,
43024
- kol-input:has(input:focus, select:focus, textarea:focus, ) label {
43140
+ kol-input:hover:has(input:not(:disabled)) label,
43141
+ kol-input:focus-within {
43025
43142
  text-decoration: underline;
43026
43143
  }
43027
43144
  .required legend > span::after {
43028
43145
  content: "*";
43029
43146
  padding-left: 0.125em;
43030
43147
  }
43031
- label {
43032
- display: grid;
43033
- gap: 8px;
43034
- width: 100%;
43035
- }
43036
43148
  input {
43037
43149
  width: 100%;
43038
43150
  border-color: var(--color-neutral-dark);
@@ -43048,27 +43160,21 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
43048
43160
  margin-bottom: 0.4em;
43049
43161
  } /* RADIO */
43050
43162
  fieldset {
43051
- border: 0px;
43052
- margin: 0px;
43053
- padding: 0px;
43054
- display: grid;
43055
- gap: 0.25em;
43056
- }
43057
- fieldset div {
43163
+ border: 0;
43164
+ margin: 0;
43165
+ padding: 1.5rem;
43058
43166
  display: flex;
43059
- flex-direction: row;
43060
- margin-top: 0.125em;
43061
- margin-bottom: 0.125em;
43062
- align-items: center;
43063
- position: relative;
43167
+ flex-direction: column;
43064
43168
  }
43065
- fieldset div label {
43169
+ fieldset div.input {
43066
43170
  display: flex;
43067
- padding-left: 0.25em;
43068
- width: 100%;
43069
43171
  }
43070
- fieldset div label span {
43071
- margin-top: 0.125em;
43172
+ fieldset div.input > div {
43173
+ margin: auto 0;
43174
+ display: flex;
43175
+ flex-direction: row;
43176
+ align-items: center;
43177
+ gap: 0.75rem;
43072
43178
  }
43073
43179
  fieldset div input[type="radio"] {
43074
43180
  appearance: none;
@@ -43077,6 +43183,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
43077
43183
  height: calc(6 * var(--spacing));
43078
43184
  min-width: calc(6 * var(--spacing));
43079
43185
  width: calc(6 * var(--spacing));
43186
+ border-color: var(--color-neutral-dark);
43080
43187
  }
43081
43188
  fieldset div input[type="radio"]:checked:before {
43082
43189
  box-shadow: 0 0 0.1rem black;
@@ -43097,7 +43204,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
43097
43204
  opacity: 0.33;
43098
43205
  }
43099
43206
  fieldset.horizontal {
43100
- display: flex;
43207
+ flex-direction: row;
43101
43208
  flex-wrap: wrap;
43102
43209
  gap: 0.5rem 1rem;
43103
43210
  }
@@ -50690,6 +50797,18 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
50690
50797
  u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e,
50691
50798
  u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f250, u+f252,
50692
50799
  u+f27a;
50800
+ }`,
50801
+ "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
50802
+ border-radius: var(--border-radius);
50803
+ border-style: solid;
50804
+ border-width: 2px;
50805
+ gap: 0.5rem;
50806
+ line-height: 1rem;
50807
+ padding: 0.75rem 1rem;
50808
+ background-color: var(--color-blau);
50809
+ border-color: var(--color-blau-dark);
50810
+ color: white;
50811
+ cursor: pointer;
50693
50812
  }`
50694
50813
  });
50695
50814
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.6.0-rc.2",
3
+ "version": "1.6.0-rc.3",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": "https://github.com/public-ui/kolibri",
@@ -48,17 +48,17 @@
48
48
  "prepack": "unbuild"
49
49
  },
50
50
  "devDependencies": {
51
- "@public-ui/schema": "1.6.0-rc.2",
51
+ "@public-ui/schema": "1.6.0-rc.3",
52
52
  "@types/node": "ts4.9",
53
- "@typescript-eslint/eslint-plugin": "5.59.9",
54
- "@typescript-eslint/parser": "5.59.9",
55
- "eslint": "8.42.0",
53
+ "@typescript-eslint/eslint-plugin": "5.59.11",
54
+ "@typescript-eslint/parser": "5.59.11",
55
+ "eslint": "8.43.0",
56
56
  "eslint-plugin-no-loops": "0.3.0",
57
57
  "typescript": "5.0.4",
58
58
  "unbuild": "1.2.1"
59
59
  },
60
60
  "peerDependencies": {
61
- "@public-ui/components": "1.6.0-rc.2"
61
+ "@public-ui/components": "1.6.0-rc.3"
62
62
  },
63
63
  "sideEffects": false,
64
64
  "type": "module",