@public-ui/themes 1.7.0-rc.12 → 1.7.0-rc.13

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 +52 -2
  2. package/dist/index.mjs +52 -2
  3. package/package.json +3 -3
package/dist/index.cjs CHANGED
@@ -4339,6 +4339,19 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
4339
4339
  -ms-transform: translateX(1em);
4340
4340
  transform: translateX(1em);
4341
4341
  }
4342
+ .switch {
4343
+ & .icon {
4344
+ width: 1.25em;
4345
+ height: 1.25em;
4346
+ left: 2px;
4347
+ }
4348
+ &:has(input:checked) .icon {
4349
+ transform: translate(2em, -50%);
4350
+ }
4351
+ &:has(input:indeterminate) .icon {
4352
+ transform: translate(1em, -50%);
4353
+ }
4354
+ }
4342
4355
  .disabled {
4343
4356
  opacity: 0.33;
4344
4357
  }`,
@@ -10702,6 +10715,20 @@ const BMF = KoliBri.createTheme("bmf", {
10702
10715
  -ms-transform: translateX(1em);
10703
10716
  transform: translateX(1em);
10704
10717
  }
10718
+ .switch {
10719
+ & .icon {
10720
+ width: 1.25em;
10721
+ height: 1.25em;
10722
+ left: 2px;
10723
+ color: #000;
10724
+ }
10725
+ &:has(input:checked) .icon {
10726
+ transform: translate(2em, -50%);
10727
+ }
10728
+ &:has(input:indeterminate) .icon {
10729
+ transform: translate(1em, -50%);
10730
+ }
10731
+ }
10705
10732
  :host .disabled {
10706
10733
  opacity: 0.33;
10707
10734
  }
@@ -20266,6 +20293,21 @@ const DEFAULT = KoliBri.createTheme("default", {
20266
20293
  :host kol-input.switch input[type='checkbox']:indeterminate:before {
20267
20294
  transform: translateX(1em);
20268
20295
  }
20296
+ .switch {
20297
+ & .icon {
20298
+ width: 1.25em;
20299
+ height: 1.25em;
20300
+ left: 2px;
20301
+ }
20302
+
20303
+ &:has(input:checked) .icon {
20304
+ transform: translate(2em, -50%);
20305
+ }
20306
+
20307
+ &:has(input:indeterminate) .icon {
20308
+ transform: translate(1em, -50%);
20309
+ }
20310
+ }
20269
20311
  :host .disabled {
20270
20312
  opacity: 0.33;
20271
20313
  }
@@ -25231,11 +25273,13 @@ const ITZBund = KoliBri.createTheme("itzbund", {
25231
25273
  transform: translateX(0.75em);
25232
25274
  background-color: var(--color-petrol);
25233
25275
  }
25276
+ .switch:has(input:not(:checked), input:indeterminate) .icon {
25277
+ color: #fff;
25278
+ }
25234
25279
  .disabled {
25235
25280
  opacity: 0.33;
25236
25281
  }
25237
- .default kol-icon,
25238
- .switch kol-icon {
25282
+ .default kol-icon {
25239
25283
  display: none;
25240
25284
  }
25241
25285
  kol-input span.hint {
@@ -36087,6 +36131,9 @@ const MAPZ = KoliBri.createTheme("mapz", {
36087
36131
  transform: translateX(0.75em);
36088
36132
  background-color: var(--kolibri-color-primary);
36089
36133
  }
36134
+ .switch:has(input:not(:checked), input:indeterminate) .icon {
36135
+ color: #fff;
36136
+ }
36090
36137
  .disabled {
36091
36138
  opacity: 0.33;
36092
36139
  }`,
@@ -53616,6 +53663,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
53616
53663
  transform: translateX(0.75em);
53617
53664
  background-color: white;
53618
53665
  }
53666
+ .switch:has(input:not(:checked, :indeterminate)) .icon {
53667
+ color: #fff;
53668
+ }
53619
53669
  .disabled {
53620
53670
  opacity: 0.33;
53621
53671
  }`,
package/dist/index.mjs CHANGED
@@ -4337,6 +4337,19 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
4337
4337
  -ms-transform: translateX(1em);
4338
4338
  transform: translateX(1em);
4339
4339
  }
4340
+ .switch {
4341
+ & .icon {
4342
+ width: 1.25em;
4343
+ height: 1.25em;
4344
+ left: 2px;
4345
+ }
4346
+ &:has(input:checked) .icon {
4347
+ transform: translate(2em, -50%);
4348
+ }
4349
+ &:has(input:indeterminate) .icon {
4350
+ transform: translate(1em, -50%);
4351
+ }
4352
+ }
4340
4353
  .disabled {
4341
4354
  opacity: 0.33;
4342
4355
  }`,
