@public-ui/components 1.1.10-rc.14 → 1.1.10-rc.16

package/dist/kolibri/assets/themes/bzst.css

@@ -1,245 +0,0 @@
-.bzst {
-  --kolibri-background-color: white;
-  --kolibri-background-color-modal: rgba(0, 0, 0, 0.5);
-  --kolibri-border-color: #bec5c9;
-  --kolibri-border-radius: 0.25rem;
-  --kolibri-border-width: 2px;
-  --kolibri-color: #202020;
-  --kolibri-color-undefined: #fb00d2;
-  --kolibri-color-accent: #08e61b;
-  --kolibri-color-active: white;
-  --kolibri-color-hover: #00b627;
-  --kolibri-color-focus: #00b627;
-  --kolibri-color-danger: #ad0e0b;
-  /* --kolibri-color-dark: #576164; */
-  --kolibri-color-error: #c0003c;
-  --kolibri-color-ghost: #333333;
-  --kolibri-color-info: #28568a;
-  /* --kolibri-color-light: #f2f3f4; */
-  --kolibri-color-normal: #e4eaee;
-  --kolibri-color-outline: #1200b6;
-  --kolibri-color-primary: #ff0055;
-  --kolibri-color-secondary: #004b76;
-  --kolibri-color-spin-1: #000000;
-  --kolibri-color-spin-2: #ff0000;
-  --kolibri-color-spin-3: #ffcc00;
-  --kolibri-color-success: #09581d;
-  --kolibri-color-warning: #de7b02;
-  --kolibri-font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;
-  --kolibri-hyphens: auto;
-  --kolibri-line-height: 1.5em;
-  --kolibri-shadow-color: black;
-  --kolibri-spacing: 0.25em;
-}
-
-@font-face {
-  font-family: BundesSans Web;
-  font-weight: bold;
-  src: url(../bund/font/bundessansweb-bold-woff-data.woff);
-}
-
-/* LINK */
-.bzst kol-breadcrumb::part(link),
-.bzst kol-link::part(link),
-.bzst kol-link-group::part(link),
-/* .bzst kol-nav::part(link), */
-.bzst kol-skip-nav::part(link) {
-  color: var(--kolibri-color-secondary);
-}
-.bzst kol-breadcrumb::part(link):focus,
-.bzst kol-breadcrumb::part(link):hover,
-.bzst kol-link::part(link):focus,
-.bzst kol-link::part(link):hover,
-.bzst kol-link-group::part(link):focus,
-.bzst kol-link-group::part(link):hover,
-/* .bzst kol-nav::part(link):focus, */
-/* .bzst kol-nav::part(link):hover, */
-.bzst kol-skip-nav::part(link):focus,
-.bzst kol-skip-nav::part(link):hover {
-  background-color: var(--kolibri-color-focus);
-  color: white;
-  /* color: var(--kolibri-color-focus); */
-}
-.bzst kol-breadcrumb::part(link):active,
-.bzst kol-link::part(link):active,
-.bzst kol-link-group::part(link):active,
-/* .bzst kol-nav::part(link):active, */
-.bzst kol-skip-nav::part(link):active {
-  background-color: var(--kolibri-color-active);
-  color: white;
-  /* color: var(--kolibri-color-active); */
-}
-
-/* NAV */
-.bzst kol-nav::part(nav) {
-  background-color: white;
-}
-.bzst kol-nav::part(icon) {
-  font-size: 150%;
-}
-.bzst kol-nav::part(li) {
-  padding: 0.15em;
-}
-.bzst kol-nav::part(link) {
-  border-radius: 2em;
-  color: #576164;
-  grid: flex;
-  line-height: 2em;
-  padding: 0.25em 1em;
-  height: 100%;
-}
-.bzst kol-nav::part(link):focus,
-.bzst kol-nav::part(link):hover {
-  background-color: var(--kolibri-color-focus);
-  box-shadow: 0 1px 2px #bbb;
-  color: white;
-}
-.bzst kol-nav::part(link):active {
-  background-color: var(--kolibri-color-active);
-  box-shadow: 0 1px 2px #bbb;
-}
-.bzst kol-nav::part(link selected) {
-  background-color: var(--kolibri-color-primary);
-  box-shadow: 0 1px 2px #bbb;
-  color: var(--kolibri-color-active);
-}
-.bzst kol-nav::part(span) {
-  padding: 0.5em 0;
-  font-weight: bold;
-}
-
-.bzst kol-accordion::part(accordion),
-.bzst kol-card::part(card) {
-  border-color: var(--kolibri-border-color);
-  border-color: #bec5c9;
-  border-style: solid;
-  border-width: 1px;
-  border-radius: unset;
-}
-.bzst kol-accordion::part(accordion open) {
-  background-color: #f2f3f4;
-}
-
-.bzst kol-accordion::part(icon) {
-  display: inline-block;
-  width: 2.5rem;
-  text-align: center;
-}
-
-.bzst kol-accordion::part(content),
-.bzst kol-accordion::part(header) {
-  padding-left: 2.5rem;
-}
-
-/* https://icofont.com/icons */
-/* https://fontawesome.com/v4.7/icon/chevron-right */
-.bzst kol-accordion::part(icon close)::before {
-  font-family: 'Icofont';
-  font-style: normal;
-  content: '\ea6e';
-  color: var(--kolibri-color-active);
-}
-.bzst kol-accordion::part(icon open)::before {
-  font-family: 'Icofont';
-  font-style: normal;
-  content: '\ea6b';
-  color: var(--kolibri-color-active);
-}
-
-.bzst kol-button::part(button),
-.bzst kol-modal::part(button),
-.bzst kol-table::part(button) {
-  text-transform: uppercase;
-}
-.bzst kol-button::part(button):focus,
-.bzst kol-button::part(button):hover,
-.bzst kol-modal::part(button):focus,
-.bzst kol-modal::part(button):hover,
-.bzst kol-table::part(button):focus,
-.bzst kol-table::part(button):hover {
-  background-color: var(--kolibri-color-focus);
-  border-color: var(--kolibri-color-focus);
-  box-shadow: 0 0 0.15rem #333;
-  color: white;
-  transition-duration: 0.2s;
-}
-.bzst kol-button::part(button):active,
-.bzst kol-modal::part(button):active,
-.bzst kol-table::part(button):active {
-  background-color: var(--kolibri-color-active);
-  border-color: var(--kolibri-color-active);
-  color: white;
-}
-
-.bzst kol-button::part(primary),
-.bzst kol-modal::part(primary),
-.bzst kol-table::part(primary) {
-  background-color: var(--kolibri-color-primary);
-  border-color: var(--kolibri-color-primary);
-  color: var(--kolibri-color-active);
-}
-.bzst kol-button::part(secondary),
-.bzst kol-modal::part(secondary),
-.bzst kol-table::part(secondary) {
-  background-color: var(--kolibri-color-secondary);
-  border-color: var(--kolibri-color-active);
-  color: var(--kolibri-color-active);
-}
-.bzst kol-button::part(normal),
-.bzst kol-modal::part(normal),
-.bzst kol-table::part(normal) {
-  background-color: var(--kolibri-color-normal);
-  border-color: var(--kolibri-color-normal);
-  color: black;
-}
-.bzst kol-button::part(danger),
-.bzst kol-modal::part(danger),
-.bzst kol-table::part(danger) {
-  background-color: var(--kolibri-color-danger);
-  border-color: var(--kolibri-color-danger);
-  color: white;
-}
-.bzst kol-button::part(ghost),
-.bzst kol-modal::part(ghost),
-.bzst kol-table::part(ghost) {
-  background-color: transparent;
-  border-color: transparent;
-  color: black;
-}
-.bzst kol-button::part(ghost):focus,
-.bzst kol-modal::part(ghost):focus,
-.bzst kol-table::part(ghost):hover {
-  background-color: transparent;
-  border-color: var(--kolibri-color-focus);
-  color: var(--kolibri-color-active);
-}
-.bzst kol-button::part(ghost):active,
-.bzst kol-modal::part(ghost):active,
-.bzst kol-table::part(ghost):active {
-  background-color: transparent;
-  border-color: var(--kolibri-color-active);
-  color: var(--kolibri-color-active);
-}
-
-.bzst kol-button::part(button-disabled),
-.bzst kol-modal::part(button-disabled),
-.bzst kol-table::part(button-disabled) {
-  background-color: #f2f3f4;
-  border-color: #f2f3f4;
-  color: #555a5c;
-  text-transform: uppercase;
-}
-.bzst kol-button::part(button-disabled):disabled,
-.bzst kol-button::part(button-disabled):focus,
-.bzst kol-button::part(button-disabled):hover,
-.bzst kol-modal::part(button-disabled):disabled,
-.bzst kol-modal::part(button-disabled):focus,
-.bzst kol-modal::part(button-disabled):hover,
-.bzst kol-table::part(button-disabled):disabled,
-.bzst kol-table::part(button-disabled):focus,
-.bzst kol-table::part(button-disabled):hover {
-  background-color: #f2f3f4;
-  border-color: #f2f3f4;
-  box-shadow: 0 0 0.15rem #999;
-  color: #555a5c;
-}

