@public-ui/themes 1.7.6-rc.2 → 1.7.6

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 +57 -0
  2. package/dist/index.mjs +57 -0
  3. package/package.json +5 -5
package/dist/index.cjs CHANGED
@@ -7877,6 +7877,10 @@ const BZSt = KoliBri.createTheme("bzst", {
7877
7877
  }
7878
7878
  .disabled {
7879
7879
  opacity: 0.33;
7880
+ }
7881
+ .button:focus-within {
7882
+ outline: var(--focusOutline);
7883
+ outline-offset: 2px;
7880
7884
  }`,
7881
7885
  "KOL-INPUT-RADIO": `:host {
7882
7886
  --border-width: 1px;
@@ -10771,6 +10775,13 @@ const BMF = KoliBri.createTheme("bmf", {
10771
10775
  }
10772
10776
  :host kol-input.button .icon {
10773
10777
  height: auto;
10778
+ }
10779
+ .button:focus-within {
10780
+ border-radius: var(--a11y-min-size);
10781
+ outline-color: var(--color-ocean);
10782
+ outline-offset: 2px;
10783
+ outline-style: solid;
10784
+ outline-width: 3px;
10774
10785
  }`,
10775
10786
  "KOL-INPUT-RADIO": `/* INPUT */
10776
10787
  kol-input {
@@ -20297,6 +20308,13 @@ const DEFAULT = KoliBri.createTheme("default", {
20297
20308
  :host .disabled {
20298
20309
  opacity: 0.33;
20299
20310
  }
20311
+ .button:focus-within {
20312
+ border-radius: var(--border-radius);
20313
+ outline-color: var(--color-primary-variant);
20314
+ outline-offset: 2px;
20315
+ outline-style: solid;
20316
+ outline-width: calc(var(--border-width) * 2);
20317
+ }
20300
20318
  `,
20301
20319
  "KOL-INPUT-RADIO": css$1`
20302
20320
  label {
@@ -21561,6 +21579,12 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
21561
21579
  .hint {
21562
21580
  font-size: 0.875rem;
21563
21581
  order: 4;
21582
+ }
21583
+ .button:focus-within {
21584
+ outline-color: var(--color-blue);
21585
+ outline-offset: 2px;
21586
+ outline-style: solid;
21587
+ outline-width: 2px;
21564
21588
  }`,
21565
21589
  "KOL-INPUT-COLOR": `kol-input {
21566
21590
  color: var(--color-grey);
@@ -23215,6 +23239,11 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
23215
23239
  }
23216
23240
  .error .input {
23217
23241
  border-color: var(--color-red);
23242
+ }
23243
+ .button:focus-within {
23244
+ outline-color: var(--color-blue-130);
23245
+ outline-style: solid;
23246
+ outline-width: 2px;
23218
23247
  }`,
23219
23248
  "KOL-INPUT-FILE": `kol-input {
23220
23249
  color: var(--color-grey);
@@ -25349,6 +25378,13 @@ const ITZBund = KoliBri.createTheme("itzbund", {
25349
25378
  display: block;
25350
25379
  order: 3;
25351
25380
  padding: 0 var(--spacing);
25381
+ }
25382
+ .button:focus-within {
25383
+ border-radius: 2rem;
25384
+ outline-color: var(--color-achat) !important;
25385
+ outline-offset: 2px;
25386
+ outline-style: solid;
25387
+ outline-width: 3px;
25352
25388
  }`,
25353
25389
  "KOL-INPUT-RADIO": `/* INPUT */
25354
25390
  :host input:focus {
@@ -27481,6 +27517,13 @@ const MFM = KoliBri.createTheme("mfm", {
27481
27517
  }
27482
27518
  :host .disabled {
27483
27519
  opacity: 0.33;
27520
+ }
27521
+ .button:focus-within {
27522
+ border-radius: 0.25rem;
27523
+ outline-color: var(--color-ocean);
27524
+ outline-offset: 2px;
27525
+ outline-style: solid;
27526
+ outline-width: 3px;
27484
27527
  }`,
27485
27528
  "KOL-INPUT-RADIO": `/* INPUT */
27486
27529
  kol-input {
@@ -36198,6 +36241,13 @@ const MAPZ = KoliBri.createTheme("mapz", {
36198
36241
  }
36199
36242
  .disabled {
36200
36243
  opacity: 0.33;
36244
+ }
36245
+ .button:focus-within {
36246
+ border-radius: var(--kolibri-border-radius);
36247
+ outline-color: var(--kolibri-color-outline);
36248
+ outline-offset: 2px;
36249
+ outline-style: solid;
36250
+ outline-width: 3px;
36201
36251
  }`,
36202
36252
  "KOL-INPUT-RADIO": `label {
36203
36253
  cursor: pointer;
@@ -53774,6 +53824,13 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
53774
53824
  .disabled {
53775
53825
  opacity: 0.33;
53776
53826
  }
53827
+ .button:focus-within {
53828
+ border-radius: var(--border-radius);
53829
+ outline-color: var(--color-blau-dark);
53830
+ outline-offset: 0.125rem;
53831
+ outline-style: solid;
53832
+ outline-width: 0.125rem;
53833
+ }
53777
53834
  `,
53778
53835
  "KOL-INPUT-RADIO": css`
53779
53836
  /* ALL INPUT, SELECT, TEXTAREA */
package/dist/index.mjs CHANGED
@@ -7875,6 +7875,10 @@ const BZSt = KoliBri.createTheme("bzst", {
7875
7875
  }
7876
7876
  .disabled {
7877
7877
  opacity: 0.33;
7878
+ }
7879
+ .button:focus-within {
7880
+ outline: var(--focusOutline);
7881
+ outline-offset: 2px;
7878
7882
  }`,
7879
7883
  "KOL-INPUT-RADIO": `:host {
7880
7884
  --border-width: 1px;
@@ -10769,6 +10773,13 @@ const BMF = KoliBri.createTheme("bmf", {
10769
10773
  }
10770
10774
  :host kol-input.button .icon {
10771
10775
  height: auto;
10776
+ }
10777
+ .button:focus-within {
10778
+ border-radius: var(--a11y-min-size);
10779
+ outline-color: var(--color-ocean);
10780
+ outline-offset: 2px;
10781
+ outline-style: solid;
10782
+ outline-width: 3px;
10772
10783
  }`,
10773
10784
  "KOL-INPUT-RADIO": `/* INPUT */
10774
10785
  kol-input {
@@ -20295,6 +20306,13 @@ const DEFAULT = KoliBri.createTheme("default", {
20295
20306
  :host .disabled {
20296
20307
  opacity: 0.33;
20297
20308
  }
20309
+ .button:focus-within {
20310
+ border-radius: var(--border-radius);
20311
+ outline-color: var(--color-primary-variant);
20312
+ outline-offset: 2px;
20313
+ outline-style: solid;
20314
+ outline-width: calc(var(--border-width) * 2);
20315
+ }
20298
20316
  `,
20299
20317
  "KOL-INPUT-RADIO": css$1`
20300
20318
  label {
@@ -21559,6 +21577,12 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
21559
21577
  .hint {
21560
21578
  font-size: 0.875rem;
21561
21579
  order: 4;
21580
+ }
21581
+ .button:focus-within {
21582
+ outline-color: var(--color-blue);
21583
+ outline-offset: 2px;
21584
+ outline-style: solid;
21585
+ outline-width: 2px;
21562
21586
  }`,
21563
21587
  "KOL-INPUT-COLOR": `kol-input {
21564
21588
  color: var(--color-grey);
@@ -23213,6 +23237,11 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
23213
23237
  }
23214
23238
  .error .input {
23215
23239
  border-color: var(--color-red);
23240
+ }
23241
+ .button:focus-within {
23242
+ outline-color: var(--color-blue-130);
23243
+ outline-style: solid;
23244
+ outline-width: 2px;
23216
23245
  }`,
23217
23246
  "KOL-INPUT-FILE": `kol-input {
23218
23247
  color: var(--color-grey);
@@ -25347,6 +25376,13 @@ const ITZBund = KoliBri.createTheme("itzbund", {
25347
25376
  display: block;
25348
25377
  order: 3;
25349
25378
  padding: 0 var(--spacing);
25379
+ }
25380
+ .button:focus-within {
25381
+ border-radius: 2rem;
25382
+ outline-color: var(--color-achat) !important;
25383
+ outline-offset: 2px;
25384
+ outline-style: solid;
25385
+ outline-width: 3px;
25350
25386
  }`,
25351
25387
  "KOL-INPUT-RADIO": `/* INPUT */
25352
25388
  :host input:focus {
@@ -27479,6 +27515,13 @@ const MFM = KoliBri.createTheme("mfm", {
27479
27515
  }
27480
27516
  :host .disabled {
27481
27517
  opacity: 0.33;
27518
+ }
27519
+ .button:focus-within {
27520
+ border-radius: 0.25rem;
27521
+ outline-color: var(--color-ocean);
27522
+ outline-offset: 2px;
27523
+ outline-style: solid;
27524
+ outline-width: 3px;
27482
27525
  }`,
27483
27526
  "KOL-INPUT-RADIO": `/* INPUT */
27484
27527
  kol-input {
@@ -36196,6 +36239,13 @@ const MAPZ = KoliBri.createTheme("mapz", {
36196
36239
  }
36197
36240
  .disabled {
36198
36241
  opacity: 0.33;
36242
+ }
36243
+ .button:focus-within {
36244
+ border-radius: var(--kolibri-border-radius);
36245
+ outline-color: var(--kolibri-color-outline);
36246
+ outline-offset: 2px;
36247
+ outline-style: solid;
36248
+ outline-width: 3px;
36199
36249
  }`,
36200
36250
  "KOL-INPUT-RADIO": `label {
36201
36251
  cursor: pointer;
@@ -53772,6 +53822,13 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
53772
53822
  .disabled {
53773
53823
  opacity: 0.33;
53774
53824
  }
53825
+ .button:focus-within {
53826
+ border-radius: var(--border-radius);
53827
+ outline-color: var(--color-blau-dark);
53828
+ outline-offset: 0.125rem;
53829
+ outline-style: solid;
53830
+ outline-width: 0.125rem;
53831
+ }
53775
53832
  `,
53776
53833
  "KOL-INPUT-RADIO": css`
53777
53834
  /* ALL INPUT, SELECT, TEXTAREA */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.7.6-rc.2",
3
+ "version": "1.7.6",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": "https://github.com/public-ui/kolibri",
@@ -41,10 +41,10 @@
41
41
  "wcag"
42
42
  ],
43
43
  "devDependencies": {
44
- "@public-ui/schema": "1.7.6-rc.2",
44
+ "@public-ui/schema": "1.7.6",
45
45
  "@types/node": "ts5.3",
46
- "@typescript-eslint/eslint-plugin": "6.12.0",
47
- "@typescript-eslint/parser": "6.12.0",
46
+ "@typescript-eslint/eslint-plugin": "6.13.0",
47
+ "@typescript-eslint/parser": "6.13.0",
48
48
  "eslint": "8.54.0",
49
49
  "eslint-plugin-no-loops": "0.3.0",
50
50
  "nodemon": "3.0.1",
@@ -52,7 +52,7 @@
52
52
  "unbuild": "1.2.1"
53
53
  },
54
54
  "peerDependencies": {
55
- "@public-ui/components": "1.7.6-rc.2"
55
+ "@public-ui/components": "1.7.6"
56
56
  },
57
57
  "sideEffects": false,
58
58
  "type": "module",