@public-ui/themes 1.4.0-rc.8 → 1.4.0-rc.9
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/dist/index.cjs +2 -3
- package/dist/index.mjs +2 -3
- package/package.json +5 -5
package/dist/index.cjs
CHANGED
|
@@ -87,7 +87,7 @@ const ITZBund = schema.KoliBri.createTheme("itzbund", {
|
|
|
87
87
|
"KOL-INPUT-EMAIL": 'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--spacing));display: block;}.kol-required span::after {content: "*";}input::placeholder {font-style: italic;}',
|
|
88
88
|
"KOL-INPUT-FILE": 'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--spacing));display: block;}.kol-required span::after {content: "*";}input::placeholder {font-style: italic;}',
|
|
89
89
|
"KOL-TEXTAREA": 'textarea:hover,textarea:focus {border-color: var(--default-border-hover);outline-color: var(--primary) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--default-letter);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}textarea.error {background-color: var(--danger-light) !important;border-color: var(--danger);}textarea {width: 100%;color: var(--default-letter);border-width: 1px;border-style: solid;line-height: 24px;font-size: 16px;border-color: var(--kolibri-color-normal);border-radius: 0;background-color: #e8edf2 !important;padding: 0.75em;}textarea::placeholder {color: var(--default-border);}textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);background-color: var(--background-light-grey);}.kol-required span::after {content: "*";}kol-alert {margin-top: var(--spacing);display: block;}',
|
|
90
|
-
"KOL-ALERT":
|
|
90
|
+
"KOL-ALERT": ":host {--kolibri-border-radius: calc(4 * var(--spacing));}",
|
|
91
91
|
"KOL-HEADING": "h1,h2,h3,h4,h5,h6 {line-height: 1em;margin: 0;padding: 0;}h1 {font-family: var(--font-family-serif);font-size: 54px;font-weight: bold;}h2 {font-family: var(--font-family-serif);font-size: 32px;font-weight: bold;}h3 {font-family: var(--font-family-serif);font-size: 26px;font-weight: bold;}h4 {font-family: var(--font-family-serif);font-size: 20px;font-weight: normal;}h5 {font-family: var(--font-family-serif);font-size: 17px;font-weight: bold;}h6 {font-family: var(--font-family-sans);font-size: 17px;font-weight: normal;}",
|
|
92
92
|
"KOL-BADGE": ":host {display: inline-block;}:host > span {border-radius: 0.3125rem;display: inline-flex;line-height: 1.25rem;}:host > span kol-button-wc {border-left: 1px solid rgba(0, 0, 0, 0.25);}: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;}:host button {border-radius: 0 var(--spacing) var(--spacing) 0;}",
|
|
93
93
|
"KOL-INDENTED-TEXT": ":host > div {background: var(--color-white);border-left: none;box-shadow: -4px 0px 0px var(--color-petrol);padding: 0.25em 0.5em;width: 100%;}",
|
|
@@ -106,8 +106,7 @@ const ITZBund = schema.KoliBri.createTheme("itzbund", {
|
|
|
106
106
|
"KOL-INPUT-RADIO": '/* INPUT */:host input:focus {outline-color: var(--color-achat) !important;outline-offset: 2px;outline-style: solid;outline-width: 3px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;}input {width: 100%;color: var(--color-anthrazit);border-color: var(--default-border);border-width: 2px;border-style: solid;border-radius: 5px;/* padding: 10px 14px; */line-height: 24px;font-size: 16px;}input:hover {border-color: var(--color-achat);}kol-alert {display: block;width: 100%;}.kol-required span::after {content: "*";}/* RADIO */:host fieldset {border: 0px;margin: 0px;padding: 0px;display: grid;gap: 0.25em;}:host fieldset legend {display: block;width: 100%;line-height: 1.5em;}:host fieldset div {cursor: pointer;display: flex;flex-direction: row;gap: 0.5em;margin-top: 0.25em;margin-bottom: 0.25em;align-items: center;position: relative;}:host fieldset div label {cursor: pointer;display: flex;width: 100%;}:host fieldset div label span {margin-top: 0.125em;}:host fieldset div input[type="radio"] {appearance: none;transition: 0.5s;border-radius: 100%;height: calc(6 * 2 * var(--spacing));min-width: calc(6 * 2 * var(--spacing));width: calc(6 * 2 * var(--spacing));}:host fieldset div input[type="radio"]:before {content: "";cursor: pointer;left: calc(1.5 * 2 * var(--spacing) - 2px);top: calc(1.5 * 2 * var(--spacing) - 2px);position: relative;border-radius: 100%;display: block;height: calc(3 * 2 * var(--spacing));width: calc(3 * 2 * var(--spacing));}:host fieldset div input[type="radio"]:checked:before {box-shadow: 0 0 0.1rem black;background-color: var(--color-petrol);}:host fieldset div input[type="radio"]:disabled {background-color: var(--color-input-bg-default);border-color: #999;cursor: not-allowed;}',
|
|
107
107
|
"KOL-LINK-GROUP": "nav {background-color: white;}nav > ul {list-style: none;margin: 0px;padding: 0px;}nav.horizontal ul {display: flex;flex-wrap: wrap;}nav > ul > li {margin-left: 1em;margin-right: 0.5em;padding: 0.25em;}li.list-none {list-style-type: none !important;margin-left: 0;}",
|
|
108
108
|
"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;}",
|
|
109
|
-
"KOL-TABS": ':host > div {display: block;width: 100%;}:host kol-button-group-wc {display: inline-block;background-color: var(--color-petrol);}:host kol-button-group-wc > div {display: inline-flex;}:host kol-button-group-wc > div + div {margin-left: 0.25em;}:host > div > div {padding: 0.25em;border: 1px solid var(--border-color);}button {box-sizing: border-box;font-size: inherit;line-height: 1.25em;cursor: pointer;border-width: 2px;box-shadow: 0 0 0.25em gray;width: inherit;overflow: hidden;border-style: solid;padding: calc(4 * var(--spacing));display: grid;gap: 0.25em;align-items: center;justify-content: center;text-align: center;transition-duration: 0.5s;transition-property: background-color, color, border-color;}kol-button-wc button.selected,kol-button-wc[aria-selected="true"] button {background-color: white;border-bottom-width: 0.25em !important;border-bottom-style: solid;border-bottom-color: var(--color-citrin) !important;}button > kol-span-wc span {display: flex;gap: 0.25em;align-items: center;justify-content: center;}button:disabled {cursor: not-allowed;opacity: 0.5;}button.primary,button.primary:disabled:hover {background-color: var(--kolibri-color-primary);border-color: var(--kolibri-color-primary);color: white;}button.primary:hover,button.primary:focus {color: var(--kolibri-color-primary);}button.secondary,button.secondary:disabled:hover {background-color: var(--kolibri-color-secondary);border-color: var(--kolibri-color-secondary);color: white;}button.secondary:hover,button.secondary:focus {color: var(--kolibri-color-secondary);}button.normal,button.normal:disabled:hover {background-color: var(--color-petrol);border-color: var(--color-petrol);color: white;}button.normal:hover,button.normal:focus {color: var(--color-petrol);}button.danger,button.danger:disabled:hover {background-color: var(--kolibri-color-danger);border-color: var(--kolibri-color-danger);color: white;}button.danger:hover,button.danger:focus {color: var(--kolibri-color-danger);}button.ghost,button.ghost:disabled:hover {background-color: white;border-color: var(--kolibri-color-ghost);color: var(--kolibri-color-ghost);}button.ghost:hover,button.ghost:focus {background-color: var(--kolibri-color-ghost);color: white;}button:hover,button:focus {background-color: white;box-shadow: 0 0 0.25em black;}button:active {outline: 0 !important;box-shadow: none !important;}.close-button {font-size: 25%;height: fit-content;width: 0;}.close-button button {width: 1rem;position: relative;height: 1rem;left: -4.25em;top: 0.25em;}: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 > 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;}'
|
|
110
|
-
"KOL-ICON": "KOL_ICON"
|
|
109
|
+
"KOL-TABS": ':host > div {display: block;width: 100%;}:host kol-button-group-wc {display: inline-block;background-color: var(--color-petrol);}:host kol-button-group-wc > div {display: inline-flex;}:host kol-button-group-wc > div + div {margin-left: 0.25em;}:host > div > div {padding: 0.25em;border: 1px solid var(--border-color);}button {box-sizing: border-box;font-size: inherit;line-height: 1.25em;cursor: pointer;border-width: 2px;box-shadow: 0 0 0.25em gray;width: inherit;overflow: hidden;border-style: solid;padding: calc(4 * var(--spacing));display: grid;gap: 0.25em;align-items: center;justify-content: center;text-align: center;transition-duration: 0.5s;transition-property: background-color, color, border-color;}kol-button-wc button.selected,kol-button-wc[aria-selected="true"] button {background-color: white;border-bottom-width: 0.25em !important;border-bottom-style: solid;border-bottom-color: var(--color-citrin) !important;}button > kol-span-wc span {display: flex;gap: 0.25em;align-items: center;justify-content: center;}button:disabled {cursor: not-allowed;opacity: 0.5;}button.primary,button.primary:disabled:hover {background-color: var(--kolibri-color-primary);border-color: var(--kolibri-color-primary);color: white;}button.primary:hover,button.primary:focus {color: var(--kolibri-color-primary);}button.secondary,button.secondary:disabled:hover {background-color: var(--kolibri-color-secondary);border-color: var(--kolibri-color-secondary);color: white;}button.secondary:hover,button.secondary:focus {color: var(--kolibri-color-secondary);}button.normal,button.normal:disabled:hover {background-color: var(--color-petrol);border-color: var(--color-petrol);color: white;}button.normal:hover,button.normal:focus {color: var(--color-petrol);}button.danger,button.danger:disabled:hover {background-color: var(--kolibri-color-danger);border-color: var(--kolibri-color-danger);color: white;}button.danger:hover,button.danger:focus {color: var(--kolibri-color-danger);}button.ghost,button.ghost:disabled:hover {background-color: white;border-color: var(--kolibri-color-ghost);color: var(--kolibri-color-ghost);}button.ghost:hover,button.ghost:focus {background-color: var(--kolibri-color-ghost);color: white;}button:hover,button:focus {background-color: white;box-shadow: 0 0 0.25em black;}button:active {outline: 0 !important;box-shadow: none !important;}.close-button {font-size: 25%;height: fit-content;width: 0;}.close-button button {width: 1rem;position: relative;height: 1rem;left: -4.25em;top: 0.25em;}: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 > 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;}'
|
|
111
110
|
});
|
|
112
111
|
|
|
113
112
|
const DE = schema.KoliBri.createTranslation("de", {
|
package/dist/index.mjs
CHANGED
|
@@ -85,7 +85,7 @@ const ITZBund = KoliBri.createTheme("itzbund", {
|
|
|
85
85
|
"KOL-INPUT-EMAIL": 'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--spacing));display: block;}.kol-required span::after {content: "*";}input::placeholder {font-style: italic;}',
|
|
86
86
|
"KOL-INPUT-FILE": 'input:hover,input:focus {border-color: var(--border-color) !important;border-radius: none !important;outline-color: var(--color-achat) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}input {cursor: pointer;width: 100%;color: var(--color-anthrazit);border-width: 1px;border-style: solid;border-color: var(--color-petrol);border-radius: 0;background-color: #e8edf2 !important;overflow: hidden;height: 3em;line-height: 24px;font-size: 16px;padding: 0.75em;}.error input {background-color: var(--color-rotton-20) !important;border-color: var(--color-rotton) !important;}input:disabled {background-color: var(--color-input-bg-default);border-color: var(--border-color);cursor: not-allowed;}kol-alert {margin-top: calc(2 * var(--spacing));display: block;}.kol-required span::after {content: "*";}input::placeholder {font-style: italic;}',
|
|
87
87
|
"KOL-TEXTAREA": 'textarea:hover,textarea:focus {border-color: var(--default-border-hover);outline-color: var(--primary) !important;outline-offset: 0;outline-style: solid;outline-width: 1px;}label {color: var(--default-letter);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;font-weight: bold;}textarea.error {background-color: var(--danger-light) !important;border-color: var(--danger);}textarea {width: 100%;color: var(--default-letter);border-width: 1px;border-style: solid;line-height: 24px;font-size: 16px;border-color: var(--kolibri-color-normal);border-radius: 0;background-color: #e8edf2 !important;padding: 0.75em;}textarea::placeholder {color: var(--default-border);}textarea:read-only,textarea:disabled {cursor: not-allowed;border-color: var(--border-default);background-color: var(--background-light-grey);}.kol-required span::after {content: "*";}kol-alert {margin-top: var(--spacing);display: block;}',
|
|
88
|
-
"KOL-ALERT":
|
|
88
|
+
"KOL-ALERT": ":host {--kolibri-border-radius: calc(4 * var(--spacing));}",
|
|
89
89
|
"KOL-HEADING": "h1,h2,h3,h4,h5,h6 {line-height: 1em;margin: 0;padding: 0;}h1 {font-family: var(--font-family-serif);font-size: 54px;font-weight: bold;}h2 {font-family: var(--font-family-serif);font-size: 32px;font-weight: bold;}h3 {font-family: var(--font-family-serif);font-size: 26px;font-weight: bold;}h4 {font-family: var(--font-family-serif);font-size: 20px;font-weight: normal;}h5 {font-family: var(--font-family-serif);font-size: 17px;font-weight: bold;}h6 {font-family: var(--font-family-sans);font-size: 17px;font-weight: normal;}",
|
|
90
90
|
"KOL-BADGE": ":host {display: inline-block;}:host > span {border-radius: 0.3125rem;display: inline-flex;line-height: 1.25rem;}:host > span kol-button-wc {border-left: 1px solid rgba(0, 0, 0, 0.25);}: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;}:host button {border-radius: 0 var(--spacing) var(--spacing) 0;}",
|
|
91
91
|
"KOL-INDENTED-TEXT": ":host > div {background: var(--color-white);border-left: none;box-shadow: -4px 0px 0px var(--color-petrol);padding: 0.25em 0.5em;width: 100%;}",
|
|
@@ -104,8 +104,7 @@ const ITZBund = KoliBri.createTheme("itzbund", {
|
|
|
104
104
|
"KOL-INPUT-RADIO": '/* INPUT */:host input:focus {outline-color: var(--color-achat) !important;outline-offset: 2px;outline-style: solid;outline-width: 3px;}label {color: var(--color-anthrazit);display: grid;font-size: 14px;line-height: 20px;gap: 8px;width: 100%;}input {width: 100%;color: var(--color-anthrazit);border-color: var(--default-border);border-width: 2px;border-style: solid;border-radius: 5px;/* padding: 10px 14px; */line-height: 24px;font-size: 16px;}input:hover {border-color: var(--color-achat);}kol-alert {display: block;width: 100%;}.kol-required span::after {content: "*";}/* RADIO */:host fieldset {border: 0px;margin: 0px;padding: 0px;display: grid;gap: 0.25em;}:host fieldset legend {display: block;width: 100%;line-height: 1.5em;}:host fieldset div {cursor: pointer;display: flex;flex-direction: row;gap: 0.5em;margin-top: 0.25em;margin-bottom: 0.25em;align-items: center;position: relative;}:host fieldset div label {cursor: pointer;display: flex;width: 100%;}:host fieldset div label span {margin-top: 0.125em;}:host fieldset div input[type="radio"] {appearance: none;transition: 0.5s;border-radius: 100%;height: calc(6 * 2 * var(--spacing));min-width: calc(6 * 2 * var(--spacing));width: calc(6 * 2 * var(--spacing));}:host fieldset div input[type="radio"]:before {content: "";cursor: pointer;left: calc(1.5 * 2 * var(--spacing) - 2px);top: calc(1.5 * 2 * var(--spacing) - 2px);position: relative;border-radius: 100%;display: block;height: calc(3 * 2 * var(--spacing));width: calc(3 * 2 * var(--spacing));}:host fieldset div input[type="radio"]:checked:before {box-shadow: 0 0 0.1rem black;background-color: var(--color-petrol);}:host fieldset div input[type="radio"]:disabled {background-color: var(--color-input-bg-default);border-color: #999;cursor: not-allowed;}',
|
|
105
105
|
"KOL-LINK-GROUP": "nav {background-color: white;}nav > ul {list-style: none;margin: 0px;padding: 0px;}nav.horizontal ul {display: flex;flex-wrap: wrap;}nav > ul > li {margin-left: 1em;margin-right: 0.5em;padding: 0.25em;}li.list-none {list-style-type: none !important;margin-left: 0;}",
|
|
106
106
|
"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;}",
|
|
107
|
-
"KOL-TABS": ':host > div {display: block;width: 100%;}:host kol-button-group-wc {display: inline-block;background-color: var(--color-petrol);}:host kol-button-group-wc > div {display: inline-flex;}:host kol-button-group-wc > div + div {margin-left: 0.25em;}:host > div > div {padding: 0.25em;border: 1px solid var(--border-color);}button {box-sizing: border-box;font-size: inherit;line-height: 1.25em;cursor: pointer;border-width: 2px;box-shadow: 0 0 0.25em gray;width: inherit;overflow: hidden;border-style: solid;padding: calc(4 * var(--spacing));display: grid;gap: 0.25em;align-items: center;justify-content: center;text-align: center;transition-duration: 0.5s;transition-property: background-color, color, border-color;}kol-button-wc button.selected,kol-button-wc[aria-selected="true"] button {background-color: white;border-bottom-width: 0.25em !important;border-bottom-style: solid;border-bottom-color: var(--color-citrin) !important;}button > kol-span-wc span {display: flex;gap: 0.25em;align-items: center;justify-content: center;}button:disabled {cursor: not-allowed;opacity: 0.5;}button.primary,button.primary:disabled:hover {background-color: var(--kolibri-color-primary);border-color: var(--kolibri-color-primary);color: white;}button.primary:hover,button.primary:focus {color: var(--kolibri-color-primary);}button.secondary,button.secondary:disabled:hover {background-color: var(--kolibri-color-secondary);border-color: var(--kolibri-color-secondary);color: white;}button.secondary:hover,button.secondary:focus {color: var(--kolibri-color-secondary);}button.normal,button.normal:disabled:hover {background-color: var(--color-petrol);border-color: var(--color-petrol);color: white;}button.normal:hover,button.normal:focus {color: var(--color-petrol);}button.danger,button.danger:disabled:hover {background-color: var(--kolibri-color-danger);border-color: var(--kolibri-color-danger);color: white;}button.danger:hover,button.danger:focus {color: var(--kolibri-color-danger);}button.ghost,button.ghost:disabled:hover {background-color: white;border-color: var(--kolibri-color-ghost);color: var(--kolibri-color-ghost);}button.ghost:hover,button.ghost:focus {background-color: var(--kolibri-color-ghost);color: white;}button:hover,button:focus {background-color: white;box-shadow: 0 0 0.25em black;}button:active {outline: 0 !important;box-shadow: none !important;}.close-button {font-size: 25%;height: fit-content;width: 0;}.close-button button {width: 1rem;position: relative;height: 1rem;left: -4.25em;top: 0.25em;}: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 > 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;}'
|
|
108
|
-
"KOL-ICON": "KOL_ICON"
|
|
107
|
+
"KOL-TABS": ':host > div {display: block;width: 100%;}:host kol-button-group-wc {display: inline-block;background-color: var(--color-petrol);}:host kol-button-group-wc > div {display: inline-flex;}:host kol-button-group-wc > div + div {margin-left: 0.25em;}:host > div > div {padding: 0.25em;border: 1px solid var(--border-color);}button {box-sizing: border-box;font-size: inherit;line-height: 1.25em;cursor: pointer;border-width: 2px;box-shadow: 0 0 0.25em gray;width: inherit;overflow: hidden;border-style: solid;padding: calc(4 * var(--spacing));display: grid;gap: 0.25em;align-items: center;justify-content: center;text-align: center;transition-duration: 0.5s;transition-property: background-color, color, border-color;}kol-button-wc button.selected,kol-button-wc[aria-selected="true"] button {background-color: white;border-bottom-width: 0.25em !important;border-bottom-style: solid;border-bottom-color: var(--color-citrin) !important;}button > kol-span-wc span {display: flex;gap: 0.25em;align-items: center;justify-content: center;}button:disabled {cursor: not-allowed;opacity: 0.5;}button.primary,button.primary:disabled:hover {background-color: var(--kolibri-color-primary);border-color: var(--kolibri-color-primary);color: white;}button.primary:hover,button.primary:focus {color: var(--kolibri-color-primary);}button.secondary,button.secondary:disabled:hover {background-color: var(--kolibri-color-secondary);border-color: var(--kolibri-color-secondary);color: white;}button.secondary:hover,button.secondary:focus {color: var(--kolibri-color-secondary);}button.normal,button.normal:disabled:hover {background-color: var(--color-petrol);border-color: var(--color-petrol);color: white;}button.normal:hover,button.normal:focus {color: var(--color-petrol);}button.danger,button.danger:disabled:hover {background-color: var(--kolibri-color-danger);border-color: var(--kolibri-color-danger);color: white;}button.danger:hover,button.danger:focus {color: var(--kolibri-color-danger);}button.ghost,button.ghost:disabled:hover {background-color: white;border-color: var(--kolibri-color-ghost);color: var(--kolibri-color-ghost);}button.ghost:hover,button.ghost:focus {background-color: var(--kolibri-color-ghost);color: white;}button:hover,button:focus {background-color: white;box-shadow: 0 0 0.25em black;}button:active {outline: 0 !important;box-shadow: none !important;}.close-button {font-size: 25%;height: fit-content;width: 0;}.close-button button {width: 1rem;position: relative;height: 1rem;left: -4.25em;top: 0.25em;}: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 > 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;}'
|
|
109
108
|
});
|
|
110
109
|
|
|
111
110
|
const DE = KoliBri.createTranslation("de", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/themes",
|
|
3
|
-
"version": "1.4.0-rc.
|
|
3
|
+
"version": "1.4.0-rc.9",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": "https://github.com/public-ui/kolibri",
|
|
@@ -48,19 +48,19 @@
|
|
|
48
48
|
"prepack": "unbuild"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@public-ui/schema": "1.4.0-rc.
|
|
51
|
+
"@public-ui/schema": "1.4.0-rc.9"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@types/node": "18.14.0",
|
|
55
|
-
"@typescript-eslint/eslint-plugin": "5.
|
|
56
|
-
"@typescript-eslint/parser": "5.
|
|
55
|
+
"@typescript-eslint/eslint-plugin": "5.53.0",
|
|
56
|
+
"@typescript-eslint/parser": "5.53.0",
|
|
57
57
|
"eslint": "8.34.0",
|
|
58
58
|
"eslint-plugin-no-loops": "0.3.0",
|
|
59
59
|
"typescript": "4.9.5",
|
|
60
60
|
"unbuild": "1.1.1"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
|
-
"@public-ui/components": "1.4.0-rc.
|
|
63
|
+
"@public-ui/components": "1.4.0-rc.9"
|
|
64
64
|
},
|
|
65
65
|
"sideEffects": false,
|
|
66
66
|
"type": "module",
|