package/dist/kolibri/assets/themes/itzbund.css

@@ -1,259 +0,0 @@
-.itzbund {
-  --kolibri-background-color: white;
-  --kolibri-background-color-modal: rgba(0, 0, 0, 0.5);
-  --kolibri-border-color: #bec5c9;
-  --kolibri-border-radius: 0.25rem;
-  --kolibri-border-width: 2px;
-  --kolibri-color: #202020;
-  --kolibri-color-undefined: #fb00d2;
-  --kolibri-color-accent: #08e61b;
-  --kolibri-color-active: #007a89;
-  --kolibri-color-hover: #0b4d59;
-  --kolibri-color-focus: #0b4d59;
-  --kolibri-color-danger: #ad0e0b;
-  /* --kolibri-color-dark: #576164; */
-  --kolibri-color-error: #c0003c;
-  --kolibri-color-ghost: #333333;
-  --kolibri-color-info: #28568a;
-  /* --kolibri-color-light: #f2f3f4; */
-  --kolibri-color-normal: #ccc;
-  --kolibri-color-outline: var(--kolibri-color-focus);
-  --kolibri-color-primary: #007a89;
-  --kolibri-color-secondary: #00305b;
-  --kolibri-color-spin-1: #000000;
-  --kolibri-color-spin-2: #ff0000;
-  --kolibri-color-spin-3: #ffcc00;
-  --kolibri-color-success: #09581d;
-  --kolibri-color-warning: #de7b02;
-  --kolibri-font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;
-  --kolibri-hyphens: auto;
-  --kolibri-line-height: 1.5em;
-  --kolibri-shadow-color: black;
-  --kolibri-spacing: 0.25em;
-}
-
-@font-face {
-  font-family: BundesSans Web;
-  font-weight: bold;
-  src: url(../bund/font/bundessansweb-bold-woff-data.woff);
-}
-
-/* LINK */
-.itzbund kol-breadcrumb::part(link),
-.itzbund kol-link::part(link),
-.itzbund kol-link-group::part(link),
-/* .itzbund kol-nav::part(link), */
-.itzbund kol-skip-nav::part(link) {
-  color: var(--kolibri-color-primary);
-  font-weight: bold;
-  text-decoration: none;
-  text-transform: uppercase;
-}
-.itzbund kol-breadcrumb::part(link):focus,
-.itzbund kol-breadcrumb::part(link):hover,
-.itzbund kol-link::part(link):focus,
-.itzbund kol-link::part(link):hover,
-.itzbund kol-link-group::part(link):focus,
-.itzbund kol-link-group::part(link):hover,
-/* .itzbund kol-nav::part(link):focus, */
-/* .itzbund kol-nav::part(link):hover, */
-.itzbund kol-skip-nav::part(link):focus,
-.itzbund kol-skip-nav::part(link):hover {
-  text-decoration: underline;
-  color: #333;
-}
-.itzbund kol-breadcrumb::part(link):active,
-.itzbund kol-link::part(link):active,
-.itzbund kol-link-group::part(link):active,
-/* .itzbund kol-nav::part(link):active, */
-.itzbund kol-skip-nav::part(link):active {
-}
-
-/* NAV */
-.itzbund kol-nav::part(nav) {
-  background-color: white;
-}
-.itzbund kol-nav::part(icon) {
-  font-size: 150%;
-}
-.itzbund kol-nav::part(li) {
-  padding: 0.15em;
-}
-.itzbund kol-nav::part(link) {
-  border-radius: 2em;
-  color: #576164;
-  grid: flex;
-  line-height: 2em;
-  padding: 0.25em 1em;
-  height: 100%;
-}
-.itzbund kol-nav::part(link):focus,
-.itzbund kol-nav::part(link):hover {
-  background-color: var(--kolibri-color-focus);
-  box-shadow: 0 1px 2px #bbb;
-  color: white;
-}
-.itzbund kol-nav::part(link):active {
-  background-color: var(--kolibri-color-active);
-  box-shadow: 0 1px 2px #bbb;
-}
-.itzbund kol-nav::part(link selected) {
-  background-color: var(--kolibri-color-primary);
-  box-shadow: 0 1px 2px #bbb;
-  color: var(--kolibri-color-active);
-}
-.itzbund kol-nav::part(span) {
-  padding: 0.5em 0;
-  font-weight: bold;
-}
-
-.itzbund kol-accordion::part(accordion),
-.itzbund kol-card::part(card) {
-  border-color: var(--kolibri-border-color);
-  border-color: #bec5c9;
-  border-style: solid;
-  border-width: 1px;
-  border-radius: unset;
-}
-.itzbund kol-accordion::part(accordion open) {
-  background-color: #f2f3f4;
-}
-
-.itzbund kol-accordion::part(icon) {
-  display: inline-block;
-  width: 2.5rem;
-  text-align: center;
-}
-
-.itzbund kol-accordion::part(content),
-.itzbund kol-accordion::part(header) {
-  padding-left: 2.5rem;
-}
-
-/* https://icofont.com/icons */
-/* https://fontawesome.com/v4.7/icon/chevron-right */
-.itzbund kol-accordion::part(icon close)::before {
-  font-family: 'Icofont';
-  font-style: normal;
-  content: '\ea6e';
-  color: var(--kolibri-color-active);
-}
-.itzbund kol-accordion::part(icon open)::before {
-  font-family: 'Icofont';
-  font-style: normal;
-  content: '\ea6b';
-  color: var(--kolibri-color-active);
-}
-
-/* BUTTON */
-.itzbund kol-button::part(button),
-.itzbund kol-modal::part(button),
-.itzbund kol-nav::part(button),
-.itzbund kol-table::part(button) {
-  border-radius: 2em;
-  border-width: var(--kolibri-border-width);
-  color: white;
-  text-transform: uppercase;
-}
-.itzbund kol-button::part(button):focus,
-.itzbund kol-button::part(button):hover,
-.itzbund kol-modal::part(button):focus,
-.itzbund kol-modal::part(button):hover,
-.itzbund kol-nav::part(button):focus,
-.itzbund kol-nav::part(button):hover,
-.itzbund kol-table::part(button):focus,
-.itzbund kol-table::part(button):hover {
-  background-color: var(--kolibri-color-focus);
-  border-color: var(--kolibri-color-focus);
-  box-shadow: 0 0 0.15rem #333;
-  color: white;
-  transition-duration: 0.2s;
-}
-.itzbund kol-button::part(button):active,
-.itzbund kol-modal::part(button):active,
-.itzbund kol-nav::part(button):active,
-.itzbund kol-table::part(button):active {
-  background-color: white;
-  border-color: var(--kolibri-color-focus);
-  color: var(--kolibri-color-focus);
-  box-shadow: none;
-}
-
-.itzbund kol-button::part(primary),
-.itzbund kol-modal::part(primary),
-.itzbund kol-nav::part(primary),
-.itzbund kol-table::part(primary) {
-  background-color: var(--kolibri-color-primary);
-  border-color: var(--kolibri-color-primary);
-}
-.itzbund kol-button::part(secondary),
-.itzbund kol-modal::part(secondary),
-.itzbund kol-nav::part(secondary),
-.itzbund kol-table::part(secondary) {
-  background-color: var(--kolibri-color-secondary);
-  border-color: var(--kolibri-color-secondary);
-}
-.itzbund kol-button::part(normal),
-.itzbund kol-modal::part(normal),
-.itzbund kol-nav::part(normal),
-.itzbund kol-table::part(normal) {
-  background-color: var(--kolibri-color-normal);
-  border-color: var(--kolibri-color-normal);
-  color: #333;
-}
-.itzbund kol-button::part(danger),
-.itzbund kol-modal::part(danger),
-.itzbund kol-nav::part(danger),
-.itzbund kol-table::part(danger) {
-  background-color: var(--kolibri-color-danger);
-  border-color: var(--kolibri-color-danger);
-}
-.itzbund kol-button::part(ghost),
-.itzbund kol-modal::part(ghost),
-.itzbund kol-nav::part(ghost),
-.itzbund kol-table::part(ghost) {
-  background-color: transparent;
-  border-color: var(--kolibri-color-primary);
-  color: var(--kolibri-color-primary);
-}
-
-.itzbund kol-button::part(button-disabled),
-.itzbund kol-modal::part(button-disabled),
-.itzbund kol-nav::part(button-disabled),
-.itzbund kol-table::part(button-disabled) {
-  background-color: #f2f3f4;
-  border-color: #f2f3f4;
-  border-radius: 2em;
-  color: #555a5c;
-  text-transform: uppercase;
-}
-.itzbund kol-button::part(button-disabled):disabled,
-.itzbund kol-button::part(button-disabled):focus,
-.itzbund kol-button::part(button-disabled):hover,
-.itzbund kol-modal::part(button-disabled):disabled,
-.itzbund kol-modal::part(button-disabled):focus,
-.itzbund kol-modal::part(button-disabled):hover,
-.itzbund kol-nav::part(button-disabled):disabled,
-.itzbund kol-nav::part(button-disabled):focus,
-.itzbund kol-nav::part(button-disabled):hover,
-.itzbund kol-table::part(button-disabled):disabled,
-.itzbund kol-table::part(button-disabled):focus,
-.itzbund kol-table::part(button-disabled):hover {
-  background-color: #f2f3f4;
-  border-color: #f2f3f4;
-  box-shadow: 0 0 0.15rem #999;
-  color: #555a5c;
-}
-
-/* INPUT, SELECT, TEXTAREA */
-.itzbund *::part(input),
-.itzbund kol-select::part(select),
-.itzbund kol-textarea::part(textarea) {
-  border-color: var(--kolibri-color-normal);
-  border-radius: 0;
-  background-color: #e8edf2 !important;
-  padding: 0.75em;
-}
-.itzbund *::part(label) {
-  font-weight: bold;
-}

