@public-ui/themes 1.6.0-rc.27 → 1.6.0-rc.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs +47 -67
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.mjs +47 -67
  4. package/package.json +5 -5
package/dist/index.cjs CHANGED
@@ -2846,7 +2846,7 @@ const BZSt = KoliBri.createTheme("bzst", {
2846
2846
  display: grid;
2847
2847
  gap: 1rem;
2848
2848
  }
2849
- :host > div {
2849
+ :host .navigation-list {
2850
2850
  display: inline-flex;
2851
2851
  flex-wrap: wrap;
2852
2852
  align-items: center;
@@ -3176,9 +3176,6 @@ const BZSt = KoliBri.createTheme("bzst", {
3176
3176
  list-style-type: none !important;
3177
3177
  margin-left: 0;
3178
3178
  }`,
3179
- "KOL-TOOLTIP": `:host {
3180
- --kolibri-font-size: var(--textFontSize);
3181
- }`,
3182
3179
  "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
3183
3180
  border-radius: 2px;
3184
3181
  border-style: solid;
@@ -3276,18 +3273,18 @@ const BMF = KoliBri.createTheme("bmf", {
3276
3273
  kol-heading-wc {
3277
3274
  font-weight: 700;
3278
3275
  }
3279
- kol-tooltip .tooltip-floating {
3276
+ kol-tooltip-wc .tooltip-floating {
3280
3277
  border: 1px solid var(--color-metal);
3281
3278
  border-radius: var(--border-radius);
3282
3279
  }
3283
- kol-tooltip .tooltip-arrow {
3280
+ kol-tooltip-wc .tooltip-arrow {
3284
3281
  border: 1px solid var(--color-metal);
3285
3282
  }
3286
- kol-tooltip .tooltip-area {
3283
+ kol-tooltip-wc .tooltip-area {
3287
3284
  background-color: var(--color-white);
3288
3285
  color: var(--color-metal);
3289
3286
  }
3290
- kol-tooltip .tooltip-content {
3287
+ kol-tooltip-wc .tooltip-content {
3291
3288
  border-radius: var(--border-radius);
3292
3289
  line-height: 1.5em;
3293
3290
  padding: 0.5rem 0.75rem;
@@ -3392,30 +3389,13 @@ const BMF = KoliBri.createTheme("bmf", {
3392
3389
  :is(a, button).loading > kol-span-wc kol-icon {
3393
3390
  animation: spin 5s infinite linear;
3394
3391
  }
3395
- /** small ghost button */
3396
- .ghost :is(a, button).small > kol-span-wc {
3397
- border: none;
3398
- background-color: transparent;
3399
- box-shadow: none;
3400
- }
3401
- .ghost :is(a, button).small > kol-span-wc > span {
3402
- border-radius: 1.5em;
3403
- border-style: solid;
3404
- border-width: 2px;
3405
- border-color: var(--color-white);
3406
- background-color: var(--color-white);
3392
+ /** button with inline focus */
3393
+ :is(a, button).focus-inline:focus > kol-span-wc {
3394
+ outline-offset: -2px;
3407
3395
  }
3408
- .ghost :is(a, button).small:active > kol-span-wc > span,
3409
- .ghost :is(a, button).small:hover > kol-span-wc > span,
3410
- .ghost :is(a, button).small.transparent:active > kol-span-wc > span,
3411
- .ghost :is(a, button).small.transparent:hover > kol-span-wc > span {
3412
- background-color: var(--color-ocean);
3413
- border-color: var(--color-ocean);
3414
- box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);
3415
- color: var(--color-white);
3416
- } /** :is(a,button) with transparent background */
3396
+ /** :is(a,button) with transparent background */
3417
3397
  :is(a, button).transparent > kol-span-wc > span,
3418
- .ghost :is(a, button).small.transparent > kol-span-wc > span,
3398
+ .ghost :is(a, button).transparent > kol-span-wc > span,
3419
3399
  :is(a, button).transparent > kol-span-wc {
3420
3400
  background-color: transparent;
3421
3401
  border-color: transparent;
@@ -4150,7 +4130,7 @@ const BMF = KoliBri.createTheme("bmf", {
4150
4130
  .card > .content {
4151
4131
  padding: 1rem;
4152
4132
  max-height: 9.5rem;
4153
- overflow-y: auto;
4133
+ overflow-y: auto;
4154
4134
  }
4155
4135
  .card.default > .heading {
4156
4136
  background-color: var(--color-grey);
@@ -5393,7 +5373,7 @@ const BMF = KoliBri.createTheme("bmf", {
5393
5373
  display: grid;
5394
5374
  gap: 1rem;
5395
5375
  }
5396
- :host > div {
5376
+ :host .navigation-list {
5397
5377
  display: inline-flex;
5398
5378
  flex-wrap: wrap;
5399
5379
  align-items: center;
@@ -13536,7 +13516,7 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
13536
13516
  display: grid;
13537
13517
  gap: 1rem;
13538
13518
  }
13539
- :host > div {
13519
+ :host .navigation-list {
13540
13520
  display: inline-flex;
13541
13521
  flex-wrap: wrap;
13542
13522
  align-items: center;
@@ -15634,13 +15614,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
15634
15614
 
15635
15615
  const DESYv2 = KoliBri.createTheme("desy-v2", {
15636
15616
  GLOBAL: `
15637
- kol-tooltip .tooltip-area {
15617
+ kol-tooltip-wc .tooltip-area {
15638
15618
  background-color:#f2f2f2;
15639
15619
  }
15640
- kol-tooltip .tooltip-arrow {
15620
+ kol-tooltip-wc .tooltip-arrow {
15641
15621
  background-color: #626262;
15642
15622
  }
15643
- kol-tooltip .tooltip-content {
15623
+ kol-tooltip-wc .tooltip-content {
15644
15624
  padding: 0.25rem 0.5rem;
15645
15625
  font-size: 0.875rem;
15646
15626
  line-height: 1.25rem;
@@ -16375,7 +16355,7 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
16375
16355
  display: grid;
16376
16356
  gap: 1rem;
16377
16357
  }
16378
- :host > div {
16358
+ :host .navigation-list {
16379
16359
  display: inline-flex;
16380
16360
  flex-wrap: wrap;
16381
16361
  align-items: center;
@@ -18472,13 +18452,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
18472
18452
  });
18473
18453
 
18474
18454
  const ECL_EC = KoliBri.createTheme("ecl-ec", {
18475
- GLOBAL: `kol-tooltip .tooltip-area {
18455
+ GLOBAL: `kol-tooltip-wc .tooltip-area {
18476
18456
  background-color: #f2f2f2;
18477
18457
  }
18478
- kol-tooltip .tooltip-arrow {
18458
+ kol-tooltip-wc .tooltip-arrow {
18479
18459
  background-color: #626262;
18480
18460
  }
18481
- kol-tooltip .tooltip-content {
18461
+ kol-tooltip-wc .tooltip-content {
18482
18462
  padding: 0.25rem 0.5rem;
18483
18463
  font-size: 0.875rem;
18484
18464
  line-height: 1.25rem;
@@ -19003,7 +18983,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
19003
18983
  display: grid;
19004
18984
  gap: var(--spacing-m);
19005
18985
  }
19006
- :host > div {
18986
+ :host .navigation-list {
19007
18987
  display: inline-flex;
19008
18988
  flex-wrap: wrap;
19009
18989
  align-items: center;
@@ -19909,13 +19889,13 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
19909
19889
  });
19910
19890
 
19911
19891
  const ECL_EU = KoliBri.createTheme("ecl-eu", {
19912
- GLOBAL: `kol-tooltip .tooltip-area {
19892
+ GLOBAL: `kol-tooltip-wc .tooltip-area {
19913
19893
  background-color: #f2f2f2;
19914
19894
  }
19915
- kol-tooltip .tooltip-arrow {
19895
+ kol-tooltip-wc .tooltip-arrow {
19916
19896
  background-color: #626262;
19917
19897
  }
19918
- kol-tooltip .tooltip-content {
19898
+ kol-tooltip-wc .tooltip-content {
19919
19899
  padding: 0.25rem 0.5rem;
19920
19900
  font-size: 0.875rem;
19921
19901
  line-height: 1.25rem;
@@ -20408,7 +20388,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
20408
20388
  display: grid;
20409
20389
  gap: var(--spacing-m);
20410
20390
  }
20411
- :host > div {
20391
+ :host .navigation-list {
20412
20392
  display: inline-flex;
20413
20393
  flex-wrap: wrap;
20414
20394
  align-items: center;
@@ -21457,13 +21437,13 @@ const ITZBund = KoliBri.createTheme("itzbund", {
21457
21437
  kol-span-wc > span {
21458
21438
  gap: 0.25em;
21459
21439
  }
21460
- kol-tooltip .tooltip-area {
21440
+ kol-tooltip-wc .tooltip-area {
21461
21441
  background-color: #f2f2f2;
21462
21442
  }
21463
- kol-tooltip .tooltip-arrow {
21443
+ kol-tooltip-wc .tooltip-arrow {
21464
21444
  background-color: #626262;
21465
21445
  }
21466
- kol-tooltip .tooltip-content {
21446
+ kol-tooltip-wc .tooltip-content {
21467
21447
  padding: 0.25rem 0.5rem;
21468
21448
  font-size: 0.875rem;
21469
21449
  line-height: 1.25rem;
@@ -21696,7 +21676,7 @@ const ITZBund = KoliBri.createTheme("itzbund", {
21696
21676
  display: grid;
21697
21677
  gap: 1rem;
21698
21678
  }
21699
- :host > div {
21679
+ :host .navigation-list {
21700
21680
  display: inline-flex;
21701
21681
  flex-wrap: wrap;
21702
21682
  align-items: center;
@@ -23185,11 +23165,11 @@ const MFM = KoliBri.createTheme("mfm", {
23185
23165
  kol-heading-wc {
23186
23166
  font-weight: 700;
23187
23167
  }
23188
- kol-tooltip .tooltip-area {
23168
+ kol-tooltip-wc .tooltip-area {
23189
23169
  background-color: var(--color-metal);
23190
23170
  color: var(--color-white);
23191
23171
  }
23192
- kol-tooltip .tooltip-content {
23172
+ kol-tooltip-wc .tooltip-content {
23193
23173
  border-radius: var(--border-radius);
23194
23174
  line-height: 1.5em;
23195
23175
  padding: 0.5rem 0.75rem;
@@ -25266,7 +25246,7 @@ const MFM = KoliBri.createTheme("mfm", {
25266
25246
  display: grid;
25267
25247
  gap: 1rem;
25268
25248
  }
25269
- :host > div {
25249
+ :host .navigation-list {
25270
25250
  display: inline-flex;
25271
25251
  flex-wrap: wrap;
25272
25252
  align-items: center;
@@ -32749,13 +32729,13 @@ const MAPZ = KoliBri.createTheme("mapz", {
32749
32729
  outline-width: 3px;
32750
32730
  transition: outline-offset 0.2s linear;
32751
32731
  }
32752
- kol-tooltip .tooltip-area {
32732
+ kol-tooltip-wc .tooltip-area {
32753
32733
  background-color: #f2f2f2;
32754
32734
  }
32755
- kol-tooltip .tooltip-arrow {
32735
+ kol-tooltip-wc .tooltip-arrow {
32756
32736
  background-color: #626262;
32757
32737
  }
32758
- kol-tooltip .tooltip-content {
32738
+ kol-tooltip-wc .tooltip-content {
32759
32739
  border-radius: 2px;
32760
32740
  border: 1px solid #626262;
32761
32741
  color: #000000 !important;
@@ -34173,7 +34153,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
34173
34153
  display: grid;
34174
34154
  gap: 1rem;
34175
34155
  }
34176
- :host > div {
34156
+ :host .navigation-list {
34177
34157
  display: inline-flex;
34178
34158
  flex-wrap: wrap;
34179
34159
  align-items: center;
@@ -50274,7 +50254,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
50274
50254
  });
50275
50255
 
50276
50256
  const css = (input) => input.join(``);
50277
- const TOKEN_BASED = KoliBri.createTheme("token-based", {
50257
+ const DEFAULT = KoliBri.createTheme("default", {
50278
50258
  GLOBAL: css`
50279
50259
  :host {
50280
50260
  --border-radius: var(--kolibri-border-radius, 5px);
@@ -50326,17 +50306,17 @@ const TOKEN_BASED = KoliBri.createTheme("token-based", {
50326
50306
  kol-heading-wc {
50327
50307
  font-weight: 700;
50328
50308
  }
50329
- kol-tooltip .tooltip-floating {
50309
+ kol-tooltip-wc .tooltip-floating {
50330
50310
  border: var(--border-width) solid var(--color-subtle);
50331
50311
  border-radius: var(--border-radius);
50332
50312
  }
50333
- kol-tooltip .tooltip-arrow {
50313
+ kol-tooltip-wc .tooltip-arrow {
50334
50314
  border: var(--border-width) solid var(--color-subtle);
50335
50315
  }
50336
- kol-tooltip .tooltip-area {
50316
+ kol-tooltip-wc .tooltip-area {
50337
50317
  background-color: var(--color-light);
50338
50318
  }
50339
- kol-tooltip .tooltip-content {
50319
+ kol-tooltip-wc .tooltip-content {
50340
50320
  border-radius: var(--border-radius);
50341
50321
  line-height: 1.5;
50342
50322
  padding: var(--spacing) calc(var(--spacing) * 1.5);
@@ -52357,7 +52337,7 @@ const TOKEN_BASED = KoliBri.createTheme("token-based", {
52357
52337
  display: grid;
52358
52338
  gap: calc(var(--spacing) * 4);
52359
52339
  }
52360
- :host > div {
52340
+ :host .navigation-list {
52361
52341
  display: inline-flex;
52362
52342
  flex-wrap: wrap;
52363
52343
  align-items: center;
@@ -52753,13 +52733,13 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
52753
52733
  color: var(--color-red);
52754
52734
  padding-left: 0.25em;
52755
52735
  }
52756
- kol-tooltip .tooltip-area {
52736
+ kol-tooltip-wc .tooltip-area {
52757
52737
  background-color: #f2f2f2;
52758
52738
  }
52759
- kol-tooltip .tooltip-arrow {
52739
+ kol-tooltip-wc .tooltip-arrow {
52760
52740
  background-color: #626262;
52761
52741
  }
52762
- kol-tooltip .tooltip-content {
52742
+ kol-tooltip-wc .tooltip-content {
52763
52743
  padding: 0.25rem 0.5rem;
52764
52744
  font-size: 0.875rem;
52765
52745
  line-height: 1.25rem;
@@ -53406,7 +53386,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
53406
53386
  display: grid;
53407
53387
  gap: 1rem;
53408
53388
  }
53409
- :host > div {
53389
+ :host .navigation-list {
53410
53390
  display: inline-flex;
53411
53391
  flex-wrap: wrap;
53412
53392
  align-items: center;
@@ -61303,6 +61283,7 @@ exports.BAMF = BAMF;
61303
61283
  exports.BMF = BMF;
61304
61284
  exports.BZSt = BZSt;
61305
61285
  exports.DE = DE;
61286
+ exports.DEFAULT = DEFAULT;
61306
61287
  exports.DESYv1 = DESYv1;
61307
61288
  exports.DESYv2 = DESYv2;
61308
61289
  exports.ECL_EC = ECL_EC;
@@ -61311,5 +61292,4 @@ exports.EN = EN;
61311
61292
  exports.ITZBund = ITZBund;
61312
61293
  exports.MAPZ = MAPZ;
61313
61294
  exports.MFM = MFM;
61314
- exports.TOKEN_BASED = TOKEN_BASED;
61315
61295
  exports.ZOLLv2 = ZOLLv2;
package/dist/index.d.ts CHANGED
@@ -508,7 +508,7 @@ declare const MAPZ: (patch: (name: string, map: {
508
508
  "KOL-TOOLTIP"?: string | undefined;
509
509
  }) => string) => string;
510
510
 
511
- declare const TOKEN_BASED: (patch: (name: string, map: {
511
+ declare const DEFAULT: (patch: (name: string, map: {
512
512
  GLOBAL?: string | undefined;
513
513
  PROPERTIES?: string | undefined;
514
514
  "KOL-SYMBOL"?: string | undefined;
@@ -670,4 +670,4 @@ declare const EN: (patch: (name: "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar"
670
670
  "kol-kolibri-logo"?: string | undefined;
671
671
  }) => "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar" | "an" | "hy" | "as" | "av" | "ae" | "ay" | "az" | "bm" | "ba" | "eu" | "be" | "bn" | "bh" | "bi" | "nb" | "bs" | "br" | "bg" | "my" | "es" | "ca" | "km" | "ch" | "ce" | "ny" | "zh" | "za" | "cu" | "cv" | "kw" | "co" | "cr" | "hr" | "cs" | "da" | "dv" | "nl" | "dz" | "en" | "eo" | "et" | "ee" | "fo" | "fj" | "fi" | "fr" | "ff" | "gd" | "gl" | "lg" | "ka" | "de" | "ki" | "el" | "kl" | "gn" | "gu" | "ht" | "ha" | "he" | "hz" | "hi" | "ho" | "hu" | "is" | "io" | "ig" | "id" | "ia" | "ie" | "iu" | "ik" | "ga" | "it" | "ja" | "jv" | "kn" | "kr" | "ks" | "kk" | "rw" | "ky" | "kv" | "kg" | "ko" | "kj" | "ku" | "lo" | "la" | "lv" | "lb" | "li" | "ln" | "lt" | "lu" | "mk" | "mg" | "ms" | "ml" | "mt" | "gv" | "mi" | "mr" | "mh" | "ro" | "mn" | "na" | "nv" | "nd" | "nr" | "ng" | "ne" | "se" | "no" | "nn" | "ii" | "oc" | "oj" | "or" | "om" | "os" | "pi" | "pa" | "ps" | "fa" | "pl" | "pt" | "qu" | "rm" | "rn" | "ru" | "sm" | "sg" | "sa" | "sc" | "sr" | "sn" | "sd" | "si" | "sk" | "sl" | "so" | "st" | "su" | "sw" | "ss" | "sv" | "tl" | "ty" | "tg" | "ta" | "tt" | "te" | "th" | "bo" | "ti" | "to" | "ts" | "tn" | "tr" | "tk" | "tw" | "ug" | "uk" | "ur" | "uz" | "ve" | "vi" | "vo" | "wa" | "cy" | "fy" | "wo" | "xh" | "yi" | "yo" | "zu") => "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar" | "an" | "hy" | "as" | "av" | "ae" | "ay" | "az" | "bm" | "ba" | "eu" | "be" | "bn" | "bh" | "bi" | "nb" | "bs" | "br" | "bg" | "my" | "es" | "ca" | "km" | "ch" | "ce" | "ny" | "zh" | "za" | "cu" | "cv" | "kw" | "co" | "cr" | "hr" | "cs" | "da" | "dv" | "nl" | "dz" | "en" | "eo" | "et" | "ee" | "fo" | "fj" | "fi" | "fr" | "ff" | "gd" | "gl" | "lg" | "ka" | "de" | "ki" | "el" | "kl" | "gn" | "gu" | "ht" | "ha" | "he" | "hz" | "hi" | "ho" | "hu" | "is" | "io" | "ig" | "id" | "ia" | "ie" | "iu" | "ik" | "ga" | "it" | "ja" | "jv" | "kn" | "kr" | "ks" | "kk" | "rw" | "ky" | "kv" | "kg" | "ko" | "kj" | "ku" | "lo" | "la" | "lv" | "lb" | "li" | "ln" | "lt" | "lu" | "mk" | "mg" | "ms" | "ml" | "mt" | "gv" | "mi" | "mr" | "mh" | "ro" | "mn" | "na" | "nv" | "nd" | "nr" | "ng" | "ne" | "se" | "no" | "nn" | "ii" | "oc" | "oj" | "or" | "om" | "os" | "pi" | "pa" | "ps" | "fa" | "pl" | "pt" | "qu" | "rm" | "rn" | "ru" | "sm" | "sg" | "sa" | "sc" | "sr" | "sn" | "sd" | "si" | "sk" | "sl" | "so" | "st" | "su" | "sw" | "ss" | "sv" | "tl" | "ty" | "tg" | "ta" | "tt" | "te" | "th" | "bo" | "ti" | "to" | "ts" | "tn" | "tr" | "tk" | "tw" | "ug" | "uk" | "ur" | "uz" | "ve" | "vi" | "vo" | "wa" | "cy" | "fy" | "wo" | "xh" | "yi" | "yo" | "zu";
672
672
 
673
- export { BAMF, BMF, BZSt, DE, DESYv1, DESYv2, ECL_EC, ECL_EU, EN, ITZBund, MAPZ, MFM, TOKEN_BASED, ZOLLv2 };
673
+ export { BAMF, BMF, BZSt, DE, DEFAULT, DESYv1, DESYv2, ECL_EC, ECL_EU, EN, ITZBund, MAPZ, MFM, ZOLLv2 };
package/dist/index.mjs CHANGED
@@ -2844,7 +2844,7 @@ const BZSt = KoliBri.createTheme("bzst", {
2844
2844
  display: grid;
2845
2845
  gap: 1rem;
2846
2846
  }
2847
- :host > div {
2847
+ :host .navigation-list {
2848
2848
  display: inline-flex;
2849
2849
  flex-wrap: wrap;
2850
2850
  align-items: center;
@@ -3174,9 +3174,6 @@ const BZSt = KoliBri.createTheme("bzst", {
3174
3174
  list-style-type: none !important;
3175
3175
  margin-left: 0;
3176
3176
  }`,
3177
- "KOL-TOOLTIP": `:host {
3178
- --kolibri-font-size: var(--textFontSize);
3179
- }`,
3180
3177
  "KOL-SKIP-NAV": `kol-link-wc > a > kol-span-wc {
3181
3178
  border-radius: 2px;
3182
3179
  border-style: solid;
@@ -3274,18 +3271,18 @@ const BMF = KoliBri.createTheme("bmf", {
3274
3271
  kol-heading-wc {
3275
3272
  font-weight: 700;
3276
3273
  }
3277
- kol-tooltip .tooltip-floating {
3274
+ kol-tooltip-wc .tooltip-floating {
3278
3275
  border: 1px solid var(--color-metal);
3279
3276
  border-radius: var(--border-radius);
3280
3277
  }
3281
- kol-tooltip .tooltip-arrow {
3278
+ kol-tooltip-wc .tooltip-arrow {
3282
3279
  border: 1px solid var(--color-metal);
3283
3280
  }
3284
- kol-tooltip .tooltip-area {
3281
+ kol-tooltip-wc .tooltip-area {
3285
3282
  background-color: var(--color-white);
3286
3283
  color: var(--color-metal);
3287
3284
  }
3288
- kol-tooltip .tooltip-content {
3285
+ kol-tooltip-wc .tooltip-content {
3289
3286
  border-radius: var(--border-radius);
3290
3287
  line-height: 1.5em;
3291
3288
  padding: 0.5rem 0.75rem;
@@ -3390,30 +3387,13 @@ const BMF = KoliBri.createTheme("bmf", {
3390
3387
  :is(a, button).loading > kol-span-wc kol-icon {
3391
3388
  animation: spin 5s infinite linear;
3392
3389
  }
3393
- /** small ghost button */
3394
- .ghost :is(a, button).small > kol-span-wc {
3395
- border: none;
3396
- background-color: transparent;
3397
- box-shadow: none;
3398
- }
3399
- .ghost :is(a, button).small > kol-span-wc > span {
3400
- border-radius: 1.5em;
3401
- border-style: solid;
3402
- border-width: 2px;
3403
- border-color: var(--color-white);
3404
- background-color: var(--color-white);
3390
+ /** button with inline focus */
3391
+ :is(a, button).focus-inline:focus > kol-span-wc {
3392
+ outline-offset: -2px;
3405
3393
  }
3406
- .ghost :is(a, button).small:active > kol-span-wc > span,
3407
- .ghost :is(a, button).small:hover > kol-span-wc > span,
3408
- .ghost :is(a, button).small.transparent:active > kol-span-wc > span,
3409
- .ghost :is(a, button).small.transparent:hover > kol-span-wc > span {
3410
- background-color: var(--color-ocean);
3411
- border-color: var(--color-ocean);
3412
- box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);
3413
- color: var(--color-white);
3414
- } /** :is(a,button) with transparent background */
3394
+ /** :is(a,button) with transparent background */
3415
3395
  :is(a, button).transparent > kol-span-wc > span,
3416
- .ghost :is(a, button).small.transparent > kol-span-wc > span,
3396
+ .ghost :is(a, button).transparent > kol-span-wc > span,
3417
3397
  :is(a, button).transparent > kol-span-wc {
3418
3398
  background-color: transparent;
3419
3399
  border-color: transparent;
@@ -4148,7 +4128,7 @@ const BMF = KoliBri.createTheme("bmf", {
4148
4128
  .card > .content {
4149
4129
  padding: 1rem;
4150
4130
  max-height: 9.5rem;
4151
- overflow-y: auto;
4131
+ overflow-y: auto;
4152
4132
  }
4153
4133
  .card.default > .heading {
4154
4134
  background-color: var(--color-grey);
@@ -5391,7 +5371,7 @@ const BMF = KoliBri.createTheme("bmf", {
5391
5371
  display: grid;
5392
5372
  gap: 1rem;
5393
5373
  }
5394
- :host > div {
5374
+ :host .navigation-list {
5395
5375
  display: inline-flex;
5396
5376
  flex-wrap: wrap;
5397
5377
  align-items: center;
@@ -13534,7 +13514,7 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
13534
13514
  display: grid;
13535
13515
  gap: 1rem;
13536
13516
  }
13537
- :host > div {
13517
+ :host .navigation-list {
13538
13518
  display: inline-flex;
13539
13519
  flex-wrap: wrap;
13540
13520
  align-items: center;
@@ -15632,13 +15612,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
15632
15612
 
15633
15613
  const DESYv2 = KoliBri.createTheme("desy-v2", {
15634
15614
  GLOBAL: `
15635
- kol-tooltip .tooltip-area {
15615
+ kol-tooltip-wc .tooltip-area {
15636
15616
  background-color:#f2f2f2;
15637
15617
  }
15638
- kol-tooltip .tooltip-arrow {
15618
+ kol-tooltip-wc .tooltip-arrow {
15639
15619
  background-color: #626262;
15640
15620
  }
15641
- kol-tooltip .tooltip-content {
15621
+ kol-tooltip-wc .tooltip-content {
15642
15622
  padding: 0.25rem 0.5rem;
15643
15623
  font-size: 0.875rem;
15644
15624
  line-height: 1.25rem;
@@ -16373,7 +16353,7 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
16373
16353
  display: grid;
16374
16354
  gap: 1rem;
16375
16355
  }
16376
- :host > div {
16356
+ :host .navigation-list {
16377
16357
  display: inline-flex;
16378
16358
  flex-wrap: wrap;
16379
16359
  align-items: center;
@@ -18470,13 +18450,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
18470
18450
  });
18471
18451
 
18472
18452
  const ECL_EC = KoliBri.createTheme("ecl-ec", {
18473
- GLOBAL: `kol-tooltip .tooltip-area {
18453
+ GLOBAL: `kol-tooltip-wc .tooltip-area {
18474
18454
  background-color: #f2f2f2;
18475
18455
  }
18476
- kol-tooltip .tooltip-arrow {
18456
+ kol-tooltip-wc .tooltip-arrow {
18477
18457
  background-color: #626262;
18478
18458
  }
18479
- kol-tooltip .tooltip-content {
18459
+ kol-tooltip-wc .tooltip-content {
18480
18460
  padding: 0.25rem 0.5rem;
18481
18461
  font-size: 0.875rem;
18482
18462
  line-height: 1.25rem;
@@ -19001,7 +18981,7 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
19001
18981
  display: grid;
19002
18982
  gap: var(--spacing-m);
19003
18983
  }
19004
- :host > div {
18984
+ :host .navigation-list {
19005
18985
  display: inline-flex;
19006
18986
  flex-wrap: wrap;
19007
18987
  align-items: center;
@@ -19907,13 +19887,13 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
19907
19887
  });
19908
19888
 
19909
19889
  const ECL_EU = KoliBri.createTheme("ecl-eu", {
19910
- GLOBAL: `kol-tooltip .tooltip-area {
19890
+ GLOBAL: `kol-tooltip-wc .tooltip-area {
19911
19891
  background-color: #f2f2f2;
19912
19892
  }
19913
- kol-tooltip .tooltip-arrow {
19893
+ kol-tooltip-wc .tooltip-arrow {
19914
19894
  background-color: #626262;
19915
19895
  }
19916
- kol-tooltip .tooltip-content {
19896
+ kol-tooltip-wc .tooltip-content {
19917
19897
  padding: 0.25rem 0.5rem;
19918
19898
  font-size: 0.875rem;
19919
19899
  line-height: 1.25rem;
@@ -20406,7 +20386,7 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
20406
20386
  display: grid;
20407
20387
  gap: var(--spacing-m);
20408
20388
  }
20409
- :host > div {
20389
+ :host .navigation-list {
20410
20390
  display: inline-flex;
20411
20391
  flex-wrap: wrap;
20412
20392
  align-items: center;
@@ -21455,13 +21435,13 @@ const ITZBund = KoliBri.createTheme("itzbund", {
21455
21435
  kol-span-wc > span {
21456
21436
  gap: 0.25em;
21457
21437
  }
21458
- kol-tooltip .tooltip-area {
21438
+ kol-tooltip-wc .tooltip-area {
21459
21439
  background-color: #f2f2f2;
21460
21440
  }
21461
- kol-tooltip .tooltip-arrow {
21441
+ kol-tooltip-wc .tooltip-arrow {
21462
21442
  background-color: #626262;
21463
21443
  }
21464
- kol-tooltip .tooltip-content {
21444
+ kol-tooltip-wc .tooltip-content {
21465
21445
  padding: 0.25rem 0.5rem;
21466
21446
  font-size: 0.875rem;
21467
21447
  line-height: 1.25rem;
@@ -21694,7 +21674,7 @@ const ITZBund = KoliBri.createTheme("itzbund", {
21694
21674
  display: grid;
21695
21675
  gap: 1rem;
21696
21676
  }
21697
- :host > div {
21677
+ :host .navigation-list {
21698
21678
  display: inline-flex;
21699
21679
  flex-wrap: wrap;
21700
21680
  align-items: center;
@@ -23183,11 +23163,11 @@ const MFM = KoliBri.createTheme("mfm", {
23183
23163
  kol-heading-wc {
23184
23164
  font-weight: 700;
23185
23165
  }
23186
- kol-tooltip .tooltip-area {
23166
+ kol-tooltip-wc .tooltip-area {
23187
23167
  background-color: var(--color-metal);
23188
23168
  color: var(--color-white);
23189
23169
  }
23190
- kol-tooltip .tooltip-content {
23170
+ kol-tooltip-wc .tooltip-content {
23191
23171
  border-radius: var(--border-radius);
23192
23172
  line-height: 1.5em;
23193
23173
  padding: 0.5rem 0.75rem;
@@ -25264,7 +25244,7 @@ const MFM = KoliBri.createTheme("mfm", {
25264
25244
  display: grid;
25265
25245
  gap: 1rem;
25266
25246
  }
25267
- :host > div {
25247
+ :host .navigation-list {
25268
25248
  display: inline-flex;
25269
25249
  flex-wrap: wrap;
25270
25250
  align-items: center;
@@ -32747,13 +32727,13 @@ const MAPZ = KoliBri.createTheme("mapz", {
32747
32727
  outline-width: 3px;
32748
32728
  transition: outline-offset 0.2s linear;
32749
32729
  }
32750
- kol-tooltip .tooltip-area {
32730
+ kol-tooltip-wc .tooltip-area {
32751
32731
  background-color: #f2f2f2;
32752
32732
  }
32753
- kol-tooltip .tooltip-arrow {
32733
+ kol-tooltip-wc .tooltip-arrow {
32754
32734
  background-color: #626262;
32755
32735
  }
32756
- kol-tooltip .tooltip-content {
32736
+ kol-tooltip-wc .tooltip-content {
32757
32737
  border-radius: 2px;
32758
32738
  border: 1px solid #626262;
32759
32739
  color: #000000 !important;
@@ -34171,7 +34151,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
34171
34151
  display: grid;
34172
34152
  gap: 1rem;
34173
34153
  }
34174
- :host > div {
34154
+ :host .navigation-list {
34175
34155
  display: inline-flex;
34176
34156
  flex-wrap: wrap;
34177
34157
  align-items: center;
@@ -50272,7 +50252,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
50272
50252
  });
50273
50253
 
50274
50254
  const css = (input) => input.join(``);
50275
- const TOKEN_BASED = KoliBri.createTheme("token-based", {
50255
+ const DEFAULT = KoliBri.createTheme("default", {
50276
50256
  GLOBAL: css`
50277
50257
  :host {
50278
50258
  --border-radius: var(--kolibri-border-radius, 5px);
@@ -50324,17 +50304,17 @@ const TOKEN_BASED = KoliBri.createTheme("token-based", {
50324
50304
  kol-heading-wc {
50325
50305
  font-weight: 700;
50326
50306
  }
50327
- kol-tooltip .tooltip-floating {
50307
+ kol-tooltip-wc .tooltip-floating {
50328
50308
  border: var(--border-width) solid var(--color-subtle);
50329
50309
  border-radius: var(--border-radius);
50330
50310
  }
50331
- kol-tooltip .tooltip-arrow {
50311
+ kol-tooltip-wc .tooltip-arrow {
50332
50312
  border: var(--border-width) solid var(--color-subtle);
50333
50313
  }
50334
- kol-tooltip .tooltip-area {
50314
+ kol-tooltip-wc .tooltip-area {
50335
50315
  background-color: var(--color-light);
50336
50316
  }
50337
- kol-tooltip .tooltip-content {
50317
+ kol-tooltip-wc .tooltip-content {
50338
50318
  border-radius: var(--border-radius);
50339
50319
  line-height: 1.5;
50340
50320
  padding: var(--spacing) calc(var(--spacing) * 1.5);
@@ -52355,7 +52335,7 @@ const TOKEN_BASED = KoliBri.createTheme("token-based", {
52355
52335
  display: grid;
52356
52336
  gap: calc(var(--spacing) * 4);
52357
52337
  }
52358
- :host > div {
52338
+ :host .navigation-list {
52359
52339
  display: inline-flex;
52360
52340
  flex-wrap: wrap;
52361
52341
  align-items: center;
@@ -52751,13 +52731,13 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
52751
52731
  color: var(--color-red);
52752
52732
  padding-left: 0.25em;
52753
52733
  }
52754
- kol-tooltip .tooltip-area {
52734
+ kol-tooltip-wc .tooltip-area {
52755
52735
  background-color: #f2f2f2;
52756
52736
  }
52757
- kol-tooltip .tooltip-arrow {
52737
+ kol-tooltip-wc .tooltip-arrow {
52758
52738
  background-color: #626262;
52759
52739
  }
52760
- kol-tooltip .tooltip-content {
52740
+ kol-tooltip-wc .tooltip-content {
52761
52741
  padding: 0.25rem 0.5rem;
52762
52742
  font-size: 0.875rem;
52763
52743
  line-height: 1.25rem;
@@ -53404,7 +53384,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
53404
53384
  display: grid;
53405
53385
  gap: 1rem;
53406
53386
  }
53407
- :host > div {
53387
+ :host .navigation-list {
53408
53388
  display: inline-flex;
53409
53389
  flex-wrap: wrap;
53410
53390
  align-items: center;
@@ -61297,4 +61277,4 @@ const DE = KoliBri.createTranslation("de", {});
61297
61277
 
61298
61278
  const EN = KoliBri.createTranslation("en", {});
61299
61279
 
61300
- export { BAMF, BMF, BZSt, DE, DESYv1, DESYv2, ECL_EC, ECL_EU, EN, ITZBund, MAPZ, MFM, TOKEN_BASED, ZOLLv2 };
61280
+ export { BAMF, BMF, BZSt, DE, DEFAULT, DESYv1, DESYv2, ECL_EC, ECL_EU, EN, ITZBund, MAPZ, MFM, ZOLLv2 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.6.0-rc.27",
3
+ "version": "1.6.0-rc.29",
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.27",
51
+ "@public-ui/schema": "1.6.0-rc.29",
52
52
  "@types/node": "ts5.1",
53
- "@typescript-eslint/eslint-plugin": "6.4.0",
54
- "@typescript-eslint/parser": "6.4.0",
53
+ "@typescript-eslint/eslint-plugin": "6.4.1",
54
+ "@typescript-eslint/parser": "6.4.1",
55
55
  "eslint": "8.47.0",
56
56
  "eslint-plugin-no-loops": "0.3.0",
57
57
  "typescript": "5.1.6",
58
58
  "unbuild": "1.2.1"
59
59
  },
60
60
  "peerDependencies": {
61
- "@public-ui/components": "1.6.0-rc.27"
61
+ "@public-ui/components": "1.6.0-rc.29"
62
62
  },
63
63
  "sideEffects": false,
64
64
  "type": "module",