@public-ui/themes 1.7.0-rc.14 → 1.7.0-rc.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +65 -72
- package/dist/index.mjs +65 -72
- package/package.json +79 -80
package/dist/index.cjs
CHANGED
|
@@ -6111,7 +6111,7 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6111
6111
|
--colorTextActiveBg: var(--color-white); /* signal */
|
|
6112
6112
|
--colorSignal: var(--color-tropic-sea);
|
|
6113
6113
|
--colorSignalFront: var(
|
|
6114
|
-
|
|
6114
|
+
--color-white
|
|
6115
6115
|
); /* colorSignalFocus hat keine Frontfarbe */
|
|
6116
6116
|
--colorSignalFocus: var(--color-heroic-blue);
|
|
6117
6117
|
--colorSignalSuccess: var(--color-green);
|
|
@@ -6126,8 +6126,8 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6126
6126
|
:host {
|
|
6127
6127
|
/* token */
|
|
6128
6128
|
--font-family: "BundesSans Web", system-ui, -apple-system, BlinkMacSystemFont,
|
|
6129
|
-
|
|
6130
|
-
|
|
6129
|
+
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
|
|
6130
|
+
sans-serif; /* Basis-Gr\xF6\xDFe: html, rem */
|
|
6131
6131
|
--font-size: 100%;
|
|
6132
6132
|
--line-height: 1.6875rem; /* template */ /* h1 */
|
|
6133
6133
|
--headline1FontSize: 2.5rem;
|
|
@@ -6250,10 +6250,10 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6250
6250
|
}
|
|
6251
6251
|
@keyframes spin {
|
|
6252
6252
|
0% {
|
|
6253
|
-
|
|
6253
|
+
transform: rotate(0deg);
|
|
6254
6254
|
}
|
|
6255
6255
|
100% {
|
|
6256
|
-
|
|
6256
|
+
transform: rotate(360deg);
|
|
6257
6257
|
}
|
|
6258
6258
|
}
|
|
6259
6259
|
kol-tooltip .area {
|
|
@@ -6941,6 +6941,9 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6941
6941
|
"KOL-TEXTAREA": `kol-input {
|
|
6942
6942
|
gap: 0.4em;
|
|
6943
6943
|
}
|
|
6944
|
+
kol-input .error {
|
|
6945
|
+
order: 3;
|
|
6946
|
+
}
|
|
6944
6947
|
kol-input label {
|
|
6945
6948
|
font-weight: 700;
|
|
6946
6949
|
order: 1;
|
|
@@ -6948,14 +6951,8 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6948
6951
|
kol-input .input {
|
|
6949
6952
|
order: 2;
|
|
6950
6953
|
}
|
|
6951
|
-
kol-input .counter {
|
|
6952
|
-
order: 3;
|
|
6953
|
-
}
|
|
6954
|
-
kol-input .error {
|
|
6955
|
-
order: 4;
|
|
6956
|
-
}
|
|
6957
6954
|
kol-input .hint {
|
|
6958
|
-
order:
|
|
6955
|
+
order: 4;
|
|
6959
6956
|
font-size: 0.875em;
|
|
6960
6957
|
font-style: italic;
|
|
6961
6958
|
}
|
|
@@ -7242,6 +7239,9 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
7242
7239
|
}
|
|
7243
7240
|
.icon-only {
|
|
7244
7241
|
padding-bottom: 0.2rem;
|
|
7242
|
+
}
|
|
7243
|
+
:is(a) kol-span-wc > span {
|
|
7244
|
+
gap: var(--gapSmallest);
|
|
7245
7245
|
}`,
|
|
7246
7246
|
"KOL-DETAILS": `details {
|
|
7247
7247
|
display: grid;
|
|
@@ -7304,26 +7304,26 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
7304
7304
|
}
|
|
7305
7305
|
@keyframes spin1 {
|
|
7306
7306
|
0% {
|
|
7307
|
-
|
|
7307
|
+
transform: scale(0);
|
|
7308
7308
|
}
|
|
7309
7309
|
100% {
|
|
7310
|
-
|
|
7310
|
+
transform: scale(1);
|
|
7311
7311
|
}
|
|
7312
7312
|
}
|
|
7313
7313
|
@keyframes spin2 {
|
|
7314
7314
|
0% {
|
|
7315
|
-
|
|
7315
|
+
transform: translate(0px, 0px);
|
|
7316
7316
|
}
|
|
7317
7317
|
100% {
|
|
7318
|
-
|
|
7318
|
+
transform: translate(1rem, 0px);
|
|
7319
7319
|
}
|
|
7320
7320
|
}
|
|
7321
7321
|
@keyframes spin3 {
|
|
7322
7322
|
0% {
|
|
7323
|
-
|
|
7323
|
+
transform: scale(1);
|
|
7324
7324
|
}
|
|
7325
7325
|
100% {
|
|
7326
|
-
|
|
7326
|
+
transform: scale(0);
|
|
7327
7327
|
}
|
|
7328
7328
|
}`,
|
|
7329
7329
|
"KOL-PROGRESS": `:host progress,
|
|
@@ -7550,21 +7550,21 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
7550
7550
|
font-weight: 900;
|
|
7551
7551
|
color: var(--color-midnight);
|
|
7552
7552
|
}
|
|
7553
|
-
|
|
7554
|
-
content: "\\f068";
|
|
7555
|
-
}
|
|
7556
|
-
:host > div.close > kol-heading-wc button kol-icon::part(icon)::before {
|
|
7553
|
+
.accordion > kol-heading-wc button kol-icon::part(icon)::before {
|
|
7557
7554
|
content: "\\2b";
|
|
7558
7555
|
}
|
|
7559
|
-
|
|
7556
|
+
.accordion.open > kol-heading-wc button kol-icon::part(icon)::before {
|
|
7557
|
+
content: "\\f068";
|
|
7558
|
+
}
|
|
7559
|
+
.accordion {
|
|
7560
7560
|
width: 100%;
|
|
7561
7561
|
height: 100%;
|
|
7562
7562
|
display: grid;
|
|
7563
7563
|
}
|
|
7564
|
-
|
|
7564
|
+
.accordion[part*="open"] div[part="header"] {
|
|
7565
7565
|
padding-left: 2em;
|
|
7566
7566
|
}
|
|
7567
|
-
|
|
7567
|
+
.accordion[part*="open"] div[part="content"] {
|
|
7568
7568
|
padding-top: 1rem;
|
|
7569
7569
|
}
|
|
7570
7570
|
button {
|
|
@@ -7572,12 +7572,12 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
7572
7572
|
font-size: inherit;
|
|
7573
7573
|
line-height: inherit;
|
|
7574
7574
|
}
|
|
7575
|
-
|
|
7575
|
+
.accordion {
|
|
7576
7576
|
background: var(--color-white);
|
|
7577
7577
|
}
|
|
7578
|
-
|
|
7578
|
+
.accordion[part*="open"] {
|
|
7579
7579
|
padding-bottom: 1em;
|
|
7580
|
-
} /*
|
|
7580
|
+
} /* .accordion > [part="header"] {height: 0;} */
|
|
7581
7581
|
h1,
|
|
7582
7582
|
h2,
|
|
7583
7583
|
h3,
|
|
@@ -8209,41 +8209,31 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8209
8209
|
border-radius: 0.25rem 0 0 0.25rem;
|
|
8210
8210
|
}`,
|
|
8211
8211
|
"KOL-PAGINATION": `:host {
|
|
8212
|
-
|
|
8212
|
+
align-items: center;
|
|
8213
|
+
display: flex;
|
|
8213
8214
|
gap: 1rem;
|
|
8214
8215
|
}
|
|
8215
|
-
|
|
8216
|
+
.navigation-list {
|
|
8217
|
+
align-items: center;
|
|
8216
8218
|
display: inline-flex;
|
|
8217
8219
|
flex-wrap: wrap;
|
|
8218
|
-
|
|
8219
|
-
|
|
8220
|
+
gap: 0.5rem;
|
|
8221
|
+
justify-content: center;
|
|
8222
|
+
margin: 0;
|
|
8223
|
+
padding: 0;
|
|
8220
8224
|
}
|
|
8221
|
-
|
|
8222
|
-
min-width:
|
|
8223
|
-
|
|
8224
|
-
|
|
8225
|
-
|
|
8226
|
-
font-family: var(--textFont);
|
|
8225
|
+
.navigation-list > li {
|
|
8226
|
+
min-width: var(--a11y-min-size);
|
|
8227
|
+
text-align: center;
|
|
8228
|
+
}
|
|
8229
|
+
.selected button {
|
|
8227
8230
|
cursor: not-allowed;
|
|
8228
8231
|
font-weight: 700;
|
|
8229
|
-
padding: 10px 12px;
|
|
8230
8232
|
border-radius: 1.5em;
|
|
8231
8233
|
border: none;
|
|
8232
|
-
font-size: var(--textFontSize);
|
|
8233
|
-
font-style: normal;
|
|
8234
|
-
text-align: center;
|
|
8235
|
-
text-transform: uppercase;
|
|
8236
|
-
width: inherit;
|
|
8237
8234
|
transition-duration: 0.5s;
|
|
8238
8235
|
transition-property: background-color, color, border-color;
|
|
8239
8236
|
color: var(--color-midnight);
|
|
8240
|
-
background-color: var(--color-ice);
|
|
8241
|
-
border-color: var(--color-ice);
|
|
8242
|
-
}
|
|
8243
|
-
:host > div > span {
|
|
8244
|
-
align-self: flex-end;
|
|
8245
|
-
padding-bottom: 0.5rem;
|
|
8246
|
-
color: var(--color-midnight);
|
|
8247
8237
|
}
|
|
8248
8238
|
kol-button::part(icon)::before {
|
|
8249
8239
|
font-family: "Font Awesome 6 Free";
|
|
@@ -8591,6 +8581,9 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8591
8581
|
.fa-chevron-right::before {
|
|
8592
8582
|
content: "\\f054";
|
|
8593
8583
|
}
|
|
8584
|
+
.fa-download::before {
|
|
8585
|
+
content: "\\f019";
|
|
8586
|
+
}
|
|
8594
8587
|
fa-exclamation-triangle::before {
|
|
8595
8588
|
content: "\\f071";
|
|
8596
8589
|
}
|
|
@@ -8631,7 +8624,7 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8631
8624
|
font-weight: 400;
|
|
8632
8625
|
font-display: block;
|
|
8633
8626
|
src: url("../webfonts/fa-regular-400.woff2") format("woff2"),
|
|
8634
|
-
|
|
8627
|
+
url("../webfonts/fa-regular-400.ttf") format("truetype");
|
|
8635
8628
|
}
|
|
8636
8629
|
.far,
|
|
8637
8630
|
.fa-regular {
|
|
@@ -8648,7 +8641,7 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8648
8641
|
font-weight: 900;
|
|
8649
8642
|
font-display: block;
|
|
8650
8643
|
src: url("../webfonts/fa-solid-900.woff2") format("woff2"),
|
|
8651
|
-
|
|
8644
|
+
url("../webfonts/fa-solid-900.ttf") format("truetype");
|
|
8652
8645
|
}
|
|
8653
8646
|
.fas,
|
|
8654
8647
|
.fa-solid {
|
|
@@ -8660,59 +8653,59 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8660
8653
|
font-display: block;
|
|
8661
8654
|
font-weight: 400;
|
|
8662
8655
|
src: url("../webfonts/fa-brands-400.woff2") format("woff2"),
|
|
8663
|
-
|
|
8656
|
+
url("../webfonts/fa-brands-400.ttf") format("truetype");
|
|
8664
8657
|
}
|
|
8665
8658
|
@font-face {
|
|
8666
8659
|
font-family: "Font Awesome 5 Free";
|
|
8667
8660
|
font-display: block;
|
|
8668
8661
|
font-weight: 900;
|
|
8669
8662
|
src: url("../webfonts/fa-solid-900.woff2") format("woff2"),
|
|
8670
|
-
|
|
8663
|
+
url("../webfonts/fa-solid-900.ttf") format("truetype");
|
|
8671
8664
|
}
|
|
8672
8665
|
@font-face {
|
|
8673
8666
|
font-family: "Font Awesome 5 Free";
|
|
8674
8667
|
font-display: block;
|
|
8675
8668
|
font-weight: 400;
|
|
8676
8669
|
src: url("../webfonts/fa-regular-400.woff2") format("woff2"),
|
|
8677
|
-
|
|
8670
|
+
url("../webfonts/fa-regular-400.ttf") format("truetype");
|
|
8678
8671
|
}
|
|
8679
8672
|
@font-face {
|
|
8680
8673
|
font-family: "FontAwesome";
|
|
8681
8674
|
font-display: block;
|
|
8682
8675
|
src: url("../webfonts/fa-solid-900.woff2") format("woff2"),
|
|
8683
|
-
|
|
8676
|
+
url("../webfonts/fa-solid-900.ttf") format("truetype");
|
|
8684
8677
|
}
|
|
8685
8678
|
@font-face {
|
|
8686
8679
|
font-family: "FontAwesome";
|
|
8687
8680
|
font-display: block;
|
|
8688
8681
|
src: url("../webfonts/fa-brands-400.woff2") format("woff2"),
|
|
8689
|
-
|
|
8682
|
+
url("../webfonts/fa-brands-400.ttf") format("truetype");
|
|
8690
8683
|
}
|
|
8691
8684
|
@font-face {
|
|
8692
8685
|
font-family: "FontAwesome";
|
|
8693
8686
|
font-display: block;
|
|
8694
8687
|
src: url("../webfonts/fa-regular-400.woff2") format("woff2"),
|
|
8695
|
-
|
|
8688
|
+
url("../webfonts/fa-regular-400.ttf") format("truetype");
|
|
8696
8689
|
unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D,
|
|
8697
|
-
|
|
8698
|
-
|
|
8699
|
-
|
|
8700
|
-
|
|
8701
|
-
|
|
8702
|
-
|
|
8703
|
-
|
|
8704
|
-
|
|
8690
|
+
U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088,
|
|
8691
|
+
U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5,
|
|
8692
|
+
U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A,
|
|
8693
|
+
U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E,
|
|
8694
|
+
U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7,
|
|
8695
|
+
U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D,
|
|
8696
|
+
U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA,
|
|
8697
|
+
U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
|
|
8705
8698
|
}
|
|
8706
8699
|
@font-face {
|
|
8707
8700
|
font-family: "FontAwesome";
|
|
8708
8701
|
font-display: block;
|
|
8709
8702
|
src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"),
|
|
8710
|
-
|
|
8703
|
+
url("../webfonts/fa-v4compatibility.ttf") format("truetype");
|
|
8711
8704
|
unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B,
|
|
8712
|
-
|
|
8713
|
-
|
|
8714
|
-
|
|
8715
|
-
|
|
8705
|
+
U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4,
|
|
8706
|
+
U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E,
|
|
8707
|
+
U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F250, U+F252,
|
|
8708
|
+
U+F27A;
|
|
8716
8709
|
}`,
|
|
8717
8710
|
"KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
|
|
8718
8711
|
border-radius: var(--a11y-min-size);
|
package/dist/index.mjs
CHANGED
|
@@ -6109,7 +6109,7 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6109
6109
|
--colorTextActiveBg: var(--color-white); /* signal */
|
|
6110
6110
|
--colorSignal: var(--color-tropic-sea);
|
|
6111
6111
|
--colorSignalFront: var(
|
|
6112
|
-
|
|
6112
|
+
--color-white
|
|
6113
6113
|
); /* colorSignalFocus hat keine Frontfarbe */
|
|
6114
6114
|
--colorSignalFocus: var(--color-heroic-blue);
|
|
6115
6115
|
--colorSignalSuccess: var(--color-green);
|
|
@@ -6124,8 +6124,8 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6124
6124
|
:host {
|
|
6125
6125
|
/* token */
|
|
6126
6126
|
--font-family: "BundesSans Web", system-ui, -apple-system, BlinkMacSystemFont,
|
|
6127
|
-
|
|
6128
|
-
|
|
6127
|
+
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
|
|
6128
|
+
sans-serif; /* Basis-Gr\xF6\xDFe: html, rem */
|
|
6129
6129
|
--font-size: 100%;
|
|
6130
6130
|
--line-height: 1.6875rem; /* template */ /* h1 */
|
|
6131
6131
|
--headline1FontSize: 2.5rem;
|
|
@@ -6248,10 +6248,10 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6248
6248
|
}
|
|
6249
6249
|
@keyframes spin {
|
|
6250
6250
|
0% {
|
|
6251
|
-
|
|
6251
|
+
transform: rotate(0deg);
|
|
6252
6252
|
}
|
|
6253
6253
|
100% {
|
|
6254
|
-
|
|
6254
|
+
transform: rotate(360deg);
|
|
6255
6255
|
}
|
|
6256
6256
|
}
|
|
6257
6257
|
kol-tooltip .area {
|
|
@@ -6939,6 +6939,9 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6939
6939
|
"KOL-TEXTAREA": `kol-input {
|
|
6940
6940
|
gap: 0.4em;
|
|
6941
6941
|
}
|
|
6942
|
+
kol-input .error {
|
|
6943
|
+
order: 3;
|
|
6944
|
+
}
|
|
6942
6945
|
kol-input label {
|
|
6943
6946
|
font-weight: 700;
|
|
6944
6947
|
order: 1;
|
|
@@ -6946,14 +6949,8 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
6946
6949
|
kol-input .input {
|
|
6947
6950
|
order: 2;
|
|
6948
6951
|
}
|
|
6949
|
-
kol-input .counter {
|
|
6950
|
-
order: 3;
|
|
6951
|
-
}
|
|
6952
|
-
kol-input .error {
|
|
6953
|
-
order: 4;
|
|
6954
|
-
}
|
|
6955
6952
|
kol-input .hint {
|
|
6956
|
-
order:
|
|
6953
|
+
order: 4;
|
|
6957
6954
|
font-size: 0.875em;
|
|
6958
6955
|
font-style: italic;
|
|
6959
6956
|
}
|
|
@@ -7240,6 +7237,9 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
7240
7237
|
}
|
|
7241
7238
|
.icon-only {
|
|
7242
7239
|
padding-bottom: 0.2rem;
|
|
7240
|
+
}
|
|
7241
|
+
:is(a) kol-span-wc > span {
|
|
7242
|
+
gap: var(--gapSmallest);
|
|
7243
7243
|
}`,
|
|
7244
7244
|
"KOL-DETAILS": `details {
|
|
7245
7245
|
display: grid;
|
|
@@ -7302,26 +7302,26 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
7302
7302
|
}
|
|
7303
7303
|
@keyframes spin1 {
|
|
7304
7304
|
0% {
|
|
7305
|
-
|
|
7305
|
+
transform: scale(0);
|
|
7306
7306
|
}
|
|
7307
7307
|
100% {
|
|
7308
|
-
|
|
7308
|
+
transform: scale(1);
|
|
7309
7309
|
}
|
|
7310
7310
|
}
|
|
7311
7311
|
@keyframes spin2 {
|
|
7312
7312
|
0% {
|
|
7313
|
-
|
|
7313
|
+
transform: translate(0px, 0px);
|
|
7314
7314
|
}
|
|
7315
7315
|
100% {
|
|
7316
|
-
|
|
7316
|
+
transform: translate(1rem, 0px);
|
|
7317
7317
|
}
|
|
7318
7318
|
}
|
|
7319
7319
|
@keyframes spin3 {
|
|
7320
7320
|
0% {
|
|
7321
|
-
|
|
7321
|
+
transform: scale(1);
|
|
7322
7322
|
}
|
|
7323
7323
|
100% {
|
|
7324
|
-
|
|
7324
|
+
transform: scale(0);
|
|
7325
7325
|
}
|
|
7326
7326
|
}`,
|
|
7327
7327
|
"KOL-PROGRESS": `:host progress,
|
|
@@ -7548,21 +7548,21 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
7548
7548
|
font-weight: 900;
|
|
7549
7549
|
color: var(--color-midnight);
|
|
7550
7550
|
}
|
|
7551
|
-
|
|
7552
|
-
content: "\\f068";
|
|
7553
|
-
}
|
|
7554
|
-
:host > div.close > kol-heading-wc button kol-icon::part(icon)::before {
|
|
7551
|
+
.accordion > kol-heading-wc button kol-icon::part(icon)::before {
|
|
7555
7552
|
content: "\\2b";
|
|
7556
7553
|
}
|
|
7557
|
-
|
|
7554
|
+
.accordion.open > kol-heading-wc button kol-icon::part(icon)::before {
|
|
7555
|
+
content: "\\f068";
|
|
7556
|
+
}
|
|
7557
|
+
.accordion {
|
|
7558
7558
|
width: 100%;
|
|
7559
7559
|
height: 100%;
|
|
7560
7560
|
display: grid;
|
|
7561
7561
|
}
|
|
7562
|
-
|
|
7562
|
+
.accordion[part*="open"] div[part="header"] {
|
|
7563
7563
|
padding-left: 2em;
|
|
7564
7564
|
}
|
|
7565
|
-
|
|
7565
|
+
.accordion[part*="open"] div[part="content"] {
|
|
7566
7566
|
padding-top: 1rem;
|
|
7567
7567
|
}
|
|
7568
7568
|
button {
|
|
@@ -7570,12 +7570,12 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
7570
7570
|
font-size: inherit;
|
|
7571
7571
|
line-height: inherit;
|
|
7572
7572
|
}
|
|
7573
|
-
|
|
7573
|
+
.accordion {
|
|
7574
7574
|
background: var(--color-white);
|
|
7575
7575
|
}
|
|
7576
|
-
|
|
7576
|
+
.accordion[part*="open"] {
|
|
7577
7577
|
padding-bottom: 1em;
|
|
7578
|
-
} /*
|
|
7578
|
+
} /* .accordion > [part="header"] {height: 0;} */
|
|
7579
7579
|
h1,
|
|
7580
7580
|
h2,
|
|
7581
7581
|
h3,
|
|
@@ -8207,41 +8207,31 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8207
8207
|
border-radius: 0.25rem 0 0 0.25rem;
|
|
8208
8208
|
}`,
|
|
8209
8209
|
"KOL-PAGINATION": `:host {
|
|
8210
|
-
|
|
8210
|
+
align-items: center;
|
|
8211
|
+
display: flex;
|
|
8211
8212
|
gap: 1rem;
|
|
8212
8213
|
}
|
|
8213
|
-
|
|
8214
|
+
.navigation-list {
|
|
8215
|
+
align-items: center;
|
|
8214
8216
|
display: inline-flex;
|
|
8215
8217
|
flex-wrap: wrap;
|
|
8216
|
-
|
|
8217
|
-
|
|
8218
|
+
gap: 0.5rem;
|
|
8219
|
+
justify-content: center;
|
|
8220
|
+
margin: 0;
|
|
8221
|
+
padding: 0;
|
|
8218
8222
|
}
|
|
8219
|
-
|
|
8220
|
-
min-width:
|
|
8221
|
-
|
|
8222
|
-
|
|
8223
|
-
|
|
8224
|
-
font-family: var(--textFont);
|
|
8223
|
+
.navigation-list > li {
|
|
8224
|
+
min-width: var(--a11y-min-size);
|
|
8225
|
+
text-align: center;
|
|
8226
|
+
}
|
|
8227
|
+
.selected button {
|
|
8225
8228
|
cursor: not-allowed;
|
|
8226
8229
|
font-weight: 700;
|
|
8227
|
-
padding: 10px 12px;
|
|
8228
8230
|
border-radius: 1.5em;
|
|
8229
8231
|
border: none;
|
|
8230
|
-
font-size: var(--textFontSize);
|
|
8231
|
-
font-style: normal;
|
|
8232
|
-
text-align: center;
|
|
8233
|
-
text-transform: uppercase;
|
|
8234
|
-
width: inherit;
|
|
8235
8232
|
transition-duration: 0.5s;
|
|
8236
8233
|
transition-property: background-color, color, border-color;
|
|
8237
8234
|
color: var(--color-midnight);
|
|
8238
|
-
background-color: var(--color-ice);
|
|
8239
|
-
border-color: var(--color-ice);
|
|
8240
|
-
}
|
|
8241
|
-
:host > div > span {
|
|
8242
|
-
align-self: flex-end;
|
|
8243
|
-
padding-bottom: 0.5rem;
|
|
8244
|
-
color: var(--color-midnight);
|
|
8245
8235
|
}
|
|
8246
8236
|
kol-button::part(icon)::before {
|
|
8247
8237
|
font-family: "Font Awesome 6 Free";
|
|
@@ -8589,6 +8579,9 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8589
8579
|
.fa-chevron-right::before {
|
|
8590
8580
|
content: "\\f054";
|
|
8591
8581
|
}
|
|
8582
|
+
.fa-download::before {
|
|
8583
|
+
content: "\\f019";
|
|
8584
|
+
}
|
|
8592
8585
|
fa-exclamation-triangle::before {
|
|
8593
8586
|
content: "\\f071";
|
|
8594
8587
|
}
|
|
@@ -8629,7 +8622,7 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8629
8622
|
font-weight: 400;
|
|
8630
8623
|
font-display: block;
|
|
8631
8624
|
src: url("../webfonts/fa-regular-400.woff2") format("woff2"),
|
|
8632
|
-
|
|
8625
|
+
url("../webfonts/fa-regular-400.ttf") format("truetype");
|
|
8633
8626
|
}
|
|
8634
8627
|
.far,
|
|
8635
8628
|
.fa-regular {
|
|
@@ -8646,7 +8639,7 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8646
8639
|
font-weight: 900;
|
|
8647
8640
|
font-display: block;
|
|
8648
8641
|
src: url("../webfonts/fa-solid-900.woff2") format("woff2"),
|
|
8649
|
-
|
|
8642
|
+
url("../webfonts/fa-solid-900.ttf") format("truetype");
|
|
8650
8643
|
}
|
|
8651
8644
|
.fas,
|
|
8652
8645
|
.fa-solid {
|
|
@@ -8658,59 +8651,59 @@ const BZSt = KoliBri.createTheme("bzst", {
|
|
|
8658
8651
|
font-display: block;
|
|
8659
8652
|
font-weight: 400;
|
|
8660
8653
|
src: url("../webfonts/fa-brands-400.woff2") format("woff2"),
|
|
8661
|
-
|
|
8654
|
+
url("../webfonts/fa-brands-400.ttf") format("truetype");
|
|
8662
8655
|
}
|
|
8663
8656
|
@font-face {
|
|
8664
8657
|
font-family: "Font Awesome 5 Free";
|
|
8665
8658
|
font-display: block;
|
|
8666
8659
|
font-weight: 900;
|
|
8667
8660
|
src: url("../webfonts/fa-solid-900.woff2") format("woff2"),
|
|
8668
|
-
|
|
8661
|
+
url("../webfonts/fa-solid-900.ttf") format("truetype");
|
|
8669
8662
|
}
|
|
8670
8663
|
@font-face {
|
|
8671
8664
|
font-family: "Font Awesome 5 Free";
|
|
8672
8665
|
font-display: block;
|
|
8673
8666
|
font-weight: 400;
|
|
8674
8667
|
src: url("../webfonts/fa-regular-400.woff2") format("woff2"),
|
|
8675
|
-
|
|
8668
|
+
url("../webfonts/fa-regular-400.ttf") format("truetype");
|
|
8676
8669
|
}
|
|
8677
8670
|
@font-face {
|
|
8678
8671
|
font-family: "FontAwesome";
|
|
8679
8672
|
font-display: block;
|
|
8680
8673
|
src: url("../webfonts/fa-solid-900.woff2") format("woff2"),
|
|
8681
|
-
|
|
8674
|
+
url("../webfonts/fa-solid-900.ttf") format("truetype");
|
|
8682
8675
|
}
|
|
8683
8676
|
@font-face {
|
|
8684
8677
|
font-family: "FontAwesome";
|
|
8685
8678
|
font-display: block;
|
|
8686
8679
|
src: url("../webfonts/fa-brands-400.woff2") format("woff2"),
|
|
8687
|
-
|
|
8680
|
+
url("../webfonts/fa-brands-400.ttf") format("truetype");
|
|
8688
8681
|
}
|
|
8689
8682
|
@font-face {
|
|
8690
8683
|
font-family: "FontAwesome";
|
|
8691
8684
|
font-display: block;
|
|
8692
8685
|
src: url("../webfonts/fa-regular-400.woff2") format("woff2"),
|
|
8693
|
-
|
|
8686
|
+
url("../webfonts/fa-regular-400.ttf") format("truetype");
|
|
8694
8687
|
unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D,
|
|
8695
|
-
|
|
8696
|
-
|
|
8697
|
-
|
|
8698
|
-
|
|
8699
|
-
|
|
8700
|
-
|
|
8701
|
-
|
|
8702
|
-
|
|
8688
|
+
U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088,
|
|
8689
|
+
U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5,
|
|
8690
|
+
U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A,
|
|
8691
|
+
U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E,
|
|
8692
|
+
U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7,
|
|
8693
|
+
U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D,
|
|
8694
|
+
U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA,
|
|
8695
|
+
U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
|
|
8703
8696
|
}
|
|
8704
8697
|
@font-face {
|
|
8705
8698
|
font-family: "FontAwesome";
|
|
8706
8699
|
font-display: block;
|
|
8707
8700
|
src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"),
|
|
8708
|
-
|
|
8701
|
+
url("../webfonts/fa-v4compatibility.ttf") format("truetype");
|
|
8709
8702
|
unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B,
|
|
8710
|
-
|
|
8711
|
-
|
|
8712
|
-
|
|
8713
|
-
|
|
8703
|
+
U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4,
|
|
8704
|
+
U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E,
|
|
8705
|
+
U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F250, U+F252,
|
|
8706
|
+
U+F27A;
|
|
8714
8707
|
}`,
|
|
8715
8708
|
"KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
|
|
8716
8709
|
border-radius: var(--a11y-min-size);
|
package/package.json
CHANGED
|
@@ -1,81 +1,80 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}
|
|
2
|
+
"name": "@public-ui/themes",
|
|
3
|
+
"version": "1.7.0-rc.15",
|
|
4
|
+
"license": "EUPL-1.2",
|
|
5
|
+
"homepage": "https://public-ui.github.io",
|
|
6
|
+
"repository": "https://github.com/public-ui/kolibri",
|
|
7
|
+
"bugs": {
|
|
8
|
+
"url": "https://github.com/public-ui/kolibri/issues",
|
|
9
|
+
"email": "kolibri@itzbund.de"
|
|
10
|
+
},
|
|
11
|
+
"author": {
|
|
12
|
+
"name": "Informationstechnikzentrum Bund",
|
|
13
|
+
"email": "kolibri@itzbund.de"
|
|
14
|
+
},
|
|
15
|
+
"description": "Contains the style guides and themes of various corporate designs for KoliBri - The accessible HTML-Standard.",
|
|
16
|
+
"keywords": [
|
|
17
|
+
"accessibility",
|
|
18
|
+
"accessible",
|
|
19
|
+
"bitv",
|
|
20
|
+
"framework",
|
|
21
|
+
"library",
|
|
22
|
+
"designsystem",
|
|
23
|
+
"design",
|
|
24
|
+
"system",
|
|
25
|
+
"web components",
|
|
26
|
+
"webcomponents",
|
|
27
|
+
"aria",
|
|
28
|
+
"wai",
|
|
29
|
+
"axe",
|
|
30
|
+
"custom elements",
|
|
31
|
+
"styleguide",
|
|
32
|
+
"style",
|
|
33
|
+
"guide",
|
|
34
|
+
"ui",
|
|
35
|
+
"html",
|
|
36
|
+
"css",
|
|
37
|
+
"web",
|
|
38
|
+
"a11y",
|
|
39
|
+
"w3c",
|
|
40
|
+
"webstandard",
|
|
41
|
+
"wcag"
|
|
42
|
+
],
|
|
43
|
+
"devDependencies": {
|
|
44
|
+
"@public-ui/schema": "1.7.0-rc.15",
|
|
45
|
+
"@types/node": "ts5.1",
|
|
46
|
+
"@typescript-eslint/eslint-plugin": "6.7.2",
|
|
47
|
+
"@typescript-eslint/parser": "6.7.2",
|
|
48
|
+
"eslint": "8.50.0",
|
|
49
|
+
"eslint-plugin-no-loops": "0.3.0",
|
|
50
|
+
"nodemon": "3.0.1",
|
|
51
|
+
"typescript": "5.2.2",
|
|
52
|
+
"unbuild": "1.2.1"
|
|
53
|
+
},
|
|
54
|
+
"peerDependencies": {
|
|
55
|
+
"@public-ui/components": "1.7.0-rc.15"
|
|
56
|
+
},
|
|
57
|
+
"sideEffects": false,
|
|
58
|
+
"type": "module",
|
|
59
|
+
"exports": {
|
|
60
|
+
".": {
|
|
61
|
+
"types": "./dist/index.d.ts",
|
|
62
|
+
"import": "./dist/index.mjs",
|
|
63
|
+
"require": "./dist/index.cjs"
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
"main": "./dist/index.cjs",
|
|
67
|
+
"module": "./dist/index.mjs",
|
|
68
|
+
"types": "./dist/index.d.ts",
|
|
69
|
+
"files": [
|
|
70
|
+
"assets",
|
|
71
|
+
"dist"
|
|
72
|
+
],
|
|
73
|
+
"scripts": {
|
|
74
|
+
"build": "unbuild",
|
|
75
|
+
"depcheck": "depcheck --ignore-bin-package --skip-missing --ignores=@types/*",
|
|
76
|
+
"format": "prettier --check src",
|
|
77
|
+
"lint": "eslint src && tsc --noemit",
|
|
78
|
+
"dev": "nodemon --ignore dist -e ts,tsx --exec 'pnpm build'"
|
|
79
|
+
}
|
|
80
|
+
}
|