@public-ui/themes 1.6.0-rc.3 → 1.6.0-rc.5

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 +41 -41
  2. package/dist/index.mjs +41 -41
  3. package/package.json +6 -9
package/dist/index.cjs CHANGED
@@ -820,7 +820,7 @@ const BPA = KoliBri.createTheme("bpa", {
820
820
  border-radius: 0.125rem;
821
821
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
822
822
  }
823
- .icon-only > kol-span-wc {
823
+ .hide-label > kol-span-wc {
824
824
  padding: 0.625rem;
825
825
  }
826
826
  .button.ghost a kol-span-wc {
@@ -2187,10 +2187,10 @@ const BZSt = KoliBri.createTheme("bzst", {
2187
2187
  align-items: center;
2188
2188
  justify-content: center;
2189
2189
  }
2190
- button.icon-only {
2190
+ button.hide-label {
2191
2191
  padding: 0.5rem;
2192
2192
  }
2193
- button.icon-only kol-icon {
2193
+ button.hide-label kol-icon {
2194
2194
  display: inline-block;
2195
2195
  width: 1.5em;
2196
2196
  height: 1.5em;
@@ -3216,10 +3216,10 @@ const BZSt = KoliBri.createTheme("bzst", {
3216
3216
  background-color: rgba(0, 0, 0, 0);
3217
3217
  border-color: rgba(0, 0, 0, 0);
3218
3218
  }
3219
- .close > button.icon-only {
3219
+ .close > button.hide-label {
3220
3220
  padding: 8px;
3221
3221
  }
3222
- .close > button.icon-only kol-icon {
3222
+ .close > button.hide-label kol-icon {
3223
3223
  display: inline-block;
3224
3224
  width: 1.5em;
3225
3225
  height: 1.5em;
@@ -4615,10 +4615,10 @@ const BZSt = KoliBri.createTheme("bzst", {
4615
4615
  align-items: center;
4616
4616
  justify-content: center;
4617
4617
  }
4618
- a.icon-only {
4618
+ a.hide-label {
4619
4619
  padding: 8px;
4620
4620
  }
4621
- a.icon-only kol-icon {
4621
+ a.hide-label kol-icon {
4622
4622
  display: inline-block;
4623
4623
  width: 1.5em;
4624
4624
  height: 1.5em;
@@ -4911,11 +4911,11 @@ const BMF = KoliBri.createTheme("bmf", {
4911
4911
  box-shadow: none;
4912
4912
  outline: none;
4913
4913
  }
4914
- :is(a, button).icon-only > kol-span-wc {
4914
+ :is(a, button).hide-label > kol-span-wc {
4915
4915
  padding: 8px;
4916
4916
  width: unset;
4917
4917
  }
4918
- :is(a, button).icon-only > kol-span-wc > span > span {
4918
+ :is(a, button).hide-label > kol-span-wc > span > span {
4919
4919
  display: none;
4920
4920
  }
4921
4921
  :is(a, button).loading > kol-span-wc kol-icon {
@@ -5737,20 +5737,20 @@ const BMF = KoliBri.createTheme("bmf", {
5737
5737
  background-color: rgba(0, 0, 0, 0);
5738
5738
  border-color: rgba(0, 0, 0, 0);
5739
5739
  }
5740
- .close > button.icon-only {
5740
+ .close > button.hide-label {
5741
5741
  padding: 8px;
5742
5742
  }
5743
- .close > button.icon-only kol-icon {
5743
+ .close > button.hide-label kol-icon {
5744
5744
  display: flex;
5745
5745
  width: 1em;
5746
5746
  height: 1em;
5747
5747
  font-size: 1rem;
5748
5748
  }
5749
- .close > button.icon-only kol-icon::part(icon) {
5749
+ .close > button.hide-label kol-icon::part(icon) {
5750
5750
  font-family: "Font Awesome 6 Free";
5751
5751
  font-weight: 900;
5752
5752
  }
5753
- .close > button.icon-only kol-icon::part(icon)::before {
5753
+ .close > button.hide-label kol-icon::part(icon)::before {
5754
5754
  content: "\\f00d";
5755
5755
  }
5756
5756
  .close > button:active {
@@ -7102,11 +7102,11 @@ const BMF = KoliBri.createTheme("bmf", {
7102
7102
  box-shadow: none;
7103
7103
  outline: none;
7104
7104
  }
7105
- :is(a, button).icon-only > kol-span-wc {
7105
+ :is(a, button).hide-label > kol-span-wc {
7106
7106
  padding: 8px;
7107
7107
  width: unset;
7108
7108
  }
7109
- :is(a, button).icon-only > kol-span-wc > span > span {
7109
+ :is(a, button).hide-label > kol-span-wc > span > span {
7110
7110
  display: none;
7111
7111
  }
7112
7112
  :is(a, button).loading > kol-span-wc kol-icon {
@@ -14537,13 +14537,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
14537
14537
  justify-content: center;
14538
14538
  letter-spacing: 0.75px;
14539
14539
  }
14540
- button.icon-only > kol-span-wc {
14540
+ button.hide-label > kol-span-wc {
14541
14541
  padding: 8px;
14542
14542
  }
14543
- button.icon-only > kol-span-wc > span > span {
14543
+ button.hide-label > kol-span-wc > span > span {
14544
14544
  display: none;
14545
14545
  }
14546
- button.icon-only > kol-span-wc kol-icon {
14546
+ button.hide-label > kol-span-wc kol-icon {
14547
14547
  display: inline-block;
14548
14548
  width: 1.5em;
14549
14549
  height: 1.5em;
@@ -14681,7 +14681,7 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
14681
14681
  :host > div[part*="open"] {
14682
14682
  padding-bottom: 1em;
14683
14683
  }`,
14684
- "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
14684
+ "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.hide-label {padding: 8px;}.close > button.hide-label kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
14685
14685
  "KOL-CARD": `/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
14686
14686
  :host > div {
14687
14687
  display: grid;
@@ -17054,13 +17054,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
17054
17054
  justify-content: center;
17055
17055
  letter-spacing: 0.75px;
17056
17056
  }
17057
- a.icon-only > kol-span-wc {
17057
+ a.hide-label > kol-span-wc {
17058
17058
  padding: 8px;
17059
17059
  }
17060
- a.icon-only > kol-span-wc > span > span {
17060
+ a.hide-label > kol-span-wc > span > span {
17061
17061
  display: none;
17062
17062
  }
17063
- a.icon-only > kol-span-wc kol-icon {
17063
+ a.hide-label > kol-span-wc kol-icon {
17064
17064
  display: inline-block;
17065
17065
  width: 1.5em;
17066
17066
  height: 1.5em;
@@ -17376,13 +17376,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
17376
17376
  justify-content: center;
17377
17377
  letter-spacing: 0.75px;
17378
17378
  }
17379
- button.icon-only > kol-span-wc {
17379
+ button.hide-label > kol-span-wc {
17380
17380
  padding: 8px;
17381
17381
  }
17382
- button.icon-only > kol-span-wc > span > span {
17382
+ button.hide-label > kol-span-wc > span > span {
17383
17383
  display: none;
17384
17384
  }
17385
- button.icon-only > kol-span-wc kol-icon {
17385
+ button.hide-label > kol-span-wc kol-icon {
17386
17386
  display: inline-block;
17387
17387
  width: 1.5em;
17388
17388
  height: 1.5em;
@@ -17520,7 +17520,7 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
17520
17520
  :host > div[part*="open"] {
17521
17521
  padding-bottom: 1em;
17522
17522
  }`,
17523
- "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
17523
+ "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.hide-label {padding: 8px;}.close > button.hide-label kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
17524
17524
  "KOL-CARD": `/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
17525
17525
  :host > div {
17526
17526
  display: grid;
@@ -19893,13 +19893,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
19893
19893
  justify-content: center;
19894
19894
  letter-spacing: 0.75px;
19895
19895
  }
19896
- a.icon-only > kol-span-wc {
19896
+ a.hide-label > kol-span-wc {
19897
19897
  padding: 8px;
19898
19898
  }
19899
- a.icon-only > kol-span-wc > span > span {
19899
+ a.hide-label > kol-span-wc > span > span {
19900
19900
  display: none;
19901
19901
  }
19902
- a.icon-only > kol-span-wc kol-icon {
19902
+ a.hide-label > kol-span-wc kol-icon {
19903
19903
  display: inline-block;
19904
19904
  width: 1.5em;
19905
19905
  height: 1.5em;
@@ -22990,8 +22990,8 @@ const ITZBund = KoliBri.createTheme("itzbund", {
22990
22990
  font-size: inherit; /*line-height: 1.25em;*/ /*padding: calc(4 * var(--spacing));*/
22991
22991
  padding: 0 1rem;
22992
22992
  }
22993
- .button a.icon-only > kol-span-wc,
22994
- .button button.icon-only > kol-span-wc {
22993
+ .button a.hide-label > kol-span-wc,
22994
+ .button button.hide-label > kol-span-wc {
22995
22995
  padding: 0 0.5rem;
22996
22996
  }
22997
22997
  a > kol-span-wc,
@@ -23102,8 +23102,8 @@ const ITZBund = KoliBri.createTheme("itzbund", {
23102
23102
  font-size: inherit; /*line-height: 1.25em;*/ /*padding: calc(4 * var(--spacing));*/
23103
23103
  padding: 0 1rem;
23104
23104
  }
23105
- .button a.icon-only > kol-span-wc,
23106
- .button button.icon-only > kol-span-wc {
23105
+ .button a.hide-label > kol-span-wc,
23106
+ .button button.hide-label > kol-span-wc {
23107
23107
  padding: 0 0.5rem;
23108
23108
  }
23109
23109
  a > kol-span-wc,
@@ -42732,12 +42732,12 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42732
42732
  gap: 0.5rem;
42733
42733
  line-height: 1rem;
42734
42734
  }
42735
- :host > kol-button-wc > button > kol-span-wc:not(.icon-only),
42736
- :host > kol-link-wc > a > kol-span-wc:not(.icon-only) {
42735
+ :host > kol-button-wc > button > kol-span-wc:not(.hide-label),
42736
+ :host > kol-link-wc > a > kol-span-wc:not(.hide-label) {
42737
42737
  padding: 0.75rem 1rem;
42738
42738
  }
42739
- :host > kol-button-wc > button > kol-span-wc.icon-only,
42740
- :host > kol-link-wc > a > kol-span-wc.icon-only {
42739
+ :host > kol-button-wc > button > kol-span-wc.hide-label,
42740
+ :host > kol-link-wc > a > kol-span-wc.hide-label {
42741
42741
  padding: 0.75rem;
42742
42742
  }
42743
42743
  :host > kol-button-wc > button > kol-span-wc span,
@@ -42830,12 +42830,12 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42830
42830
  gap: 0.5rem;
42831
42831
  line-height: 1rem;
42832
42832
  }
42833
- :host > kol-button-wc > button > kol-span-wc:not(.icon-only),
42834
- :host > kol-link-wc > a > kol-span-wc:not(.icon-only) {
42833
+ :host > kol-button-wc > button > kol-span-wc:not(.hide-label),
42834
+ :host > kol-link-wc > a > kol-span-wc:not(.hide-label) {
42835
42835
  padding: 0.75rem 1rem;
42836
42836
  }
42837
- :host > kol-button-wc > button > kol-span-wc.icon-only,
42838
- :host > kol-link-wc > a > kol-span-wc.icon-only {
42837
+ :host > kol-button-wc > button > kol-span-wc.hide-label,
42838
+ :host > kol-link-wc > a > kol-span-wc.hide-label {
42839
42839
  padding: 0.75rem;
42840
42840
  }
42841
42841
  :host > kol-button-wc > button > kol-span-wc span,
package/dist/index.mjs CHANGED
@@ -818,7 +818,7 @@ const BPA = KoliBri.createTheme("bpa", {
818
818
  border-radius: 0.125rem;
819
819
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
820
820
  }
821
- .icon-only > kol-span-wc {
821
+ .hide-label > kol-span-wc {
822
822
  padding: 0.625rem;
823
823
  }
824
824
  .button.ghost a kol-span-wc {
@@ -2185,10 +2185,10 @@ const BZSt = KoliBri.createTheme("bzst", {
2185
2185
  align-items: center;
2186
2186
  justify-content: center;
2187
2187
  }
2188
- button.icon-only {
2188
+ button.hide-label {
2189
2189
  padding: 0.5rem;
2190
2190
  }
2191
- button.icon-only kol-icon {
2191
+ button.hide-label kol-icon {
2192
2192
  display: inline-block;
2193
2193
  width: 1.5em;
2194
2194
  height: 1.5em;
@@ -3214,10 +3214,10 @@ const BZSt = KoliBri.createTheme("bzst", {
3214
3214
  background-color: rgba(0, 0, 0, 0);
3215
3215
  border-color: rgba(0, 0, 0, 0);
3216
3216
  }
3217
- .close > button.icon-only {
3217
+ .close > button.hide-label {
3218
3218
  padding: 8px;
3219
3219
  }
3220
- .close > button.icon-only kol-icon {
3220
+ .close > button.hide-label kol-icon {
3221
3221
  display: inline-block;
3222
3222
  width: 1.5em;
3223
3223
  height: 1.5em;
@@ -4613,10 +4613,10 @@ const BZSt = KoliBri.createTheme("bzst", {
4613
4613
  align-items: center;
4614
4614
  justify-content: center;
4615
4615
  }
4616
- a.icon-only {
4616
+ a.hide-label {
4617
4617
  padding: 8px;
4618
4618
  }
4619
- a.icon-only kol-icon {
4619
+ a.hide-label kol-icon {
4620
4620
  display: inline-block;
4621
4621
  width: 1.5em;
4622
4622
  height: 1.5em;
@@ -4909,11 +4909,11 @@ const BMF = KoliBri.createTheme("bmf", {
4909
4909
  box-shadow: none;
4910
4910
  outline: none;
4911
4911
  }
4912
- :is(a, button).icon-only > kol-span-wc {
4912
+ :is(a, button).hide-label > kol-span-wc {
4913
4913
  padding: 8px;
4914
4914
  width: unset;
4915
4915
  }
4916
- :is(a, button).icon-only > kol-span-wc > span > span {
4916
+ :is(a, button).hide-label > kol-span-wc > span > span {
4917
4917
  display: none;
4918
4918
  }
4919
4919
  :is(a, button).loading > kol-span-wc kol-icon {
@@ -5735,20 +5735,20 @@ const BMF = KoliBri.createTheme("bmf", {
5735
5735
  background-color: rgba(0, 0, 0, 0);
5736
5736
  border-color: rgba(0, 0, 0, 0);
5737
5737
  }
5738
- .close > button.icon-only {
5738
+ .close > button.hide-label {
5739
5739
  padding: 8px;
5740
5740
  }
5741
- .close > button.icon-only kol-icon {
5741
+ .close > button.hide-label kol-icon {
5742
5742
  display: flex;
5743
5743
  width: 1em;
5744
5744
  height: 1em;
5745
5745
  font-size: 1rem;
5746
5746
  }
5747
- .close > button.icon-only kol-icon::part(icon) {
5747
+ .close > button.hide-label kol-icon::part(icon) {
5748
5748
  font-family: "Font Awesome 6 Free";
5749
5749
  font-weight: 900;
5750
5750
  }
5751
- .close > button.icon-only kol-icon::part(icon)::before {
5751
+ .close > button.hide-label kol-icon::part(icon)::before {
5752
5752
  content: "\\f00d";
5753
5753
  }
5754
5754
  .close > button:active {
@@ -7100,11 +7100,11 @@ const BMF = KoliBri.createTheme("bmf", {
7100
7100
  box-shadow: none;
7101
7101
  outline: none;
7102
7102
  }
7103
- :is(a, button).icon-only > kol-span-wc {
7103
+ :is(a, button).hide-label > kol-span-wc {
7104
7104
  padding: 8px;
7105
7105
  width: unset;
7106
7106
  }
7107
- :is(a, button).icon-only > kol-span-wc > span > span {
7107
+ :is(a, button).hide-label > kol-span-wc > span > span {
7108
7108
  display: none;
7109
7109
  }
7110
7110
  :is(a, button).loading > kol-span-wc kol-icon {
@@ -14535,13 +14535,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
14535
14535
  justify-content: center;
14536
14536
  letter-spacing: 0.75px;
14537
14537
  }
14538
- button.icon-only > kol-span-wc {
14538
+ button.hide-label > kol-span-wc {
14539
14539
  padding: 8px;
14540
14540
  }
14541
- button.icon-only > kol-span-wc > span > span {
14541
+ button.hide-label > kol-span-wc > span > span {
14542
14542
  display: none;
14543
14543
  }
14544
- button.icon-only > kol-span-wc kol-icon {
14544
+ button.hide-label > kol-span-wc kol-icon {
14545
14545
  display: inline-block;
14546
14546
  width: 1.5em;
14547
14547
  height: 1.5em;
@@ -14679,7 +14679,7 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
14679
14679
  :host > div[part*="open"] {
14680
14680
  padding-bottom: 1em;
14681
14681
  }`,
14682
- "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
14682
+ "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.hide-label {padding: 8px;}.close > button.hide-label kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
14683
14683
  "KOL-CARD": `/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
14684
14684
  :host > div {
14685
14685
  display: grid;
@@ -17052,13 +17052,13 @@ const DESYv1 = KoliBri.createTheme("desy-v1", {
17052
17052
  justify-content: center;
17053
17053
  letter-spacing: 0.75px;
17054
17054
  }
17055
- a.icon-only > kol-span-wc {
17055
+ a.hide-label > kol-span-wc {
17056
17056
  padding: 8px;
17057
17057
  }
17058
- a.icon-only > kol-span-wc > span > span {
17058
+ a.hide-label > kol-span-wc > span > span {
17059
17059
  display: none;
17060
17060
  }
17061
- a.icon-only > kol-span-wc kol-icon {
17061
+ a.hide-label > kol-span-wc kol-icon {
17062
17062
  display: inline-block;
17063
17063
  width: 1.5em;
17064
17064
  height: 1.5em;
@@ -17374,13 +17374,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
17374
17374
  justify-content: center;
17375
17375
  letter-spacing: 0.75px;
17376
17376
  }
17377
- button.icon-only > kol-span-wc {
17377
+ button.hide-label > kol-span-wc {
17378
17378
  padding: 8px;
17379
17379
  }
17380
- button.icon-only > kol-span-wc > span > span {
17380
+ button.hide-label > kol-span-wc > span > span {
17381
17381
  display: none;
17382
17382
  }
17383
- button.icon-only > kol-span-wc kol-icon {
17383
+ button.hide-label > kol-span-wc kol-icon {
17384
17384
  display: inline-block;
17385
17385
  width: 1.5em;
17386
17386
  height: 1.5em;
@@ -17518,7 +17518,7 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
17518
17518
  :host > div[part*="open"] {
17519
17519
  padding-bottom: 1em;
17520
17520
  }`,
17521
- "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
17521
+ "KOL-ALERT": `:host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {min-width: 44px;min-height: 44px;display: grid;gap: 0.25em;line-height: 1.5rem;font-family: var(--font-family);font-weight: 700;cursor: pointer;border-radius: 1.5em;border-style: solid;border-width: 2px;font-size: 1rem;align-items: center;padding: 8px 14px;justify-content: center;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.hide-label {padding: 8px;}.close > button.hide-label kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}`,
17522
17522
  "KOL-CARD": `/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */
17523
17523
  :host > div {
17524
17524
  display: grid;
@@ -19891,13 +19891,13 @@ const DESYv2 = KoliBri.createTheme("desy-v2", {
19891
19891
  justify-content: center;
19892
19892
  letter-spacing: 0.75px;
19893
19893
  }
19894
- a.icon-only > kol-span-wc {
19894
+ a.hide-label > kol-span-wc {
19895
19895
  padding: 8px;
19896
19896
  }
19897
- a.icon-only > kol-span-wc > span > span {
19897
+ a.hide-label > kol-span-wc > span > span {
19898
19898
  display: none;
19899
19899
  }
19900
- a.icon-only > kol-span-wc kol-icon {
19900
+ a.hide-label > kol-span-wc kol-icon {
19901
19901
  display: inline-block;
19902
19902
  width: 1.5em;
19903
19903
  height: 1.5em;
@@ -22988,8 +22988,8 @@ const ITZBund = KoliBri.createTheme("itzbund", {
22988
22988
  font-size: inherit; /*line-height: 1.25em;*/ /*padding: calc(4 * var(--spacing));*/
22989
22989
  padding: 0 1rem;
22990
22990
  }
22991
- .button a.icon-only > kol-span-wc,
22992
- .button button.icon-only > kol-span-wc {
22991
+ .button a.hide-label > kol-span-wc,
22992
+ .button button.hide-label > kol-span-wc {
22993
22993
  padding: 0 0.5rem;
22994
22994
  }
22995
22995
  a > kol-span-wc,
@@ -23100,8 +23100,8 @@ const ITZBund = KoliBri.createTheme("itzbund", {
23100
23100
  font-size: inherit; /*line-height: 1.25em;*/ /*padding: calc(4 * var(--spacing));*/
23101
23101
  padding: 0 1rem;
23102
23102
  }
23103
- .button a.icon-only > kol-span-wc,
23104
- .button button.icon-only > kol-span-wc {
23103
+ .button a.hide-label > kol-span-wc,
23104
+ .button button.hide-label > kol-span-wc {
23105
23105
  padding: 0 0.5rem;
23106
23106
  }
23107
23107
  a > kol-span-wc,
@@ -42730,12 +42730,12 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42730
42730
  gap: 0.5rem;
42731
42731
  line-height: 1rem;
42732
42732
  }
42733
- :host > kol-button-wc > button > kol-span-wc:not(.icon-only),
42734
- :host > kol-link-wc > a > kol-span-wc:not(.icon-only) {
42733
+ :host > kol-button-wc > button > kol-span-wc:not(.hide-label),
42734
+ :host > kol-link-wc > a > kol-span-wc:not(.hide-label) {
42735
42735
  padding: 0.75rem 1rem;
42736
42736
  }
42737
- :host > kol-button-wc > button > kol-span-wc.icon-only,
42738
- :host > kol-link-wc > a > kol-span-wc.icon-only {
42737
+ :host > kol-button-wc > button > kol-span-wc.hide-label,
42738
+ :host > kol-link-wc > a > kol-span-wc.hide-label {
42739
42739
  padding: 0.75rem;
42740
42740
  }
42741
42741
  :host > kol-button-wc > button > kol-span-wc span,
@@ -42828,12 +42828,12 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
42828
42828
  gap: 0.5rem;
42829
42829
  line-height: 1rem;
42830
42830
  }
42831
- :host > kol-button-wc > button > kol-span-wc:not(.icon-only),
42832
- :host > kol-link-wc > a > kol-span-wc:not(.icon-only) {
42831
+ :host > kol-button-wc > button > kol-span-wc:not(.hide-label),
42832
+ :host > kol-link-wc > a > kol-span-wc:not(.hide-label) {
42833
42833
  padding: 0.75rem 1rem;
42834
42834
  }
42835
- :host > kol-button-wc > button > kol-span-wc.icon-only,
42836
- :host > kol-link-wc > a > kol-span-wc.icon-only {
42835
+ :host > kol-button-wc > button > kol-span-wc.hide-label,
42836
+ :host > kol-link-wc > a > kol-span-wc.hide-label {
42837
42837
  padding: 0.75rem;
42838
42838
  }
42839
42839
  :host > kol-button-wc > button > kol-span-wc span,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.6.0-rc.3",
3
+ "version": "1.6.0-rc.5",
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.6.0-rc.3",
51
+ "@public-ui/schema": "1.6.0-rc.5",
52
52
  "@types/node": "ts4.9",
53
- "@typescript-eslint/eslint-plugin": "5.59.11",
54
- "@typescript-eslint/parser": "5.59.11",
53
+ "@typescript-eslint/eslint-plugin": "5.60.0",
54
+ "@typescript-eslint/parser": "5.60.0",
55
55
  "eslint": "8.43.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.6.0-rc.3"
61
+ "@public-ui/components": "1.6.0-rc.5"
62
62
  },
63
63
  "sideEffects": false,
64
64
  "type": "module",
@@ -71,8 +71,5 @@
71
71
  "main": "./dist/index.cjs",
72
72
  "module": "./dist/index.mjs",
73
73
  "types": "./dist/index.d.ts",
74
- "files": [
75
- "assets",
76
- "dist"
77
- ]
74
+ "files": ["assets", "dist"]
78
75
  }