@public-ui/themes 1.1.10 → 1.1.11-rc.1
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 +5 -5
package/dist/index.cjs
CHANGED
|
@@ -125,11 +125,11 @@ const BZST2 = schema.KoliBri.createTheme("bzst2", {
|
|
|
125
125
|
|
|
126
126
|
const DESY = schema.KoliBri.createTheme("desy", {
|
|
127
127
|
GLOBAL: ":host {--color-primary: #326cae;--color-primary-10: #1e538f;--color-primary-20: #08335e;--color-yellow-neutral: #ef9e48;--color-dark-yellow-neutral: #a8672c;--color-warning: #a94442;--color-success: #5cb85c;--color-background: #edf4f7;--color-black: #000000;--color-gray-10: #333333;--color-gray-20: #666666;--color-gray-30: #737373;--color-gray-40: #999999;--color-gray-50: #b3b3b3;--color-gray-60: #dddddd;--color-gray-70: #f2f2f2;--color-white: #ffffff;--font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;--font-size: 14px;--spacing: 0.25em;}:host {color: var(--color-black);}:host * {box-sizing: border-box;font-family: var(--font-family);}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6 {margin: 0;font-family: var(--font-family);}a,button,input,option,select,summary,textarea {-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;letter-spacing: inherit;word-break: break-word;}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: 0;transition: outline-offset 0.2s linear;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}",
|
|
128
|
-
"KOL-BUTTON": ":host {display: inline-block;}button {background-color: transparent;border: 0;cursor: pointer;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: Roboto;font-weight: 700;cursor: pointer;font-size: 1rem;align-items: center;padding: 0px 7px;justify-content: center;font-style: normal;text-align: center;border: none;outline: none;}button:active:enabled > kol-span-wc {transform: translateY(1px);}button.primary:disabled > kol-span-wc,button.danger:disabled > kol-span-wc,button.normal:disabled > kol-span-wc {cursor: not-allowed;color: var(--color-white);background-color: var(--color-gray-40);}button.ghost:disabled > kol-span-wc,button.loading:disabled > kol-span-wc,button.secondary:disabled > kol-span-wc {cursor: not-allowed;color: var(--color-gray-40);background-color: var(--color-white);border: var(--color-gray-40) solid 3px;}button.primary:enabled > kol-span-wc,button.primary:hover:enabled > kol-span-wc,button.normal:enabled > kol-span-wc,button.normal:hover:enabled > kol-span-wc {background-color: var(--color-primary);color: var(--color-white);}button.loading:enabled > kol-span-wc,button.loading:enabled:hover > kol-span-wc,button.secondary:enabled > kol-span-wc,button.secondary:enabled:hover > kol-span-wc {background-color: var(--color-white);color: var(--color-primary);border: 2px solid var(--color-primary);}button.danger:enabled > kol-span-wc,button.danger:hover:enabled > kol-span-wc {background-color: var(--color-warning);border-color: var(--color-warning);color: var(--color-white);box-shadow: unset;}button.ghost,button.ghost:hover:enabled > kol-span-wc {background-color: unset;color: var(--color-primary);box-shadow: unset;}button.primary:active:enabled > kol-span-wc,button.primary:focus:enabled > kol-span-wc,button.primary:hover:enabled > kol-span-wc,button.loading:active:enabled > kol-span-wc,button.loading:focus:enabled > kol-span-wc,button.loading:hover:enabled > kol-span-wc,button.secondary:active:enabled > kol-span-wc,button.secondary:focus:enabled > kol-span-wc,button.secondary:hover:enabled > kol-span-wc,button.normal:active:enabled > kol-span-wc,button.normal:focus:enabled > kol-span-wc,button.normal:hover:enabled > kol-span-wc {background-color: var(--color-primary-20);color: var(--color-white);outline: none;}button.loading:active:enabled > kol-span-wc,button.loading:focus:enabled > kol-span-wc,button.loading:hover:enabled > kol-span-wc,button.secondary:active:enabled > kol-span-wc,button.secondary:focus:enabled > kol-span-wc,button.secondary:hover:enabled > kol-span-wc {border: 2px solid var(--color-primary-20);}button.danger:active:enabled > kol-span-wc,button.danger:hover:enabled > kol-span-wc {color: var(--color-white);background-color: var(--color-dark-yellow-neutral);outline: none;}button.ghost:active:enabled > kol-span-wc,button.ghost:hover:enabled > kol-span-wc {color: var(--color-primary);box-shadow: inset 0 0 0 2px var(--color-primary);outline: none;}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 {display: inline-block;width: 1.5em;height: 1.5em;}button.loading > kol-span-wc kol-icon {animation: spin 5s infinite linear;}button.loading > kol-span-wc {min-height: unset !important;min-width: unset !important;}",
|
|
128
|
+
"KOL-BUTTON": ":host {display: inline-block;}button {background-color: transparent;border: 0;cursor: pointer;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: Roboto;font-weight: 700;cursor: pointer;font-size: 1rem;align-items: center;padding: 0px 7px;justify-content: center;font-style: normal;text-align: center;border: none;outline: none;}button:active:enabled > kol-span-wc {transform: translateY(1px);}button.primary:disabled > kol-span-wc,button.danger:disabled > kol-span-wc,button.normal:disabled > kol-span-wc {cursor: not-allowed;color: var(--color-white);background-color: var(--color-gray-40);}button.ghost:disabled > kol-span-wc,button.loading:disabled > kol-span-wc,button.help:disabled > kol-span-wc,button.secondary:disabled > kol-span-wc {cursor: not-allowed;color: var(--color-gray-40);background-color: var(--color-white);border: var(--color-gray-40) solid 3px;}button.primary:enabled > kol-span-wc,button.primary:hover:enabled > kol-span-wc,button.normal:enabled > kol-span-wc,button.normal:hover:enabled > kol-span-wc {background-color: var(--color-primary);color: var(--color-white);}button.loading:enabled > kol-span-wc,button.loading:enabled:hover > kol-span-wc,button.help:enabled > kol-span-wc,button.help:enabled:hover > kol-span-wc,button.secondary:enabled > kol-span-wc,button.secondary:enabled:hover > kol-span-wc {background-color: var(--color-white);color: var(--color-primary);border: 2px solid var(--color-primary);}button.danger:enabled > kol-span-wc,button.danger:hover:enabled > kol-span-wc {background-color: var(--color-warning);border-color: var(--color-warning);color: var(--color-white);box-shadow: unset;}button.ghost,button.ghost:hover:enabled > kol-span-wc {background-color: unset;color: var(--color-primary);box-shadow: unset;}button.primary:active:enabled > kol-span-wc,button.primary:focus:enabled > kol-span-wc,button.primary:hover:enabled > kol-span-wc,button.loading:active:enabled > kol-span-wc,button.loading:focus:enabled > kol-span-wc,button.loading:hover:enabled > kol-span-wc,button.help:active:enabled > kol-span-wc,button.help:focus:enabled > kol-span-wc,button.help:hover:enabled > kol-span-wc,button.secondary:active:enabled > kol-span-wc,button.secondary:focus:enabled > kol-span-wc,button.secondary:hover:enabled > kol-span-wc,button.normal:active:enabled > kol-span-wc,button.normal:focus:enabled > kol-span-wc,button.normal:hover:enabled > kol-span-wc {background-color: var(--color-primary-20);color: var(--color-white);outline: none;}button.loading:active:enabled > kol-span-wc,button.loading:focus:enabled > kol-span-wc,button.loading:hover:enabled > kol-span-wc,button.help:active:enabled > kol-span-wc,button.help:focus:enabled > kol-span-wc,button.help:hover:enabled > kol-span-wc,button.secondary:active:enabled > kol-span-wc,button.secondary:focus:enabled > kol-span-wc,button.secondary:hover:enabled > kol-span-wc {border: 2px solid var(--color-primary-20);}button.danger:active:enabled > kol-span-wc,button.danger:hover:enabled > kol-span-wc {color: var(--color-white);background-color: var(--color-dark-yellow-neutral);outline: none;}button.ghost:active:enabled > kol-span-wc,button.ghost:hover:enabled > kol-span-wc {color: var(--color-primary);box-shadow: inset 0 0 0 2px var(--color-primary);outline: none;}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 {display: inline-block;width: 1.5em;height: 1.5em;}button.loading > kol-span-wc kol-icon {animation: spin 5s infinite linear;}button.loading > kol-span-wc {min-height: unset !important;min-width: unset !important;}button.help > kol-span-wc {margin: auto;width: 2em;min-height: unset !important;min-width: unset !important;}",
|
|
129
129
|
"KOL-BADGE": ":host {display: inline-block;}kol-span-wc {align-items: center;border-radius: 0.3125rem;display: grid;gap: 0.5rem;line-height: 1.25rem;padding: 0.25rem 0.75rem;}kol-span-wc span {display: flex;gap: 0.25rem;}",
|
|
130
130
|
"KOL-HEADING": "h1,h2,h3,h4,h5,h6 {color: inherit;font-style: normal;margin: 0;padding: 0;}h1,h2,h3 {font-weight: 700;}h1 {font-size: 1.5rem;line-height: 3.25rem;}h2 {font-size: 1.25rem;line-height: 1.75rem;}h3 {font-size: 1.125rem;line-height: 1.5rem;}",
|
|
131
131
|
"KOL-ACCORDION": ':host > div {font-family: var(--font-family);font-size: var(--font-size);padding: 0 0.5rem 0 0;}:host > div > kol-heading-wc {background-color: var(--color-background);color: var(--color-gray-10);line-height: 1.75rem;padding: 16px;}:host > div > kol-heading-wc:focus-within,:host > div > kol-heading-wc:hover {box-shadow: 0px 0px 0px 2px var(--color-primary) inset;outline: none;}:host > div > kol-heading-wc button {cursor: pointer;width: 100%;margin: 0;display: flex;flex-direction: row-reverse;justify-content: flex-end;gap: 2em;border: 0;align-items: center;overflow: hidden;font-size: inherit;font-weight: normal;line-height: 1.75em;background-color: transparent;padding: 0;outline: none;}:host > div[part*="open"] > kol-heading-wc button {padding-bottom: 0;}:host > div > kol-heading-wc button kol-icon::part(icon) {font-weight: 900;font-size: 26px;color: var(--color-black);}:host > div > kol-heading-wc button kol-icon::part(close)::before {font-family: "Font Awesome 6 Free";font-size: 14px;content: "\\f077";}:host > div > kol-heading-wc button kol-icon::part(open)::before {font-family: "Font Awesome 6 Free";font-size: 14px;content: "\\f078";}:host > div {width: 100%;height: 100%;display: grid;}:host > div div[part="content"] {transition: height 200ms;}:host > div div[part="header"],:host > div[part*="open"] div[part="content"] {margin: 0;background-color: var(--color-white);}:host > div div[part="header"] {padding: 0 1em;}:host > div[part*="open"] div[part="content"] {padding: 1em;}button {font-weight: inherit;font-size: inherit;line-height: inherit;}:host > div {background: var(--color-white);}:host > div[part*="open"] {padding-bottom: 1em;}',
|
|
132
|
-
"KOL-ALERT": ':host > div {background-color: white
|
|
132
|
+
"KOL-ALERT": ':host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {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;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}',
|
|
133
133
|
"KOL-CARD": "/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */:host > div {display: grid;width: 100%;height: 100%;background-color: var(--color-background);grid-template-rows: min-content 2fr min-content;box-shadow: 0 0 0.25rem var(--color-grey);padding: 8px;}:host kol-heading-wc {display: inline-flex;font-style: normal;font-weight: 700;font-size: 1.25rem;line-height: 1.75rem;}:host div.content {padding-top: 1em;}:host div.footer {padding-top: 1em;}",
|
|
134
134
|
"KOL-INDENTED-TEXT": ":host > div {padding: 0.25em 0.5em;width: 100%;}:host > div {box-shadow: -4px 0px 0px var(--color-primary);background: var(--color-white);}",
|
|
135
135
|
"KOL-DETAILS": "details {display: grid;width: 100%;}summary {cursor: pointer;display: flow-root;margin: 0;padding: 0;}summary span {text-decoration: underline;}summary span:hover {text-decoration-thickness: 0.25em;}details > kol-indented-text {margin: 0.25em 0 0 0.6em;}",
|
package/dist/index.mjs
CHANGED
|
@@ -123,11 +123,11 @@ const BZST2 = KoliBri.createTheme("bzst2", {
|
|
|
123
123
|
|
|
124
124
|
const DESY = KoliBri.createTheme("desy", {
|
|
125
125
|
GLOBAL: ":host {--color-primary: #326cae;--color-primary-10: #1e538f;--color-primary-20: #08335e;--color-yellow-neutral: #ef9e48;--color-dark-yellow-neutral: #a8672c;--color-warning: #a94442;--color-success: #5cb85c;--color-background: #edf4f7;--color-black: #000000;--color-gray-10: #333333;--color-gray-20: #666666;--color-gray-30: #737373;--color-gray-40: #999999;--color-gray-50: #b3b3b3;--color-gray-60: #dddddd;--color-gray-70: #f2f2f2;--color-white: #ffffff;--font-family: BundesSans Web, Calibri, Verdana, Arial, Helvetica, sans-serif;--font-size: 14px;--spacing: 0.25em;}:host {color: var(--color-black);}:host * {box-sizing: border-box;font-family: var(--font-family);}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6 {margin: 0;font-family: var(--font-family);}a,button,input,option,select,summary,textarea {-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;letter-spacing: inherit;word-break: break-word;}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: 0;transition: outline-offset 0.2s linear;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}",
|
|
126
|
-
"KOL-BUTTON": ":host {display: inline-block;}button {background-color: transparent;border: 0;cursor: pointer;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: Roboto;font-weight: 700;cursor: pointer;font-size: 1rem;align-items: center;padding: 0px 7px;justify-content: center;font-style: normal;text-align: center;border: none;outline: none;}button:active:enabled > kol-span-wc {transform: translateY(1px);}button.primary:disabled > kol-span-wc,button.danger:disabled > kol-span-wc,button.normal:disabled > kol-span-wc {cursor: not-allowed;color: var(--color-white);background-color: var(--color-gray-40);}button.ghost:disabled > kol-span-wc,button.loading:disabled > kol-span-wc,button.secondary:disabled > kol-span-wc {cursor: not-allowed;color: var(--color-gray-40);background-color: var(--color-white);border: var(--color-gray-40) solid 3px;}button.primary:enabled > kol-span-wc,button.primary:hover:enabled > kol-span-wc,button.normal:enabled > kol-span-wc,button.normal:hover:enabled > kol-span-wc {background-color: var(--color-primary);color: var(--color-white);}button.loading:enabled > kol-span-wc,button.loading:enabled:hover > kol-span-wc,button.secondary:enabled > kol-span-wc,button.secondary:enabled:hover > kol-span-wc {background-color: var(--color-white);color: var(--color-primary);border: 2px solid var(--color-primary);}button.danger:enabled > kol-span-wc,button.danger:hover:enabled > kol-span-wc {background-color: var(--color-warning);border-color: var(--color-warning);color: var(--color-white);box-shadow: unset;}button.ghost,button.ghost:hover:enabled > kol-span-wc {background-color: unset;color: var(--color-primary);box-shadow: unset;}button.primary:active:enabled > kol-span-wc,button.primary:focus:enabled > kol-span-wc,button.primary:hover:enabled > kol-span-wc,button.loading:active:enabled > kol-span-wc,button.loading:focus:enabled > kol-span-wc,button.loading:hover:enabled > kol-span-wc,button.secondary:active:enabled > kol-span-wc,button.secondary:focus:enabled > kol-span-wc,button.secondary:hover:enabled > kol-span-wc,button.normal:active:enabled > kol-span-wc,button.normal:focus:enabled > kol-span-wc,button.normal:hover:enabled > kol-span-wc {background-color: var(--color-primary-20);color: var(--color-white);outline: none;}button.loading:active:enabled > kol-span-wc,button.loading:focus:enabled > kol-span-wc,button.loading:hover:enabled > kol-span-wc,button.secondary:active:enabled > kol-span-wc,button.secondary:focus:enabled > kol-span-wc,button.secondary:hover:enabled > kol-span-wc {border: 2px solid var(--color-primary-20);}button.danger:active:enabled > kol-span-wc,button.danger:hover:enabled > kol-span-wc {color: var(--color-white);background-color: var(--color-dark-yellow-neutral);outline: none;}button.ghost:active:enabled > kol-span-wc,button.ghost:hover:enabled > kol-span-wc {color: var(--color-primary);box-shadow: inset 0 0 0 2px var(--color-primary);outline: none;}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 {display: inline-block;width: 1.5em;height: 1.5em;}button.loading > kol-span-wc kol-icon {animation: spin 5s infinite linear;}button.loading > kol-span-wc {min-height: unset !important;min-width: unset !important;}",
|
|
126
|
+
"KOL-BUTTON": ":host {display: inline-block;}button {background-color: transparent;border: 0;cursor: pointer;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: Roboto;font-weight: 700;cursor: pointer;font-size: 1rem;align-items: center;padding: 0px 7px;justify-content: center;font-style: normal;text-align: center;border: none;outline: none;}button:active:enabled > kol-span-wc {transform: translateY(1px);}button.primary:disabled > kol-span-wc,button.danger:disabled > kol-span-wc,button.normal:disabled > kol-span-wc {cursor: not-allowed;color: var(--color-white);background-color: var(--color-gray-40);}button.ghost:disabled > kol-span-wc,button.loading:disabled > kol-span-wc,button.help:disabled > kol-span-wc,button.secondary:disabled > kol-span-wc {cursor: not-allowed;color: var(--color-gray-40);background-color: var(--color-white);border: var(--color-gray-40) solid 3px;}button.primary:enabled > kol-span-wc,button.primary:hover:enabled > kol-span-wc,button.normal:enabled > kol-span-wc,button.normal:hover:enabled > kol-span-wc {background-color: var(--color-primary);color: var(--color-white);}button.loading:enabled > kol-span-wc,button.loading:enabled:hover > kol-span-wc,button.help:enabled > kol-span-wc,button.help:enabled:hover > kol-span-wc,button.secondary:enabled > kol-span-wc,button.secondary:enabled:hover > kol-span-wc {background-color: var(--color-white);color: var(--color-primary);border: 2px solid var(--color-primary);}button.danger:enabled > kol-span-wc,button.danger:hover:enabled > kol-span-wc {background-color: var(--color-warning);border-color: var(--color-warning);color: var(--color-white);box-shadow: unset;}button.ghost,button.ghost:hover:enabled > kol-span-wc {background-color: unset;color: var(--color-primary);box-shadow: unset;}button.primary:active:enabled > kol-span-wc,button.primary:focus:enabled > kol-span-wc,button.primary:hover:enabled > kol-span-wc,button.loading:active:enabled > kol-span-wc,button.loading:focus:enabled > kol-span-wc,button.loading:hover:enabled > kol-span-wc,button.help:active:enabled > kol-span-wc,button.help:focus:enabled > kol-span-wc,button.help:hover:enabled > kol-span-wc,button.secondary:active:enabled > kol-span-wc,button.secondary:focus:enabled > kol-span-wc,button.secondary:hover:enabled > kol-span-wc,button.normal:active:enabled > kol-span-wc,button.normal:focus:enabled > kol-span-wc,button.normal:hover:enabled > kol-span-wc {background-color: var(--color-primary-20);color: var(--color-white);outline: none;}button.loading:active:enabled > kol-span-wc,button.loading:focus:enabled > kol-span-wc,button.loading:hover:enabled > kol-span-wc,button.help:active:enabled > kol-span-wc,button.help:focus:enabled > kol-span-wc,button.help:hover:enabled > kol-span-wc,button.secondary:active:enabled > kol-span-wc,button.secondary:focus:enabled > kol-span-wc,button.secondary:hover:enabled > kol-span-wc {border: 2px solid var(--color-primary-20);}button.danger:active:enabled > kol-span-wc,button.danger:hover:enabled > kol-span-wc {color: var(--color-white);background-color: var(--color-dark-yellow-neutral);outline: none;}button.ghost:active:enabled > kol-span-wc,button.ghost:hover:enabled > kol-span-wc {color: var(--color-primary);box-shadow: inset 0 0 0 2px var(--color-primary);outline: none;}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 {display: inline-block;width: 1.5em;height: 1.5em;}button.loading > kol-span-wc kol-icon {animation: spin 5s infinite linear;}button.loading > kol-span-wc {min-height: unset !important;min-width: unset !important;}button.help > kol-span-wc {margin: auto;width: 2em;min-height: unset !important;min-width: unset !important;}",
|
|
127
127
|
"KOL-BADGE": ":host {display: inline-block;}kol-span-wc {align-items: center;border-radius: 0.3125rem;display: grid;gap: 0.5rem;line-height: 1.25rem;padding: 0.25rem 0.75rem;}kol-span-wc span {display: flex;gap: 0.25rem;}",
|
|
128
128
|
"KOL-HEADING": "h1,h2,h3,h4,h5,h6 {color: inherit;font-style: normal;margin: 0;padding: 0;}h1,h2,h3 {font-weight: 700;}h1 {font-size: 1.5rem;line-height: 3.25rem;}h2 {font-size: 1.25rem;line-height: 1.75rem;}h3 {font-size: 1.125rem;line-height: 1.5rem;}",
|
|
129
129
|
"KOL-ACCORDION": ':host > div {font-family: var(--font-family);font-size: var(--font-size);padding: 0 0.5rem 0 0;}:host > div > kol-heading-wc {background-color: var(--color-background);color: var(--color-gray-10);line-height: 1.75rem;padding: 16px;}:host > div > kol-heading-wc:focus-within,:host > div > kol-heading-wc:hover {box-shadow: 0px 0px 0px 2px var(--color-primary) inset;outline: none;}:host > div > kol-heading-wc button {cursor: pointer;width: 100%;margin: 0;display: flex;flex-direction: row-reverse;justify-content: flex-end;gap: 2em;border: 0;align-items: center;overflow: hidden;font-size: inherit;font-weight: normal;line-height: 1.75em;background-color: transparent;padding: 0;outline: none;}:host > div[part*="open"] > kol-heading-wc button {padding-bottom: 0;}:host > div > kol-heading-wc button kol-icon::part(icon) {font-weight: 900;font-size: 26px;color: var(--color-black);}:host > div > kol-heading-wc button kol-icon::part(close)::before {font-family: "Font Awesome 6 Free";font-size: 14px;content: "\\f077";}:host > div > kol-heading-wc button kol-icon::part(open)::before {font-family: "Font Awesome 6 Free";font-size: 14px;content: "\\f078";}:host > div {width: 100%;height: 100%;display: grid;}:host > div div[part="content"] {transition: height 200ms;}:host > div div[part="header"],:host > div[part*="open"] div[part="content"] {margin: 0;background-color: var(--color-white);}:host > div div[part="header"] {padding: 0 1em;}:host > div[part*="open"] div[part="content"] {padding: 1em;}button {font-weight: inherit;font-size: inherit;line-height: inherit;}:host > div {background: var(--color-white);}:host > div[part*="open"] {padding-bottom: 1em;}',
|
|
130
|
-
"KOL-ALERT": ':host > div {background-color: white
|
|
130
|
+
"KOL-ALERT": ':host > div {background-color: white;// border-width: 2px;// border-style: solid;display: flex;overflow: unset;}:host > div.default {border-color: var(--color-gray-30);}:host > div.default > .icon {background-color: var(--color-gray-30);}:host > div.error {border-color: var(--color-warning);}:host > div.error > .icon {background-color: var(--color-warning);}:host > div.info {border-color: var(--color-primary);}:host > div.info > .icon {background-color: var(--color-primary);}:host > div.success {border-color: var(--color-success);}:host > div.success > .icon {background-color: var(--color-success);}:host > div.warning {border-color: var(--color-yellow-neutral);}:host > div.warning > .icon {background-color: var(--color-yellow-neutral);}:host > div.msg > .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div.card {border-width: 2px;border-style: solid;}:host > div.card.default .heading .icon {background-color: var(--color-gray-30);}:host > div.card.error .heading .icon {background-color: var(--color-warning);}:host > div.card.info .heading .icon {background-color: var(--color-primary);}:host > div.card.success .heading .icon {background-color: var(--color-success);}:host > div.card.warning .heading .icon {background-color: var(--color-yellow-neutral);}:host > div.card .heading .icon {color: white;padding: 0.5em;align-items: center;display: inline-flex;}:host > div kol-heading-wc .icon {margin-right: 0.5em;}:host > div.card .heading .icon {border-radius: 0 0 0.25rem 0;}:host > div.msg > div {padding: 0.25em;}:host > div.msg > div > .heading {padding: 0.25em;display: inline-block;}:host > div .content {padding: 0.25em;}:host > div > div {display: grid;grid-template-columns: 1fr auto;}:host > div > div > .content {grid-row: 2;grid-column: 1;}:host > div > div > .close {grid-row: 1 / span 2;}:host > div.card > div > .heading {width: 100%;}.close > button {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;background-color: rgba(0, 0, 0, 0);border-color: rgba(0, 0, 0, 0);}.close > button.icon-only {padding: 8px;}.close > button.icon-only kol-icon {display: inline-block;width: 1.5em;height: 1.5em;}.close > button:active {box-shadow: none;outline: none;}.close kol-icon::part(icon)::before {content: "x";color: var(--color-primary);font-family: "Font Awesome 6 Free";}',
|
|
131
131
|
"KOL-CARD": "/* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */:host > div {display: grid;width: 100%;height: 100%;background-color: var(--color-background);grid-template-rows: min-content 2fr min-content;box-shadow: 0 0 0.25rem var(--color-grey);padding: 8px;}:host kol-heading-wc {display: inline-flex;font-style: normal;font-weight: 700;font-size: 1.25rem;line-height: 1.75rem;}:host div.content {padding-top: 1em;}:host div.footer {padding-top: 1em;}",
|
|
132
132
|
"KOL-INDENTED-TEXT": ":host > div {padding: 0.25em 0.5em;width: 100%;}:host > div {box-shadow: -4px 0px 0px var(--color-primary);background: var(--color-white);}",
|
|
133
133
|
"KOL-DETAILS": "details {display: grid;width: 100%;}summary {cursor: pointer;display: flow-root;margin: 0;padding: 0;}summary span {text-decoration: underline;}summary span:hover {text-decoration-thickness: 0.25em;}details > kol-indented-text {margin: 0.25em 0 0 0.6em;}",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/themes",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.11-rc.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": "https://github.com/public-ui/kolibri",
|
|
@@ -28,18 +28,18 @@
|
|
|
28
28
|
":unpublish": "npm unpublish -f --registry=http://localhost:4873"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@public-ui/schema": "1.1.
|
|
31
|
+
"@public-ui/schema": "1.1.11-rc.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@a11y-ui/core": "1.0.0-rc.21",
|
|
35
|
-
"@public-ui/components": "1.1.
|
|
36
|
-
"@public-ui/core": "1.1.
|
|
35
|
+
"@public-ui/components": "1.1.11-rc.1",
|
|
36
|
+
"@public-ui/core": "1.1.11-rc.1",
|
|
37
37
|
"@types/node": "18.11.9",
|
|
38
38
|
"typescript": "4.8.4",
|
|
39
39
|
"unbuild": "0.9.4"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
|
-
"@public-ui/components": "1.1.
|
|
42
|
+
"@public-ui/components": "1.1.11-rc.1"
|
|
43
43
|
},
|
|
44
44
|
"sideEffects": false,
|
|
45
45
|
"type": "module",
|