@public-ui/themes 1.5.3 → 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 +81 -12
  2. package/dist/index.mjs +81 -12
  3. package/package.json +6 -6
package/dist/index.cjs CHANGED
@@ -6885,6 +6885,9 @@ const BMF = KoliBri.createTheme("bmf", {
6885
6885
  ul li:last-child > span {
6886
6886
  color: var(--color-grey);
6887
6887
  }`,
6888
+ "KOL-MODAL": `:host .overlay .modal {
6889
+ max-height: calc(100% - 32px);
6890
+ }`,
6888
6891
  "KOL-ICON": `:host {
6889
6892
  width: 1em;
6890
6893
  height: 1em;
@@ -21602,13 +21605,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21602
21605
  select,
21603
21606
  textarea {
21604
21607
  border: none;
21605
- margin: 1px;
21608
+ margin: 1px 0.5em;
21606
21609
  outline: none;
21607
21610
  }
21608
21611
  input,
21609
21612
  select:not([multiple]) {
21610
- height: 44px !important;
21611
- min-height: 44px !important;
21613
+ height: 40px !important;
21614
+ min-height: 40px !important;
21612
21615
  }
21613
21616
  label {
21614
21617
  font-weight: var(--font-weight-bold);
@@ -21654,13 +21657,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21654
21657
  select,
21655
21658
  textarea {
21656
21659
  border: none;
21657
- margin: 1px;
21660
+ margin: 1px 0.5em;
21658
21661
  outline: none;
21659
21662
  }
21660
21663
  input,
21661
21664
  select:not([multiple]) {
21662
- height: 44px !important;
21663
- min-height: 44px !important;
21665
+ height: 40px !important;
21666
+ min-height: 40px !important;
21664
21667
  }
21665
21668
  label {
21666
21669
  font-weight: var(--font-weight-bold);
@@ -21810,13 +21813,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21810
21813
  select,
21811
21814
  textarea {
21812
21815
  border: none;
21813
- margin: 1px;
21816
+ margin: 1px 0.5em;
21814
21817
  outline: none;
21815
21818
  }
21816
21819
  input,
21817
21820
  select:not([multiple]) {
21818
- height: 44px !important;
21819
- min-height: 44px !important;
21821
+ height: 40px !important;
21822
+ min-height: 40px !important;
21820
21823
  }
21821
21824
  label {
21822
21825
  font-weight: var(--font-weight-bold);
@@ -21862,13 +21865,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21862
21865
  select,
21863
21866
  textarea {
21864
21867
  border: none;
21865
- margin: 1px;
21868
+ margin: 1px 0.5em;
21866
21869
  outline: none;
21867
21870
  }
21868
21871
  input,
21869
21872
  select:not([multiple]) {
21870
- height: 44px !important;
21871
- min-height: 44px !important;
21873
+ height: 40px !important;
21874
+ min-height: 40px !important;
21872
21875
  }
21873
21876
  label {
21874
21877
  font-weight: var(--font-weight-bold);
@@ -22056,6 +22059,72 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
22056
22059
  }
22057
22060
  .spin span:nth-child(4) {
22058
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;
22059
22128
  }`
22060
22129
  });
22061
22130
 
package/dist/index.mjs CHANGED
@@ -6883,6 +6883,9 @@ const BMF = KoliBri.createTheme("bmf", {
6883
6883
  ul li:last-child > span {
6884
6884
  color: var(--color-grey);
6885
6885
  }`,
6886
+ "KOL-MODAL": `:host .overlay .modal {
6887
+ max-height: calc(100% - 32px);
6888
+ }`,
6886
6889
  "KOL-ICON": `:host {
6887
6890
  width: 1em;
6888
6891
  height: 1em;
@@ -21600,13 +21603,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21600
21603
  select,
21601
21604
  textarea {
21602
21605
  border: none;
21603
- margin: 1px;
21606
+ margin: 1px 0.5em;
21604
21607
  outline: none;
21605
21608
  }
21606
21609
  input,
21607
21610
  select:not([multiple]) {
21608
- height: 44px !important;
21609
- min-height: 44px !important;
21611
+ height: 40px !important;
21612
+ min-height: 40px !important;
21610
21613
  }
21611
21614
  label {
21612
21615
  font-weight: var(--font-weight-bold);
@@ -21652,13 +21655,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21652
21655
  select,
21653
21656
  textarea {
21654
21657
  border: none;
21655
- margin: 1px;
21658
+ margin: 1px 0.5em;
21656
21659
  outline: none;
21657
21660
  }
21658
21661
  input,
21659
21662
  select:not([multiple]) {
21660
- height: 44px !important;
21661
- min-height: 44px !important;
21663
+ height: 40px !important;
21664
+ min-height: 40px !important;
21662
21665
  }
21663
21666
  label {
21664
21667
  font-weight: var(--font-weight-bold);
@@ -21808,13 +21811,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21808
21811
  select,
21809
21812
  textarea {
21810
21813
  border: none;
21811
- margin: 1px;
21814
+ margin: 1px 0.5em;
21812
21815
  outline: none;
21813
21816
  }
21814
21817
  input,
21815
21818
  select:not([multiple]) {
21816
- height: 44px !important;
21817
- min-height: 44px !important;
21819
+ height: 40px !important;
21820
+ min-height: 40px !important;
21818
21821
  }
21819
21822
  label {
21820
21823
  font-weight: var(--font-weight-bold);
@@ -21860,13 +21863,13 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
21860
21863
  select,
21861
21864
  textarea {
21862
21865
  border: none;
21863
- margin: 1px;
21866
+ margin: 1px 0.5em;
21864
21867
  outline: none;
21865
21868
  }
21866
21869
  input,
21867
21870
  select:not([multiple]) {
21868
- height: 44px !important;
21869
- min-height: 44px !important;
21871
+ height: 40px !important;
21872
+ min-height: 40px !important;
21870
21873
  }
21871
21874
  label {
21872
21875
  font-weight: var(--font-weight-bold);
@@ -22054,6 +22057,72 @@ const ECL_EU = KoliBri.createTheme("ecl-eu", {
22054
22057
  }
22055
22058
  .spin span:nth-child(4) {
22056
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;
22057
22126
  }`
22058
22127
  });
22059
22128
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.5.3",
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,17 +48,17 @@
48
48
  "prepack": "unbuild"
49
49
  },
50
50
  "devDependencies": {
51
- "@public-ui/schema": "1.5.3",
51
+ "@public-ui/schema": "1.6.0-rc.1",
52
52
  "@types/node": "ts4.9",
53
- "@typescript-eslint/eslint-plugin": "5.59.7",
54
- "@typescript-eslint/parser": "5.59.7",
55
- "eslint": "8.41.0",
53
+ "@typescript-eslint/eslint-plugin": "5.59.9",
54
+ "@typescript-eslint/parser": "5.59.9",
55
+ "eslint": "8.42.0",
56
56
  "eslint-plugin-no-loops": "0.3.0",
57
57
  "typescript": "5.0.4",
58
58
  "unbuild": "1.2.1"
59
59
  },
60
60
  "peerDependencies": {
61
- "@public-ui/components": "1.5.3"
61
+ "@public-ui/components": "1.6.0-rc.1"
62
62
  },
63
63
  "sideEffects": false,
64
64
  "type": "module",