@@ -10700,6 +10713,20 @@ const BMF = KoliBri.createTheme("bmf", {
10700
10713
  -ms-transform: translateX(1em);
10701
10714
  transform: translateX(1em);
10702
10715
  }
10716
+ .switch {
10717
+ & .icon {
10718
+ width: 1.25em;
10719
+ height: 1.25em;
10720
+ left: 2px;
10721
+ color: #000;
10722
+ }
10723
+ &:has(input:checked) .icon {
10724
+ transform: translate(2em, -50%);
10725
+ }
10726
+ &:has(input:indeterminate) .icon {
10727
+ transform: translate(1em, -50%);
10728
+ }
10729
+ }
10703
10730
  :host .disabled {
10704
10731
  opacity: 0.33;
10705
10732
  }
@@ -20264,6 +20291,21 @@ const DEFAULT = KoliBri.createTheme("default", {
20264
20291
  :host kol-input.switch input[type='checkbox']:indeterminate:before {
20265
20292
  transform: translateX(1em);
20266
20293
  }
20294
+ .switch {
20295
+ & .icon {
20296
+ width: 1.25em;
20297
+ height: 1.25em;
20298
+ left: 2px;
20299
+ }
20300
+
20301
+ &:has(input:checked) .icon {
20302
+ transform: translate(2em, -50%);
20303
+ }
20304
+
20305
+ &:has(input:indeterminate) .icon {
20306
+ transform: translate(1em, -50%);
20307
+ }
20308
+ }
20267
20309
  :host .disabled {
20268
20310
  opacity: 0.33;
20269
20311
  }
@@ -25229,11 +25271,13 @@ const ITZBund = KoliBri.createTheme("itzbund", {
25229
25271
  transform: translateX(0.75em);
25230
25272
  background-color: var(--color-petrol);
25231
25273
  }
25274
+ .switch:has(input:not(:checked), input:indeterminate) .icon {
25275
+ color: #fff;
25276
+ }
25232
25277
  .disabled {
25233
25278
  opacity: 0.33;
25234
25279
  }
25235
- .default kol-icon,
25236
- .switch kol-icon {
25280
+ .default kol-icon {
25237
25281
  display: none;
25238
25282
  }
25239
25283
  kol-input span.hint {
@@ -36085,6 +36129,9 @@ const MAPZ = KoliBri.createTheme("mapz", {
36085
36129
  transform: translateX(0.75em);
36086
36130
  background-color: var(--kolibri-color-primary);
36087
36131
  }
36132
+ .switch:has(input:not(:checked), input:indeterminate) .icon {
36133
+ color: #fff;
36134
+ }
36088
36135
  .disabled {
36089
36136
  opacity: 0.33;
36090
36137
  }`,
@@ -53614,6 +53661,9 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
53614
53661
  transform: translateX(0.75em);
53615
53662
  background-color: white;
53616
53663
  }
53664
+ .switch:has(input:not(:checked, :indeterminate)) .icon {
53665
+ color: #fff;
53666
+ }
53617
53667
  .disabled {
53618
53668
  opacity: 0.33;
53619
53669
  }`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.7.0-rc.12",
3
+ "version": "1.7.0-rc.13",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": "https://github.com/public-ui/kolibri",
@@ -48,7 +48,7 @@
48
48
  "prepack": "unbuild"
49
49
  },
50
50
  "devDependencies": {
51
- "@public-ui/schema": "1.7.0-rc.12",
51
+ "@public-ui/schema": "1.7.0-rc.13",
52
52
  "@types/node": "ts5.1",
53
53
  "@typescript-eslint/eslint-plugin": "6.7.2",
54
54
  "@typescript-eslint/parser": "6.7.2",
@@ -58,7 +58,7 @@
58
58
  "unbuild": "1.2.1"
59
59
  },
60
60
  "peerDependencies": {
61
- "@public-ui/components": "1.7.0-rc.12"
61
+ "@public-ui/components": "1.7.0-rc.13"
62
62
  },
63
63
  "sideEffects": false,
64
64
  "type": "module",