@public-ui/themes 1.6.0-rc.0 → 1.6.0-rc.1

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 +78 -12
  2. package/dist/index.mjs +78 -12
  3. package/package.json +3 -3
package/dist/index.cjs CHANGED
@@ -21605,13 +21605,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21605
21605
  select,
21606
21606
  textarea {
21607
21607
  border: none;
21608
- margin: 1px;
21608
+ margin: 1px 0.5em;
21609
21609
  outline: none;
21610
21610
  }
21611
21611
  input,
21612
21612
  select:not([multiple]) {
21613
- height: 44px !important;
21614
- min-height: 44px !important;
21613
+ height: 40px !important;
21614
+ min-height: 40px !important;
21615
21615
  }
21616
21616
  label {
21617
21617
  font-weight: var(--font-weight-bold);
@@ -21657,13 +21657,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21657
21657
  select,
21658
21658
  textarea {
21659
21659
  border: none;
21660
- margin: 1px;
21660
+ margin: 1px 0.5em;
21661
21661
  outline: none;
21662
21662
  }
21663
21663
  input,
21664
21664
  select:not([multiple]) {
21665
- height: 44px !important;
21666
- min-height: 44px !important;
21665
+ height: 40px !important;
21666
+ min-height: 40px !important;
21667
21667
  }
21668
21668
  label {
21669
21669
  font-weight: var(--font-weight-bold);
@@ -21813,13 +21813,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21813
21813
  select,
21814
21814
  textarea {
21815
21815
  border: none;
21816
- margin: 1px;
21816
+ margin: 1px 0.5em;
21817
21817
  outline: none;
21818
21818
  }
21819
21819
  input,
21820
21820
  select:not([multiple]) {
21821
- height: 44px !important;
21822
- min-height: 44px !important;
21821
+ height: 40px !important;
21822
+ min-height: 40px !important;
21823
21823
  }
21824
21824
  label {
21825
21825
  font-weight: var(--font-weight-bold);
@@ -21865,13 +21865,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21865
21865
  select,
21866
21866
  textarea {
21867
21867
  border: none;
21868
- margin: 1px;
21868
+ margin: 1px 0.5em;
21869
21869
  outline: none;
21870
21870
  }
21871
21871
  input,
21872
21872
  select:not([multiple]) {
21873
- height: 44px !important;
21874
- min-height: 44px !important;
21873
+ height: 40px !important;
21874
+ min-height: 40px !important;
21875
21875
  }
21876
21876
  label {
21877
21877
  font-weight: var(--font-weight-bold);
@@ -22059,6 +22059,72 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
22059
22059
  }
22060
22060
  .spin span:nth-child(4) {
22061
22061
  background-color: var(--color-grey-20);
22062
+ }`,
22063
+ "KOL-INPUT-RADIO": `fieldset {
22064
+ border: 0;
22065
+ gap: 0.5rem;
22066
+ }
22067
+ div[slot="input"] {
22068
+ gap: 0.25rem;
22069
+ }
22070
+ fieldset kol-alert {
22071
+ order: 1;
22072
+ }
22073
+ fieldset .hint {
22074
+ order: 2;
22075
+ }
22076
+ fieldset kol-alert {
22077
+ order: 3;
22078
+ }
22079
+ fieldset kol-input {
22080
+ order: 4;
22081
+ }
22082
+ input[type="radio"] {
22083
+ border: 2px solid var(--color-grey-75);
22084
+ }
22085
+ input[type="radio"]:before {
22086
+ display: none;
22087
+ }
22088
+ input[type="radio"]:checked {
22089
+ border-color: var(--color-blue);
22090
+ border-width: 7px;
22091
+ }
22092
+ input[type="radio"]:focus {
22093
+ outline: 2px solid var(--color-blue);
22094
+ outline-offset: 2px;
22095
+ }
22096
+ input[type="radio"]:not(:disabled):hover {
22097
+ border-color: var(--color-blue);
22098
+ }
22099
+ label,
22100
+ legend {
22101
+ color: var(--color-grey);
22102
+ }
22103
+ legend {
22104
+ font-weight: var(--font-weight-bold);
22105
+ }
22106
+ .error input[type="radio"] {
22107
+ border: 2px solid var(--color-red);
22108
+ }
22109
+ .error input[type="radio"]:before {
22110
+ display: none;
22111
+ }
22112
+ .error input[type="radio"]:checked {
22113
+ border-color: var(--color-red);
22114
+ border-width: 7px;
22115
+ }
22116
+ .error input[type="radio"]:not(:disabled):hover {
22117
+ border-color: var(--color-red-1xx);
22118
+ }
22119
+ kol-alert {
22120
+ color: var(--color-red);
22121
+ font-size: 0.875em;
22122
+ margin-left: calc(-1 * var(--spacing-xs));
22123
+ order: 1;
22124
+ }
22125
+ .hint {
22126
+ font-size: 0.875rem;
22127
+ order: 4;
22062
22128
  }`
22063
22129
  });
22064
22130
 
package/dist/index.mjs CHANGED
@@ -21603,13 +21603,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21603
21603
  select,
21604
21604
  textarea {
21605
21605
  border: none;
21606
- margin: 1px;
21606
+ margin: 1px 0.5em;
21607
21607
  outline: none;
21608
21608
  }
21609
21609
  input,
21610
21610
  select:not([multiple]) {
21611
- height: 44px !important;
21612
- min-height: 44px !important;
21611
+ height: 40px !important;
21612
+ min-height: 40px !important;
21613
21613
  }
21614
21614
  label {
21615
21615
  font-weight: var(--font-weight-bold);
@@ -21655,13 +21655,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21655
21655
  select,
21656
21656
  textarea {
21657
21657
  border: none;
21658
- margin: 1px;
21658
+ margin: 1px 0.5em;
21659
21659
  outline: none;
21660
21660
  }
21661
21661
  input,
21662
21662
  select:not([multiple]) {
21663
- height: 44px !important;
21664
- min-height: 44px !important;
21663
+ height: 40px !important;
21664
+ min-height: 40px !important;
21665
21665
  }
21666
21666
  label {
21667
21667
  font-weight: var(--font-weight-bold);
@@ -21811,13 +21811,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21811
21811
  select,
21812
21812
  textarea {
21813
21813
  border: none;
21814
- margin: 1px;
21814
+ margin: 1px 0.5em;
21815
21815
  outline: none;
21816
21816
  }
21817
21817
  input,
21818
21818
  select:not([multiple]) {
21819
- height: 44px !important;
21820
- min-height: 44px !important;
21819
+ height: 40px !important;
21820
+ min-height: 40px !important;
21821
21821
  }
21822
21822
  label {
21823
21823
  font-weight: var(--font-weight-bold);
@@ -21863,13 +21863,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21863
21863
  select,
21864
21864
  textarea {
21865
21865
  border: none;
21866
- margin: 1px;
21866
+ margin: 1px 0.5em;
21867
21867
  outline: none;
21868
21868
  }
21869
21869
  input,
21870
21870
  select:not([multiple]) {
21871
- height: 44px !important;
21872
- min-height: 44px !important;
21871
+ height: 40px !important;
21872
+ min-height: 40px !important;
21873
21873
  }
21874
21874
  label {
21875
21875
  font-weight: var(--font-weight-bold);
@@ -22057,6 +22057,72 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
22057
22057
  }
22058
22058
  .spin span:nth-child(4) {
22059
22059
  background-color: var(--color-grey-20);
22060
+ }`,
22061
+ "KOL-INPUT-RADIO": `fieldset {
22062
+ border: 0;
22063
+ gap: 0.5rem;
22064
+ }
22065
+ div[slot="input"] {
22066
+ gap: 0.25rem;
22067
+ }
22068
+ fieldset kol-alert {
22069
+ order: 1;
22070
+ }
22071
+ fieldset .hint {
22072
+ order: 2;
22073
+ }
22074
+ fieldset kol-alert {
22075
+ order: 3;
22076
+ }
22077
+ fieldset kol-input {
22078
+ order: 4;
22079
+ }
22080
+ input[type="radio"] {
22081
+ border: 2px solid var(--color-grey-75);
22082
+ }
22083
+ input[type="radio"]:before {
22084
+ display: none;
22085
+ }
22086
+ input[type="radio"]:checked {
22087
+ border-color: var(--color-blue);
22088
+ border-width: 7px;
22089
+ }
22090
+ input[type="radio"]:focus {
22091
+ outline: 2px solid var(--color-blue);
22092
+ outline-offset: 2px;
22093
+ }
22094
+ input[type="radio"]:not(:disabled):hover {
22095
+ border-color: var(--color-blue);
22096
+ }
22097
+ label,
22098
+ legend {
22099
+ color: var(--color-grey);
22100
+ }
22101
+ legend {
22102
+ font-weight: var(--font-weight-bold);
22103
+ }
22104
+ .error input[type="radio"] {
22105
+ border: 2px solid var(--color-red);
22106
+ }
22107
+ .error input[type="radio"]:before {
22108
+ display: none;
22109
+ }
22110
+ .error input[type="radio"]:checked {
22111
+ border-color: var(--color-red);
22112
+ border-width: 7px;
22113
+ }
22114
+ .error input[type="radio"]:not(:disabled):hover {
22115
+ border-color: var(--color-red-1xx);
22116
+ }
22117
+ kol-alert {
22118
+ color: var(--color-red);
22119
+ font-size: 0.875em;
22120
+ margin-left: calc(-1 * var(--spacing-xs));
22121
+ order: 1;
22122
+ }
22123
+ .hint {
22124
+ font-size: 0.875rem;
22125
+ order: 4;
22060
22126
  }`
22061
22127
  });
22062
22128
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.6.0-rc.0",
3
+ "version": "1.6.0-rc.1",
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.6.0-rc.0",
51
+ "@public-ui/schema": "1.6.0-rc.1",
52
52
  "@types/node": "ts4.9",
53
53
  "@typescript-eslint/eslint-plugin": "5.59.9",
54
54
  "@typescript-eslint/parser": "5.59.9",
@@ -58,7 +58,7 @@
58
58
  "unbuild": "1.2.1"
59
59
  },
60
60
  "peerDependencies": {
61
- "@public-ui/components": "1.6.0-rc.0"
61
+ "@public-ui/components": "1.6.0-rc.1"
62
62
  },
63
63
  "sideEffects": false,
64
64
  "type": "module",