@public-ui/themes 1.1.15 → 1.1.16-rc.0

package/dist/index.cjs

@@ -231,7 +231,7 @@ const MAPZ = schema.KoliBri.createTheme("mapz", {
   "KOL-TOAST": ":host > div {position: fixed;top: 0;left: 0;width: 100%;height: 0;z-index: 200;}:host > div > kol-alert {display: block;margin: auto;padding: 1rem;max-width: 750px;}:host > div > kol-button-wc {top: 0;position: relative;display: block;margin: auto;width: 1em;}",
   "KOL-INPUT-RANGE": 'kol-input {display: grid;padding: 0;margin: 0;}kol-input > label {order: 1;margin-bottom: 0.25em;}kol-input > label > span {color: var(--default-letter);font-size: 0.875rem;line-height: 1.5rem;}kol-input > div.input {background-color: white;border-radius: 0.25rem;display: block;order: 2;}kol-input > kol-alert.error {margin-top: 0.25em;order: 3;}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;color: var(--default-letter);border-color: var(--default-border);border-width: 2px;border-style: solid;padding: 0.5em 0.75em;border-radius: 0.25rem;overflow: hidden;width: calc(100% - 4em);}input/*:not([type="range"])*/,select:not([multiple]) {height: 2.75em;}textarea {display: inherit;}input::placeholder {color: var(--default-border-hover);}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);background-color: var(--background-light-grey);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em 0.5em;border-color: transparent;border-width: 2px;border-style: solid;}.icon-left input,.icon-left select {margin-left: 2em;}.icon-right input,.icon-right select {margin-right: 2em;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -33px;}kol-button-wc button {border: 1px solid var(--kolibri-border-color);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;}',
   "KOL-NAV": ':host * {hyphens: var(--kolibri-hyphens);font-family: var(--font-family);line-height: var(--kolibri-line-height);word-break: break-word;}:host .hidden {display: none;}:host > div > nav ul {list-style: none;margin: 0px;padding: 0px;border-radius: var(--kolibri-border-radius);background-color: var(--kolibri-color-normal);}:host > div > nav ul > li {border-radius: var(--kolibri-border-radius);overflow: hidden;padding: 0.125em;}:host > div > nav ul > li[part*="vertical"] + li {border-radius: 0;border-top: 0.1em dotted white;}:host > div > nav ul > li[part*="vertical selected"] {border-right: 0.375em solid var(--kolibri-color-accent);}:host > div > nav ul > li[part*="horizontal"] + li {border-radius: 0;border-left: 0.1em dotted white;}:host > div > nav ul > li[part*="horizontal selected"] {border-bottom: 0.375em solid var(--kolibri-color-accent);}:host > div > nav ul > li > div {height: 100%;}:host > div > nav kol-link-wc {width: 100%; /*height: 100%;font-weight: 600;*/display: block;}:host > div > nav kol-link-wc a {border-radius: var(--kolibri-border-radius);background-color: var(--kolibri-color-normal);border: 1px solid transparent;grid: flex;line-height: 2em;padding: 0.5em;color: white;height: 100%;-webkit-box-align: center;align-items: center;flex-wrap: wrap;display: flex;cursor: pointer;text-decoration: inherit;}:host > div > nav kol-link-wc a[part*="selected"] {background-color: var(--kolibri-color-active);font-weight: 700;}:host > div > nav kol-link-wc a kol-icon.mr-2 {margin-right: calc(2 * var(--kolibri-spacing));}:host > div > nav kol-link-wc a kol-icon.ml-2 {margin-left: calc(2 * var(--kolibri-spacing));}:host > div > nav kol-link-wc a:focus,:host > div > nav kol-link-wc a:hover {border: 1px solid white;background-color: var(--kolibri-color-focus);} /* compact button */:host > div > div:last-child {margin-top: 0.5em;width: 100%;text-align: center;}:host > div > nav kol-link-wc a.text-center {display: grid;align-items: center;justify-items: center;} /* horizontal */ul.flex {display: flex;}li > div > div.absolute {position: absolute;}',
-  "KOL-TABLE": ":host * {hyphens: var(--kolibri-hyphens);font-family: var(--kolibri-font-family);line-height: var(--kolibri-line-height);word-break: break-word;}:host > div {overflow-x: auto;overflow-y: hidden;}:host > div:first-child {border-radius: var(--kolibri-border-radius);border-style: solid;border-width: 1px;border-color: var(--kolibri-border-color);}table {width: 100%;border-collapse: collapse;border-spacing: 0;}table,tr,th,td {border: 0 solid var(--kolibri-border-color);}tr {border-top-width: 1px;}tr:nth-child(even) {background-color: #f2f2f2;}th,td {border-right-width: 1px;padding: 0.25em 0.5em;}th {background-color: #eee;}th > div {display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 0.25em;}:host > div:last-child {padding: 0.5em;}:host > div:last-child,:host > div:last-child > div:last-child {display: grid;align-items: center;justify-items: center;gap: 0.5em;}@media (min-width: 1024px) {:host > div:last-child,:host > div:last-child > div:last-child {grid-auto-flow: column;}:host > div:last-child kol-pagination{display: flex;gap: 1rem}}",
+  "KOL-TABLE": ":host * {hyphens: var(--kolibri-hyphens);font-family: var(--kolibri-font-family);line-height: var(--kolibri-line-height);word-break: break-word;}:host > div {overflow-x: auto;overflow-y: hidden;}:host > div:first-child {border-radius: var(--kolibri-border-radius);border-style: solid;border-width: 1px;border-color: var(--kolibri-border-color);}table {width: 100%;border-collapse: collapse;border-spacing: 0;}table,tr,th,td {border: 0 solid var(--kolibri-border-color);}tr {border-top-width: 1px;}tr:nth-child(even) {background-color: #f2f2f2;}th,td {border-right-width: 1px;padding: 0.25em 0.5em;}th {background-color: #eee;}th > div {display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 0.25em;}:host > div.pagination {padding: 0.5em;}:host > div.pagination,:host > div.pagination > div:last-child {display: grid;align-items: center;justify-items: center;gap: 0.5em;}@media (min-width: 1024px) {:host > div.pagination,:host > div.pagination > div:last-child {grid-auto-flow: column;}:host > div.pagination kol-pagination {display: flex;gap: 1rem;}}",
   "KOL-LINK-BUTTON": ":host {display: inline-block;}a {background-color: transparent;border: 0;cursor: pointer;min-width: 44px;min-height: 44px;padding: 0;text-decoration: none !important;}a {min-width: 44px;min-height: 44px;box-sizing: border-box;line-height: 1.25em;font-size: inherit;cursor: pointer;border-width: 2px;box-shadow: 0 0 0.25em gray;font-family: var(--kolibri-font-family);width: inherit;border-radius: var(--kolibri-border-radius);border-style: solid;padding: calc(2 * var(--kolibri-spacing));display: grid;gap: 0.25em;align-items: center;justify-content: center;text-decoration: none !important;text-align: center;transition-duration: 0.5s;transition-property: background-color, color, border-color;}a > kol-span-wc span {display: flex;gap: 0.25em;align-items: center;justify-content: center;}a.primary,a.primary:disabled:hover {background-color: var(--kolibri-color-primary);border-color: var(--kolibri-color-primary);color: white;}a.primary:hover,a.primary:focus {color: var(--kolibri-color-primary);}a.secondary,a.secondary:disabled:hover {background-color: var(--kolibri-color-secondary);border-color: var(--kolibri-color-secondary);color: white;}a.secondary:hover,a.secondary:focus {color: var(--kolibri-color-secondary);}a.normal,a.normal:disabled:hover {background-color: var(--kolibri-color-normal);border-color: var(--kolibri-color-normal);color: white;}a.normal:hover,a.normal:focus {color: var(--kolibri-color-normal);}a.danger,a.danger:disabled:hover {background-color: var(--kolibri-color-danger);border-color: var(--kolibri-color-danger);color: white;}a.danger:hover,a.danger:focus {color: var(--kolibri-color-danger);}a.ghost,a.ghost:disabled:hover {background-color: white;border-color: var(--kolibri-color-ghost);color: var(--kolibri-color-ghost);}a.ghost:hover,a.ghost:focus {background-color: var(--kolibri-color-ghost);color: white;}a:hover,a:focus {background-color: white;box-shadow: 0 0 0.25em black;}a:active {outline: 0 !important;box-shadow: none !important;}kol-a-wc {width: inherit;}a:disabled {cursor: not-allowed;opacity: 0.5;box-shadow: none;}a.icon-only > kol-span-wc > span > span {display: none;}",
   "KOL-BUTTON-LINK": "button {/*min-width: 44px;min-height: 44px;*/color: var(--kolibri-color-primary);display: inline-flex;flex-wrap: wrap;text-decoration-line: underline;background: none;cursor: pointer;border: 0;}button:hover {text-decoration-thickness: 0.2em;}kol-icon {padding: 0 0.25em;display: inline-block;}kol-icon + span,span + kol-icon {padding-left: 0.25em;}.hidden {display: none;visibility: hidden;}:host button.skip {left: -99999px;overflow: hidden;position: absolute;z-index: 9999999;line-height: 1em;}:host a.skip:focus {background: white;left: unset;position: unset;}",
   "KOL-ICON": KOL_ICON

package/dist/index.mjs

@@ -229,7 +229,7 @@ const MAPZ = KoliBri.createTheme("mapz", {
   "KOL-TOAST": ":host > div {position: fixed;top: 0;left: 0;width: 100%;height: 0;z-index: 200;}:host > div > kol-alert {display: block;margin: auto;padding: 1rem;max-width: 750px;}:host > div > kol-button-wc {top: 0;position: relative;display: block;margin: auto;width: 1em;}",
   "KOL-INPUT-RANGE": 'kol-input {display: grid;padding: 0;margin: 0;}kol-input > label {order: 1;margin-bottom: 0.25em;}kol-input > label > span {color: var(--default-letter);font-size: 0.875rem;line-height: 1.5rem;}kol-input > div.input {background-color: white;border-radius: 0.25rem;display: block;order: 2;}kol-input > kol-alert.error {margin-top: 0.25em;order: 3;}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;color: var(--default-letter);border-color: var(--default-border);border-width: 2px;border-style: solid;padding: 0.5em 0.75em;border-radius: 0.25rem;overflow: hidden;width: calc(100% - 4em);}input/*:not([type="range"])*/,select:not([multiple]) {height: 2.75em;}textarea {display: inherit;}input::placeholder {color: var(--default-border-hover);}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);background-color: var(--background-light-grey);}.required label > span::after {content: "*";padding-left: 0.125em;}.icons {display: flex;justify-content: space-between;height: 0;}.icons > * {margin: 0.75em 0.5em;border-color: transparent;border-width: 2px;border-style: solid;}.icon-left input,.icon-left select {margin-left: 2em;}.icon-right input,.icon-right select {margin-right: 2em;}kol-button-wc {position: relative;float: right;z-index: 1000;margin-top: -33px;}kol-button-wc button {border: 1px solid var(--kolibri-border-color);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;}',
   "KOL-NAV": ':host * {hyphens: var(--kolibri-hyphens);font-family: var(--font-family);line-height: var(--kolibri-line-height);word-break: break-word;}:host .hidden {display: none;}:host > div > nav ul {list-style: none;margin: 0px;padding: 0px;border-radius: var(--kolibri-border-radius);background-color: var(--kolibri-color-normal);}:host > div > nav ul > li {border-radius: var(--kolibri-border-radius);overflow: hidden;padding: 0.125em;}:host > div > nav ul > li[part*="vertical"] + li {border-radius: 0;border-top: 0.1em dotted white;}:host > div > nav ul > li[part*="vertical selected"] {border-right: 0.375em solid var(--kolibri-color-accent);}:host > div > nav ul > li[part*="horizontal"] + li {border-radius: 0;border-left: 0.1em dotted white;}:host > div > nav ul > li[part*="horizontal selected"] {border-bottom: 0.375em solid var(--kolibri-color-accent);}:host > div > nav ul > li > div {height: 100%;}:host > div > nav kol-link-wc {width: 100%; /*height: 100%;font-weight: 600;*/display: block;}:host > div > nav kol-link-wc a {border-radius: var(--kolibri-border-radius);background-color: var(--kolibri-color-normal);border: 1px solid transparent;grid: flex;line-height: 2em;padding: 0.5em;color: white;height: 100%;-webkit-box-align: center;align-items: center;flex-wrap: wrap;display: flex;cursor: pointer;text-decoration: inherit;}:host > div > nav kol-link-wc a[part*="selected"] {background-color: var(--kolibri-color-active);font-weight: 700;}:host > div > nav kol-link-wc a kol-icon.mr-2 {margin-right: calc(2 * var(--kolibri-spacing));}:host > div > nav kol-link-wc a kol-icon.ml-2 {margin-left: calc(2 * var(--kolibri-spacing));}:host > div > nav kol-link-wc a:focus,:host > div > nav kol-link-wc a:hover {border: 1px solid white;background-color: var(--kolibri-color-focus);} /* compact button */:host > div > div:last-child {margin-top: 0.5em;width: 100%;text-align: center;}:host > div > nav kol-link-wc a.text-center {display: grid;align-items: center;justify-items: center;} /* horizontal */ul.flex {display: flex;}li > div > div.absolute {position: absolute;}',
-  "KOL-TABLE": ":host * {hyphens: var(--kolibri-hyphens);font-family: var(--kolibri-font-family);line-height: var(--kolibri-line-height);word-break: break-word;}:host > div {overflow-x: auto;overflow-y: hidden;}:host > div:first-child {border-radius: var(--kolibri-border-radius);border-style: solid;border-width: 1px;border-color: var(--kolibri-border-color);}table {width: 100%;border-collapse: collapse;border-spacing: 0;}table,tr,th,td {border: 0 solid var(--kolibri-border-color);}tr {border-top-width: 1px;}tr:nth-child(even) {background-color: #f2f2f2;}th,td {border-right-width: 1px;padding: 0.25em 0.5em;}th {background-color: #eee;}th > div {display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 0.25em;}:host > div:last-child {padding: 0.5em;}:host > div:last-child,:host > div:last-child > div:last-child {display: grid;align-items: center;justify-items: center;gap: 0.5em;}@media (min-width: 1024px) {:host > div:last-child,:host > div:last-child > div:last-child {grid-auto-flow: column;}:host > div:last-child kol-pagination{display: flex;gap: 1rem}}",
+  "KOL-TABLE": ":host * {hyphens: var(--kolibri-hyphens);font-family: var(--kolibri-font-family);line-height: var(--kolibri-line-height);word-break: break-word;}:host > div {overflow-x: auto;overflow-y: hidden;}:host > div:first-child {border-radius: var(--kolibri-border-radius);border-style: solid;border-width: 1px;border-color: var(--kolibri-border-color);}table {width: 100%;border-collapse: collapse;border-spacing: 0;}table,tr,th,td {border: 0 solid var(--kolibri-border-color);}tr {border-top-width: 1px;}tr:nth-child(even) {background-color: #f2f2f2;}th,td {border-right-width: 1px;padding: 0.25em 0.5em;}th {background-color: #eee;}th > div {display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 0.25em;}:host > div.pagination {padding: 0.5em;}:host > div.pagination,:host > div.pagination > div:last-child {display: grid;align-items: center;justify-items: center;gap: 0.5em;}@media (min-width: 1024px) {:host > div.pagination,:host > div.pagination > div:last-child {grid-auto-flow: column;}:host > div.pagination kol-pagination {display: flex;gap: 1rem;}}",
   "KOL-LINK-BUTTON": ":host {display: inline-block;}a {background-color: transparent;border: 0;cursor: pointer;min-width: 44px;min-height: 44px;padding: 0;text-decoration: none !important;}a {min-width: 44px;min-height: 44px;box-sizing: border-box;line-height: 1.25em;font-size: inherit;cursor: pointer;border-width: 2px;box-shadow: 0 0 0.25em gray;font-family: var(--kolibri-font-family);width: inherit;border-radius: var(--kolibri-border-radius);border-style: solid;padding: calc(2 * var(--kolibri-spacing));display: grid;gap: 0.25em;align-items: center;justify-content: center;text-decoration: none !important;text-align: center;transition-duration: 0.5s;transition-property: background-color, color, border-color;}a > kol-span-wc span {display: flex;gap: 0.25em;align-items: center;justify-content: center;}a.primary,a.primary:disabled:hover {background-color: var(--kolibri-color-primary);border-color: var(--kolibri-color-primary);color: white;}a.primary:hover,a.primary:focus {color: var(--kolibri-color-primary);}a.secondary,a.secondary:disabled:hover {background-color: var(--kolibri-color-secondary);border-color: var(--kolibri-color-secondary);color: white;}a.secondary:hover,a.secondary:focus {color: var(--kolibri-color-secondary);}a.normal,a.normal:disabled:hover {background-color: var(--kolibri-color-normal);border-color: var(--kolibri-color-normal);color: white;}a.normal:hover,a.normal:focus {color: var(--kolibri-color-normal);}a.danger,a.danger:disabled:hover {background-color: var(--kolibri-color-danger);border-color: var(--kolibri-color-danger);color: white;}a.danger:hover,a.danger:focus {color: var(--kolibri-color-danger);}a.ghost,a.ghost:disabled:hover {background-color: white;border-color: var(--kolibri-color-ghost);color: var(--kolibri-color-ghost);}a.ghost:hover,a.ghost:focus {background-color: var(--kolibri-color-ghost);color: white;}a:hover,a:focus {background-color: white;box-shadow: 0 0 0.25em black;}a:active {outline: 0 !important;box-shadow: none !important;}kol-a-wc {width: inherit;}a:disabled {cursor: not-allowed;opacity: 0.5;box-shadow: none;}a.icon-only > kol-span-wc > span > span {display: none;}",
   "KOL-BUTTON-LINK": "button {/*min-width: 44px;min-height: 44px;*/color: var(--kolibri-color-primary);display: inline-flex;flex-wrap: wrap;text-decoration-line: underline;background: none;cursor: pointer;border: 0;}button:hover {text-decoration-thickness: 0.2em;}kol-icon {padding: 0 0.25em;display: inline-block;}kol-icon + span,span + kol-icon {padding-left: 0.25em;}.hidden {display: none;visibility: hidden;}:host button.skip {left: -99999px;overflow: hidden;position: absolute;z-index: 9999999;line-height: 1em;}:host a.skip:focus {background: white;left: unset;position: unset;}",
   "KOL-ICON": KOL_ICON

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/themes",
-	"version": "1.1.15",
+	"version": "1.1.16-rc.0",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": "https://github.com/public-ui/kolibri",
@@ -55,15 +55,15 @@
 		":unpublish": "npm unpublish -f --registry=http://localhost:4873"
 	},
 	"dependencies": {
-		"@public-ui/schema": "1.1.15"
+		"@public-ui/schema": "1.1.16-rc.0"
 	},
 	"devDependencies": {
-		"@types/node": "18.11.17",
+		"@types/node": "18.11.18",
 		"typescript": "4.9.4",
 		"unbuild": "1.0.2"
 	},
 	"peerDependencies": {
-		"@public-ui/components": "1.1.15"
+		"@public-ui/components": "1.1.16-rc.0"
 	},
 	"sideEffects": false,
 	"type": "module",