@public-ui/themes 1.5.0-rc.0 → 1.5.0-rc.2
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.
- package/assets/bpa-icons/bpa-icons.eot +0 -0
- package/assets/bpa-icons/bpa-icons.json +1115 -0
- package/assets/bpa-icons/bpa-icons.svg +432 -0
- package/assets/bpa-icons/bpa-icons.symbol.svg +1449 -0
- package/assets/bpa-icons/bpa-icons.ttf +0 -0
- package/assets/bpa-icons/bpa-icons.woff +0 -0
- package/assets/bpa-icons/bpa-icons.woff2 +0 -0
- package/assets/bpa-icons/style.css +159 -0
- package/assets/bpa-icons/style.less +157 -0
- package/assets/bpa-icons/style.module.less +160 -0
- package/assets/bpa-icons/style.scss +299 -0
- package/assets/bpa-icons/style.styl +157 -0
- package/assets/codicons/LICENSE +395 -0
- package/assets/codicons/LICENSE-CODE +21 -0
- package/assets/codicons/codicon.css +19 -1
- package/assets/codicons/codicon.csv +14 -1
- package/assets/codicons/codicon.html +112 -8
- package/assets/codicons/codicon.svg +1 -1
- package/assets/codicons/codicon.ttf +0 -0
- package/dist/index.cjs +57 -37
- package/dist/index.d.ts +12 -12
- package/dist/index.mjs +57 -37
- package/package.json +5 -5
|
Binary file
|
package/dist/index.cjs
CHANGED
|
@@ -8,7 +8,7 @@ const BAMF = components.KoliBri.createTheme("bamf", {
|
|
|
8
8
|
|
|
9
9
|
const BMF = components.KoliBri.createTheme("bmf", {
|
|
10
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 {font-family: var(--font-family);font-size: var(--font-size);margin: 0;}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
|
-
"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 {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;}",
|
|
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 {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;}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 {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;gap: 0.4em;}kol-input label {order: 2;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {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;}.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;}kol-button-wc button {border-radius: 0.25rem;}kol-button-wc button kol-span-wc {border: 1px solid var(--color-grey);display: grid;min-height: 44px;min-width: 44px;}.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;gap: 0.4em;}kol-input label {order: 2;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {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;}.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;}kol-button-wc button {border-radius: 0.25rem;}kol-button-wc button kol-span-wc {border: 1px solid var(--color-grey);display: grid;min-height: 44px;min-width: 44px;}.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-NUMBER": 'kol-input {display: grid;gap: 0.4em;}kol-input label {order: 2;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {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;}.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;}kol-button-wc button {border-radius: 0.25rem;}kol-button-wc button kol-span-wc {border: 1px solid var(--color-grey);display: grid;min-height: 44px;min-width: 44px;}.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;}',
|
|
@@ -20,7 +20,7 @@ const BMF = components.KoliBri.createTheme("bmf", {
|
|
|
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;}",
|
|
22
22
|
"KOL-INDENTED-TEXT": ":host > div {background-color: var(--color-white);border-left: none;box-shadow: -4px 0px 0px var(--color-ocean);padding: 0.25em 0.5em;width: 100%;}",
|
|
23
|
-
"KOL-LINK": "a,button {background-color: transparent;border: 0;cursor: pointer;display: inline-block;}kol-link-wc,kol-link-button-wc {display: inline-block;}a,button {color: var(--color-midnight);font-style: normal;font-weight: 400;display: inline-flex;line-height: 1.5em;text-decoration-line: underline;border-radius: 0.25rem;}a:hover,button:hover {text-decoration-thickness: 0.25em;}a:visited,button:visited {color: var(--visited);}kol-icon {padding: 0 0.25em;
|
|
23
|
+
"KOL-LINK": "a,button {background-color: transparent;border: 0;cursor: pointer;display: inline-block;margin: 0;padding: 0;}kol-link-wc,kol-link-button-wc {display: inline-block;}a,button {color: var(--color-midnight);font-style: normal;font-weight: 400;display: inline-flex;line-height: 1.5em;text-decoration-line: underline;border-radius: 0.25rem;}a:hover,button:hover {text-decoration-thickness: 0.25em;}a:visited,button:visited {color: var(--visited);}kol-icon {padding: 0 0.25em;}.hidden {display: none;visibility: hidden;}.skip {left: -99999px;overflow: hidden;position: absolute;z-index: 9999999;line-height: 1em;}.skip:focus {background: white;left: unset;position: unset;}",
|
|
24
24
|
"KOL-DETAILS": "kol-indented-text {margin: 0.25em 0px 0px 0.74em;}",
|
|
25
25
|
"KOL-SPIN": ".spin {display: inline-block;height: 1rem;position: relative;width: 3rem;}.spin span {animation-timing-function: cubic-bezier(0, 1, 1, 0);border: 0.1rem solid rgb(255, 255, 255);border-radius: 50%;height: 0.8rem;width: 0.8rem;top: 0.1rem;position: absolute;}.spin span:nth-child(1) {background-color: #fc0;z-index: 0;animation: 2s ease 0s infinite normal none running spin1;left: 0.1rem;}.spin span:nth-child(2) {background-color: #f00;z-index: 1;animation: 2s ease 0s infinite normal none running spin2;left: 0.1rem;}.spin span:nth-child(3) {background-color: #000;z-index: 1;animation: 2s ease 0s infinite normal none running spin2;left: 1.1rem;}.spin span:nth-child(4) {background-color: #666;z-index: 0;animation: 2s ease 0s infinite normal none running spin3;left: 2.1rem;}@keyframes spin1 {0% {transform: scale(0);}100% {transform: scale(1);}}@keyframes spin2 {0% {transform: translate(0px, 0px);}100% {transform: translate(1rem, 0px);}}@keyframes spin3 {0% {transform: scale(1);}100% {transform: scale(0);}}",
|
|
26
26
|
"KOL-PROGRESS": ":host progress,:host span {display: block;height: 0px;overflow: hidden;width: 0px;}:host svg line:first-child,:host svg circle:first-child {fill: transparent;stroke: var(--color-ice);}:host svg line:last-child,:host svg circle:last-child {fill: transparent;stroke: var(--color-midnight);}",
|
|
@@ -36,40 +36,40 @@ const BMF = components.KoliBri.createTheme("bmf", {
|
|
|
36
36
|
"KOL-TABS": 'button:disabled {opacity: 0.5;cursor: not-allowed;}:host kol-button-group-wc {display: inline-flex;gap: 2rem;flex-wrap: wrap;}button {box-sizing: border-box;background-color: transparent;border: 0;border-radius: 0.25rem;font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;min-height: 44px;min-width: 44px;text-transform: uppercase;color: var(--color-grey);padding: 0;}button:hover {color: var(--color-midnight);}button.primary,button.selected {/* border-bottom: 0.025rem solid var(--color-midnight); */color: var(--color-midnight);text-decoration-line: underline;text-underline-offset: 5px;text-decoration-thickness: 0.25em;}button kol-span-wc > span {gap: 0.5rem;}:host > div > div {padding: 0.25em 0;}.close-button {display: none;font-size: 25%;height: fit-content;width: 0;}.close-button button {width: 1rem;position: relative;height: 1rem;left: -4.25em;top: 0.25em;}div[role="tabpanel"] {height: 100%;}div.grid {height: 100%;}:host > .tabs-align-right {display: grid;grid-template-columns: 1fr auto;}:host > .tabs-align-right kol-button-group-wc {display: grid;order: 2;}:host > .tabs-align-left {display: grid;grid-template-columns: auto 1fr;}:host > .tabs-align-left kol-button-group-wc {display: grid;order: 0;}:host > .tabs-align-bottom {display: grid;grid-template-rows: 1fr auto;}:host > .tabs-align-bottom kol-button-group-wc {order: 2;}:host > .tabs-align-bottom kol-button-group-wc > div {display: flex;}:host > .tabs-align-bottom > kol-button-group-wc > div > div:first-child {margin: 0px 1em 0px 0px;}:host > .tabs-align-bottom > kol-button-group-wc > div > div {margin: 0px 1em;}:host > .tabs-align-top {display: grid;grid-template-rows: auto 1fr;}:host > .tabs-align-top kol-button-group-wc {order: 0;}:host > .tabs-align-top kol-button-group-wc > div {display: flex;}:host > .tabs-align-top > kol-button-group-wc > div > div:first-child {margin: 0px 1em 0px 0px;}:host > .tabs-align-top > kol-button-group-wc > div > div {margin: 0px 1em;}:host > div {display: grid;}:host > div.tabs-align-left {grid-template-columns: auto 1fr;}:host > div.tabs-align-right {grid-template-columns: 1fr auto;}:host > .tabs-align-left kol-button-group-wc,:host > .tabs-align-top kol-button-group-wc {order: 0;}:host > .tabs-align-bottom kol-button-group-wc,:host > .tabs-align-right kol-button-group-wc {order: 1;}:host > .tabs-align-left kol-button-group-wc,:host > .tabs-align-right kol-button-group-wc {gap: inherit;}:host > div.tabs-align-left kol-button-group-wc > div,:host > div.tabs-align-left kol-button-group-wc > div > div,:host > div.tabs-align-right kol-button-group-wc > div,:host > div.tabs-align-right kol-button-group-wc > div > div {display: grid;}:host > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,:host > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {width: 100%;}:host > div.tabs-align-bottom kol-button-group-wc div,:host > div.tabs-align-top kol-button-group-wc div {display: flex;flex-wrap: wrap;}:host kol-button-group-wc button {border: none;}',
|
|
37
37
|
"KOL-PAGINATION": ":host {display: grid;gap: 1rem;}:host > div {display: inline-flex;flex-wrap: wrap;align-items: center;gap: 0.5em;}:host .selected button {min-width: 44px;min-height: 44px;display: grid;line-height: 1.5rem;font-family: var(--font-family);cursor: not-allowed;font-weight: 700;padding: 10px 12px;border-radius: 1.5em;border: none;font-size: 16px;font-style: normal;text-align: center;text-transform: uppercase;width: inherit;transition-duration: 0.5s;transition-property: background-color, color, border-color;color: var(--color-midnight);background-color: var(--color-ice);border-color: var(--color-ice);}:host > div > span {align-self: flex-end;padding-bottom: 0.5rem;color: var(--color-midnight);}",
|
|
38
38
|
"KOL-INPUT-RANGE": '/* https://www.cssportal.com/style-input-range/ */kol-input {display: grid;gap: 0.4em;}kol-input label {order: 2;}kol-input div.input {box-sizing: border-box;order: 3;background-color: white;border-radius: 0.3125rem;}kol-input kol-alert.error {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: calc(100% - 4em);}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::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.725em 0.875em;box-sizing: border-box;border-color: transparent;border-width: 2px;border-style: solid;}.icon-left input,.icon-left select {padding-left: calc(0.875em + 1em + 0.5em);}.icon-right input,.icon-right select {padding-right: calc(0.875em + 1em + 0.5em);}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;}.icon-left input,.icon-left select {margin-left: 2em;}.icon-right input,.icon-right select {margin-right: 2em;}input[type="range"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;}input[type="range"] {overflow: visible;background-color: var(--color-ice);border: 0;height: 0.5rem;padding: 0;padding-bottom: 0;margin-bottom: 0;}input[type="range"]::-webkit-slider-thumb {box-sizing: border-box;background-color: var(--color-midnight);height: 20px;width: 20px;border-radius: 20px;cursor: pointer;-webkit-appearance: none;}',
|
|
39
|
-
"KOL-LINK-BUTTON": "a {display: inline-flex;gap: 0.25rem;align-items: center;justify-items: center;}a {background-color: transparent;border: 0;cursor: pointer;border-radius: 1.5em;min-width: 44px;min-height: 44px;padding: 0;text-decoration: none !important;}a > 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;}a:disabled > kol-span-wc {cursor: not-allowed;opacity: 0.5;}.primary a > kol-span-wc,.primary a:disabled:hover > kol-span-wc {background-color: var(--color-midnight);border-color: var(--color-midnight);color: var(--color-white);}.secondary a > kol-span-wc,.secondary a:disabled:hover > kol-span-wc,.normal a > kol-span-wc,.normal a:disabled:hover > kol-span-wc {background-color: var(--color-white);border-color: var(--color-midnight);color: var(--color-midnight);}.danger a > kol-span-wc,.danger a:disabled:hover > kol-span-wc {background-color: var(--color-red);border-color: var(--color-red);color: var(--color-white);}.ghost a > kol-span-wc,.ghost a:disabled:hover > kol-span-wc {border-color: var(--color-white);background-color: var(--color-white);box-shadow: none;color: var(--color-midnight);}
|
|
40
|
-
"KOL-BUTTON-LINK": "a,button {background-color: transparent;border: 0;cursor: pointer;display: inline-block;margin: 0;padding: 0;}kol-link-wc,kol-link-button-wc {display: inline-block;}a,button {color: var(--color-midnight);font-style: normal;font-weight: 400;display: inline-flex;line-height: 1.5em;text-decoration-line: underline;border-radius: 0.25rem;}a:hover,button:hover {text-decoration-thickness: 0.25em;}a:visited,button:visited {color: var(--visited);}kol-icon {padding: 0 0.25em;
|
|
39
|
+
"KOL-LINK-BUTTON": "a {display: inline-flex;gap: 0.25rem;align-items: center;justify-items: center;}a {background-color: transparent;border: 0;cursor: pointer;border-radius: 1.5em;min-width: 44px;min-height: 44px;padding: 0;text-decoration: none !important;}a > kol-span-wc {display: grid;min-width: 44px;min-height: 44px;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;}a:disabled > kol-span-wc {cursor: not-allowed;opacity: 0.5;}.primary a > kol-span-wc,.primary a:disabled:hover > kol-span-wc {background-color: var(--color-midnight);border-color: var(--color-midnight);color: var(--color-white);}.secondary a > kol-span-wc,.secondary a:disabled:hover > kol-span-wc,.normal a > kol-span-wc,.normal a:disabled:hover > kol-span-wc {background-color: var(--color-white);border-color: var(--color-midnight);color: var(--color-midnight);}.danger a > kol-span-wc,.danger a:disabled:hover > kol-span-wc {background-color: var(--color-red);border-color: var(--color-red);color: var(--color-white);}.ghost a > kol-span-wc,.ghost a:disabled:hover > kol-span-wc {border-color: var(--color-white);background-color: var(--color-white);box-shadow: none;color: var(--color-midnight);}/*-----------*/.primary a:active > kol-span-wc,.primary a:hover > kol-span-wc,.secondary a:active > kol-span-wc,.secondary a:hover > kol-span-wc,.normal a:active > kol-span-wc,.normal a:hover > kol-span-wc,.danger a:active > kol-span-wc,.danger a:hover > kol-span-wc,.ghost a:active > kol-span-wc,.ghost a: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);}.danger a:active > kol-span-wc,.danger a:hover > kol-span-wc {background-color: var(--color-crimson);border-color: var(--color-crimson);}a:disabled:hover > kol-span-wc,a:focus:hover > kol-span-wc {box-shadow: none;}.primary a:active > kol-span-wc,.secondary a:active > kol-span-wc,.normal a:active > kol-span-wc,.danger a:active > kol-span-wc,.ghost a:active > kol-span-wc {border-color: var(--color-white);box-shadow: none;outline: none;}:host a > kol-span-wc > span {display: flex;gap: 0.5em;margin: auto;align-items: center;justify-content: center;letter-spacing: 0.75px;}a.icon-only > kol-span-wc {padding: 8px;}a.icon-only > kol-span-wc > span > span {display: none;}a.icon-only > kol-span-wc kol-icon {width: 1.5em;height: 1.5em;}a.loading > kol-span-wc kol-icon {animation: spin 5s infinite linear;}/** small ghost a */.ghost.small a > kol-span-wc {border: none;background-color: transparent;box-shadow: none;}.ghost.small a > kol-span-wc > span {border-radius: 1.5em;border-style: solid;border-width: 2px;border-color: var(--color-white);background-color: var(--color-white);}.ghost.small a:active > kol-span-wc > span,.ghost.small a:hover > kol-span-wc > span,.ghost.small.transparent a:active > kol-span-wc > span,.ghost.small.transparent a: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);}/** a with transparent background */.transparent a > kol-span-wc > span,.ghost.small.transparent a > kol-span-wc > span,.transparent a > kol-span-wc {background-color: transparent;border-color: transparent;}.loading a > kol-span-wc kol-icon {animation: spin 5s infinite linear;}",
|
|
40
|
+
"KOL-BUTTON-LINK": "a,button {background-color: transparent;border: 0;cursor: pointer;display: inline-block;margin: 0;padding: 0;}kol-link-wc,kol-link-button-wc {display: inline-block;}a,button {color: var(--color-midnight);font-style: normal;font-weight: 400;display: inline-flex;line-height: 1.5em;text-decoration-line: underline;border-radius: 0.25rem;}a:hover,button:hover {text-decoration-thickness: 0.25em;}a:visited,button:visited {color: var(--visited);}kol-icon {padding: 0 0.25em;}.hidden {display: none;visibility: hidden;}.skip {left: -99999px;overflow: hidden;position: absolute;z-index: 9999999;line-height: 1em;}.skip:focus {background: white;left: unset;position: unset;}",
|
|
41
41
|
"KOL-ABBR": "abbr {border-bottom: dotted var(--color-metal) 1px;text-decoration: none !important;}"
|
|
42
42
|
});
|
|
43
43
|
|
|
44
44
|
const BPA = components.KoliBri.createTheme("bpa", {
|
|
45
|
-
GLOBAL: ":host {--
|
|
46
|
-
"KOL-BUTTON":
|
|
47
|
-
"KOL-INPUT-TEXT":
|
|
48
|
-
"KOL-INPUT-PASSWORD":
|
|
49
|
-
"KOL-INPUT-NUMBER":
|
|
50
|
-
"KOL-INPUT-EMAIL":
|
|
51
|
-
"KOL-INPUT-FILE":
|
|
52
|
-
"KOL-TEXTAREA":
|
|
53
|
-
"KOL-ALERT": "
|
|
54
|
-
"KOL-HEADING": "h1,h2,h3,h4,h5,h6 {line-height:
|
|
55
|
-
"KOL-BADGE": ":host {
|
|
56
|
-
"KOL-BUTTON-GROUP": "
|
|
57
|
-
"KOL-INDENTED-TEXT": "
|
|
58
|
-
"KOL-LINK": "
|
|
59
|
-
"KOL-BREADCRUMB":
|
|
60
|
-
"KOL-DETAILS": "
|
|
61
|
-
"KOL-SPIN": "
|
|
62
|
-
"KOL-PROGRESS": "
|
|
63
|
-
"KOL-SELECT":
|
|
64
|
-
"KOL-INPUT-COLOR":
|
|
65
|
-
"KOL-ACCORDION":
|
|
66
|
-
"KOL-TABLE":
|
|
67
|
-
"KOL-NAV":
|
|
68
|
-
"KOL-CARD": "
|
|
69
|
-
"KOL-INPUT-CHECKBOX":
|
|
70
|
-
"KOL-INPUT-RADIO":
|
|
71
|
-
"KOL-LINK-GROUP": "
|
|
72
|
-
"KOL-TOAST": "
|
|
45
|
+
GLOBAL: ":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: BundesSansWeb-Regular, Arial, Helvetica, sans-serif;--kolibri-font-family-heading: BundesSerifWeb-Regular, BundesSansWeb-Regular,Arial, Helvetica, sans-serif;--kolibri-font-size: unset;--kolibri-spacing: unset;}:host {--color-blue: #0077b6;--color-blue-80: #3392c5;--color-blue-60: #66add3;--color-blue-40: #99c9e2;--color-blue-20: #cce4f0;--color-darkblue: #004b76;--color-darkblue-80: #336f91;--color-darkblue-60: #6693ad;--color-darkblue-40: #99b7c8;--color-darkblue-20: #ccdbe4;}@keyframes blinker {50% {opacity: 0.25;}}",
|
|
46
|
+
"KOL-BUTTON": "",
|
|
47
|
+
"KOL-INPUT-TEXT": "",
|
|
48
|
+
"KOL-INPUT-PASSWORD": "",
|
|
49
|
+
"KOL-INPUT-NUMBER": "",
|
|
50
|
+
"KOL-INPUT-EMAIL": "",
|
|
51
|
+
"KOL-INPUT-FILE": "",
|
|
52
|
+
"KOL-TEXTAREA": "",
|
|
53
|
+
"KOL-ALERT": "",
|
|
54
|
+
"KOL-HEADING": "h1,h2,h3,h4,h5,h6 {font-family: var(--kolibri-font-family-heading);}h1 {margin-bottom: 1.5rem;font-size: 2rem;font-weight: 400;line-height: 2.5rem;}@media (min-width: 64rem) {h1 {font-size: 2.875rem;line-height: 3.125rem;}}@media (min-width: 85.375rem) {h1 {font-size: 3.5rem;line-height: 4.5rem;}}h2 {margin-bottom: 1.5rem;font-size: 1.75rem;font-weight: 400;line-height: 2rem;color: var(--color-blue);}@media (min-width: 64rem) {h2 {font-size: 2.5rem;line-height: 3rem;}}@media (min-width: 85.375rem) {h2 {font-size: 2.875rem;line-height: 3.125rem;}}h3 {margin-bottom: 1.5rem;font-size: 1.625rem;font-weight: 400;line-height: 2rem;color: var(--color-blue);/*color: #111314;*/}@media (min-width: 64rem) {h3 {font-size: 1.75rem;line-height: 2.25rem;}}@media (min-width: 85.375rem) {h3 {font-size: 2rem;line-height: 2.625rem;}}h4 {margin-bottom: 1.5rem;font-size: 1.5rem;font-weight: 400;line-height: 1.75rem;color: var(--color-blue);}@media (min-width: 64rem) {h4 {font-size: 1.625rem;line-height: 1.875rem;}}@media (min-width: 85.375rem) {h4 {font-size: 1.75rem;line-height: 2.25rem;}}h5 {margin-bottom: 1.5rem;font-size: 1.1875rem;font-weight: 400;line-height: 1.75rem;color: var(--color-darkblue);}@media (min-width: 64rem) {h5 {font-size: 1.375rem;line-height: 1.875rem;}}@media (min-width: 85.375rem) {h5 {font-size: 1.5rem;line-height: 2.125rem;}}h6 {color: #f0f;animation: blinker 0.25s linear infinite;}",
|
|
55
|
+
"KOL-BADGE": ":host {--kolibri-spacing: 0.25rem;}:host > span > kol-span-wc {font: normal normal var(--font-weight) 0.875rem/1rem var(--font-family);padding: calc(0.5rem - 1px) calc(0.75rem - 1px);text-transform: uppercase;}",
|
|
56
|
+
"KOL-BUTTON-GROUP": "",
|
|
57
|
+
"KOL-INDENTED-TEXT": "",
|
|
58
|
+
"KOL-LINK": "",
|
|
59
|
+
"KOL-BREADCRUMB": "",
|
|
60
|
+
"KOL-DETAILS": "",
|
|
61
|
+
"KOL-SPIN": "",
|
|
62
|
+
"KOL-PROGRESS": "",
|
|
63
|
+
"KOL-SELECT": "",
|
|
64
|
+
"KOL-INPUT-COLOR": "",
|
|
65
|
+
"KOL-ACCORDION": "",
|
|
66
|
+
"KOL-TABLE": "",
|
|
67
|
+
"KOL-NAV": "",
|
|
68
|
+
"KOL-CARD": "",
|
|
69
|
+
"KOL-INPUT-CHECKBOX": "",
|
|
70
|
+
"KOL-INPUT-RADIO": "",
|
|
71
|
+
"KOL-LINK-GROUP": "",
|
|
72
|
+
"KOL-TOAST": ""
|
|
73
73
|
});
|
|
74
74
|
|
|
75
75
|
const BZSt = components.KoliBri.createTheme("bzst", {
|
|
@@ -182,7 +182,7 @@ const DESYv2 = components.KoliBri.createTheme("desy-v2", {
|
|
|
182
182
|
});
|
|
183
183
|
|
|
184
184
|
const ECL_EC = components.KoliBri.createTheme("ecl-ec", {
|
|
185
|
-
GLOBAL: ":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: unset;}:host {--color-blue: #004494;--color-yellow: #ffd617;--color-grey: #404040;--color-blue-130: #002f67;--color-blue-120: #003776;--color-blue-110: #003d84;--color-blue-100: var(--color-blue);--color-blue-75: #4073af;--color-blue-50: #bfd0e4;--color-blue-25: #bfd0e4;--color-blue-5: #f2f5f9;--color-yellow-120: #f8ae21;--color-yellow-110: #fbc11d;--color-yellow-100: var(--color-yellow);--color-yellow-75: #ffde39;--color-yellow-50: #ffe879;--color-yellow-25: #fff4bb;--color-grey-100: var(--color-grey);--color-grey-75: #707070;--color-grey-50: #9f9f9f;--color-grey-25: #cfcfcf;--color-grey-20: #d9d9d9;--color-grey-15: #e3e3e3;--color-grey-10: #ebebeb;--color-grey-5: #f5f5f5;--color-grey-3: #f9f9f9;--color-blue-n: #006fb4;--color-orange: #f29527;--color-green: #467a39;--color-red: #da2131;--color-red-1xx: #981722;--color-black: #000;--color-white: #fff;--font-family: Arial, sans-serif;--font-size: 16px;--font-weight: 400;--font-weight-bold: 600;--line-height: 1.5em;--line-height-heading: 1.2em; /* ?! */--spacing-4xl: 64px;--spacing-3xl: 48px;--spacing-2xl: 40px;--spacing-xl: 32px;--spacing-l: 24px;--spacing-m: 16px;--spacing-s: 12px;--spacing-xs: 8px;--spacing-2xs: 4px; /* ?! */}:host {font-family: var(--font-family);font-size: var(--font-size);}a,button {font-size: var(--font-size);outline: none;}h1,h2,h3,h4,h5,h6 {font-weight: var(--font-weight-bold);line-height: var(--line-height-heading);}p {font-weight: var(--font-weight);}",
|
|
185
|
+
GLOBAL: ":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: unset;}:host {--color-blue: #004494;--color-yellow: #ffd617;--color-grey: #404040;--color-blue-130: #002f67;--color-blue-120: #003776;--color-blue-110: #003d84;--color-blue-100: var(--color-blue);--color-blue-75: #4073af;--color-blue-50: #bfd0e4;--color-blue-25: #bfd0e4;--color-blue-5: #f2f5f9;--color-yellow-120: #f8ae21;--color-yellow-110: #fbc11d;--color-yellow-100: var(--color-yellow);--color-yellow-75: #ffde39;--color-yellow-50: #ffe879;--color-yellow-25: #fff4bb;--color-grey-100: var(--color-grey);--color-grey-75: #707070;--color-grey-50: #9f9f9f;--color-grey-25: #cfcfcf;--color-grey-20: #d9d9d9;--color-grey-15: #e3e3e3;--color-grey-10: #ebebeb;--color-grey-5: #f5f5f5;--color-grey-3: #f9f9f9;--color-blue-n: #006fb4;--color-orange: #f29527;--color-green: #467a39;--color-red: #da2131;--color-red-1xx: #981722;--color-black: #000;--color-white: #fff;--font-family: Arial, sans-serif;--font-size: 16px;--font-weight: 400;--font-weight-bold: 600;--line-height: 1.5em;--line-height-heading: 1.2em; /* ?! */--spacing-4xl: 64px;--spacing-3xl: 48px;--spacing-2xl: 40px;--spacing-xl: 32px;--spacing-l: 24px;--spacing-m: 16px;--spacing-s: 12px;--spacing-xs: 8px;--spacing-2xs: 4px; /* ?! */}:host {display: inline-block;font-family: var(--font-family);font-size: var(--font-size);}a,button {font-size: var(--font-size);outline: none;}h1,h2,h3,h4,h5,h6 {font-weight: var(--font-weight-bold);line-height: var(--line-height-heading);}p {font-weight: var(--font-weight);}",
|
|
186
186
|
"KOL-HEADING": "h1 {font-size: 2rem;line-height: 2.5rem;}h2 {font-size: 1.75rem;line-height: 2rem;}h3 {font-size: 1.5rem;line-height: 1.75rem;}h4 {font-size: 1.25rem;line-height: 1.75rem;}h5 {font-size: 1rem;line-height: 1.5rem;}h6 {color: rgb(234, 0, 255);}",
|
|
187
187
|
"KOL-ACCORDION": ':host > div {background-color: var(--color-grey-5);border-color: var(--color-grey-25);border-style: solid;border-width: 1px;}:host > div .headline button {text-align: left;width: 100%;padding: 0 var(--spacing-m);display: flex;place-items: center;}:host > div .headline button kol-icon {margin-bottom: 0.75rem;margin-inline-end: 1rem;margin-inline-start: 0;margin-top: 0.75rem;}:host > div .headline button span {color: var(--color-grey);font-weight: var(--font-weight-bold);padding: 0.75rem 0;width: 100%;}:host > div[part*="open"] .headline button span {border-bottom: 1px solid var(--color-grey);}:host > div .headline button:focus,:host > div .headline button:hover {background-color: var(--color-grey-25);}:host > div .headline button:focus {outline: 2px solid var(--color-blue);outline-offset: -2px;}div[part="content"] {padding: var(--spacing-s) var(--spacing-m);}',
|
|
188
188
|
"KOL-INDENTED-TEXT": ":host > div {border-end-start-radius: 0;border-inline-start: 10px solid #ffd617;border-start-start-radius: 0;padding-bottom: 1rem;padding-inline-start: 1.5rem;padding-top: 1rem;margin: 0;}",
|
|
@@ -197,12 +197,32 @@ const ECL_EC = components.KoliBri.createTheme("ecl-ec", {
|
|
|
197
197
|
"KOL-DETAILS": "details > kol-indented-text {margin: 0.175rem;padding: 0;}",
|
|
198
198
|
"KOL-PROGRESS": ":host progress,:host span {display: block;height: 0px;overflow: hidden;width: 0px;}svg line:first-child,svg circle:first-child {fill: transparent;stroke: var(--color-grey-25);}svg line:last-child,svg circle:last-child {stroke: var(--color-blue-130);fill: transparent;}progress {display: none;}",
|
|
199
199
|
"KOL-SPIN": ".spin span:nth-child(1) {background-color: var(--color-blue-75);}.spin span:nth-child(2) {background-color: var(--color-blue);}.spin span:nth-child(3) {background-color: var(--color-blue-130);}.spin span:nth-child(4) {background-color: var(--color-grey-25);}",
|
|
200
|
-
"KOL-PAGINATION": ":host {
|
|
201
|
-
"KOL-INPUT-CHECKBOX": 'input[type="checkbox"] {background-color: var(--color-white);border-width: 2px;border-style: solid;color: var(--color-grey);line-height: 1.5em;font-size: 1rem;}input[type="checkbox"]:focus {outline-color: var(--color-blue);outline-offset: 2px;outline-style: solid;outline-width: 2px;}input[type="checkbox"] {border-color: var(--color-grey-75);}input[type="checkbox"]:checked {background-color: var(--color-blue);border-color: var(--color-blue);}input[type="checkbox"]:hover {border-color: var(--color-blue);}input[type="checkbox"]:checked:hover {background-color: var(--color-blue-130);border-color: var(--color-blue-130);}input[type="checkbox"]:indeterminate:hover::before {background-color: var(--color-blue-130);}.error input[type="checkbox"] {border-color: var(--color-red);}.error input[type="checkbox"]:checked {background-color: var(--color-red);border-color: var(--color-red);}.error input[type="checkbox"]:hover {border-color: var(--color-red);}.error input[type="checkbox"]:checked:hover {background-color: var(--color-red-1xx);border-color: var(--color-red-1xx);}.error input[type="checkbox"]:checked:hover::before {border-color: var(--color-white);}.error input[type="checkbox"]:indeterminate:hover::before {background-color: var(--color-red-1xx);}.error.required label > span::after {color: var(--color-red);}.switch input[type="checkbox"]::before,.switch input[type="checkbox"]:indeterminate::before {background-color: var(--color-grey-75);}.switch input[type="checkbox"]:hover::before,.switch input[type="checkbox"]:indeterminate:hover::before {background-color: var(--color-blue);}.switch input[type="checkbox"]:checked::before,.switch input[type="checkbox"]:checked:hover::before {background-color: var(--color-white);}.switch.error input[type="checkbox"]::before {background-color: var(--color-red);}.switch.error input[type="checkbox"]:checked::before {background-color: var(--color-white);}.switch.error input[type="checkbox"]:indeterminate:hover::before {background-color: var(--color-red-1xx);}kol-input {gap: var(--spacing-xs);}kol-input.
|
|
202
|
-
"KOL-INPUT-COLOR":
|
|
200
|
+
"KOL-PAGINATION": ":host {display: grid;gap: var(--spacing-m);}:host > div {display: inline-flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-xs);}.selected button {min-width: 44px;min-height: 44px;display: grid;line-height: 1.5rem;font-family: var(--font-family);cursor: not-allowed;font-weight: 700;padding: 10px 12px;border: none;font-size: 16px;font-style: normal;text-align: center;text-decoration: underline;text-transform: uppercase;width: inherit;color: var(--color-white);background-color: var(--color-blue);border-color: var(--color-blue);}",
|
|
201
|
+
"KOL-INPUT-CHECKBOX": 'input[type="checkbox"] {background-color: var(--color-white);border-width: 2px;border-style: solid;color: var(--color-grey);line-height: 1.5em;font-size: 1rem;}input[type="checkbox"]:focus {outline-color: var(--color-blue);outline-offset: 2px;outline-style: solid;outline-width: 2px;}input[type="checkbox"] {border-color: var(--color-grey-75);}input[type="checkbox"]:checked {background-color: var(--color-blue);border-color: var(--color-blue);}input[type="checkbox"]:hover {border-color: var(--color-blue);}input[type="checkbox"]:checked:hover {background-color: var(--color-blue-130);border-color: var(--color-blue-130);}input[type="checkbox"]:indeterminate:hover::before {background-color: var(--color-blue-130);}.error input[type="checkbox"] {border-color: var(--color-red);}.error input[type="checkbox"]:checked {background-color: var(--color-red);border-color: var(--color-red);}.error input[type="checkbox"]:hover {border-color: var(--color-red);}.error input[type="checkbox"]:checked:hover {background-color: var(--color-red-1xx);border-color: var(--color-red-1xx);}.error input[type="checkbox"]:checked:hover::before {border-color: var(--color-white);}.error input[type="checkbox"]:indeterminate:hover::before {background-color: var(--color-red-1xx);}.error.required label > span::after {color: var(--color-red);}.switch input[type="checkbox"]::before,.switch input[type="checkbox"]:indeterminate::before {background-color: var(--color-grey-75);}.switch input[type="checkbox"]:hover::before,.switch input[type="checkbox"]:indeterminate:hover::before {background-color: var(--color-blue);}.switch input[type="checkbox"]:checked::before,.switch input[type="checkbox"]:checked:hover::before {background-color: var(--color-white);}.switch.error input[type="checkbox"]::before {background-color: var(--color-red);}.switch.error input[type="checkbox"]:checked::before {background-color: var(--color-white);}.switch.error input[type="checkbox"]:indeterminate:hover::before {background-color: var(--color-red-1xx);}kol-input {gap: var(--spacing-xs);}kol-input > .input {order: 2;}kol-input > label {order: 3;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 1;}.hint {font-size: 0.875rem;order: 4;}',
|
|
202
|
+
"KOL-INPUT-COLOR": 'kol-input {color: var(--color-grey);gap: var(--spacing-xs);}label {font-weight: var(--font-weight-bold);order: 1;}.hint {font-size: 0.875rem;order: 2;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 3;}.input {order: 4;}input,select,textarea {border: 1px solid #707070;color: var(--color-grey);}input::placeholder,textarea::placeholder {color: var(--color-grey-50);}input:focus,select:focus,textarea:focus {box-shadow: inset 1px 1px #004494, inset -1px -1px #004494;outline: none;}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {border-color: #004494 !important;}.disabled input,.disabled label,.disabled select,.disabled textarea {opacity: 0.5;}.error input,.error select,.error textarea {border-color: var(--color-red);}.required label > span::after,.required legend > span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}',
|
|
203
|
+
"KOL-CARD": ":host > div {display: grid;width: 100%;height: 100%;background-color: white;grid-template-rows: min-content 2fr min-content;box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);}:host kol-heading-wc {display: inline-flex;font-style: normal;font-weight: 700;font-size: 1.25em;line-height: 1.75em;}:host div.header {padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);}:host div.content {padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);overflow: hidden;}:host div.footer {padding: var(--spacing-xs) var(--spacing-m);}:host > div > div.content + div.footer {border-top: 2px solid var(--color-blue);}",
|
|
204
|
+
"KOL-BUTTON-GROUP": ":host > kol-button-group-wc {display: inline-flex;flex-wrap: wrap;gap: var(--spacing-2xs);}",
|
|
205
|
+
"KOL-INPUT-RADIO": ':host {--kolibri-spacing: 0.25rem;}fieldset kol-alert {order: 1;}fieldset .hint {order: 2;}fieldset kol-alert {order: 3;}fieldset kol-input {order: 4;}input[type="radio"] {border: 2px solid #707070;}input[type="radio"]:before {display: none;}input[type="radio"]:checked {border-color: #004494;border-width: 7px;}input[type="radio"]:focus {outline: 2px solid #004494;outline-offset: 2px;}input[type="radio"]:not(:disabled):hover {border-color: #004494;}label,legend {color: #404040;font-size: 1rem;}legend {font-weight: var(--font-weight-bold);}.error input[type="radio"] {border: 2px solid var(--color-red);}.error input[type="radio"]:before {display: none;}.error input[type="radio"]:checked {border-color: var(--color-red);border-width: 7px;}.error input[type="radio"]:not(:disabled):hover {border-color: var(--color-red-1xx);}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-xs));order: 1;}.hint {font-size: 0.875rem;order: 4;}.disabled input,.disabled label {opacity: 0.5;}.required label span::after,.required legend span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}',
|
|
206
|
+
"KOL-INPUT-RANGE": 'input[type="range"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;}input[type="range"] {overflow: visible;background-color: var(--color-grey-20);border: 0;height: 0.5rem;padding: 0;padding-bottom: 0;margin-bottom: 0;}input[type="range"]::-webkit-slider-thumb {box-sizing: border-box;background-color: var(--color-blue);height: 20px;width: 20px;border-radius: 20px;cursor: pointer;-webkit-appearance: none;}',
|
|
207
|
+
"KOL-INPUT-TEXT": 'kol-input {color: var(--color-grey);gap: var(--spacing-xs);}label {font-weight: var(--font-weight-bold);order: 1;}.hint {font-size: 0.875rem;order: 2;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 3;}.input {order: 4;}input,select,textarea {border: 1px solid #707070;color: var(--color-grey);}input::placeholder,textarea::placeholder {color: var(--color-grey-50);}input:focus,select:focus,textarea:focus {box-shadow: inset 1px 1px #004494, inset -1px -1px #004494;outline: none;}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {border-color: #004494 !important;}.disabled input,.disabled label,.disabled select,.disabled textarea {opacity: 0.5;}.error input,.error select,.error textarea {border-color: var(--color-red);}.required label > span::after,.required legend > span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}',
|
|
208
|
+
"KOL-INPUT-PASSWORD": 'kol-input {color: var(--color-grey);gap: var(--spacing-xs);}label {font-weight: var(--font-weight-bold);order: 1;}.hint {font-size: 0.875rem;order: 2;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 3;}.input {order: 4;}input,select,textarea {border: 1px solid #707070;color: var(--color-grey);}input::placeholder,textarea::placeholder {color: var(--color-grey-50);}input:focus,select:focus,textarea:focus {box-shadow: inset 1px 1px #004494, inset -1px -1px #004494;outline: none;}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {border-color: #004494 !important;}.disabled input,.disabled label,.disabled select,.disabled textarea {opacity: 0.5;}.error input,.error select,.error textarea {border-color: var(--color-red);}.required label > span::after,.required legend > span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}',
|
|
209
|
+
"KOL-INPUT-NUMBER": 'kol-input {color: var(--color-grey);gap: var(--spacing-xs);}label {font-weight: var(--font-weight-bold);order: 1;}.hint {font-size: 0.875rem;order: 2;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 3;}.input {order: 4;}input,select,textarea {border: 1px solid #707070;color: var(--color-grey);}input::placeholder,textarea::placeholder {color: var(--color-grey-50);}input:focus,select:focus,textarea:focus {box-shadow: inset 1px 1px #004494, inset -1px -1px #004494;outline: none;}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {border-color: #004494 !important;}.disabled input,.disabled label,.disabled select,.disabled textarea {opacity: 0.5;}.error input,.error select,.error textarea {border-color: var(--color-red);}.required label > span::after,.required legend > span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}',
|
|
210
|
+
"KOL-INPUT-EMAIL": 'kol-input {color: var(--color-grey);gap: var(--spacing-xs);}label {font-weight: var(--font-weight-bold);order: 1;}.hint {font-size: 0.875rem;order: 2;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 3;}.input {order: 4;}input,select,textarea {border: 1px solid #707070;color: var(--color-grey);}input::placeholder,textarea::placeholder {color: var(--color-grey-50);}input:focus,select:focus,textarea:focus {box-shadow: inset 1px 1px #004494, inset -1px -1px #004494;outline: none;}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {border-color: #004494 !important;}.disabled input,.disabled label,.disabled select,.disabled textarea {opacity: 0.5;}.error input,.error select,.error textarea {border-color: var(--color-red);}.required label > span::after,.required legend > span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}',
|
|
211
|
+
"KOL-INPUT-FILE": 'kol-input {color: var(--color-grey);gap: var(--spacing-xs);}label {font-weight: var(--font-weight-bold);order: 1;}.hint {font-size: 0.875rem;order: 2;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 3;}.input {order: 4;}input,select,textarea {border: 1px solid #707070;color: var(--color-grey);}input::placeholder,textarea::placeholder {color: var(--color-grey-50);}input:focus,select:focus,textarea:focus {box-shadow: inset 1px 1px #004494, inset -1px -1px #004494;outline: none;}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {border-color: #004494 !important;}.disabled input,.disabled label,.disabled select,.disabled textarea {opacity: 0.5;}.error input,.error select,.error textarea {border-color: var(--color-red);}.required label > span::after,.required legend > span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}',
|
|
212
|
+
"KOL-SELECT": 'kol-input {color: var(--color-grey);gap: var(--spacing-xs);}label {font-weight: var(--font-weight-bold);order: 1;}.hint {font-size: 0.875rem;order: 2;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 3;}.input {order: 4;}input,select,textarea {background-color: transparent;border: 1px solid #707070;color: var(--color-grey);margin: 0;padding: 0;position: relative;z-index: 100;}input::placeholder,textarea::placeholder {color: var(--color-grey-50);}input:focus,select:focus,textarea:focus {box-shadow: inset 1px 1px #004494, inset -1px -1px #004494;outline: none;}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {border-color: #004494 !important;}.disabled input,.disabled label,.disabled select,.disabled textarea {opacity: 0.5;}.error input,.error select,.error textarea {border-color: var(--color-red);}.required label > span::after,.required legend > span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}.icons kol-icon:last-child {background-color: var(--color-grey);color: var(--color-white);}kol-input:has(.icons + select:hover) .icons kol-icon:last-child {background-color: var(--color-blue);}option:focus,option:hover {background-color: var(--color-blue-25);}option:checked,option:selected {background-color: var(--color-blue);color: var(--color-white);}',
|
|
213
|
+
"KOL-TEXTAREA": 'kol-input {color: var(--color-grey);gap: var(--spacing-xs);}label {font-weight: var(--font-weight-bold);order: 1;}.hint {font-size: 0.875rem;order: 2;}kol-alert {color: var(--color-red);font-size: 0.875em;margin-left: calc(-1 * var(--spacing-2xs));order: 3;}.input {order: 4;}input,select,textarea {border: 1px solid #707070;color: var(--color-grey);}input::placeholder,textarea::placeholder {color: var(--color-grey-50);}input:focus,select:focus,textarea:focus {box-shadow: inset 1px 1px #004494, inset -1px -1px #004494;outline: none;}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {border-color: #004494 !important;}.disabled input,.disabled label,.disabled select,.disabled textarea {opacity: 0.5;}.error input,.error select,.error textarea {border-color: var(--color-red);}.required label > span::after,.required legend > span::after {color: var(--color-red);content: "*";padding-left: var(--spacing-2xs);}'
|
|
203
214
|
});
|
|
204
215
|
|
|
205
|
-
const ECL_EU = components.KoliBri.createTheme("ecl-eu", {
|
|
216
|
+
const ECL_EU = components.KoliBri.createTheme("ecl-eu", {
|
|
217
|
+
GLOBAL: "/* kolibri unset */: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: unset;}/* properties */:host {--color-blue: #0e47cb;--color-blue-140: #082b7a;--color-blue-130: #082b7a;--color-blue-120: #0b39a2;--color-blue-110: #0d40b7;--color-blue-100: #0e47cb;--color-blue-80: #3e6cd5;--color-blue-60: #6e91e0;--color-blue-40: #9fb5ea;--color-blue-20: #cfdaf5;--color-blue-10: #e7edfa;--color-blue-5: #f3f6fc;--color-yellow: #ffcc00;--color-yellow-140: #997a00;--color-yellow-130: #b38f00;--color-yellow-120: #cca300;--color-yellow-110: #e6b800;--color-yellow-100: #ffcc00;--color-yellow-80: #ffd633;--color-yellow-60: #ffe066;--color-yellow-40: #ffeb99;--color-yellow-20: #fff5cc;--color-yellow-10: #fffae6;--color-yellow-5: #fffcf2;--color-grey: #262b38;--color-grey-140: #171a22;--color-grey-130: #1b1e27;--color-grey-120: #1e222d;--color-grey-110: #222732;--color-grey-100: #262b38;--color-grey-80: #515560;--color-grey-60: #7d8088;--color-grey-40: #a8aaaf;--color-grey-20: #d4d5d7;--color-grey-10: #e9eaeb;--color-grey-5: #f4f5f5;--color-grey-3: #f9f9f9;--color-orange: #ff6200;--color-orange-140: #993b00;--color-orange-130: #b34500;--color-orange-120: #cc4e00;--color-orange-110: #e65800;--color-orange-100: #e65800;--color-orange-80: #ff8133;--color-orange-60: #ff914d;--color-orange-40: #ffb180;--color-orange-20: #ffd0b3;--color-orange-10: #ffefe6;--color-orange-5: #fff7f2;--color-green: #00c991;--color-green-140: #007957;--color-green-130: #008d66;--color-green-120: #008d66;--color-green-110: #00b583;--color-green-100: #00c991;--color-green-80: #00c991;--color-green-60: #66dfbd;--color-green-40: #99e9d3;--color-green-20: #ccf4e9;--color-green-10: #e6faf4;--color-green-5: #f2fcf9;--color-red: #ef0044;--color-red-140: #8f0029;--color-red-130: #a70030;--color-red-120: #bf0036;--color-red-110: #d7003d;--color-red-100: #ef0044;--color-red-80: #f23369;--color-red-60: #f5668f;--color-red-40: #f999b4;--color-red-20: #fcccda;--color-red-10: #fde6ec;--color-red-5: #fef2f5;--color-accent-blue-100: #00e9ff;--color-accent-blue-30: #b3f8ff;--color-purple: #510dcd;--color-purple-140: #31087b;--color-purple-130: #390990;--color-purple-120: #410aa4;--color-purple-110: #490cb9;--color-purple-100: #510dcd;--color-purple-80: #743dd7;--color-purple-60: #976ee1;--color-purple-40: #bf9af1;--color-purple-20: #dccff5;--color-purple-10: #eee7fa;--color-purple-5: #eee7fa;--color-white: #fff;--color-black: #000;--font-family: Arial, sans-serif;--font-size: 16px;--font-weight-regular: 400;--font-weight-bold: 700;--line-height-regular: 1.5em;--line-height-heading: 1.2em;--spacing-4xl: 64px;--spacing-3xl: 48px;--spacing-2xl: 40px;--spacing-xl: 32px;--spacing-l: 24px;--spacing-m: 16px;--spacing-s: 12px;--spacing-xs: 8px;--spacing-2xs: 4px; /* ?! */}/* preset */:host {font-family: var(--font-family);font-size: var(--font-size);font-weight: var(--font-weight-regular);}p.l,p.lead {font-size: 1.25rem;line-height: 1.75rem;}p,p.m,p.medium {font-size: 1rem;line-height: 1.5rem;}p.s,p.small {font-size: 0.875rem;line-height: 1.25rem;}p.xs,p.extra-small {font-size: 0.75rem;line-height: 1.25rem;}",
|
|
218
|
+
"KOL-HEADING": "h1,h2,h3,h4,h5,h6 {font-weight: var(--font-weight-bold);}h1 {font-size: 2.625rem;line-height: 3.25rem;}h2 {font-size: 2.25rem;line-height: 2.75rem;}h3 {font-size: 2rem;line-height: 2.5rem;}h4 {font-size: 1.75rem;line-height: 2rem;}h5 {font-size: 1.5rem;line-height: 1.75rem;}h6 {font-size: 1.25rem;line-height: 1.75rem;}",
|
|
219
|
+
"KOL-ACCORDION": '.accordion,div[part*="accordion"] {border-radius: 8px;box-shadow: 0 2px 4px rgb(9 49 142 / 8%), 0 0 10px rgb(9 49 142 / 4%),0 4px 5px rgb(9 49 142 / 4%), 0 -4px 4px rgb(9 49 142 / 4%);margin: 0;overflow: hidden;}.headline {font-size: 2em;}div[part*="close"] .headline button {border-radius: 8px;}div[part*="open"] .headline button {border-start-end-radius: 8px;border-start-start-radius: 8px;}.headline button {outline-offset: -1px;border: 0;border-bottom-color: #cfdaf5;border-bottom-style: solid;border-bottom-width: 2px;color: #171a22;position: relative;display: block;font: normal normal 400 1.125rem/1.75rem arial, sans-serif;padding: 1.5rem;text-align: start;width: 100%;}.headline button::before {background-color: #fc0;border-end-end-radius: 2px;border-end-start-radius: 2px;content: "";height: 4px;position: absolute;left: 1.5rem;top: 0;width: 32px;}.headline button kol-icon {margin-right: 0.75rem;}.headline button kol-icon::part(icon)::before {color: #0e47cb;font-family: "Font Awesome 6 Free";}.headline button kol-icon::part(close)::before {content: "\\f077";}.headline button kol-icon::part(open)::before {content: "\\f078";}.content,div[part="content"] {-webkit-border-start: 4px solid #0e47cb;-webkit-margin-start: 0;border-bottom: 2px solid #cfdaf5;border-inline-start: 4px solid #0e47cb;color: #515560;font: normal normal 400 1rem/1.5rem arial, sans-serif;margin-inline-start: 0;padding: 1.5rem;}',
|
|
220
|
+
"KOL-INDENTED-TEXT": ":host > div {-webkit-border-start: 8px solid #0e47cb;-webkit-padding-start: 1.5rem;border-end-start-radius: 4px;border-inline-start: 8px solid #0e47cb;border-start-start-radius: 4px;display: inline-block;padding-bottom: 1rem;padding-inline-start: 1.5rem;padding-top: 1rem;}",
|
|
221
|
+
"KOL-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;border-radius: 4px;text-decoration: none;}a:focus,button:focus {outline: none;}a > kol-span-wc,button > kol-span-wc {min-height: 44px;min-width: 44px;border-radius: 4px;font: normal normal 400 1rem/1.25rem arial, sans-serif;font-weight: 400;margin: 0;padding: 0.75rem;}a:focus-visible > kol-span-wc,button:focus-visible > kol-span-wc {outline-offset: -4px;outline-style: solid;outline-width: 2px;}a:active > kol-span-wc,button:active > kol-span-wc,a:hover > kol-span-wc,button:hover > kol-span-wc {box-shadow: 0 2px 4px rgb(9 49 142 / 8%), 0 0 10px rgb(9 49 142 / 4%),0 4px 5px rgb(9 49 142 / 4%), 0 -4px 4px rgb(9 49 142 / 4%);}.primary a > kol-span-wc,.primary button > kol-span-wc {background-color: #0e47cb;color: #fff;}.primary a:focus-visible > kol-span-wc,.primary button:focus-visible > kol-span-wc {outline-color: #fff;}.primary a:hover > kol-span-wc,.primary button:hover > kol-span-wc {background-color: #3e6cd5;}.secondary a > kol-span-wc,.secondary button > kol-span-wc {background-color: #fff;border: 2px solid #0e47cb;color: #0e47cb;padding: calc(0.75rem - 2px) calc(1rem - 2px);}.secondary a:focus-visible > kol-span-wc,.secondary button:focus-visible > kol-span-wc {box-shadow: inset 0 0 0 4px #0e47cb;outline-color: #fff;}.secondary a:hover > kol-span-wc,.secondary button:hover > kol-span-wc {border-color: #0e47cb;color: #0e47cb;}.normal a > kol-span-wc,.normal button > kol-span-wc {background-color: #fc0;color: #171a22;}.normal a:focus-visible > kol-span-wc,.normal button:focus-visible > kol-span-wc {outline-color: #000;}.normal a:hover > kol-span-wc,.normal button:hover > kol-span-wc {background-color: #fc0;border-color: #fc0;}.danger a kol-span-wc,.danger button kol-span-wc {background-color: var(--color-red);border-color: var(--color-red);color: var(--color-white);}.danger a:hover kol-span-wc,.danger button:hover kol-span-wc {background-color: var(--color-red);border-color: var(--color-red);}.ghost a > kol-span-wc,.ghost button > kol-span-wc {color: #0e47cb;}.ghost a:focus-visible > kol-span-wc,.ghost button:focus-visible > kol-span-wc {outline-color: #0e47cb;}.ghost a:hover > kol-span-wc,.ghost button:hover > kol-span-wc {color: #0e47cb;}",
|
|
222
|
+
"KOL-LINK-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;border-radius: 4px;text-decoration: none;}a:focus,button:focus {outline: none;}a > kol-span-wc,button > kol-span-wc {min-height: 44px;min-width: 44px;border-radius: 4px;font: normal normal 400 1rem/1.25rem arial, sans-serif;font-weight: 400;margin: 0;padding: 0.75rem;}a:focus-visible > kol-span-wc,button:focus-visible > kol-span-wc {outline-offset: -4px;outline-style: solid;outline-width: 2px;}a:active > kol-span-wc,button:active > kol-span-wc,a:hover > kol-span-wc,button:hover > kol-span-wc {box-shadow: 0 2px 4px rgb(9 49 142 / 8%), 0 0 10px rgb(9 49 142 / 4%),0 4px 5px rgb(9 49 142 / 4%), 0 -4px 4px rgb(9 49 142 / 4%);}.primary a > kol-span-wc,.primary button > kol-span-wc {background-color: #0e47cb;color: #fff;}.primary a:focus-visible > kol-span-wc,.primary button:focus-visible > kol-span-wc {outline-color: #fff;}.primary a:hover > kol-span-wc,.primary button:hover > kol-span-wc {background-color: #3e6cd5;}.secondary a > kol-span-wc,.secondary button > kol-span-wc {background-color: #fff;border: 2px solid #0e47cb;color: #0e47cb;padding: calc(0.75rem - 2px) calc(1rem - 2px);}.secondary a:focus-visible > kol-span-wc,.secondary button:focus-visible > kol-span-wc {box-shadow: inset 0 0 0 4px #0e47cb;outline-color: #fff;}.secondary a:hover > kol-span-wc,.secondary button:hover > kol-span-wc {border-color: #0e47cb;color: #0e47cb;}.normal a > kol-span-wc,.normal button > kol-span-wc {background-color: #fc0;color: #171a22;}.normal a:focus-visible > kol-span-wc,.normal button:focus-visible > kol-span-wc {outline-color: #000;}.normal a:hover > kol-span-wc,.normal button:hover > kol-span-wc {background-color: #fc0;border-color: #fc0;}.danger a kol-span-wc,.danger button kol-span-wc {background-color: var(--color-red);border-color: var(--color-red);color: var(--color-white);}.danger a:hover kol-span-wc,.danger button:hover kol-span-wc {background-color: var(--color-red);border-color: var(--color-red);}.ghost a > kol-span-wc,.ghost button > kol-span-wc {color: #0e47cb;}.ghost a:focus-visible > kol-span-wc,.ghost button:focus-visible > kol-span-wc {outline-color: #0e47cb;}.ghost a:hover > kol-span-wc,.ghost button:hover > kol-span-wc {color: #0e47cb;}",
|
|
223
|
+
"KOL-BUTTON-GROUP": ":host > kol-button-group-wc {gap: var(--spacing-2xs);}",
|
|
224
|
+
"KOL-PAGINATION": ":host > div {display: flex;gap: 0.25rem;}"
|
|
225
|
+
});
|
|
206
226
|
|
|
207
227
|
const ITZBund = components.KoliBri.createTheme("itzbund", {
|
|
208
228
|
GLOBAL: ":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: unset;}:host {--border-color: var(--color-anthrazit);--border-radius: 0.125rem;--color-anthrazit: #333;--color-jade: #f3f7fb;--color-weiss: #fff;--color-petrol: #007a89;--color-achat: #0b4d59;--color-teal: #056773;--color-fluorit: #66ddec;--color-rotton: rgba(188, 0, 0, 1);--color-rotton-20: rgba(188, 0, 0, 0.2);--color-gras: #138510;--color-warn: #f0541e;--color-blut: var(--color-rotton);--color-input-bg-default: #e8edf2;--gradient-petrol-achat: linear-gradient(67deg,var(--color-petrol),var(--color-achat));--color-citrin: #d4c912;--color-umber: #494500;--color-gelb: #fff443;--color-lichtgelb: #eeff6c;--gradient-gelb-citrin: linear-gradient(67deg,var(--color-gelb),var(--color-citrin));--font-family-sans: BundesSans Web;--font-family-serif: BundesSerif Web;--font-size: 16px;--spacing: 0.125em;--kolibri-spacing: calc(2 * var(--spacing));}*[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,summary:focus,textarea:focus {cursor: pointer;outline-color: var(--color-petrol);outline-offset: 2px;outline-style: solid;outline-width: 3px;transition: outline-offset 0.2s linear;}",
|
package/dist/index.d.ts
CHANGED
|
@@ -16,10 +16,10 @@ declare const BAMF: (patch: (name: string, map: {
|
|
|
16
16
|
"KOL-TEXTAREA"?: string | undefined;
|
|
17
17
|
"KOL-IMAGE"?: string | undefined;
|
|
18
18
|
"KOL-HEADING"?: string | undefined;
|
|
19
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
19
20
|
"KOL-ICON"?: string | undefined;
|
|
20
21
|
"KOL-BADGE"?: string | undefined;
|
|
21
22
|
"KOL-TABS"?: string | undefined;
|
|
22
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
23
23
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
24
24
|
"KOL-ALERT"?: string | undefined;
|
|
25
25
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -69,10 +69,10 @@ declare const BMF: (patch: (name: string, map: {
|
|
|
69
69
|
"KOL-TEXTAREA"?: string | undefined;
|
|
70
70
|
"KOL-IMAGE"?: string | undefined;
|
|
71
71
|
"KOL-HEADING"?: string | undefined;
|
|
72
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
72
73
|
"KOL-ICON"?: string | undefined;
|
|
73
74
|
"KOL-BADGE"?: string | undefined;
|
|
74
75
|
"KOL-TABS"?: string | undefined;
|
|
75
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
76
76
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
77
77
|
"KOL-ALERT"?: string | undefined;
|
|
78
78
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -122,10 +122,10 @@ declare const BPA: (patch: (name: string, map: {
|
|
|
122
122
|
"KOL-TEXTAREA"?: string | undefined;
|
|
123
123
|
"KOL-IMAGE"?: string | undefined;
|
|
124
124
|
"KOL-HEADING"?: string | undefined;
|
|
125
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
125
126
|
"KOL-ICON"?: string | undefined;
|
|
126
127
|
"KOL-BADGE"?: string | undefined;
|
|
127
128
|
"KOL-TABS"?: string | undefined;
|
|
128
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
129
129
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
130
130
|
"KOL-ALERT"?: string | undefined;
|
|
131
131
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -175,10 +175,10 @@ declare const BZSt: (patch: (name: string, map: {
|
|
|
175
175
|
"KOL-TEXTAREA"?: string | undefined;
|
|
176
176
|
"KOL-IMAGE"?: string | undefined;
|
|
177
177
|
"KOL-HEADING"?: string | undefined;
|
|
178
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
178
179
|
"KOL-ICON"?: string | undefined;
|
|
179
180
|
"KOL-BADGE"?: string | undefined;
|
|
180
181
|
"KOL-TABS"?: string | undefined;
|
|
181
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
182
182
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
183
183
|
"KOL-ALERT"?: string | undefined;
|
|
184
184
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -228,10 +228,10 @@ declare const DEFAULT: (patch: (name: string, map: {
|
|
|
228
228
|
"KOL-TEXTAREA"?: string | undefined;
|
|
229
229
|
"KOL-IMAGE"?: string | undefined;
|
|
230
230
|
"KOL-HEADING"?: string | undefined;
|
|
231
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
231
232
|
"KOL-ICON"?: string | undefined;
|
|
232
233
|
"KOL-BADGE"?: string | undefined;
|
|
233
234
|
"KOL-TABS"?: string | undefined;
|
|
234
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
235
235
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
236
236
|
"KOL-ALERT"?: string | undefined;
|
|
237
237
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -281,10 +281,10 @@ declare const DESYv1: (patch: (name: string, map: {
|
|
|
281
281
|
"KOL-TEXTAREA"?: string | undefined;
|
|
282
282
|
"KOL-IMAGE"?: string | undefined;
|
|
283
283
|
"KOL-HEADING"?: string | undefined;
|
|
284
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
284
285
|
"KOL-ICON"?: string | undefined;
|
|
285
286
|
"KOL-BADGE"?: string | undefined;
|
|
286
287
|
"KOL-TABS"?: string | undefined;
|
|
287
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
288
288
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
289
289
|
"KOL-ALERT"?: string | undefined;
|
|
290
290
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -334,10 +334,10 @@ declare const DESYv2: (patch: (name: string, map: {
|
|
|
334
334
|
"KOL-TEXTAREA"?: string | undefined;
|
|
335
335
|
"KOL-IMAGE"?: string | undefined;
|
|
336
336
|
"KOL-HEADING"?: string | undefined;
|
|
337
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
337
338
|
"KOL-ICON"?: string | undefined;
|
|
338
339
|
"KOL-BADGE"?: string | undefined;
|
|
339
340
|
"KOL-TABS"?: string | undefined;
|
|
340
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
341
341
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
342
342
|
"KOL-ALERT"?: string | undefined;
|
|
343
343
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -387,10 +387,10 @@ declare const ECL_EC: (patch: (name: string, map: {
|
|
|
387
387
|
"KOL-TEXTAREA"?: string | undefined;
|
|
388
388
|
"KOL-IMAGE"?: string | undefined;
|
|
389
389
|
"KOL-HEADING"?: string | undefined;
|
|
390
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
390
391
|
"KOL-ICON"?: string | undefined;
|
|
391
392
|
"KOL-BADGE"?: string | undefined;
|
|
392
393
|
"KOL-TABS"?: string | undefined;
|
|
393
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
394
394
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
395
395
|
"KOL-ALERT"?: string | undefined;
|
|
396
396
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -440,10 +440,10 @@ declare const ECL_EU: (patch: (name: string, map: {
|
|
|
440
440
|
"KOL-TEXTAREA"?: string | undefined;
|
|
441
441
|
"KOL-IMAGE"?: string | undefined;
|
|
442
442
|
"KOL-HEADING"?: string | undefined;
|
|
443
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
443
444
|
"KOL-ICON"?: string | undefined;
|
|
444
445
|
"KOL-BADGE"?: string | undefined;
|
|
445
446
|
"KOL-TABS"?: string | undefined;
|
|
446
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
447
447
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
448
448
|
"KOL-ALERT"?: string | undefined;
|
|
449
449
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -493,10 +493,10 @@ declare const ITZBund: (patch: (name: string, map: {
|
|
|
493
493
|
"KOL-TEXTAREA"?: string | undefined;
|
|
494
494
|
"KOL-IMAGE"?: string | undefined;
|
|
495
495
|
"KOL-HEADING"?: string | undefined;
|
|
496
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
496
497
|
"KOL-ICON"?: string | undefined;
|
|
497
498
|
"KOL-BADGE"?: string | undefined;
|
|
498
499
|
"KOL-TABS"?: string | undefined;
|
|
499
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
500
500
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
501
501
|
"KOL-ALERT"?: string | undefined;
|
|
502
502
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -546,10 +546,10 @@ declare const MAPZ: (patch: (name: string, map: {
|
|
|
546
546
|
"KOL-TEXTAREA"?: string | undefined;
|
|
547
547
|
"KOL-IMAGE"?: string | undefined;
|
|
548
548
|
"KOL-HEADING"?: string | undefined;
|
|
549
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
549
550
|
"KOL-ICON"?: string | undefined;
|
|
550
551
|
"KOL-BADGE"?: string | undefined;
|
|
551
552
|
"KOL-TABS"?: string | undefined;
|
|
552
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
553
553
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
554
554
|
"KOL-ALERT"?: string | undefined;
|
|
555
555
|
"KOL-AVATAR"?: string | undefined;
|
|
@@ -599,10 +599,10 @@ declare const ZOLLv2: (patch: (name: string, map: {
|
|
|
599
599
|
"KOL-TEXTAREA"?: string | undefined;
|
|
600
600
|
"KOL-IMAGE"?: string | undefined;
|
|
601
601
|
"KOL-HEADING"?: string | undefined;
|
|
602
|
+
"KOL-ACCORDION"?: string | undefined;
|
|
602
603
|
"KOL-ICON"?: string | undefined;
|
|
603
604
|
"KOL-BADGE"?: string | undefined;
|
|
604
605
|
"KOL-TABS"?: string | undefined;
|
|
605
|
-
"KOL-ACCORDION"?: string | undefined;
|
|
606
606
|
"KOL-ACCORDION-GROUP"?: string | undefined;
|
|
607
607
|
"KOL-ALERT"?: string | undefined;
|
|
608
608
|
"KOL-AVATAR"?: string | undefined;
|