@public-ui/themes 1.4.2-rc.5 → 1.4.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/dist/index.cjs +2 -2
- package/dist/index.mjs +2 -2
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -186,8 +186,8 @@ const ECL_EC = schema.KoliBri.createTheme("ecl-ec", {
|
|
|
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;}",
|
|
189
|
-
"KOL-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;background: none;outline: none;text-decoration: none;}a kol-span-wc,button kol-span-wc {appearance: none;background: none;border-radius: 0;border-style: solid;border-width: 2px;font-weight: var(--font-weight-bold);margin: 0;padding: 0.
|
|
190
|
-
"KOL-LINK-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;background: none;outline: none;text-decoration: none;}a kol-span-wc,button kol-span-wc {appearance: none;background: none;border-radius: 0;border-style: solid;border-width: 2px;font-weight: var(--font-weight-bold);margin: 0;padding: 0.
|
|
189
|
+
"KOL-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;background: none;outline: none;text-decoration: none;}a kol-span-wc,button kol-span-wc {appearance: none;background: none;border-radius: 0;border-style: solid;border-width: 2px;font-weight: var(--font-weight-bold);margin: 0;min-height: 44px;min-width: 44px;padding: 0.25em 0.75em;}a:focus kol-span-wc,button:focus kol-span-wc {outline-offset: -4px;outline-width: 2px;outline-style: solid;}button.ghost:focus kol-span-wc {outline-offset: -2px;}.primary a kol-span-wc,.primary button kol-span-wc {background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}.primary a:focus kol-span-wc,.primary button:focus kol-span-wc {outline-color: var(--color-white);}.primary a:hover kol-span-wc,.primary button:hover kol-span-wc {background-color: var(--color-blue-130);border-color: var(--color-blue-130);}.secondary a kol-span-wc,.secondary button kol-span-wc {background-color: var(--color-white);border-color: var(--color-blue);color: var(--color-blue);}.secondary a:focus kol-span-wc,.secondary button:focus kol-span-wc {outline-color: var(--color-blue);outline-offset: -6px;}.secondary a:hover kol-span-wc,.secondary button:hover kol-span-wc {border-color: var(--color-blue-130);color: var(--color-blue-130);}.normal a kol-span-wc, /* CTA */.normal button kol-span-wc {background-color: var(--color-yellow);border-color: var(--color-yellow);color: var(--color-black);}.normal a:hover kol-span-wc, /* CTA */.normal button:hover kol-span-wc {background-color: var(--color-yellow-120);border-color: var(--color-yellow-120);}.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 {background-color: transparent;border-color: transparent;color: var(--color-blue);}.ghost a:focus kol-span-wc,.ghost button:focus kol-span-wc {outline-color: var(--color-blue);}.ghost a:hover kol-span-wc,.ghost button:hover kol-span-wc {color: var(--color-blue-130);}",
|
|
190
|
+
"KOL-LINK-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;background: none;outline: none;text-decoration: none;}a kol-span-wc,button kol-span-wc {appearance: none;background: none;border-radius: 0;border-style: solid;border-width: 2px;font-weight: var(--font-weight-bold);margin: 0;min-height: 44px;min-width: 44px;padding: 0.25em 0.75em;}a:focus kol-span-wc,button:focus kol-span-wc {outline-offset: -4px;outline-width: 2px;outline-style: solid;}button.ghost:focus kol-span-wc {outline-offset: -2px;}.primary a kol-span-wc,.primary button kol-span-wc {background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}.primary a:focus kol-span-wc,.primary button:focus kol-span-wc {outline-color: var(--color-white);}.primary a:hover kol-span-wc,.primary button:hover kol-span-wc {background-color: var(--color-blue-130);border-color: var(--color-blue-130);}.secondary a kol-span-wc,.secondary button kol-span-wc {background-color: var(--color-white);border-color: var(--color-blue);color: var(--color-blue);}.secondary a:focus kol-span-wc,.secondary button:focus kol-span-wc {outline-color: var(--color-blue);outline-offset: -6px;}.secondary a:hover kol-span-wc,.secondary button:hover kol-span-wc {border-color: var(--color-blue-130);color: var(--color-blue-130);}.normal a kol-span-wc, /* CTA */.normal button kol-span-wc {background-color: var(--color-yellow);border-color: var(--color-yellow);color: var(--color-black);}.normal a:hover kol-span-wc, /* CTA */.normal button:hover kol-span-wc {background-color: var(--color-yellow-120);border-color: var(--color-yellow-120);}.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 {background-color: transparent;border-color: transparent;color: var(--color-blue);}.ghost a:focus kol-span-wc,.ghost button:focus kol-span-wc {outline-color: var(--color-blue);}.ghost a:hover kol-span-wc,.ghost button:hover kol-span-wc {color: var(--color-blue-130);}",
|
|
191
191
|
"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;}",
|
|
192
192
|
"KOL-ALERT": ":host > div {background-color: var(--color-white);}:host > div.card {border-style: solid;border-width: 2px;}:host > div.msg {border: none;}:host .msg .heading kol-icon {font-size: 1.5em;margin: var(--spacing-2xs);}:host .msg .heading > div {padding: var(--spacing-2xs);}:host .card {padding-bottom: 1.5rem;padding-inline-end: 0.5rem;padding-inline-start: 1.5rem;padding-top: 1.5rem;}:host .card .heading {gap: 0.5rem;}:host .card .content {margin-left: 2.5rem;}:host .card .heading kol-icon {font-size: 2rem;}:host .default {border-color: var(--color-grey);}:host .default .heading kol-icon {color: var(--color-grey);}:host .error {border-color: var(--color-red);}:host .error .heading kol-icon {color: var(--color-red);}:host .info {border-color: var(--color-blue);}:host .info .heading kol-icon {color: var(--color-blue);}:host .success {border-color: var(--color-green);}:host .success .heading kol-icon {color: var(--color-green);}:host .warning {border-color: var(--color-orange);}:host .warning .heading kol-icon {color: var(--color-orange);}",
|
|
193
193
|
"KOL-TABS": ":host {--kolibri-spacing: 0.25rem;}kol-button-group-wc {border-bottom: 1px solid var(--color-grey-25);margin-bottom: -1px;}kol-button-group-wc button {border: none;margin-bottom: -1px;}kol-button-group-wc button kol-span-wc {padding: 0.5rem;min-height: 44px;min-width: 44px;}kol-button-group-wc button.selected kol-span-wc {border-color: var(--color-grey-25);border-style: solid;border-width: 1px;border-bottom-color: white;border-top-color: var(--color-blue);box-shadow: 0 -3px var(--color-blue);font-weight: var(--font-weight-bold);color: var(--color-blue);}kol-button-group-wc button:hover:not(:disabled) kol-span-wc {color: var(--color-blue-130);}kol-button-group-wc button:focus kol-span-wc {outline-color: var(--color-blue-130);outline-style: solid;outline-width: 2px;}",
|
package/dist/index.mjs
CHANGED
|
@@ -184,8 +184,8 @@ const ECL_EC = KoliBri.createTheme("ecl-ec", {
|
|
|
184
184
|
"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);}",
|
|
185
185
|
"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);}',
|
|
186
186
|
"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;}",
|
|
187
|
-
"KOL-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;background: none;outline: none;text-decoration: none;}a kol-span-wc,button kol-span-wc {appearance: none;background: none;border-radius: 0;border-style: solid;border-width: 2px;font-weight: var(--font-weight-bold);margin: 0;padding: 0.
|
|
188
|
-
"KOL-LINK-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;background: none;outline: none;text-decoration: none;}a kol-span-wc,button kol-span-wc {appearance: none;background: none;border-radius: 0;border-style: solid;border-width: 2px;font-weight: var(--font-weight-bold);margin: 0;padding: 0.
|
|
187
|
+
"KOL-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;background: none;outline: none;text-decoration: none;}a kol-span-wc,button kol-span-wc {appearance: none;background: none;border-radius: 0;border-style: solid;border-width: 2px;font-weight: var(--font-weight-bold);margin: 0;min-height: 44px;min-width: 44px;padding: 0.25em 0.75em;}a:focus kol-span-wc,button:focus kol-span-wc {outline-offset: -4px;outline-width: 2px;outline-style: solid;}button.ghost:focus kol-span-wc {outline-offset: -2px;}.primary a kol-span-wc,.primary button kol-span-wc {background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}.primary a:focus kol-span-wc,.primary button:focus kol-span-wc {outline-color: var(--color-white);}.primary a:hover kol-span-wc,.primary button:hover kol-span-wc {background-color: var(--color-blue-130);border-color: var(--color-blue-130);}.secondary a kol-span-wc,.secondary button kol-span-wc {background-color: var(--color-white);border-color: var(--color-blue);color: var(--color-blue);}.secondary a:focus kol-span-wc,.secondary button:focus kol-span-wc {outline-color: var(--color-blue);outline-offset: -6px;}.secondary a:hover kol-span-wc,.secondary button:hover kol-span-wc {border-color: var(--color-blue-130);color: var(--color-blue-130);}.normal a kol-span-wc, /* CTA */.normal button kol-span-wc {background-color: var(--color-yellow);border-color: var(--color-yellow);color: var(--color-black);}.normal a:hover kol-span-wc, /* CTA */.normal button:hover kol-span-wc {background-color: var(--color-yellow-120);border-color: var(--color-yellow-120);}.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 {background-color: transparent;border-color: transparent;color: var(--color-blue);}.ghost a:focus kol-span-wc,.ghost button:focus kol-span-wc {outline-color: var(--color-blue);}.ghost a:hover kol-span-wc,.ghost button:hover kol-span-wc {color: var(--color-blue-130);}",
|
|
188
|
+
"KOL-LINK-BUTTON": ":host {--kolibri-spacing: 0.25rem;}a,button {appearance: none;background: none;outline: none;text-decoration: none;}a kol-span-wc,button kol-span-wc {appearance: none;background: none;border-radius: 0;border-style: solid;border-width: 2px;font-weight: var(--font-weight-bold);margin: 0;min-height: 44px;min-width: 44px;padding: 0.25em 0.75em;}a:focus kol-span-wc,button:focus kol-span-wc {outline-offset: -4px;outline-width: 2px;outline-style: solid;}button.ghost:focus kol-span-wc {outline-offset: -2px;}.primary a kol-span-wc,.primary button kol-span-wc {background-color: var(--color-blue);border-color: var(--color-blue);color: var(--color-white);}.primary a:focus kol-span-wc,.primary button:focus kol-span-wc {outline-color: var(--color-white);}.primary a:hover kol-span-wc,.primary button:hover kol-span-wc {background-color: var(--color-blue-130);border-color: var(--color-blue-130);}.secondary a kol-span-wc,.secondary button kol-span-wc {background-color: var(--color-white);border-color: var(--color-blue);color: var(--color-blue);}.secondary a:focus kol-span-wc,.secondary button:focus kol-span-wc {outline-color: var(--color-blue);outline-offset: -6px;}.secondary a:hover kol-span-wc,.secondary button:hover kol-span-wc {border-color: var(--color-blue-130);color: var(--color-blue-130);}.normal a kol-span-wc, /* CTA */.normal button kol-span-wc {background-color: var(--color-yellow);border-color: var(--color-yellow);color: var(--color-black);}.normal a:hover kol-span-wc, /* CTA */.normal button:hover kol-span-wc {background-color: var(--color-yellow-120);border-color: var(--color-yellow-120);}.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 {background-color: transparent;border-color: transparent;color: var(--color-blue);}.ghost a:focus kol-span-wc,.ghost button:focus kol-span-wc {outline-color: var(--color-blue);}.ghost a:hover kol-span-wc,.ghost button:hover kol-span-wc {color: var(--color-blue-130);}",
|
|
189
189
|
"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;}",
|
|
190
190
|
"KOL-ALERT": ":host > div {background-color: var(--color-white);}:host > div.card {border-style: solid;border-width: 2px;}:host > div.msg {border: none;}:host .msg .heading kol-icon {font-size: 1.5em;margin: var(--spacing-2xs);}:host .msg .heading > div {padding: var(--spacing-2xs);}:host .card {padding-bottom: 1.5rem;padding-inline-end: 0.5rem;padding-inline-start: 1.5rem;padding-top: 1.5rem;}:host .card .heading {gap: 0.5rem;}:host .card .content {margin-left: 2.5rem;}:host .card .heading kol-icon {font-size: 2rem;}:host .default {border-color: var(--color-grey);}:host .default .heading kol-icon {color: var(--color-grey);}:host .error {border-color: var(--color-red);}:host .error .heading kol-icon {color: var(--color-red);}:host .info {border-color: var(--color-blue);}:host .info .heading kol-icon {color: var(--color-blue);}:host .success {border-color: var(--color-green);}:host .success .heading kol-icon {color: var(--color-green);}:host .warning {border-color: var(--color-orange);}:host .warning .heading kol-icon {color: var(--color-orange);}",
|
|
191
191
|
"KOL-TABS": ":host {--kolibri-spacing: 0.25rem;}kol-button-group-wc {border-bottom: 1px solid var(--color-grey-25);margin-bottom: -1px;}kol-button-group-wc button {border: none;margin-bottom: -1px;}kol-button-group-wc button kol-span-wc {padding: 0.5rem;min-height: 44px;min-width: 44px;}kol-button-group-wc button.selected kol-span-wc {border-color: var(--color-grey-25);border-style: solid;border-width: 1px;border-bottom-color: white;border-top-color: var(--color-blue);box-shadow: 0 -3px var(--color-blue);font-weight: var(--font-weight-bold);color: var(--color-blue);}kol-button-group-wc button:hover:not(:disabled) kol-span-wc {color: var(--color-blue-130);}kol-button-group-wc button:focus kol-span-wc {outline-color: var(--color-blue-130);outline-style: solid;outline-width: 2px;}",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/themes",
|
|
3
|
-
"version": "1.4.2
|
|
3
|
+
"version": "1.4.2",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": "https://github.com/public-ui/kolibri",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"prepack": "unbuild"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@public-ui/schema": "1.4.2
|
|
51
|
+
"@public-ui/schema": "1.4.2"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@types/node": "ts4.9",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"unbuild": "1.1.2"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
|
-
"@public-ui/components": "1.4.2
|
|
63
|
+
"@public-ui/components": "1.4.2"
|
|
64
64
|
},
|
|
65
65
|
"sideEffects": false,
|
|
66
66
|
"type": "module",
|