@public-ui/themes 1.7.6-rc.1 → 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 +69 -12
  2. package/dist/index.mjs +69 -12
  3. package/package.json +8 -8
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;
@@ -9023,7 +9027,7 @@ const BMF = KoliBri.createTheme("bmf", {
9023
9027
  content: "*";
9024
9028
  padding-left: 0.125em;
9025
9029
  }
9026
- kol-input.error {
9030
+ kol-input.error:not(.hidden-error) {
9027
9031
  border-left: 3px solid var(--color-red);
9028
9032
  padding-left: 1em;
9029
9033
  }
@@ -9100,7 +9104,7 @@ const BMF = KoliBri.createTheme("bmf", {
9100
9104
  content: "*";
9101
9105
  padding-left: 0.125em;
9102
9106
  }
9103
- kol-input.error {
9107
+ kol-input.error:not(.hidden-error) {
9104
9108
  border-left: 3px solid var(--color-red);
9105
9109
  padding-left: 1em;
9106
9110
  }
@@ -9177,7 +9181,7 @@ const BMF = KoliBri.createTheme("bmf", {
9177
9181
  content: "*";
9178
9182
  padding-left: 0.125em;
9179
9183
  }
9180
- kol-input.error {
9184
+ kol-input.error:not(.hidden-error) {
9181
9185
  border-left: 3px solid var(--color-red);
9182
9186
  padding-left: 1em;
9183
9187
  }
@@ -9254,7 +9258,7 @@ const BMF = KoliBri.createTheme("bmf", {
9254
9258
  content: "*";
9255
9259
  padding-left: 0.125em;
9256
9260
  }
9257
- kol-input.error {
9261
+ kol-input.error:not(.hidden-error) {
9258
9262
  border-left: 3px solid var(--color-red);
9259
9263
  padding-left: 1em;
9260
9264
  }
@@ -9332,7 +9336,7 @@ const BMF = KoliBri.createTheme("bmf", {
9332
9336
  content: "*";
9333
9337
  padding-left: 0.125em;
9334
9338
  }
9335
- kol-input.error {
9339
+ kol-input.error:not(.hidden-error) {
9336
9340
  border-left: 3px solid var(--color-red);
9337
9341
  padding-left: 1em;
9338
9342
  }
@@ -9416,7 +9420,7 @@ const BMF = KoliBri.createTheme("bmf", {
9416
9420
  content: "*";
9417
9421
  padding-left: 0.125em;
9418
9422
  }
9419
- kol-input.error {
9423
+ kol-input.error:not(.hidden-error) {
9420
9424
  border-left: 3px solid var(--color-red);
9421
9425
  padding-left: 1em;
9422
9426
  }
@@ -9506,7 +9510,7 @@ const BMF = KoliBri.createTheme("bmf", {
9506
9510
  content: "*";
9507
9511
  padding-left: 0.125em;
9508
9512
  }
9509
- kol-input.error {
9513
+ kol-input.error:not(.hidden-error) {
9510
9514
  border-left: 3px solid var(--color-red);
9511
9515
  padding-left: 1em;
9512
9516
  }
@@ -10113,7 +10117,7 @@ const BMF = KoliBri.createTheme("bmf", {
10113
10117
  content: "*";
10114
10118
  padding-left: 0.125em;
10115
10119
  }
10116
- kol-input.error {
10120
+ kol-input.error:not(.hidden-error) {
10117
10121
  border-left: 3px solid var(--color-red);
10118
10122
  padding-left: 1em;
10119
10123
  }
@@ -10216,7 +10220,7 @@ const BMF = KoliBri.createTheme("bmf", {
10216
10220
  content: "*";
10217
10221
  padding-left: 0.125em;
10218
10222
  }
10219
- kol-input.error {
10223
+ kol-input.error:not(.hidden-error) {
10220
10224
  border-left: 3px solid var(--color-red);
10221
10225
  padding-left: 1em;
10222
10226
  }
@@ -10570,7 +10574,7 @@ const BMF = KoliBri.createTheme("bmf", {
10570
10574
  padding-top: 0.25em;
10571
10575
  grid-column: span 2 / auto;
10572
10576
  }
10573
- :host kol-input.error {
10577
+ :host kol-input.error:not(.hidden-error) {
10574
10578
  border-left: 3px solid var(--color-red);
10575
10579
  padding-left: 1em;
10576
10580
  }
@@ -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 {
@@ -11169,7 +11180,7 @@ const BMF = KoliBri.createTheme("bmf", {
11169
11180
  content: "*";
11170
11181
  padding-left: 0.125em;
11171
11182
  }
11172
- kol-input.error {
11183
+ kol-input.error:not(.hidden-error) {
11173
11184
  border-left: 3px solid var(--color-red);
11174
11185
  padding-left: 1em;
11175
11186
  }
@@ -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;
@@ -52824,7 +52874,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
52824
52874
  --color-grau-80: hsl(0 0% 20%);
52825
52875
  --color-grau-70: hsl(0 0% 30%);
52826
52876
  --color-grau-60: hsl(0 0% 40%);
52827
- --color-grau-50: hsl(0 0% 50%);
52877
+ --color-grau-50: #8b8b8b;
52828
52878
  --color-grau-40: hsl(0 0% 60%);
52829
52879
  --color-grau-30: hsl(0 0% 70%);
52830
52880
  --color-grau-20: hsl(0 0% 80%);
@@ -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;
@@ -9021,7 +9025,7 @@ const BMF = KoliBri.createTheme("bmf", {
9021
9025
  content: "*";
9022
9026
  padding-left: 0.125em;
9023
9027
  }
9024
- kol-input.error {
9028
+ kol-input.error:not(.hidden-error) {
9025
9029
  border-left: 3px solid var(--color-red);
9026
9030
  padding-left: 1em;
9027
9031
  }
@@ -9098,7 +9102,7 @@ const BMF = KoliBri.createTheme("bmf", {
9098
9102
  content: "*";
9099
9103
  padding-left: 0.125em;
9100
9104
  }
9101
- kol-input.error {
9105
+ kol-input.error:not(.hidden-error) {
9102
9106
  border-left: 3px solid var(--color-red);
9103
9107
  padding-left: 1em;
9104
9108
  }
@@ -9175,7 +9179,7 @@ const BMF = KoliBri.createTheme("bmf", {
9175
9179
  content: "*";
9176
9180
  padding-left: 0.125em;
9177
9181
  }
9178
- kol-input.error {
9182
+ kol-input.error:not(.hidden-error) {
9179
9183
  border-left: 3px solid var(--color-red);
9180
9184
  padding-left: 1em;
9181
9185
  }
@@ -9252,7 +9256,7 @@ const BMF = KoliBri.createTheme("bmf", {
9252
9256
  content: "*";
9253
9257
  padding-left: 0.125em;
9254
9258
  }
9255
- kol-input.error {
9259
+ kol-input.error:not(.hidden-error) {
9256
9260
  border-left: 3px solid var(--color-red);
9257
9261
  padding-left: 1em;
9258
9262
  }
@@ -9330,7 +9334,7 @@ const BMF = KoliBri.createTheme("bmf", {
9330
9334
  content: "*";
9331
9335
  padding-left: 0.125em;
9332
9336
  }
9333
- kol-input.error {
9337
+ kol-input.error:not(.hidden-error) {
9334
9338
  border-left: 3px solid var(--color-red);
9335
9339
  padding-left: 1em;
9336
9340
  }
@@ -9414,7 +9418,7 @@ const BMF = KoliBri.createTheme("bmf", {
9414
9418
  content: "*";
9415
9419
  padding-left: 0.125em;
9416
9420
  }
9417
- kol-input.error {
9421
+ kol-input.error:not(.hidden-error) {
9418
9422
  border-left: 3px solid var(--color-red);
9419
9423
  padding-left: 1em;
9420
9424
  }
@@ -9504,7 +9508,7 @@ const BMF = KoliBri.createTheme("bmf", {
9504
9508
  content: "*";
9505
9509
  padding-left: 0.125em;
9506
9510
  }
9507
- kol-input.error {
9511
+ kol-input.error:not(.hidden-error) {
9508
9512
  border-left: 3px solid var(--color-red);
9509
9513
  padding-left: 1em;
9510
9514
  }
@@ -10111,7 +10115,7 @@ const BMF = KoliBri.createTheme("bmf", {
10111
10115
  content: "*";
10112
10116
  padding-left: 0.125em;
10113
10117
  }
10114
- kol-input.error {
10118
+ kol-input.error:not(.hidden-error) {
10115
10119
  border-left: 3px solid var(--color-red);
10116
10120
  padding-left: 1em;
10117
10121
  }
@@ -10214,7 +10218,7 @@ const BMF = KoliBri.createTheme("bmf", {
10214
10218
  content: "*";
10215
10219
  padding-left: 0.125em;
10216
10220
  }
10217
- kol-input.error {
10221
+ kol-input.error:not(.hidden-error) {
10218
10222
  border-left: 3px solid var(--color-red);
10219
10223
  padding-left: 1em;
10220
10224
  }
@@ -10568,7 +10572,7 @@ const BMF = KoliBri.createTheme("bmf", {
10568
10572
  padding-top: 0.25em;
10569
10573
  grid-column: span 2 / auto;
10570
10574
  }
10571
- :host kol-input.error {
10575
+ :host kol-input.error:not(.hidden-error) {
10572
10576
  border-left: 3px solid var(--color-red);
10573
10577
  padding-left: 1em;
10574
10578
  }
@@ -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 {
@@ -11167,7 +11178,7 @@ const BMF = KoliBri.createTheme("bmf", {
11167
11178
  content: "*";
11168
11179
  padding-left: 0.125em;
11169
11180
  }
11170
- kol-input.error {
11181
+ kol-input.error:not(.hidden-error) {
11171
11182
  border-left: 3px solid var(--color-red);
11172
11183
  padding-left: 1em;
11173
11184
  }
@@ -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;
@@ -52822,7 +52872,7 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
52822
52872
  --color-grau-80: hsl(0 0% 20%);
52823
52873
  --color-grau-70: hsl(0 0% 30%);
52824
52874
  --color-grau-60: hsl(0 0% 40%);
52825
- --color-grau-50: hsl(0 0% 50%);
52875
+ --color-grau-50: #8b8b8b;
52826
52876
  --color-grau-40: hsl(0 0% 60%);
52827
52877
  --color-grau-30: hsl(0 0% 70%);
52828
52878
  --color-grau-20: hsl(0 0% 80%);
@@ -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.1",
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,18 +41,18 @@
41
41
  "wcag"
42
42
  ],
43
43
  "devDependencies": {
44
- "@public-ui/schema": "1.7.6-rc.1",
45
- "@types/node": "ts5.1",
46
- "@typescript-eslint/eslint-plugin": "6.10.0",
47
- "@typescript-eslint/parser": "6.10.0",
48
- "eslint": "8.53.0",
44
+ "@public-ui/schema": "1.7.6",
45
+ "@types/node": "ts5.3",
46
+ "@typescript-eslint/eslint-plugin": "6.13.0",
47
+ "@typescript-eslint/parser": "6.13.0",
48
+ "eslint": "8.54.0",
49
49
  "eslint-plugin-no-loops": "0.3.0",
50
50
  "nodemon": "3.0.1",
51
- "typescript": "5.2.2",
51
+ "typescript": "5.3.2",
52
52
  "unbuild": "1.2.1"
53
53
  },
54
54
  "peerDependencies": {
55
- "@public-ui/components": "1.7.6-rc.1"
55
+ "@public-ui/components": "1.7.6"
56
56
  },
57
57
  "sideEffects": false,
58
58
  "type": "module",