@public-ui/themes 1.6.0-rc.2 → 1.6.0-rc.4

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 +196 -77
  2. package/dist/index.mjs +196 -77
  3. package/package.json +6 -6
package/dist/index.cjs CHANGED
@@ -820,7 +820,7 @@ const BPA = KoliBri.createTheme("bpa", {
820
820
  border-radius: 0.125rem;
821
821
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
822
822
  }
823
- .icon-only > kol-span-wc {
823
+ .hide-label > kol-span-wc {
824
824
  padding: 0.625rem;
825
825
  }
826
826
  .button.ghost a kol-span-wc {
@@ -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
 
@@ -2177,10 +2187,10 @@ const BZSt = KoliBri.createTheme("bzst", {
2177
2187
  align-items: center;
2178
2188
  justify-content: center;
2179
2189
  }
2180
- button.icon-only {
2190
+ button.hide-label {
2181
2191
  padding: 0.5rem;
2182
2192
  }
2183
- button.icon-only kol-icon {
2193
+ button.hide-label kol-icon {
2184
2194
  display: inline-block;
2185
2195
  width: 1.5em;
2186
2196
  height: 1.5em;
@@ -3206,10 +3216,10 @@ const BZSt = KoliBri.createTheme("bzst", {
3206
3216
  background-color: rgba(0, 0, 0, 0);
3207
3217
  border-color: rgba(0, 0, 0, 0);
3208
3218
  }
3209
- .close > button.icon-only {
3219
+ .close > button.hide-label {
3210
3220
  padding: 8px;
3211
3221
  }
3212
- .close > button.icon-only kol-icon {
3222
+ .close > button.hide-label kol-icon {
3213
3223
  display: inline-block;
3214
3224
  width: 1.5em;
3215
3225
  height: 1.5em;
@@ -4605,10 +4615,10 @@ const BZSt = KoliBri.createTheme("bzst", {
4605
4615
  align-items: center;
4606
4616
  justify-content: center;
4607
4617
  }
4608
- a.icon-only {
4618
+ a.hide-label {
4609
4619
  padding: 8px;
4610
4620
  }
4611
- a.icon-only kol-icon {
4621
+ a.hide-label kol-icon {
4612
4622
  display: inline-block;
4613
4623
  width: 1.5em;
4614
4624
  height: 1.5em;
@@ -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
 
@@ -4889,11 +4911,11 @@ const BMF = KoliBri.createTheme("bmf", {
4889
4911
  box-shadow: none;
4890
4912
  outline: none;
4891
4913
  }
4892
- :is(a, button).icon-only > kol-span-wc {
4914
+ :is(a, button).hide-label > kol-span-wc {
4893
4915
  padding: 8px;
4894
4916
  width: unset;
4895
4917
  }
4896
- :is(a, button).icon-only > kol-span-wc > span > span {
4918
+ :is(a, button).hide-label > kol-span-wc > span > span {
4897
4919
  display: none;
4898
4920
  }
4899
4921
  :is(a, button).loading > kol-span-wc kol-icon {
@@ -5715,20 +5737,20 @@ const BMF = KoliBri.createTheme("bmf", {
5715
5737
  background-color: rgba(0, 0, 0, 0);
5716
5738
  border-color: rgba(0, 0, 0, 0);
5717
5739
  }
5718
- .close > button.icon-only {
5740
+ .close > button.hide-label {
5719
5741
  padding: 8px;
5720
5742
  }
5721
- .close > button.icon-only kol-icon {
5743
+ .close > button.hide-label kol-icon {
5722
5744
  display: flex;
5723
5745
  width: 1em;
5724
5746
  height: 1em;
5725
5747
  font-size: 1rem;
5726
5748
  }
5727
- .close > button.icon-only kol-icon::part(icon) {
5749
+ .close > button.hide-label kol-icon::part(icon) {
5728
5750
  font-family: "Font Awesome 6 Free";
5729
5751
  font-weight: 900;
5730
5752
  }
5731
- .close > button.icon-only kol-icon::part(icon)::before {
5753
+ .close > button.hide-label kol-icon::part(icon)::before {
5732
5754
  content: "\\f00d";
5733
5755
  }
5734
5756
  .close > button:active {
@@ -7080,11 +7102,11 @@ const BMF = KoliBri.createTheme("bmf", {
7080
7102
  box-shadow: none;
7081
7103
  outline: none;
7082
7104
  }
7083
- :is(a, button).icon-only > kol-span-wc {
7105
+ :is(a, button).hide-label > kol-span-wc {
7084
7106
  padding: 8px;
7085
7107
  width: unset;
7086
7108
  }
7087
- :is(a, button).icon-only > kol-span-wc > span > span {
7109
+ :is(a, button).hide-label > kol-span-wc > span > span {
7088
7110
  display: none;
7089
7111
  }
7090
7112
  :is(a, button).loading > kol-span-wc kol-icon {
@@ -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
 
@@ -14503,13 +14537,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
14503
14537
  justify-content: center;
14504
14538
  letter-spacing: 0.75px;
14505
14539
  }
14506
- button.icon-only > kol-span-wc {
14540
+ button.hide-label > kol-span-wc {
14507
14541
  padding: 8px;
14508
14542
  }
14509
- button.icon-only > kol-span-wc > span > span {
14543
+ button.hide-label > kol-span-wc > span > span {
14510
14544
  display: none;
14511
14545
  }
14512
- button.icon-only > kol-span-wc kol-icon {
14546
+ button.hide-label > kol-span-wc kol-icon {
14513
14547
  display: inline-block;
14514
14548
  width: 1.5em;
14515
14549
  height: 1.5em;
@@ -14647,7 +14681,7 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
14647
14681
  :host > div[part*="open"] {
14648
14682
  padding-bottom: 1em;
14649
14683
  }`,
14650
- "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
14684
+ "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.hide-label {padding: 8px;}.close > button.hide-label kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
14651
14685
  "KOL-CARD": `/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
14652
14686
  :host > div {
14653
14687
  display: grid;
@@ -17020,13 +17054,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
17020
17054
  justify-content: center;
17021
17055
  letter-spacing: 0.75px;
17022
17056
  }
17023
- a.icon-only > kol-span-wc {
17057
+ a.hide-label > kol-span-wc {
17024
17058
  padding: 8px;
17025
17059
  }
17026
- a.icon-only > kol-span-wc > span > span {
17060
+ a.hide-label > kol-span-wc > span > span {
17027
17061
  display: none;
17028
17062
  }
17029
- a.icon-only > kol-span-wc kol-icon {
17063
+ a.hide-label > kol-span-wc kol-icon {
17030
17064
  display: inline-block;
17031
17065
  width: 1.5em;
17032
17066
  height: 1.5em;
@@ -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
 
@@ -17330,13 +17376,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
17330
17376
  justify-content: center;
17331
17377
  letter-spacing: 0.75px;
17332
17378
  }
17333
- button.icon-only > kol-span-wc {
17379
+ button.hide-label > kol-span-wc {
17334
17380
  padding: 8px;
17335
17381
  }
17336
- button.icon-only > kol-span-wc > span > span {
17382
+ button.hide-label > kol-span-wc > span > span {
17337
17383
  display: none;
17338
17384
  }
17339
- button.icon-only > kol-span-wc kol-icon {
17385
+ button.hide-label > kol-span-wc kol-icon {
17340
17386
  display: inline-block;
17341
17387
  width: 1.5em;
17342
17388
  height: 1.5em;
@@ -17474,7 +17520,7 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
17474
17520
  :host > div[part*="open"] {
17475
17521
  padding-bottom: 1em;
17476
17522
  }`,
17477
- "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
17523
+ "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.hide-label {padding: 8px;}.close > button.hide-label kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
17478
17524
  "KOL-CARD": `/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
17479
17525
  :host > div {
17480
17526
  display: grid;
@@ -19847,13 +19893,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
19847
19893
  justify-content: center;
19848
19894
  letter-spacing: 0.75px;
19849
19895
  }
19850
- a.icon-only > kol-span-wc {
19896
+ a.hide-label > kol-span-wc {
19851
19897
  padding: 8px;
19852
19898
  }
19853
- a.icon-only > kol-span-wc > span > span {
19899
+ a.hide-label > kol-span-wc > span > span {
19854
19900
  display: none;
19855
19901
  }
19856
- a.icon-only > kol-span-wc kol-icon {
19902
+ a.hide-label > kol-span-wc kol-icon {
19857
19903
  display: inline-block;
19858
19904
  width: 1.5em;
19859
19905
  height: 1.5em;
@@ -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
 
@@ -22910,8 +22990,8 @@ const ITZBund = KoliBri.createTheme("itzbund", {
22910
22990
  font-size: inherit; /*line-height: 1.25em;*/ /*padding: calc(4 * var(--spacing));*/
22911
22991
  padding: 0 1rem;
22912
22992
  }
22913
- .button a.icon-only > kol-span-wc,
22914
- .button button.icon-only > kol-span-wc {
22993
+ .button a.hide-label > kol-span-wc,
22994
+ .button button.hide-label > kol-span-wc {
22915
22995
  padding: 0 0.5rem;
22916
22996
  }
22917
22997
  a > kol-span-wc,
@@ -23022,8 +23102,8 @@ const ITZBund = KoliBri.createTheme("itzbund", {
23022
23102
  font-size: inherit; /*line-height: 1.25em;*/ /*padding: calc(4 * var(--spacing));*/
23023
23103
  padding: 0 1rem;
23024
23104
  }
23025
- .button a.icon-only > kol-span-wc,
23026
- .button button.icon-only > kol-span-wc {
23105
+ .button a.hide-label > kol-span-wc,
23106
+ .button button.hide-label > kol-span-wc {
23027
23107
  padding: 0 0.5rem;
23028
23108
  }
23029
23109
  a > kol-span-wc,
@@ -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);
@@ -42616,12 +42732,12 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42616
42732
  gap: 0.5rem;
42617
42733
  line-height: 1rem;
42618
42734
  }
42619
- :host > kol-button-wc > button > kol-span-wc:not(.icon-only),
42620
- :host > kol-link-wc > a > kol-span-wc:not(.icon-only) {
42735
+ :host > kol-button-wc > button > kol-span-wc:not(.hide-label),
42736
+ :host > kol-link-wc > a > kol-span-wc:not(.hide-label) {
42621
42737
  padding: 0.75rem 1rem;
42622
42738
  }
42623
- :host > kol-button-wc > button > kol-span-wc.icon-only,
42624
- :host > kol-link-wc > a > kol-span-wc.icon-only {
42739
+ :host > kol-button-wc > button > kol-span-wc.hide-label,
42740
+ :host > kol-link-wc > a > kol-span-wc.hide-label {
42625
42741
  padding: 0.75rem;
42626
42742
  }
42627
42743
  :host > kol-button-wc > button > kol-span-wc span,
@@ -42714,12 +42830,12 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42714
42830
  gap: 0.5rem;
42715
42831
  line-height: 1rem;
42716
42832
  }
42717
- :host > kol-button-wc > button > kol-span-wc:not(.icon-only),
42718
- :host > kol-link-wc > a > kol-span-wc:not(.icon-only) {
42833
+ :host > kol-button-wc > button > kol-span-wc:not(.hide-label),
42834
+ :host > kol-link-wc > a > kol-span-wc:not(.hide-label) {
42719
42835
  padding: 0.75rem 1rem;
42720
42836
  }
42721
- :host > kol-button-wc > button > kol-span-wc.icon-only,
42722
- :host > kol-link-wc > a > kol-span-wc.icon-only {
42837
+ :host > kol-button-wc > button > kol-span-wc.hide-label,
42838
+ :host > kol-link-wc > a > kol-span-wc.hide-label {
42723
42839
  padding: 0.75rem;
42724
42840
  }
42725
42841
  :host > kol-button-wc > button > kol-span-wc span,
@@ -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
@@ -818,7 +818,7 @@ const BPA = KoliBri.createTheme("bpa", {
818
818
  border-radius: 0.125rem;
819
819
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
820
820
  }
821
- .icon-only > kol-span-wc {
821
+ .hide-label > kol-span-wc {
822
822
  padding: 0.625rem;
823
823
  }
824
824
  .button.ghost a kol-span-wc {
@@ -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
 
@@ -2175,10 +2185,10 @@ const BZSt = KoliBri.createTheme("bzst", {
2175
2185
  align-items: center;
2176
2186
  justify-content: center;
2177
2187
  }
2178
- button.icon-only {
2188
+ button.hide-label {
2179
2189
  padding: 0.5rem;
2180
2190
  }
2181
- button.icon-only kol-icon {
2191
+ button.hide-label kol-icon {
2182
2192
  display: inline-block;
2183
2193
  width: 1.5em;
2184
2194
  height: 1.5em;
@@ -3204,10 +3214,10 @@ const BZSt = KoliBri.createTheme("bzst", {
3204
3214
  background-color: rgba(0, 0, 0, 0);
3205
3215
  border-color: rgba(0, 0, 0, 0);
3206
3216
  }
3207
- .close > button.icon-only {
3217
+ .close > button.hide-label {
3208
3218
  padding: 8px;
3209
3219
  }
3210
- .close > button.icon-only kol-icon {
3220
+ .close > button.hide-label kol-icon {
3211
3221
  display: inline-block;
3212
3222
  width: 1.5em;
3213
3223
  height: 1.5em;
@@ -4603,10 +4613,10 @@ const BZSt = KoliBri.createTheme("bzst", {
4603
4613
  align-items: center;
4604
4614
  justify-content: center;
4605
4615
  }
4606
- a.icon-only {
4616
+ a.hide-label {
4607
4617
  padding: 8px;
4608
4618
  }
4609
- a.icon-only kol-icon {
4619
+ a.hide-label kol-icon {
4610
4620
  display: inline-block;
4611
4621
  width: 1.5em;
4612
4622
  height: 1.5em;
@@ -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
 
@@ -4887,11 +4909,11 @@ const BMF = KoliBri.createTheme("bmf", {
4887
4909
  box-shadow: none;
4888
4910
  outline: none;
4889
4911
  }
4890
- :is(a, button).icon-only > kol-span-wc {
4912
+ :is(a, button).hide-label > kol-span-wc {
4891
4913
  padding: 8px;
4892
4914
  width: unset;
4893
4915
  }
4894
- :is(a, button).icon-only > kol-span-wc > span > span {
4916
+ :is(a, button).hide-label > kol-span-wc > span > span {
4895
4917
  display: none;
4896
4918
  }
4897
4919
  :is(a, button).loading > kol-span-wc kol-icon {
@@ -5713,20 +5735,20 @@ const BMF = KoliBri.createTheme("bmf", {
5713
5735
  background-color: rgba(0, 0, 0, 0);
5714
5736
  border-color: rgba(0, 0, 0, 0);
5715
5737
  }
5716
- .close > button.icon-only {
5738
+ .close > button.hide-label {
5717
5739
  padding: 8px;
5718
5740
  }
5719
- .close > button.icon-only kol-icon {
5741
+ .close > button.hide-label kol-icon {
5720
5742
  display: flex;
5721
5743
  width: 1em;
5722
5744
  height: 1em;
5723
5745
  font-size: 1rem;
5724
5746
  }
5725
- .close > button.icon-only kol-icon::part(icon) {
5747
+ .close > button.hide-label kol-icon::part(icon) {
5726
5748
  font-family: "Font Awesome 6 Free";
5727
5749
  font-weight: 900;
5728
5750
  }
5729
- .close > button.icon-only kol-icon::part(icon)::before {
5751
+ .close > button.hide-label kol-icon::part(icon)::before {
5730
5752
  content: "\\f00d";
5731
5753
  }
5732
5754
  .close > button:active {
@@ -7078,11 +7100,11 @@ const BMF = KoliBri.createTheme("bmf", {
7078
7100
  box-shadow: none;
7079
7101
  outline: none;
7080
7102
  }
7081
- :is(a, button).icon-only > kol-span-wc {
7103
+ :is(a, button).hide-label > kol-span-wc {
7082
7104
  padding: 8px;
7083
7105
  width: unset;
7084
7106
  }
7085
- :is(a, button).icon-only > kol-span-wc > span > span {
7107
+ :is(a, button).hide-label > kol-span-wc > span > span {
7086
7108
  display: none;
7087
7109
  }
7088
7110
  :is(a, button).loading > kol-span-wc kol-icon {
@@ -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
 
@@ -14501,13 +14535,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
14501
14535
  justify-content: center;
14502
14536
  letter-spacing: 0.75px;
14503
14537
  }
14504
- button.icon-only > kol-span-wc {
14538
+ button.hide-label > kol-span-wc {
14505
14539
  padding: 8px;
14506
14540
  }
14507
- button.icon-only > kol-span-wc > span > span {
14541
+ button.hide-label > kol-span-wc > span > span {
14508
14542
  display: none;
14509
14543
  }
14510
- button.icon-only > kol-span-wc kol-icon {
14544
+ button.hide-label > kol-span-wc kol-icon {
14511
14545
  display: inline-block;
14512
14546
  width: 1.5em;
14513
14547
  height: 1.5em;
@@ -14645,7 +14679,7 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
14645
14679
  :host > div[part*="open"] {
14646
14680
  padding-bottom: 1em;
14647
14681
  }`,
14648
- "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
14682
+ "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.hide-label {padding: 8px;}.close > button.hide-label kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
14649
14683
  "KOL-CARD": `/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
14650
14684
  :host > div {
14651
14685
  display: grid;
@@ -17018,13 +17052,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
17018
17052
  justify-content: center;
17019
17053
  letter-spacing: 0.75px;
17020
17054
  }
17021
- a.icon-only > kol-span-wc {
17055
+ a.hide-label > kol-span-wc {
17022
17056
  padding: 8px;
17023
17057
  }
17024
- a.icon-only > kol-span-wc > span > span {
17058
+ a.hide-label > kol-span-wc > span > span {
17025
17059
  display: none;
17026
17060
  }
17027
- a.icon-only > kol-span-wc kol-icon {
17061
+ a.hide-label > kol-span-wc kol-icon {
17028
17062
  display: inline-block;
17029
17063
  width: 1.5em;
17030
17064
  height: 1.5em;
@@ -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
 
@@ -17328,13 +17374,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
17328
17374
  justify-content: center;
17329
17375
  letter-spacing: 0.75px;
17330
17376
  }
17331
- button.icon-only > kol-span-wc {
17377
+ button.hide-label > kol-span-wc {
17332
17378
  padding: 8px;
17333
17379
  }
17334
- button.icon-only > kol-span-wc > span > span {
17380
+ button.hide-label > kol-span-wc > span > span {
17335
17381
  display: none;
17336
17382
  }
17337
- button.icon-only > kol-span-wc kol-icon {
17383
+ button.hide-label > kol-span-wc kol-icon {
17338
17384
  display: inline-block;
17339
17385
  width: 1.5em;
17340
17386
  height: 1.5em;
@@ -17472,7 +17518,7 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
17472
17518
  :host > div[part*="open"] {
17473
17519
  padding-bottom: 1em;
17474
17520
  }`,
17475
- "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
17521
+ "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.hide-label {padding: 8px;}.close > button.hide-label kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
17476
17522
  "KOL-CARD": `/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
17477
17523
  :host > div {
17478
17524
  display: grid;
@@ -19845,13 +19891,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
19845
19891
  justify-content: center;
19846
19892
  letter-spacing: 0.75px;
19847
19893
  }
19848
- a.icon-only > kol-span-wc {
19894
+ a.hide-label > kol-span-wc {
19849
19895
  padding: 8px;
19850
19896
  }
19851
- a.icon-only > kol-span-wc > span > span {
19897
+ a.hide-label > kol-span-wc > span > span {
19852
19898
  display: none;
19853
19899
  }
19854
- a.icon-only > kol-span-wc kol-icon {
19900
+ a.hide-label > kol-span-wc kol-icon {
19855
19901
  display: inline-block;
19856
19902
  width: 1.5em;
19857
19903
  height: 1.5em;
@@ -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
 
@@ -22908,8 +22988,8 @@ const ITZBund = KoliBri.createTheme("itzbund", {
22908
22988
  font-size: inherit; /*line-height: 1.25em;*/ /*padding: calc(4 * var(--spacing));*/
22909
22989
  padding: 0 1rem;
22910
22990
  }
22911
- .button a.icon-only > kol-span-wc,
22912
- .button button.icon-only > kol-span-wc {
22991
+ .button a.hide-label > kol-span-wc,
22992
+ .button button.hide-label > kol-span-wc {
22913
22993
  padding: 0 0.5rem;
22914
22994
  }
22915
22995
  a > kol-span-wc,
@@ -23020,8 +23100,8 @@ const ITZBund = KoliBri.createTheme("itzbund", {
23020
23100
  font-size: inherit; /*line-height: 1.25em;*/ /*padding: calc(4 * var(--spacing));*/
23021
23101
  padding: 0 1rem;
23022
23102
  }
23023
- .button a.icon-only > kol-span-wc,
23024
- .button button.icon-only > kol-span-wc {
23103
+ .button a.hide-label > kol-span-wc,
23104
+ .button button.hide-label > kol-span-wc {
23025
23105
  padding: 0 0.5rem;
23026
23106
  }
23027
23107
  a > kol-span-wc,
@@ -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);
@@ -42614,12 +42730,12 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42614
42730
  gap: 0.5rem;
42615
42731
  line-height: 1rem;
42616
42732
  }
42617
- :host > kol-button-wc > button > kol-span-wc:not(.icon-only),
42618
- :host > kol-link-wc > a > kol-span-wc:not(.icon-only) {
42733
+ :host > kol-button-wc > button > kol-span-wc:not(.hide-label),
42734
+ :host > kol-link-wc > a > kol-span-wc:not(.hide-label) {
42619
42735
  padding: 0.75rem 1rem;
42620
42736
  }
42621
- :host > kol-button-wc > button > kol-span-wc.icon-only,
42622
- :host > kol-link-wc > a > kol-span-wc.icon-only {
42737
+ :host > kol-button-wc > button > kol-span-wc.hide-label,
42738
+ :host > kol-link-wc > a > kol-span-wc.hide-label {
42623
42739
  padding: 0.75rem;
42624
42740
  }
42625
42741
  :host > kol-button-wc > button > kol-span-wc span,
@@ -42712,12 +42828,12 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42712
42828
  gap: 0.5rem;
42713
42829
  line-height: 1rem;
42714
42830
  }
42715
- :host > kol-button-wc > button > kol-span-wc:not(.icon-only),
42716
- :host > kol-link-wc > a > kol-span-wc:not(.icon-only) {
42831
+ :host > kol-button-wc > button > kol-span-wc:not(.hide-label),
42832
+ :host > kol-link-wc > a > kol-span-wc:not(.hide-label) {
42717
42833
  padding: 0.75rem 1rem;
42718
42834
  }
42719
- :host > kol-button-wc > button > kol-span-wc.icon-only,
42720
- :host > kol-link-wc > a > kol-span-wc.icon-only {
42835
+ :host > kol-button-wc > button > kol-span-wc.hide-label,
42836
+ :host > kol-link-wc > a > kol-span-wc.hide-label {
42721
42837
  padding: 0.75rem;
42722
42838
  }
42723
42839
  :host > kol-button-wc > button > kol-span-wc span,
@@ -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.4",
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.4",
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.4"
62
62
  },
63
63
  "sideEffects": false,
64
64
  "type": "module",