@public-ui/themes 1.4.1-rc.1 → 1.4.2-rc.0

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 (4) hide show
  1. package/dist/index.cjs +4 -52
  2. package/dist/index.d.ts +54 -46
  3. package/dist/index.mjs +4 -52
  4. package/package.json +4 -4
package/dist/index.cjs CHANGED
@@ -7,7 +7,7 @@ const BAMF = schema.KoliBri.createTheme("bamf", {
7
7
  });
8
8
 
9
9
  const BMF = schema.KoliBri.createTheme("bmf", {
10
- GLOBAL: "/* Design Tokens */:host {--kolibri-border-color: unset;--kolibri-border-radius: unset;--kolibri-border-width: unset;--kolibri-color-error: unset;--kolibri-color-info: unset;--kolibri-color-success: unset;--kolibri-color-warning: unset;--kolibri-color-primary: unset;--kolibri-color-secondary: unset;--kolibri-color-normal: unset;--kolibri-color-danger: unset;--kolibri-color-ghost: unset;--kolibri-color-disabled: unset;--kolibri-color-text: unset;--kolibri-color-visited: unset;--kolibri-font-family: unset;--kolibri-font-size: unset;--kolibri-spacing: 0.25rem;}:host {--color-midnight: #004b76;--color-ocean: #0077b6;--color-sky: #99c9e2;--color-ice: #cce4f0;--color-crimson: #780f2d;--color-red: #c0003c;--color-pink: #f2ccd8;--color-olive: #004d38;--color-green: #005c45;--color-jungle: #00854a;--color-lime: #c1ca31;--color-mint: #ccdeda;--color-fire: #7a2e1f;--color-orange: #c44931;--color-coral: #f5dcd7;--color-bronze: #c44931;--color-yellow: #c44931;--color-ivory: #c44931;--color-purple: #c44931;--color-lavender: #c44931;--color-black: #202020;--color-metal: #454d4f;--color-grey: #576164;--color-granite: #bec5c9;--color-silver: #e5e8e9;--color-smoke: #f2f3f4;--color-white: #ffffff;--font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;--font-size: 16px;--spacing: 0.25em;}* {box-sizing: border-box;font-family: var(--font-family);}h1,h2,h3,h4,h5,h6 {margin: 0;font-family: var(--font-family);font-size: var(--font-size);}a,button {align-items: center;background-color: transparent;border: 0;cursor: pointer;display: inline-flex;gap: 0.25rem;justify-items: center;}input,option,select,summary,textarea {display: inline-block;}a,button,input,option,select,summary,textarea {-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;letter-spacing: inherit;word-break: break-word;}*[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,summary:focus,textarea:focus {cursor: pointer;outline-color: var(--color-ocean);outline-offset: 2px;outline-style: solid;outline-width: 3px;transition: outline-offset 0.2s linear;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}kol-heading-wc {font-weight: 700;}",
10
+ GLOBAL: "/* Design Tokens */:host {--kolibri-border-color: unset;--kolibri-border-radius: unset;--kolibri-border-width: unset;--kolibri-color-error: unset;--kolibri-color-info: unset;--kolibri-color-success: unset;--kolibri-color-warning: unset;--kolibri-color-primary: unset;--kolibri-color-secondary: unset;--kolibri-color-normal: unset;--kolibri-color-danger: unset;--kolibri-color-ghost: unset;--kolibri-color-disabled: unset;--kolibri-color-text: unset;--kolibri-color-visited: unset;--kolibri-font-family: unset;--kolibri-font-size: unset;--kolibri-spacing: 0.25rem;}:host {--color-midnight: #004b76;--color-ocean: #0077b6;--color-sky: #99c9e2;--color-ice: #cce4f0;--color-crimson: #780f2d;--color-red: #c0003c;--color-pink: #f2ccd8;--color-olive: #004d38;--color-green: #005c45;--color-jungle: #00854a;--color-lime: #c1ca31;--color-mint: #ccdeda;--color-fire: #7a2e1f;--color-orange: #c44931;--color-coral: #f5dcd7;--color-bronze: #c44931;--color-yellow: #c44931;--color-ivory: #c44931;--color-purple: #c44931;--color-lavender: #c44931;--color-black: #202020;--color-metal: #454d4f;--color-grey: #576164;--color-granite: #bec5c9;--color-silver: #e5e8e9;--color-smoke: #f2f3f4;--color-white: #ffffff;--font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;--font-size: 16px;--spacing: 0.25em;}:host {font-family: var(--font-family);font-size: var(--font-size);}* {box-sizing: border-box;}*:not(i) {font-family: var(--font-family);}h1,h2,h3,h4,h5,h6 {margin: 0;font-family: var(--font-family);font-size: var(--font-size);}a,button {align-items: center;background-color: transparent;border: 0;cursor: pointer;display: inline-flex;gap: 0.25rem;justify-items: center;}input,option,select,summary,textarea {display: inline-block;}a,button,input,option,select,summary,textarea {-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;letter-spacing: inherit;word-break: break-word;}*[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,summary:focus,textarea:focus {cursor: pointer;outline-color: var(--color-ocean);outline-offset: 2px;outline-style: solid;outline-width: 3px;transition: outline-offset 0.2s linear;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}kol-heading-wc {font-weight: 700;}",
11
11
  "KOL-BUTTON": ":host {display: inline-block;}button {background-color: transparent;border: 0;cursor: pointer;border-radius: 1.5em;min-width: 44px;min-height: 44px;padding: 0;text-decoration: none !important;}button > kol-span-wc {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;}button:disabled > kol-span-wc {cursor: not-allowed;opacity: 0.5;}button.primary > kol-span-wc,button.primary:disabled:hover > kol-span-wc {background-color: var(--color-midnight);border-color: var(--color-midnight);color: var(--color-white);}button.secondary > kol-span-wc,button.secondary:disabled:hover > kol-span-wc,button.normal > kol-span-wc,button.normal:disabled:hover > kol-span-wc {background-color: var(--color-white);border-color: var(--color-midnight);color: var(--color-midnight);}button.danger > kol-span-wc,button.danger:disabled:hover > kol-span-wc {background-color: var(--color-red);border-color: var(--color-red);color: var(--color-white);}button.ghost > kol-span-wc,button.ghost:disabled:hover > kol-span-wc {border-color: var(--color-white);background-color: var(--color-white);box-shadow: none;color: var(--color-midnight);} /*-----------*/button.primary:active > kol-span-wc,button.primary:hover > kol-span-wc,button.secondary:active > kol-span-wc,button.secondary:hover > kol-span-wc,button.normal:active > kol-span-wc,button.normal:hover > kol-span-wc,button.danger:active > kol-span-wc,button.danger:hover > kol-span-wc,button.ghost:active > kol-span-wc,button.ghost:hover > kol-span-wc {background-color: var(--color-ocean);border-color: var(--color-ocean);box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);color: var(--color-white);}button.danger:active > kol-span-wc,button.danger:hover > kol-span-wc {background-color: var(--color-crimson);border-color: var(--color-crimson);}button:disabled:hover > kol-span-wc,button:focus:hover > kol-span-wc {box-shadow: none;}button.primary:active > kol-span-wc,button.secondary:active > kol-span-wc,button.normal:active > kol-span-wc,button.danger:active > kol-span-wc,button.ghost:active > kol-span-wc {border-color: var(--color-white);box-shadow: none;outline: none;}:host button > kol-span-wc > span {display: flex;gap: 0.5em;margin: auto;align-items: center;justify-content: center;letter-spacing: 0.75px;}button.icon-only > kol-span-wc {padding: 8px;}button.icon-only > kol-span-wc > span > span {display: none;}button.icon-only > kol-span-wc kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}button.loading > kol-span-wc kol-icon {animation: spin 5s infinite linear;} /** small ghost button */button.small.ghost > kol-span-wc {border: none;background-color: transparent;box-shadow: none;}button.small.ghost > kol-span-wc > span {border-radius: 1.5em;border-style: solid;border-width: 2px;border-color: var(--color-white);background-color: var(--color-white);}button.small.ghost:active > kol-span-wc > span,button.small.ghost:hover > kol-span-wc > span,button.small.ghost.transparent:active > kol-span-wc > span,button.small.ghost.transparent:hover > kol-span-wc > span {background-color: var(--color-ocean);border-color: var(--color-ocean);box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);color: var(--color-white);} /** button with transparent background */button.transparent > kol-span-wc > span,button.small.ghost.transparent > kol-span-wc > span,button.transparent > kol-span-wc {background-color: transparent;border-color: transparent;}",
12
12
  "KOL-INPUT-TEXT": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--color-grey);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -44px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
13
13
  "KOL-INPUT-PASSWORD": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -44px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
@@ -15,7 +15,7 @@ const BMF = schema.KoliBri.createTheme("bmf", {
15
15
  "KOL-INPUT-EMAIL": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -33px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
16
16
  "KOL-INPUT-FILE": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -33px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
17
17
  "KOL-TEXTAREA": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -33px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
18
- "KOL-ALERT": ':host .msg,:host .msg {border-width: 0;}:host > div {border-width: 2px;border-style: solid;border-radius: 5px;display: flex;width: 100%;overflow: unset;border-color: transparent;background-color: white;}:host > div.msg {align-items: start;}:host > div.msg > .heading > div {align-self: baseline;}:host > div.msg > .heading > div > kol-heading-wc ~ .content {padding-top: 0.25rem;}:host > div.default {border-color: var(--color-grey);}:host > div.default.msg .heading-icon {color: var(--color-grey);}:host > div.error {border-color: var(--color-red);}:host > div.error.msg .heading-icon {color: var(--color-red);}:host > div.info {border-color: var(--color-midnight);}:host > div.info.msg .heading-icon {color: var(--color-midnight);}:host > div.success {border-color: var(--color-green);}:host > div.success.msg .heading-icon {color: var(--color-green);}:host > div.warning {border-color: var(--color-orange);}:host > div.warning.msg .heading-icon {color: var(--color-orange);}:host .heading-icon {align-items: center;color: white;display: inline-flex;}:host > div > div.heading .heading-icon {padding: 0;font-size: 24px;}:host > div.msg > .heading > .heading-icon {padding-top: 0;place-items: baseline;}:host > div.msg > .heading > .heading-icon::part(icon) {line-height: 1.375rem;}:host > div.msg.default .heading > div > kol-heading-wc {color: var(--color-grey);}:host > div.msg.error .heading > div > kol-heading-wc {color: var(--color-red);}:host > div.msg.info .heading > div > kol-heading-wc {color: var(--color-midnight);}:host > div.msg.success .heading > div > kol-heading-wc {color: var(--color-green);}:host > div.msg.warning .heading > div > kol-heading-wc {color: var(--color-orange);}:host > div.msg > .heading > div {display: grid;grid-template-columns: 1fr auto;}:host > div.msg > .heading > div > .content {grid-row: 2;grid-column: 1;}:host > div.msg > div > .close {display: flex;}:host > div.msg.default .close .icon {color: var(--color-grey);}:host > div.msg.error .close .icon {color: var(--color-red);}:host > div.msg.info .close .icon {color: var(--color-midnight);}:host > div.msg.success .close .icon {color: var(--color-green);}:host > div.msg.warning .close .icon {color: var(--color-orange);}/** CARD **/:host .card,:host .card {border: 3px solid #004b76;filter: drop-shadow(0px 2px 4px rgba(8, 35, 48, 0.24));flex-direction: column;}:host > div.card > .heading {grid-template-columns: 2.5em auto 44px;gap: 8px;min-height: 44px;}:host > div.card > .heading > div {width: 100%;}:host > div.card > .heading .heading-icon {justify-self: right;}:host > div.card > .heading kol-heading-wc {width: 100%;color: white;display: flex;font-size: 1.25rem;line-height: 1.75rem;}:host > div.card > .heading kol-heading-wc > * {margin: auto 0;}:host > div.card > div.content {padding: 0.5rem 1rem;}:host > div.card.default > .heading {background-color: var(--color-grey);}:host > div.card.error > .heading {background-color: var(--color-red);}:host > div.card.info > .heading {background-color: var(--color-midnight);}:host > div.card.success > .heading {background-color: var(--color-green);}:host > div.card.warning > .heading {background-color: var(--color-orange);}:host > div kol-icon::part(icon)::before {font-family: "Font Awesome 6 Free" !important;font-weight: 900;}:host > div.error > .heading > kol-icon::part(icon)::before {content: "\\f06a";}:host > div.info > .heading > kol-icon::part(icon)::before {content: "\\f05a";}:host > div.success > .heading > kol-icon::part(icon)::before {content: "\\f058";}:host > div.warning > .heading > kol-icon::part(icon)::before {content: "\\f071";}:host > div.card > div > .content {grid-row: 2;grid-column: 1 / span 2;}:host > div.card.default .close {background-color: var(--color-grey);}:host > div.card.error .close {background-color: var(--color-red);}:host > div.card.info .close {background-color: var(--color-midnight);}:host > div.card.success .close {background-color: var(--color-green);}:host > div.card.warning .close {background-color: var(--color-orange);}.close > button {min-width: 44px;color: var(--color-white);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;}',
18
+ "KOL-ALERT": ':host .msg,:host .msg {border-width: 0;}:host > div {border-width: 2px;border-style: solid;border-radius: 5px;display: flex;width: 100%;overflow: unset;border-color: transparent;background-color: white;}:host > div > div.heading {display: flex;gap: calc(2 * var(--kolibri-spacing));place-items: center;}:host > div > div.heading > div {display: grid;gap: var(--kolibri-spacing);}:host > div.msg > div.heading > kol-icon {place-self: baseline;}:host > div > div.heading > div {display: grid;gap: var(--spacing);}:host > div > div.heading > kol-button-wc.close {place-self: center;}:host > div.msg {align-items: start;}:host > div.default {border-color: var(--color-grey);}:host > div.default.msg .heading-icon {color: var(--color-grey);}:host > div.error {border-color: var(--color-red);}:host > div.error.msg .heading-icon {color: var(--color-red);}:host > div.info {border-color: var(--color-midnight);}:host > div.info.msg .heading-icon {color: var(--color-midnight);}:host > div.success {border-color: var(--color-green);}:host > div.success.msg .heading-icon {color: var(--color-green);}:host > div.warning {border-color: var(--color-orange);}:host > div.warning.msg .heading-icon {color: var(--color-orange);}:host .heading-icon {align-items: center;color: white;display: inline-flex;}:host > div > div.heading .heading-icon {padding: 0;}:host > div.msg > .heading > .heading-icon {padding-top: 0;place-items: baseline;}:host > div.msg > .heading > .heading-icon::part(icon) {line-height: 1.375rem;}:host > div.msg.default .heading > div > kol-heading-wc {color: var(--color-grey);}:host > div.msg.error .heading > div > kol-heading-wc {color: var(--color-red);}:host > div.msg.info .heading > div > kol-heading-wc {color: var(--color-midnight);}:host > div.msg.success .heading > div > kol-heading-wc {color: var(--color-green);}:host > div.msg.warning .heading > div > kol-heading-wc {color: var(--color-orange);}/*:host > div.msg > .heading > div {display: grid;grid-template-columns: 1fr auto;}:host > div.msg > .heading > div > .content {grid-row: 2;grid-column: 1;}:host > div.msg > div > .close {display: flex;}*/:host > div.msg.default .close .icon {color: var(--color-grey);}:host > div.msg.error .close .icon {color: var(--color-red);}:host > div.msg.info .close .icon {color: var(--color-midnight);}:host > div.msg.success .close .icon {color: var(--color-green);}:host > div.msg.warning .close .icon {color: var(--color-orange);} /** CARD **/:host .card,:host .card {border: 3px solid #004b76;filter: drop-shadow(0px 2px 4px rgba(8, 35, 48, 0.24));flex-direction: column;}:host > div.card > .heading {grid-template-columns: 2.5em auto 44px;gap: 8px;min-height: 44px;padding: 0.5rem 1rem;}:host > div.card > .heading > div {width: 100%;}:host > div.card > .heading .heading-icon {justify-self: right;}:host > div.card > .heading kol-heading-wc {width: 100%;color: white;display: flex;font-size: 1.25rem;line-height: 1.75rem;}:host > div.card > .heading kol-heading-wc > * {margin: auto 0;}:host > div.card > div.content {padding: 0.5rem 1rem;}:host > div.card.default > .heading {background-color: var(--color-grey);}:host > div.card.error > .heading {background-color: var(--color-red);}:host > div.card.info > .heading {background-color: var(--color-midnight);}:host > div.card.success > .heading {background-color: var(--color-green);}:host > div.card.warning > .heading {background-color: var(--color-orange);}:host > div kol-icon::part(icon)::before {font-family: "Font Awesome 6 Free" !important;font-weight: 900;}:host > div.error > .heading > kol-icon::part(icon)::before {content: "\\f06a";}:host > div.info > .heading > kol-icon::part(icon)::before {content: "\\f05a";}:host > div.success > .heading > kol-icon::part(icon)::before {content: "\\f058";}:host > div.warning > .heading > kol-icon::part(icon)::before {content: "\\f071";}:host > div.card > div > .content {grid-row: 2;grid-column: 1 / span 2;}:host > div.card.default .close {background-color: var(--color-grey);}:host > div.card.error .close {background-color: var(--color-red);}:host > div.card.info .close {background-color: var(--color-midnight);}:host > div.card.success .close {background-color: var(--color-green);}:host > div.card.warning .close {background-color: var(--color-orange);}.close > button {min-width: 44px;color: var(--color-white);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;}',
19
19
  "KOL-HEADING": "h1,h2,h3,h4,h5,h6 {color: inherit;font-style: normal;margin: 0;padding: 0;}h1,h2,h3 {font-weight: 700;}h1 {font-size: 1.5rem;line-height: 3.25rem;}h2 {font-size: 1.25rem;line-height: 1.75rem;}h3 {font-size: 1.125rem;line-height: 1.5rem;}",
20
20
  "KOL-BADGE": ":host {display: inline-block;}:host > span {border-radius: 0.3125rem;display: inline-flex;font-size: 0.875em;font-style: normal;font-weight: 700;line-height: 1rem;}:host > span.smart-button {align-items: center;}:host > span kol-button-wc:hover > button {background-color: var(--color-ocean);color: var(--color-white);}:host > span kol-button-wc > button {color: inherit;font-size: 1rem;border-top-right-radius: 0.3125rem;border-bottom-right-radius: 0.3125rem;padding: 2px;}:host > span kol-span-wc {padding: 0.25rem 0.5rem;}:host > span > kol-span-wc {align-items: center;font-style: normal;gap: 0.5rem;}:host > span > kol-span-wc > span {display: flex;gap: 0.25rem;}",
21
21
  "KOL-BUTTON-GROUP": ":host > kol-button-group-wc {display: flex;flex-wrap: wrap;gap: 0.5em;}",
@@ -289,57 +289,9 @@ const ZOLLv2 = schema.KoliBri.createTheme("zoll-v2", {
289
289
  "KOL-NAV": '* {margin: 0;padding: 0;}nav {font-family: var(--font-family);font-size: var(--font-size);}ul {list-style: none;}a {background-color: white;text-decoration: none;width: 100%;color: var(--color-grau-90);display: flex;align-items: center;font-style: normal;padding: 0.75rem 0.5rem 0.75rem 0;border-left-color: transparent;border-radius: 0;border-left-style: solid;border-left-width: 0.25rem;line-height: 1.5rem;min-height: 44px;min-width: 44px;transition-duration: 0.5s;transition-property: background-color, color, border-color;}li[part*="selected"] {border-left-color: var(--color-blau-dark);border-left-style: solid;border-left-width: 0.25rem;}a:focus,a:hover {background-color: var(--color-neutral-light);border-left-color: var(--color-blau-dark);color: var(--color-white);}a > kol-icon {display: inline-block;text-align: center;width: 44px;flex-shrink: 0;}.hidden {display: none;}:host > div > div:last-child {margin-top: 0.5em;width: 100%;text-align: center;} /* horizontal */ul.flex {display: flex;}li > div > div.absolute {position: absolute;}.horizontal a {display: block;}kol-span-wc {margin: 0 0.25rem;justify-items: baseline;}kol-span-wc > span {gap: 0.5rem;}'
290
290
  });
291
291
 
292
- const DE = schema.KoliBri.createTranslation("de", {
293
- "kol-alert-error-label": "Fehler",
294
- "kol-alert-info-label": "Information",
295
- "kol-alert-warning-label": "Warnung",
296
- "kol-alert-success-label": "Erfolg",
297
- "kol-form-required-advise": "Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",
298
- "kol-link-target-advise": "Der Link wird in einem neuen Tab ge\xF6ffnet",
299
- "kol-logo-label": "Bildwortmarke",
300
- "kol-nav-label-close": "Navigation maximieren",
301
- "kol-nav-label-open": "Navigation minimieren",
302
- "kol-pagination-label-first": "Direkt zur ersten Seite",
303
- "kol-pagination-label-last": "Direkt zur letzten Seite",
304
- "kol-pagination-label-next": "Eine Seite weiter",
305
- "kol-pagination-label-previous": "Eine Seite zur\xFCck",
306
- "kol-pagination-label-current": "Seite {$1} ist ausgew\xE4hlt",
307
- "kol-spin-label-busy": "Aktion wird ausgef\xFChrt",
308
- "kol-spin-label-finished": "Aktion ist abgeschlossen",
309
- "kol-table-button-sort-label": "Sortierung von {$1} \xE4ndern",
310
- "kol-table-pagination-label": "{$1} Eintr\xE4ge pro Seite",
311
- "kol-table-pagination-sites-no": "Es sind keine Eintr\xE4ge vorhanden",
312
- "kol-table-pagination-sites-yes": "Eintr\xE4ge {$1} bis {$2} angezeigt",
313
- "kol-tabs-button-add-label": "Neu",
314
- "kol-tabs-button-close-label": "Registerkarte schlie\xDFen",
315
- "kol-toast-button-close-label": "Schlie\xDFen"
316
- });
292
+ const DE = schema.KoliBri.createTranslation("de", {});
317
293
 
318
- const EN = schema.KoliBri.createTranslation("en", {
319
- "kol-alert-error-label": "Error",
320
- "kol-alert-info-label": "Information",
321
- "kol-alert-warning-label": "Warning",
322
- "kol-alert-success-label": "Success",
323
- "kol-form-required-advise": "Form fields, marked with an asterisk (*), are required.",
324
- "kol-link-target-advise": "Link opens in new tab",
325
- "kol-logo-label": "Figurative mark",
326
- "kol-nav-label-close": "Maximize navigation",
327
- "kol-nav-label-open": "Minmize Navigation",
328
- "kol-pagination-label-first": "First site",
329
- "kol-pagination-label-last": "Last site",
330
- "kol-pagination-label-next": "One site forward",
331
- "kol-pagination-label-previous": "One site back",
332
- "kol-pagination-label-current": "Site {$1} choosen",
333
- "kol-spin-label-busy": "Busy",
334
- "kol-spin-label-finished": "Finished",
335
- "kol-table-button-sort-label": "Change sort of {$1}",
336
- "kol-table-pagination-label": "{$1} entries per site",
337
- "kol-table-pagination-sites-no": "No entries",
338
- "kol-table-pagination-sites-yes": "Entry {$1} to {$2}",
339
- "kol-tabs-button-add-label": "Add",
340
- "kol-tabs-button-close-label": "Close tab",
341
- "kol-toast-button-close-label": "Close"
342
- });
294
+ const EN = schema.KoliBri.createTranslation("en", {});
343
295
 
344
296
  exports.BAMF = BAMF;
345
297
  exports.BMF = BMF;
package/dist/index.d.ts CHANGED
@@ -529,55 +529,63 @@ declare const ZOLLv2: (patch: (name: string, map: {
529
529
  }) => string) => string;
530
530
 
531
531
  declare const DE: (patch: (name: "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar" | "an" | "hy" | "as" | "av" | "ae" | "ay" | "az" | "bm" | "ba" | "eu" | "be" | "bn" | "bh" | "bi" | "nb" | "bs" | "br" | "bg" | "my" | "es" | "ca" | "km" | "ch" | "ce" | "ny" | "zh" | "za" | "cu" | "cv" | "kw" | "co" | "cr" | "hr" | "cs" | "da" | "dv" | "nl" | "dz" | "en" | "eo" | "et" | "ee" | "fo" | "fj" | "fi" | "fr" | "ff" | "gd" | "gl" | "lg" | "ka" | "de" | "ki" | "el" | "kl" | "gn" | "gu" | "ht" | "ha" | "he" | "hz" | "hi" | "ho" | "hu" | "is" | "io" | "ig" | "id" | "ia" | "ie" | "iu" | "ik" | "ga" | "it" | "ja" | "jv" | "kn" | "kr" | "ks" | "kk" | "rw" | "ky" | "kv" | "kg" | "ko" | "kj" | "ku" | "lo" | "la" | "lv" | "lb" | "li" | "ln" | "lt" | "lu" | "mk" | "mg" | "ms" | "ml" | "mt" | "gv" | "mi" | "mr" | "mh" | "ro" | "mn" | "na" | "nv" | "nd" | "nr" | "ng" | "ne" | "se" | "no" | "nn" | "ii" | "oc" | "oj" | "or" | "om" | "os" | "pi" | "pa" | "ps" | "fa" | "pl" | "pt" | "qu" | "rm" | "rn" | "ru" | "sm" | "sg" | "sa" | "sc" | "sr" | "sn" | "sd" | "si" | "sk" | "sl" | "so" | "st" | "su" | "sw" | "ss" | "sv" | "tl" | "ty" | "tg" | "ta" | "tt" | "te" | "th" | "bo" | "ti" | "to" | "ts" | "tn" | "tr" | "tk" | "tw" | "ug" | "uk" | "ur" | "uz" | "ve" | "vi" | "vo" | "wa" | "cy" | "fy" | "wo" | "xh" | "yi" | "yo" | "zu", map: {
532
- "kol-alert-error-label"?: string | undefined;
533
- "kol-alert-info-label"?: string | undefined;
534
- "kol-alert-warning-label"?: string | undefined;
535
- "kol-alert-success-label"?: string | undefined;
536
- "kol-form-required-advise"?: string | undefined;
537
- "kol-link-target-advise"?: string | undefined;
538
- "kol-logo-label"?: string | undefined;
539
- "kol-nav-label-close"?: string | undefined;
540
- "kol-nav-label-open"?: string | undefined;
541
- "kol-pagination-label-first"?: string | undefined;
542
- "kol-pagination-label-last"?: string | undefined;
543
- "kol-pagination-label-next"?: string | undefined;
544
- "kol-pagination-label-previous"?: string | undefined;
545
- "kol-pagination-label-current"?: string | undefined;
546
- "kol-spin-label-busy"?: string | undefined;
547
- "kol-spin-label-finished"?: string | undefined;
548
- "kol-table-button-sort-label"?: string | undefined;
549
- "kol-table-pagination-label"?: string | undefined;
550
- "kol-table-pagination-sites-no"?: string | undefined;
551
- "kol-table-pagination-sites-yes"?: string | undefined;
552
- "kol-tabs-button-add-label"?: string | undefined;
553
- "kol-tabs-button-close-label"?: string | undefined;
554
- "kol-toast-button-close-label"?: string | undefined;
532
+ "kol-error"?: string | undefined;
533
+ "kol-warning"?: string | undefined;
534
+ "kol-info"?: string | undefined;
535
+ "kol-success"?: string | undefined;
536
+ "kol-message"?: string | undefined;
537
+ "kol-close"?: string | undefined;
538
+ "kol-form-description"?: string | undefined;
539
+ "kol-of"?: string | undefined;
540
+ "kol-characters"?: string | undefined;
541
+ "kol-new"?: string | undefined;
542
+ "kol-no-entries"?: string | undefined;
543
+ "kol-change-order"?: string | undefined;
544
+ "kol-action-running"?: string | undefined;
545
+ "kol-action-done"?: string | undefined;
546
+ "kol-page-first"?: string | undefined;
547
+ "kol-page-back"?: string | undefined;
548
+ "kol-page-next"?: string | undefined;
549
+ "kol-page-last"?: string | undefined;
550
+ "kol-entries-per-site"?: string | undefined;
551
+ "kol-page-current"?: string | undefined;
552
+ "kol-page-selected"?: string | undefined;
553
+ "kol-page-per-site"?: string | undefined;
554
+ "kol-nav-maximize"?: string | undefined;
555
+ "kol-nav-minimize"?: string | undefined;
556
+ "kol-logo-description"?: string | undefined;
557
+ "kol-open-link-in-tab"?: string | undefined;
558
+ "kol-kolibri-logo"?: string | undefined;
555
559
  }) => "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar" | "an" | "hy" | "as" | "av" | "ae" | "ay" | "az" | "bm" | "ba" | "eu" | "be" | "bn" | "bh" | "bi" | "nb" | "bs" | "br" | "bg" | "my" | "es" | "ca" | "km" | "ch" | "ce" | "ny" | "zh" | "za" | "cu" | "cv" | "kw" | "co" | "cr" | "hr" | "cs" | "da" | "dv" | "nl" | "dz" | "en" | "eo" | "et" | "ee" | "fo" | "fj" | "fi" | "fr" | "ff" | "gd" | "gl" | "lg" | "ka" | "de" | "ki" | "el" | "kl" | "gn" | "gu" | "ht" | "ha" | "he" | "hz" | "hi" | "ho" | "hu" | "is" | "io" | "ig" | "id" | "ia" | "ie" | "iu" | "ik" | "ga" | "it" | "ja" | "jv" | "kn" | "kr" | "ks" | "kk" | "rw" | "ky" | "kv" | "kg" | "ko" | "kj" | "ku" | "lo" | "la" | "lv" | "lb" | "li" | "ln" | "lt" | "lu" | "mk" | "mg" | "ms" | "ml" | "mt" | "gv" | "mi" | "mr" | "mh" | "ro" | "mn" | "na" | "nv" | "nd" | "nr" | "ng" | "ne" | "se" | "no" | "nn" | "ii" | "oc" | "oj" | "or" | "om" | "os" | "pi" | "pa" | "ps" | "fa" | "pl" | "pt" | "qu" | "rm" | "rn" | "ru" | "sm" | "sg" | "sa" | "sc" | "sr" | "sn" | "sd" | "si" | "sk" | "sl" | "so" | "st" | "su" | "sw" | "ss" | "sv" | "tl" | "ty" | "tg" | "ta" | "tt" | "te" | "th" | "bo" | "ti" | "to" | "ts" | "tn" | "tr" | "tk" | "tw" | "ug" | "uk" | "ur" | "uz" | "ve" | "vi" | "vo" | "wa" | "cy" | "fy" | "wo" | "xh" | "yi" | "yo" | "zu") => "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar" | "an" | "hy" | "as" | "av" | "ae" | "ay" | "az" | "bm" | "ba" | "eu" | "be" | "bn" | "bh" | "bi" | "nb" | "bs" | "br" | "bg" | "my" | "es" | "ca" | "km" | "ch" | "ce" | "ny" | "zh" | "za" | "cu" | "cv" | "kw" | "co" | "cr" | "hr" | "cs" | "da" | "dv" | "nl" | "dz" | "en" | "eo" | "et" | "ee" | "fo" | "fj" | "fi" | "fr" | "ff" | "gd" | "gl" | "lg" | "ka" | "de" | "ki" | "el" | "kl" | "gn" | "gu" | "ht" | "ha" | "he" | "hz" | "hi" | "ho" | "hu" | "is" | "io" | "ig" | "id" | "ia" | "ie" | "iu" | "ik" | "ga" | "it" | "ja" | "jv" | "kn" | "kr" | "ks" | "kk" | "rw" | "ky" | "kv" | "kg" | "ko" | "kj" | "ku" | "lo" | "la" | "lv" | "lb" | "li" | "ln" | "lt" | "lu" | "mk" | "mg" | "ms" | "ml" | "mt" | "gv" | "mi" | "mr" | "mh" | "ro" | "mn" | "na" | "nv" | "nd" | "nr" | "ng" | "ne" | "se" | "no" | "nn" | "ii" | "oc" | "oj" | "or" | "om" | "os" | "pi" | "pa" | "ps" | "fa" | "pl" | "pt" | "qu" | "rm" | "rn" | "ru" | "sm" | "sg" | "sa" | "sc" | "sr" | "sn" | "sd" | "si" | "sk" | "sl" | "so" | "st" | "su" | "sw" | "ss" | "sv" | "tl" | "ty" | "tg" | "ta" | "tt" | "te" | "th" | "bo" | "ti" | "to" | "ts" | "tn" | "tr" | "tk" | "tw" | "ug" | "uk" | "ur" | "uz" | "ve" | "vi" | "vo" | "wa" | "cy" | "fy" | "wo" | "xh" | "yi" | "yo" | "zu";
556
560
 
557
561
  declare const EN: (patch: (name: "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar" | "an" | "hy" | "as" | "av" | "ae" | "ay" | "az" | "bm" | "ba" | "eu" | "be" | "bn" | "bh" | "bi" | "nb" | "bs" | "br" | "bg" | "my" | "es" | "ca" | "km" | "ch" | "ce" | "ny" | "zh" | "za" | "cu" | "cv" | "kw" | "co" | "cr" | "hr" | "cs" | "da" | "dv" | "nl" | "dz" | "en" | "eo" | "et" | "ee" | "fo" | "fj" | "fi" | "fr" | "ff" | "gd" | "gl" | "lg" | "ka" | "de" | "ki" | "el" | "kl" | "gn" | "gu" | "ht" | "ha" | "he" | "hz" | "hi" | "ho" | "hu" | "is" | "io" | "ig" | "id" | "ia" | "ie" | "iu" | "ik" | "ga" | "it" | "ja" | "jv" | "kn" | "kr" | "ks" | "kk" | "rw" | "ky" | "kv" | "kg" | "ko" | "kj" | "ku" | "lo" | "la" | "lv" | "lb" | "li" | "ln" | "lt" | "lu" | "mk" | "mg" | "ms" | "ml" | "mt" | "gv" | "mi" | "mr" | "mh" | "ro" | "mn" | "na" | "nv" | "nd" | "nr" | "ng" | "ne" | "se" | "no" | "nn" | "ii" | "oc" | "oj" | "or" | "om" | "os" | "pi" | "pa" | "ps" | "fa" | "pl" | "pt" | "qu" | "rm" | "rn" | "ru" | "sm" | "sg" | "sa" | "sc" | "sr" | "sn" | "sd" | "si" | "sk" | "sl" | "so" | "st" | "su" | "sw" | "ss" | "sv" | "tl" | "ty" | "tg" | "ta" | "tt" | "te" | "th" | "bo" | "ti" | "to" | "ts" | "tn" | "tr" | "tk" | "tw" | "ug" | "uk" | "ur" | "uz" | "ve" | "vi" | "vo" | "wa" | "cy" | "fy" | "wo" | "xh" | "yi" | "yo" | "zu", map: {
558
- "kol-alert-error-label"?: string | undefined;
559
- "kol-alert-info-label"?: string | undefined;
560
- "kol-alert-warning-label"?: string | undefined;
561
- "kol-alert-success-label"?: string | undefined;
562
- "kol-form-required-advise"?: string | undefined;
563
- "kol-link-target-advise"?: string | undefined;
564
- "kol-logo-label"?: string | undefined;
565
- "kol-nav-label-close"?: string | undefined;
566
- "kol-nav-label-open"?: string | undefined;
567
- "kol-pagination-label-first"?: string | undefined;
568
- "kol-pagination-label-last"?: string | undefined;
569
- "kol-pagination-label-next"?: string | undefined;
570
- "kol-pagination-label-previous"?: string | undefined;
571
- "kol-pagination-label-current"?: string | undefined;
572
- "kol-spin-label-busy"?: string | undefined;
573
- "kol-spin-label-finished"?: string | undefined;
574
- "kol-table-button-sort-label"?: string | undefined;
575
- "kol-table-pagination-label"?: string | undefined;
576
- "kol-table-pagination-sites-no"?: string | undefined;
577
- "kol-table-pagination-sites-yes"?: string | undefined;
578
- "kol-tabs-button-add-label"?: string | undefined;
579
- "kol-tabs-button-close-label"?: string | undefined;
580
- "kol-toast-button-close-label"?: string | undefined;
562
+ "kol-error"?: string | undefined;
563
+ "kol-warning"?: string | undefined;
564
+ "kol-info"?: string | undefined;
565
+ "kol-success"?: string | undefined;
566
+ "kol-message"?: string | undefined;
567
+ "kol-close"?: string | undefined;
568
+ "kol-form-description"?: string | undefined;
569
+ "kol-of"?: string | undefined;
570
+ "kol-characters"?: string | undefined;
571
+ "kol-new"?: string | undefined;
572
+ "kol-no-entries"?: string | undefined;
573
+ "kol-change-order"?: string | undefined;
574
+ "kol-action-running"?: string | undefined;
575
+ "kol-action-done"?: string | undefined;
576
+ "kol-page-first"?: string | undefined;
577
+ "kol-page-back"?: string | undefined;
578
+ "kol-page-next"?: string | undefined;
579
+ "kol-page-last"?: string | undefined;
580
+ "kol-entries-per-site"?: string | undefined;
581
+ "kol-page-current"?: string | undefined;
582
+ "kol-page-selected"?: string | undefined;
583
+ "kol-page-per-site"?: string | undefined;
584
+ "kol-nav-maximize"?: string | undefined;
585
+ "kol-nav-minimize"?: string | undefined;
586
+ "kol-logo-description"?: string | undefined;
587
+ "kol-open-link-in-tab"?: string | undefined;
588
+ "kol-kolibri-logo"?: string | undefined;
581
589
  }) => "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar" | "an" | "hy" | "as" | "av" | "ae" | "ay" | "az" | "bm" | "ba" | "eu" | "be" | "bn" | "bh" | "bi" | "nb" | "bs" | "br" | "bg" | "my" | "es" | "ca" | "km" | "ch" | "ce" | "ny" | "zh" | "za" | "cu" | "cv" | "kw" | "co" | "cr" | "hr" | "cs" | "da" | "dv" | "nl" | "dz" | "en" | "eo" | "et" | "ee" | "fo" | "fj" | "fi" | "fr" | "ff" | "gd" | "gl" | "lg" | "ka" | "de" | "ki" | "el" | "kl" | "gn" | "gu" | "ht" | "ha" | "he" | "hz" | "hi" | "ho" | "hu" | "is" | "io" | "ig" | "id" | "ia" | "ie" | "iu" | "ik" | "ga" | "it" | "ja" | "jv" | "kn" | "kr" | "ks" | "kk" | "rw" | "ky" | "kv" | "kg" | "ko" | "kj" | "ku" | "lo" | "la" | "lv" | "lb" | "li" | "ln" | "lt" | "lu" | "mk" | "mg" | "ms" | "ml" | "mt" | "gv" | "mi" | "mr" | "mh" | "ro" | "mn" | "na" | "nv" | "nd" | "nr" | "ng" | "ne" | "se" | "no" | "nn" | "ii" | "oc" | "oj" | "or" | "om" | "os" | "pi" | "pa" | "ps" | "fa" | "pl" | "pt" | "qu" | "rm" | "rn" | "ru" | "sm" | "sg" | "sa" | "sc" | "sr" | "sn" | "sd" | "si" | "sk" | "sl" | "so" | "st" | "su" | "sw" | "ss" | "sv" | "tl" | "ty" | "tg" | "ta" | "tt" | "te" | "th" | "bo" | "ti" | "to" | "ts" | "tn" | "tr" | "tk" | "tw" | "ug" | "uk" | "ur" | "uz" | "ve" | "vi" | "vo" | "wa" | "cy" | "fy" | "wo" | "xh" | "yi" | "yo" | "zu") => "ab" | "aa" | "af" | "ak" | "sq" | "am" | "ar" | "an" | "hy" | "as" | "av" | "ae" | "ay" | "az" | "bm" | "ba" | "eu" | "be" | "bn" | "bh" | "bi" | "nb" | "bs" | "br" | "bg" | "my" | "es" | "ca" | "km" | "ch" | "ce" | "ny" | "zh" | "za" | "cu" | "cv" | "kw" | "co" | "cr" | "hr" | "cs" | "da" | "dv" | "nl" | "dz" | "en" | "eo" | "et" | "ee" | "fo" | "fj" | "fi" | "fr" | "ff" | "gd" | "gl" | "lg" | "ka" | "de" | "ki" | "el" | "kl" | "gn" | "gu" | "ht" | "ha" | "he" | "hz" | "hi" | "ho" | "hu" | "is" | "io" | "ig" | "id" | "ia" | "ie" | "iu" | "ik" | "ga" | "it" | "ja" | "jv" | "kn" | "kr" | "ks" | "kk" | "rw" | "ky" | "kv" | "kg" | "ko" | "kj" | "ku" | "lo" | "la" | "lv" | "lb" | "li" | "ln" | "lt" | "lu" | "mk" | "mg" | "ms" | "ml" | "mt" | "gv" | "mi" | "mr" | "mh" | "ro" | "mn" | "na" | "nv" | "nd" | "nr" | "ng" | "ne" | "se" | "no" | "nn" | "ii" | "oc" | "oj" | "or" | "om" | "os" | "pi" | "pa" | "ps" | "fa" | "pl" | "pt" | "qu" | "rm" | "rn" | "ru" | "sm" | "sg" | "sa" | "sc" | "sr" | "sn" | "sd" | "si" | "sk" | "sl" | "so" | "st" | "su" | "sw" | "ss" | "sv" | "tl" | "ty" | "tg" | "ta" | "tt" | "te" | "th" | "bo" | "ti" | "to" | "ts" | "tn" | "tr" | "tk" | "tw" | "ug" | "uk" | "ur" | "uz" | "ve" | "vi" | "vo" | "wa" | "cy" | "fy" | "wo" | "xh" | "yi" | "yo" | "zu";
582
590
 
583
591
  export { BAMF, BMF, BPA, BZSt, DE, DEFAULT, DESYv1, DESYv2, EN, ITZBund, MAPZ, ZOLLv2 };
package/dist/index.mjs CHANGED
@@ -5,7 +5,7 @@ const BAMF = KoliBri.createTheme("bamf", {
5
5
  });
6
6
 
7
7
  const BMF = KoliBri.createTheme("bmf", {
8
- GLOBAL: "/* Design Tokens */:host {--kolibri-border-color: unset;--kolibri-border-radius: unset;--kolibri-border-width: unset;--kolibri-color-error: unset;--kolibri-color-info: unset;--kolibri-color-success: unset;--kolibri-color-warning: unset;--kolibri-color-primary: unset;--kolibri-color-secondary: unset;--kolibri-color-normal: unset;--kolibri-color-danger: unset;--kolibri-color-ghost: unset;--kolibri-color-disabled: unset;--kolibri-color-text: unset;--kolibri-color-visited: unset;--kolibri-font-family: unset;--kolibri-font-size: unset;--kolibri-spacing: 0.25rem;}:host {--color-midnight: #004b76;--color-ocean: #0077b6;--color-sky: #99c9e2;--color-ice: #cce4f0;--color-crimson: #780f2d;--color-red: #c0003c;--color-pink: #f2ccd8;--color-olive: #004d38;--color-green: #005c45;--color-jungle: #00854a;--color-lime: #c1ca31;--color-mint: #ccdeda;--color-fire: #7a2e1f;--color-orange: #c44931;--color-coral: #f5dcd7;--color-bronze: #c44931;--color-yellow: #c44931;--color-ivory: #c44931;--color-purple: #c44931;--color-lavender: #c44931;--color-black: #202020;--color-metal: #454d4f;--color-grey: #576164;--color-granite: #bec5c9;--color-silver: #e5e8e9;--color-smoke: #f2f3f4;--color-white: #ffffff;--font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;--font-size: 16px;--spacing: 0.25em;}* {box-sizing: border-box;font-family: var(--font-family);}h1,h2,h3,h4,h5,h6 {margin: 0;font-family: var(--font-family);font-size: var(--font-size);}a,button {align-items: center;background-color: transparent;border: 0;cursor: pointer;display: inline-flex;gap: 0.25rem;justify-items: center;}input,option,select,summary,textarea {display: inline-block;}a,button,input,option,select,summary,textarea {-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;letter-spacing: inherit;word-break: break-word;}*[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,summary:focus,textarea:focus {cursor: pointer;outline-color: var(--color-ocean);outline-offset: 2px;outline-style: solid;outline-width: 3px;transition: outline-offset 0.2s linear;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}kol-heading-wc {font-weight: 700;}",
8
+ GLOBAL: "/* Design Tokens */:host {--kolibri-border-color: unset;--kolibri-border-radius: unset;--kolibri-border-width: unset;--kolibri-color-error: unset;--kolibri-color-info: unset;--kolibri-color-success: unset;--kolibri-color-warning: unset;--kolibri-color-primary: unset;--kolibri-color-secondary: unset;--kolibri-color-normal: unset;--kolibri-color-danger: unset;--kolibri-color-ghost: unset;--kolibri-color-disabled: unset;--kolibri-color-text: unset;--kolibri-color-visited: unset;--kolibri-font-family: unset;--kolibri-font-size: unset;--kolibri-spacing: 0.25rem;}:host {--color-midnight: #004b76;--color-ocean: #0077b6;--color-sky: #99c9e2;--color-ice: #cce4f0;--color-crimson: #780f2d;--color-red: #c0003c;--color-pink: #f2ccd8;--color-olive: #004d38;--color-green: #005c45;--color-jungle: #00854a;--color-lime: #c1ca31;--color-mint: #ccdeda;--color-fire: #7a2e1f;--color-orange: #c44931;--color-coral: #f5dcd7;--color-bronze: #c44931;--color-yellow: #c44931;--color-ivory: #c44931;--color-purple: #c44931;--color-lavender: #c44931;--color-black: #202020;--color-metal: #454d4f;--color-grey: #576164;--color-granite: #bec5c9;--color-silver: #e5e8e9;--color-smoke: #f2f3f4;--color-white: #ffffff;--font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;--font-size: 16px;--spacing: 0.25em;}:host {font-family: var(--font-family);font-size: var(--font-size);}* {box-sizing: border-box;}*:not(i) {font-family: var(--font-family);}h1,h2,h3,h4,h5,h6 {margin: 0;font-family: var(--font-family);font-size: var(--font-size);}a,button {align-items: center;background-color: transparent;border: 0;cursor: pointer;display: inline-flex;gap: 0.25rem;justify-items: center;}input,option,select,summary,textarea {display: inline-block;}a,button,input,option,select,summary,textarea {-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;letter-spacing: inherit;word-break: break-word;}*[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,summary:focus,textarea:focus {cursor: pointer;outline-color: var(--color-ocean);outline-offset: 2px;outline-style: solid;outline-width: 3px;transition: outline-offset 0.2s linear;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}kol-heading-wc {font-weight: 700;}",
9
9
  "KOL-BUTTON": ":host {display: inline-block;}button {background-color: transparent;border: 0;cursor: pointer;border-radius: 1.5em;min-width: 44px;min-height: 44px;padding: 0;text-decoration: none !important;}button > kol-span-wc {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;}button:disabled > kol-span-wc {cursor: not-allowed;opacity: 0.5;}button.primary > kol-span-wc,button.primary:disabled:hover > kol-span-wc {background-color: var(--color-midnight);border-color: var(--color-midnight);color: var(--color-white);}button.secondary > kol-span-wc,button.secondary:disabled:hover > kol-span-wc,button.normal > kol-span-wc,button.normal:disabled:hover > kol-span-wc {background-color: var(--color-white);border-color: var(--color-midnight);color: var(--color-midnight);}button.danger > kol-span-wc,button.danger:disabled:hover > kol-span-wc {background-color: var(--color-red);border-color: var(--color-red);color: var(--color-white);}button.ghost > kol-span-wc,button.ghost:disabled:hover > kol-span-wc {border-color: var(--color-white);background-color: var(--color-white);box-shadow: none;color: var(--color-midnight);} /*-----------*/button.primary:active > kol-span-wc,button.primary:hover > kol-span-wc,button.secondary:active > kol-span-wc,button.secondary:hover > kol-span-wc,button.normal:active > kol-span-wc,button.normal:hover > kol-span-wc,button.danger:active > kol-span-wc,button.danger:hover > kol-span-wc,button.ghost:active > kol-span-wc,button.ghost:hover > kol-span-wc {background-color: var(--color-ocean);border-color: var(--color-ocean);box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);color: var(--color-white);}button.danger:active > kol-span-wc,button.danger:hover > kol-span-wc {background-color: var(--color-crimson);border-color: var(--color-crimson);}button:disabled:hover > kol-span-wc,button:focus:hover > kol-span-wc {box-shadow: none;}button.primary:active > kol-span-wc,button.secondary:active > kol-span-wc,button.normal:active > kol-span-wc,button.danger:active > kol-span-wc,button.ghost:active > kol-span-wc {border-color: var(--color-white);box-shadow: none;outline: none;}:host button > kol-span-wc > span {display: flex;gap: 0.5em;margin: auto;align-items: center;justify-content: center;letter-spacing: 0.75px;}button.icon-only > kol-span-wc {padding: 8px;}button.icon-only > kol-span-wc > span > span {display: none;}button.icon-only > kol-span-wc kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}button.loading > kol-span-wc kol-icon {animation: spin 5s infinite linear;} /** small ghost button */button.small.ghost > kol-span-wc {border: none;background-color: transparent;box-shadow: none;}button.small.ghost > kol-span-wc > span {border-radius: 1.5em;border-style: solid;border-width: 2px;border-color: var(--color-white);background-color: var(--color-white);}button.small.ghost:active > kol-span-wc > span,button.small.ghost:hover > kol-span-wc > span,button.small.ghost.transparent:active > kol-span-wc > span,button.small.ghost.transparent:hover > kol-span-wc > span {background-color: var(--color-ocean);border-color: var(--color-ocean);box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);color: var(--color-white);} /** button with transparent background */button.transparent > kol-span-wc > span,button.small.ghost.transparent > kol-span-wc > span,button.transparent > kol-span-wc {background-color: transparent;border-color: transparent;}",
10
10
  "KOL-INPUT-TEXT": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--color-grey);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -44px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
11
11
  "KOL-INPUT-PASSWORD": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -44px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
@@ -13,7 +13,7 @@ const BMF = KoliBri.createTheme("bmf", {
13
13
  "KOL-INPUT-EMAIL": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -33px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
14
14
  "KOL-INPUT-FILE": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -33px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
15
15
  "KOL-TEXTAREA": 'kol-input {display: grid;}kol-input label {display: grid;order: 2;margin-bottom: 0.4em;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {margin-bottom: 0.4em;order: 1;}input,select,textarea {font-family: var(--font-family);background-color: transparent;box-sizing: border-box;font-size: 1rem;display: inline-flex;line-height: 1.5em;border-color: var(--color-grey);border-width: 2px;border-style: solid;padding: 0.625em 0.875em;border-radius: 0.3125rem;overflow: hidden;width: 100%;}input,select:not([multiple]) {height: 2.75em;}input::placeholder {color: var(--color-grey);}input:hover {border-color: var(--color-midnight);}input:not([type="color"]):read-only,input:disabled,/* select:read-only, */select:disabled,textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em;}.icon-left input,.icon-left select {padding-left: 2em;}.icon-right input,.icon-right select {padding-right: 2em;}kol-input.error {border-left: 3px solid var(--color-red);padding-left: 1em;}kol-input.error input:focus,kol-input.error select:focus,kol-input.error textarea:focus {outline-color: var(--color-red) !important;}kol-input.error kol-alert.error {color: var(--color-red);font-weight: 700;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -33px;}kol-button-wc button {border: 1px solid var(--color-grey);border-radius: 0.25rem;box-sizing: border-box;background-color: transparent;cursor: pointer;}.icon-right kol-button-wc {margin-right: 2.5em;}.disabled {opacity: 0.33;}select[multiple],textarea {overflow: auto;}textarea {display: block;}select option {margin: 1px 0;padding: 0.5em;border-radius: 0.25em;cursor: pointer;}select option:disabled {cursor: not-allowed;}option:active:not(:disabled),option:checked:not(:disabled),option:focus:not(:disabled),option:hover:not(:disabled) {background: var(--color-ocean);color: white;}',
16
- "KOL-ALERT": ':host .msg,:host .msg {border-width: 0;}:host > div {border-width: 2px;border-style: solid;border-radius: 5px;display: flex;width: 100%;overflow: unset;border-color: transparent;background-color: white;}:host > div.msg {align-items: start;}:host > div.msg > .heading > div {align-self: baseline;}:host > div.msg > .heading > div > kol-heading-wc ~ .content {padding-top: 0.25rem;}:host > div.default {border-color: var(--color-grey);}:host > div.default.msg .heading-icon {color: var(--color-grey);}:host > div.error {border-color: var(--color-red);}:host > div.error.msg .heading-icon {color: var(--color-red);}:host > div.info {border-color: var(--color-midnight);}:host > div.info.msg .heading-icon {color: var(--color-midnight);}:host > div.success {border-color: var(--color-green);}:host > div.success.msg .heading-icon {color: var(--color-green);}:host > div.warning {border-color: var(--color-orange);}:host > div.warning.msg .heading-icon {color: var(--color-orange);}:host .heading-icon {align-items: center;color: white;display: inline-flex;}:host > div > div.heading .heading-icon {padding: 0;font-size: 24px;}:host > div.msg > .heading > .heading-icon {padding-top: 0;place-items: baseline;}:host > div.msg > .heading > .heading-icon::part(icon) {line-height: 1.375rem;}:host > div.msg.default .heading > div > kol-heading-wc {color: var(--color-grey);}:host > div.msg.error .heading > div > kol-heading-wc {color: var(--color-red);}:host > div.msg.info .heading > div > kol-heading-wc {color: var(--color-midnight);}:host > div.msg.success .heading > div > kol-heading-wc {color: var(--color-green);}:host > div.msg.warning .heading > div > kol-heading-wc {color: var(--color-orange);}:host > div.msg > .heading > div {display: grid;grid-template-columns: 1fr auto;}:host > div.msg > .heading > div > .content {grid-row: 2;grid-column: 1;}:host > div.msg > div > .close {display: flex;}:host > div.msg.default .close .icon {color: var(--color-grey);}:host > div.msg.error .close .icon {color: var(--color-red);}:host > div.msg.info .close .icon {color: var(--color-midnight);}:host > div.msg.success .close .icon {color: var(--color-green);}:host > div.msg.warning .close .icon {color: var(--color-orange);}/** CARD **/:host .card,:host .card {border: 3px solid #004b76;filter: drop-shadow(0px 2px 4px rgba(8, 35, 48, 0.24));flex-direction: column;}:host > div.card > .heading {grid-template-columns: 2.5em auto 44px;gap: 8px;min-height: 44px;}:host > div.card > .heading > div {width: 100%;}:host > div.card > .heading .heading-icon {justify-self: right;}:host > div.card > .heading kol-heading-wc {width: 100%;color: white;display: flex;font-size: 1.25rem;line-height: 1.75rem;}:host > div.card > .heading kol-heading-wc > * {margin: auto 0;}:host > div.card > div.content {padding: 0.5rem 1rem;}:host > div.card.default > .heading {background-color: var(--color-grey);}:host > div.card.error > .heading {background-color: var(--color-red);}:host > div.card.info > .heading {background-color: var(--color-midnight);}:host > div.card.success > .heading {background-color: var(--color-green);}:host > div.card.warning > .heading {background-color: var(--color-orange);}:host > div kol-icon::part(icon)::before {font-family: "Font Awesome 6 Free" !important;font-weight: 900;}:host > div.error > .heading > kol-icon::part(icon)::before {content: "\\f06a";}:host > div.info > .heading > kol-icon::part(icon)::before {content: "\\f05a";}:host > div.success > .heading > kol-icon::part(icon)::before {content: "\\f058";}:host > div.warning > .heading > kol-icon::part(icon)::before {content: "\\f071";}:host > div.card > div > .content {grid-row: 2;grid-column: 1 / span 2;}:host > div.card.default .close {background-color: var(--color-grey);}:host > div.card.error .close {background-color: var(--color-red);}:host > div.card.info .close {background-color: var(--color-midnight);}:host > div.card.success .close {background-color: var(--color-green);}:host > div.card.warning .close {background-color: var(--color-orange);}.close > button {min-width: 44px;color: var(--color-white);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;}',
16
+ "KOL-ALERT": ':host .msg,:host .msg {border-width: 0;}:host > div {border-width: 2px;border-style: solid;border-radius: 5px;display: flex;width: 100%;overflow: unset;border-color: transparent;background-color: white;}:host > div > div.heading {display: flex;gap: calc(2 * var(--kolibri-spacing));place-items: center;}:host > div > div.heading > div {display: grid;gap: var(--kolibri-spacing);}:host > div.msg > div.heading > kol-icon {place-self: baseline;}:host > div > div.heading > div {display: grid;gap: var(--spacing);}:host > div > div.heading > kol-button-wc.close {place-self: center;}:host > div.msg {align-items: start;}:host > div.default {border-color: var(--color-grey);}:host > div.default.msg .heading-icon {color: var(--color-grey);}:host > div.error {border-color: var(--color-red);}:host > div.error.msg .heading-icon {color: var(--color-red);}:host > div.info {border-color: var(--color-midnight);}:host > div.info.msg .heading-icon {color: var(--color-midnight);}:host > div.success {border-color: var(--color-green);}:host > div.success.msg .heading-icon {color: var(--color-green);}:host > div.warning {border-color: var(--color-orange);}:host > div.warning.msg .heading-icon {color: var(--color-orange);}:host .heading-icon {align-items: center;color: white;display: inline-flex;}:host > div > div.heading .heading-icon {padding: 0;}:host > div.msg > .heading > .heading-icon {padding-top: 0;place-items: baseline;}:host > div.msg > .heading > .heading-icon::part(icon) {line-height: 1.375rem;}:host > div.msg.default .heading > div > kol-heading-wc {color: var(--color-grey);}:host > div.msg.error .heading > div > kol-heading-wc {color: var(--color-red);}:host > div.msg.info .heading > div > kol-heading-wc {color: var(--color-midnight);}:host > div.msg.success .heading > div > kol-heading-wc {color: var(--color-green);}:host > div.msg.warning .heading > div > kol-heading-wc {color: var(--color-orange);}/*:host > div.msg > .heading > div {display: grid;grid-template-columns: 1fr auto;}:host > div.msg > .heading > div > .content {grid-row: 2;grid-column: 1;}:host > div.msg > div > .close {display: flex;}*/:host > div.msg.default .close .icon {color: var(--color-grey);}:host > div.msg.error .close .icon {color: var(--color-red);}:host > div.msg.info .close .icon {color: var(--color-midnight);}:host > div.msg.success .close .icon {color: var(--color-green);}:host > div.msg.warning .close .icon {color: var(--color-orange);} /** CARD **/:host .card,:host .card {border: 3px solid #004b76;filter: drop-shadow(0px 2px 4px rgba(8, 35, 48, 0.24));flex-direction: column;}:host > div.card > .heading {grid-template-columns: 2.5em auto 44px;gap: 8px;min-height: 44px;padding: 0.5rem 1rem;}:host > div.card > .heading > div {width: 100%;}:host > div.card > .heading .heading-icon {justify-self: right;}:host > div.card > .heading kol-heading-wc {width: 100%;color: white;display: flex;font-size: 1.25rem;line-height: 1.75rem;}:host > div.card > .heading kol-heading-wc > * {margin: auto 0;}:host > div.card > div.content {padding: 0.5rem 1rem;}:host > div.card.default > .heading {background-color: var(--color-grey);}:host > div.card.error > .heading {background-color: var(--color-red);}:host > div.card.info > .heading {background-color: var(--color-midnight);}:host > div.card.success > .heading {background-color: var(--color-green);}:host > div.card.warning > .heading {background-color: var(--color-orange);}:host > div kol-icon::part(icon)::before {font-family: "Font Awesome 6 Free" !important;font-weight: 900;}:host > div.error > .heading > kol-icon::part(icon)::before {content: "\\f06a";}:host > div.info > .heading > kol-icon::part(icon)::before {content: "\\f05a";}:host > div.success > .heading > kol-icon::part(icon)::before {content: "\\f058";}:host > div.warning > .heading > kol-icon::part(icon)::before {content: "\\f071";}:host > div.card > div > .content {grid-row: 2;grid-column: 1 / span 2;}:host > div.card.default .close {background-color: var(--color-grey);}:host > div.card.error .close {background-color: var(--color-red);}:host > div.card.info .close {background-color: var(--color-midnight);}:host > div.card.success .close {background-color: var(--color-green);}:host > div.card.warning .close {background-color: var(--color-orange);}.close > button {min-width: 44px;color: var(--color-white);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;}',
17
17
  "KOL-HEADING": "h1,h2,h3,h4,h5,h6 {color: inherit;font-style: normal;margin: 0;padding: 0;}h1,h2,h3 {font-weight: 700;}h1 {font-size: 1.5rem;line-height: 3.25rem;}h2 {font-size: 1.25rem;line-height: 1.75rem;}h3 {font-size: 1.125rem;line-height: 1.5rem;}",
18
18
  "KOL-BADGE": ":host {display: inline-block;}:host > span {border-radius: 0.3125rem;display: inline-flex;font-size: 0.875em;font-style: normal;font-weight: 700;line-height: 1rem;}:host > span.smart-button {align-items: center;}:host > span kol-button-wc:hover > button {background-color: var(--color-ocean);color: var(--color-white);}:host > span kol-button-wc > button {color: inherit;font-size: 1rem;border-top-right-radius: 0.3125rem;border-bottom-right-radius: 0.3125rem;padding: 2px;}:host > span kol-span-wc {padding: 0.25rem 0.5rem;}:host > span > kol-span-wc {align-items: center;font-style: normal;gap: 0.5rem;}:host > span > kol-span-wc > span {display: flex;gap: 0.25rem;}",
19
19
  "KOL-BUTTON-GROUP": ":host > kol-button-group-wc {display: flex;flex-wrap: wrap;gap: 0.5em;}",
@@ -287,56 +287,8 @@ const ZOLLv2 = KoliBri.createTheme("zoll-v2", {
287
287
  "KOL-NAV": '* {margin: 0;padding: 0;}nav {font-family: var(--font-family);font-size: var(--font-size);}ul {list-style: none;}a {background-color: white;text-decoration: none;width: 100%;color: var(--color-grau-90);display: flex;align-items: center;font-style: normal;padding: 0.75rem 0.5rem 0.75rem 0;border-left-color: transparent;border-radius: 0;border-left-style: solid;border-left-width: 0.25rem;line-height: 1.5rem;min-height: 44px;min-width: 44px;transition-duration: 0.5s;transition-property: background-color, color, border-color;}li[part*="selected"] {border-left-color: var(--color-blau-dark);border-left-style: solid;border-left-width: 0.25rem;}a:focus,a:hover {background-color: var(--color-neutral-light);border-left-color: var(--color-blau-dark);color: var(--color-white);}a > kol-icon {display: inline-block;text-align: center;width: 44px;flex-shrink: 0;}.hidden {display: none;}:host > div > div:last-child {margin-top: 0.5em;width: 100%;text-align: center;} /* horizontal */ul.flex {display: flex;}li > div > div.absolute {position: absolute;}.horizontal a {display: block;}kol-span-wc {margin: 0 0.25rem;justify-items: baseline;}kol-span-wc > span {gap: 0.5rem;}'
288
288
  });
289
289
 
290
- const DE = KoliBri.createTranslation("de", {
291
- "kol-alert-error-label": "Fehler",
292
- "kol-alert-info-label": "Information",
293
- "kol-alert-warning-label": "Warnung",
294
- "kol-alert-success-label": "Erfolg",
295
- "kol-form-required-advise": "Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",
296
- "kol-link-target-advise": "Der Link wird in einem neuen Tab ge\xF6ffnet",
297
- "kol-logo-label": "Bildwortmarke",
298
- "kol-nav-label-close": "Navigation maximieren",
299
- "kol-nav-label-open": "Navigation minimieren",
300
- "kol-pagination-label-first": "Direkt zur ersten Seite",
301
- "kol-pagination-label-last": "Direkt zur letzten Seite",
302
- "kol-pagination-label-next": "Eine Seite weiter",
303
- "kol-pagination-label-previous": "Eine Seite zur\xFCck",
304
- "kol-pagination-label-current": "Seite {$1} ist ausgew\xE4hlt",
305
- "kol-spin-label-busy": "Aktion wird ausgef\xFChrt",
306
- "kol-spin-label-finished": "Aktion ist abgeschlossen",
307
- "kol-table-button-sort-label": "Sortierung von {$1} \xE4ndern",
308
- "kol-table-pagination-label": "{$1} Eintr\xE4ge pro Seite",
309
- "kol-table-pagination-sites-no": "Es sind keine Eintr\xE4ge vorhanden",
310
- "kol-table-pagination-sites-yes": "Eintr\xE4ge {$1} bis {$2} angezeigt",
311
- "kol-tabs-button-add-label": "Neu",
312
- "kol-tabs-button-close-label": "Registerkarte schlie\xDFen",
313
- "kol-toast-button-close-label": "Schlie\xDFen"
314
- });
290
+ const DE = KoliBri.createTranslation("de", {});
315
291
 
316
- const EN = KoliBri.createTranslation("en", {
317
- "kol-alert-error-label": "Error",
318
- "kol-alert-info-label": "Information",
319
- "kol-alert-warning-label": "Warning",
320
- "kol-alert-success-label": "Success",
321
- "kol-form-required-advise": "Form fields, marked with an asterisk (*), are required.",
322
- "kol-link-target-advise": "Link opens in new tab",
323
- "kol-logo-label": "Figurative mark",
324
- "kol-nav-label-close": "Maximize navigation",
325
- "kol-nav-label-open": "Minmize Navigation",
326
- "kol-pagination-label-first": "First site",
327
- "kol-pagination-label-last": "Last site",
328
- "kol-pagination-label-next": "One site forward",
329
- "kol-pagination-label-previous": "One site back",
330
- "kol-pagination-label-current": "Site {$1} choosen",
331
- "kol-spin-label-busy": "Busy",
332
- "kol-spin-label-finished": "Finished",
333
- "kol-table-button-sort-label": "Change sort of {$1}",
334
- "kol-table-pagination-label": "{$1} entries per site",
335
- "kol-table-pagination-sites-no": "No entries",
336
- "kol-table-pagination-sites-yes": "Entry {$1} to {$2}",
337
- "kol-tabs-button-add-label": "Add",
338
- "kol-tabs-button-close-label": "Close tab",
339
- "kol-toast-button-close-label": "Close"
340
- });
292
+ const EN = KoliBri.createTranslation("en", {});
341
293
 
342
294
  export { BAMF, BMF, BPA, BZSt, DE, DEFAULT, DESYv1, DESYv2, EN, ITZBund, MAPZ, ZOLLv2 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.4.1-rc.1",
3
+ "version": "1.4.2-rc.0",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": "https://github.com/public-ui/kolibri",
@@ -48,10 +48,10 @@
48
48
  "prepack": "unbuild"
49
49
  },
50
50
  "dependencies": {
51
- "@public-ui/schema": "1.4.1-rc.1"
51
+ "@public-ui/schema": "1.4.2-rc.0"
52
52
  },
53
53
  "devDependencies": {
54
- "@types/node": "18.14.2",
54
+ "@types/node": "ts4.9",
55
55
  "@typescript-eslint/eslint-plugin": "5.54.0",
56
56
  "@typescript-eslint/parser": "5.54.0",
57
57
  "eslint": "8.35.0",
@@ -60,7 +60,7 @@
60
60
  "unbuild": "1.1.2"
61
61
  },
62
62
  "peerDependencies": {
63
- "@public-ui/components": "1.4.1-rc.1"
63
+ "@public-ui/components": "1.4.2-rc.0"
64
64
  },
65
65
  "sideEffects": false,
66
66
  "type": "module",