package/dist/kolibri/assets/themes/mapz.bak.css

@@ -1,219 +0,0 @@
-.mapz {
-  --kolibri-background-color: white;
-  --kolibri-background-color-modal: rgba(0, 0, 0, 0.5);
-  --kolibri-border-color: #aaaaaa;
-  --kolibri-border-radius: 0.25rem;
-  --kolibri-border-width: 2px;
-  --kolibri-color: black;
-  --kolibri-color-undefined: #fb00d2;
-  --kolibri-color-accent: #ef9e48;
-  --kolibri-color-active: #1e538f;
-  --kolibri-color-hover: #1e538f;
-  --kolibri-color-focus: #1e538f;
-  --kolibri-color-danger: #ad0e0b;
-  /* --kolibri-color-dark: #222222; */
-  --kolibri-color-error: #ad0e0b;
-  --kolibri-color-ghost: #333333;
-  --kolibri-color-info: #28568a;
-  /* --kolibri-color-light: #f2f2f2; */
-  --kolibri-color-normal: #326cae;
-  --kolibri-color-outline: #000;
-  --kolibri-color-primary: #1e538f;
-  --kolibri-color-secondary: #444444;
-  --kolibri-color-spin-1: #000000;
-  --kolibri-color-spin-2: #ff0000;
-  --kolibri-color-spin-3: #ffcc00;
-  --kolibri-color-success: #12632f;
-  --kolibri-color-warning: #854000;
-  --kolibri-font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;
-  --kolibri-hyphens: auto;
-  --kolibri-line-height: 1.5em;
-  --kolibri-shadow-color: black;
-  --kolibri-spacing: 0.25em;
-}
-
-@font-face {
-  font-family: BundesSans Web;
-  font-weight: bold;
-  src: url(../bund/font/bundessansweb-bold-woff-data.woff);
-}
-
-/* LINK */
-.mapz kol-breadcrumb::part(link),
-.mapz kol-link::part(link),
-.mapz kol-link-group::part(link),
-/* .mapz kol-nav::part(link), */
-.mapz kol-skip-nav::part(link) {
-  color: var(--kolibri-color-normal);
-}
-.mapz kol-breadcrumb::part(link):focus,
-.mapz kol-breadcrumb::part(link):hover,
-.mapz kol-link::part(link):focus,
-.mapz kol-link::part(link):hover,
-.mapz kol-link-group::part(link):focus,
-.mapz kol-link-group::part(link):hover,
-/* .mapz kol-nav::part(link):focus, */
-/* .mapz kol-nav::part(link):hover, */
-.mapz kol-skip-nav::part(link):focus,
-.mapz kol-skip-nav::part(link):hover {
-  color: var(--kolibri-color-focus);
-}
-.mapz kol-breadcrumb::part(link):active,
-.mapz kol-link::part(link):active,
-.mapz kol-link-group::part(link):active,
-/* .mapz kol-nav::part(link):active, */
-.mapz kol-skip-nav::part(link):active {
-  color: var(--kolibri-color-active);
-}
-
-/* NAV */
-.mapz kol-nav::part(nav) {
-  border-radius: var(--kolibri-border-radius);
-  background-color: var(--kolibri-color-normal);
-}
-.mapz kol-nav::part(icon) {
-  font-size: 150%;
-}
-.mapz kol-nav::part(link) {
-  background-color: var(--kolibri-color-normal);
-  border-color: transparent;
-  border-radius: var(--kolibri-border-radius);
-  border-width: 1px;
-  grid: flex;
-  line-height: 2em;
-  padding: 0.25em;
-  color: white;
-  height: 100%;
-}
-.mapz kol-nav::part(link):focus,
-.mapz kol-nav::part(link):hover {
-  border-color: white;
-  background-color: var(--kolibri-color-focus);
-}
-.mapz kol-nav::part(link):active {
-  background-color: var(--kolibri-color-active);
-}
-.mapz kol-nav::part(selected) {
-  background-color: var(--kolibri-color-active);
-}
-/* .mapz kol-nav::part(span) {
-  padding: 0.5em 0;
-} */
-.mapz kol-nav::part(li) {
-  padding: 0.1em;
-}
-.mapz kol-nav::part(li horizontal) {
-  border-right: 1px dotted white;
-}
-.mapz kol-nav::part(li horizontal selected) {
-  border-bottom-color: var(--kolibri-color-accent);
-  border-bottom-width: 6px;
-}
-.mapz kol-nav::part(li horizontal last) {
-  border-right: 0;
-}
-.mapz kol-nav::part(li vertical) {
-  border-radius: var(--kolibri-border-radius);
-  border-bottom: 1px dotted white;
-}
-.mapz kol-nav::part(li vertical selected) {
-  border-right-color: var(--kolibri-color-accent);
-  border-right-width: 6px;
-}
-.mapz kol-nav::part(li vertical last) {
-  border-bottom: 0;
-}
-
-/* ACCORDION, CARD */
-.mapz kol-accordion::part(accordion),
-.mapz kol-card::part(card) {
-  border-color: var(--kolibri-border-color);
-  border-color: #bec5c9;
-  border-style: solid;
-  border-width: 1px;
-  border-radius: var(--kolibri-border-radius);
-}
-.mapz kol-accordion::part(accordion open) {
-  background-color: #f2f3f4;
-}
-
-.mapz kol-accordion::part(icon) {
-  display: inline-block;
-  width: 2.5rem;
-  text-align: center;
-}
-
-.mapz kol-accordion::part(content),
-.mapz kol-accordion::part(header) {
-  padding-left: 2.5rem;
-}
-
-/* https://icofont.com/icons */
-/* https://fontawesome.com/v4.7/icon/chevron-right */
-.mapz kol-accordion::part(icon close)::before {
-  font-family: 'Icofont';
-  font-style: normal;
-  content: '\ef9a';
-  color: var(--kolibri-color-active);
-}
-.mapz kol-accordion::part(icon open)::before {
-  font-family: 'Icofont';
-  font-style: normal;
-  content: '\efc2';
-  color: var(--kolibri-color-active);
-}
-
-/* BUTTON */
-.mapz kol-button::part(button):focus,
-.mapz kol-button::part(button):hover,
-.mapz kol-modal::part(button):focus,
-.mapz kol-modal::part(button):hover,
-.mapz kol-nav::part(button):focus,
-.mapz kol-nav::part(button):hover,
-.mapz kol-table::part(button):focus,
-.mapz kol-table::part(button):hover,
-.mapz kol-tabs::part(button):focus,
-.mapz kol-tabs::part(button):hover {
-  background-color: white;
-  box-shadow: 0 0 0.15rem #333;
-  transition-duration: 0.2s;
-}
-.mapz kol-button::part(ghost),
-.mapz kol-modal::part(ghost),
-.mapz kol-nav::part(ghost),
-.mapz kol-table::part(ghost),
-.mapz kol-tabs::part(ghost) {
-  background-color: white;
-  border-color: var(--kolibri-color-ghost);
-  color: var(--kolibri-color-ghost);
-}
-.mapz kol-button::part(ghost):focus,
-.mapz kol-button::part(ghost):hover,
-.mapz kol-modal::part(ghost):focus,
-.mapz kol-modal::part(ghost):hover,
-.mapz kol-nav::part(ghost):focus,
-.mapz kol-nav::part(ghost):hover,
-.mapz kol-table::part(ghost):focus,
-.mapz kol-table::part(ghost):hover,
-.mapz kol-tabs::part(ghost):focus,
-.mapz kol-tabs::part(ghost):hover {
-  background-color: var(--kolibri-color-ghost);
-  color: white;
-}
-.mapz kol-button::part(button-disabled):disabled,
-.mapz kol-button::part(button-disabled):focus,
-.mapz kol-button::part(button-disabled):hover,
-.mapz kol-modal::part(button-disabled):disabled,
-.mapz kol-modal::part(button-disabled):focus,
-.mapz kol-modal::part(button-disabled):hover,
-.mapz kol-nav::part(button-disabled):disabled,
-.mapz kol-nav::part(button-disabled):focus,
-.mapz kol-nav::part(button-disabled):hover,
-.mapz kol-table::part(button-disabled):disabled,
-.mapz kol-table::part(button-disabled):focus,
-.mapz kol-table::part(button-disabled):hover,
-.mapz kol-tabs::part(button-disabled):disabled,
-.mapz kol-tabs::part(button-disabled):focus,
-.mapz kol-tabs::part(button-disabled):hover {
-  box-shadow: 0 0 0.15rem #999;
-}