@public-ui/themes 2.2.11-rc.2 → 2.2.11
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 +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +8 -8
package/dist/index.cjs
CHANGED
|
@@ -461,7 +461,7 @@ var TagEnum;
|
|
|
461
461
|
|
|
462
462
|
const KoliBri = new ne('kol', KeyEnum, TagEnum);
|
|
463
463
|
|
|
464
|
-
var css_248z$3z = "@layer kol-theme-global {\n :root {\n --blue: #6495ed;\n --white: #faf0e6;\n background-color: var(--blue);\n }\n :host {\n --label-weight: 700;\n --label-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n --label-color: #000000;\n --box-shadow-inputs: calc(0rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16))
|
|
464
|
+
var css_248z$3z = "@layer kol-theme-global {\n :root {\n --blue: #6495ed;\n --white: #faf0e6;\n background-color: var(--blue);\n }\n :host {\n --label-weight: 700;\n --label-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n --label-color: #000000;\n --box-shadow-inputs: calc(0rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgb(8, 35, 48, 0.24);\n --page-bg: #ffffff;\n --element-bg: #eee;\n --border-radius: 4px;\n --font-family: \"Noto Sans Regular\", Arial, helvetica, sans-serif;\n --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n --spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n --border-width: 1px;\n --color-primary: #156570;\n --color-primary-light: #1a7a87;\n --color-primary-variant: #207a8b;\n --color-primary-focus: hsl(from var(--color-primary-variant) h calc(s - 10) l);\n --color-danger: #ca0101;\n --color-warning: #c44931;\n --color-success: #005c45;\n --color-subtle: #576164;\n --color-light: #ffffff;\n --color-text: #000000;\n --color-mute: #f2f3f4;\n --color-mute-variant: #bec5c9;\n --visited: var(--color-primary-light);\n --border-color: #ededed;\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n --button-font-weight: 400;\n }\n * {\n box-sizing: border-box;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n *[tabindex]:focus-visible,\n button[tabindex]:focus,\n .kol-input:not(.checkbox, .radio) .input:focus-within,\n .kol-input:is(.checkbox, .radio) input:focus,\n summary:focus {\n cursor: pointer;\n outline-color: var(--color-primary-variant);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: 2px;\n transition: outline-offset 0.2s linear;\n }\n .kol-heading-wc {\n font-weight: 700;\n }\n .kol-tooltip-wc .tooltip-floating {\n border: var(--border-width) solid var(--color-subtle);\n border-radius: var(--border-radius);\n }\n .kol-tooltip-wc .tooltip-arrow {\n border: var(--border-width) solid var(--color-subtle);\n }\n .kol-tooltip-wc .tooltip-area {\n background-color: var(--color-light);\n }\n .kol-tooltip-wc .tooltip-content {\n border-radius: var(--border-radius);\n line-height: 1.5;\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .kol-span-wc,\n .kol-span-wc > span {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n a:is(:focus, :hover):not([aria-disabled]),\n button:is(:focus, :hover):not([disabled]) {\n text-decoration-thickness: calc(16rem / var(--kolibri-root-font-size, 16) / 8);\n }\n .badge-text-hint {\n background: var(--color-mute-variant);\n border-radius: 3px;\n color: var(--color-text);\n padding: 0 0.3em;\n }\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n@layer kol-component {\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n border-radius: var(--border-radius);\n border-width: var(--border-width);\n }\n}";
|
|
465
465
|
|
|
466
466
|
var css_248z$3y = "@layer kol-theme-component {\n abbr {\n border-bottom: dashed var(--color-text) calc(1rem / var(--kolibri-root-font-size, 16));\n text-decoration: none !important;\n }\n}";
|
|
467
467
|
|
|
@@ -665,7 +665,7 @@ var css_248z$2o = "@layer kol-theme-component {\n :host {\n font-family: var
|
|
|
665
665
|
|
|
666
666
|
var css_248z$2n = "@layer kol-theme-component {\n :host {\n font-family: inherit;\n }\n :is(a, button) {\n color: var(--color-primary);\n font-style: normal;\n font-weight: 400;\n line-height: 1;\n }\n :is(a, button):focus {\n outline: none;\n }\n :is(a, button):focus kol-span-wc {\n border-radius: var(--border-radius);\n outline: var(--border-width) solid;\n }\n a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n text-decoration-thickness: 0.25em;\n }\n :is(a, button):visited {\n color: var(--visited);\n }\n .skip {\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1;\n }\n .skip:focus {\n background-color: white;\n left: unset;\n position: unset;\n }\n}";
|
|
667
667
|
|
|
668
|
-
var css_248z$2m = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n nav {\n background-color: var(--color-mute);\n }\n ul {\n list-style: none;\n }\n .kol-link-wc {\n display: flex;\n }\n .entry-item a,\n .entry-item .button {\n align-items: center;\n color: var(--color-primary);\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n min-height: var(--a11y-min-size);\n text-decoration: none;\n }\n .vertical .entry-item a,\n .vertical .entry-item .button {\n border-left: 2px solid transparent;\n padding-left: calc(
|
|
668
|
+
var css_248z$2m = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n nav {\n background-color: var(--color-mute);\n }\n ul {\n list-style: none;\n }\n .kol-link-wc {\n display: flex;\n }\n .entry-item a,\n .entry-item .button {\n align-items: center;\n color: var(--color-primary);\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n min-height: var(--a11y-min-size);\n text-decoration: none;\n }\n .vertical .entry-item a,\n .vertical .entry-item .button {\n border-left: 2px solid transparent;\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .horizontal .entry-item a,\n .horizontal .entry-item .button {\n padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .vertical .active .entry-item a,\n .vertical .active .entry-item .button {\n border-left-color: var(--color-primary);\n }\n .entry-item a:focus-visible,\n .entry-item .button:focus-visible {\n border-radius: var(--border-radius);\n outline-offset: 2px;\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .entry-item a:hover {\n text-decoration: underline;\n }\n .list .list {\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .active .entry-item a,\n .active .entry-item .button {\n font-weight: bold;\n }\n .active .list .entry-item a,\n .active .list .entry-item .button {\n font-weight: normal;\n border-left-color: transparent;\n }\n .expand-button .button:hover {\n background-color: var(--color-primary);\n color: var(--color-light);\n }\n .expand-button .button:focus-visible {\n border-radius: var(--border-radius);\n outline-offset: 2px;\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .expand-button .button-inner {\n justify-content: center;\n }\n .toggle-button :is(a, button) > .kol-span-wc,\n .toggle-button :is(a, button):disabled:hover > .kol-span-wc {\n color: var(--color-primary);\n font-weight: 700;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n border-color: var(--color-light);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n border-style: solid;\n box-shadow: none;\n }\n .toggle-button :is(a, button):active > .kol-span-wc,\n .toggle-button :is(a, button):hover > .kol-span-wc {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n color: var(--color-light);\n }\n}";
|
|
669
669
|
|
|
670
670
|
var css_248z$2l = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .button:focus {\n outline: none;\n }\n .button-inner {\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n font-weight: 700;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .button:focus .button-inner {\n border-radius: var(--border-radius);\n outline-offset: 2px;\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .button:is(:active, :hover):not(:disabled) .button-inner {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n color: var(--color-light);\n }\n .button:active .button-inner {\n color: var(--color-light);\n outline: none;\n }\n .selected button {\n opacity: 1;\n }\n .selected .button-inner {\n background-color: var(--color-primary);\n color: var(--color-light);\n border: 0;\n }\n}";
|
|
671
671
|
|
|
@@ -1028,7 +1028,7 @@ const ECL_EU = KoliBri.createTheme('ecl-eu', {
|
|
|
1028
1028
|
'KOL-TREE-ITEM': css_248z$H,
|
|
1029
1029
|
});
|
|
1030
1030
|
|
|
1031
|
-
var css_248z$G = "@layer kol-theme-global {\n :host {\n --border-color: var(--color-anthrazit);\n --border-radius: 2px;\n --color-anthrazit: #333;\n --color-jade: #f3f7fb;\n --color-weiss: #fff;\n --color-petrol: #007a89;\n --color-achat: #0b4d59;\n --color-teal: #056773;\n --color-fluorit: #66ddec;\n --color-rotton:
|
|
1031
|
+
var css_248z$G = "@layer kol-theme-global {\n :host {\n --border-color: var(--color-anthrazit);\n --border-radius: 2px;\n --color-anthrazit: #333;\n --color-jade: #f3f7fb;\n --color-weiss: #fff;\n --color-petrol: #007a89;\n --color-achat: #0b4d59;\n --color-teal: #056773;\n --color-fluorit: #66ddec;\n --color-rotton: rgb(188, 0, 0, 1);\n --color-rotton-20: rgb(188, 0, 0, 0.2);\n --color-gras: #138510;\n --color-warn: #f0541e;\n --color-blut: var(--color-rotton);\n --color-input-bg-default: #e8edf2;\n --gradient-petrol-achat: linear-gradient(67deg, var(--color-petrol), var(--color-achat));\n --color-citrin: #d4c912;\n --color-umber: #494500;\n --color-gelb: #fff443;\n --color-lichtgelb: #eeff6c;\n --gradient-gelb-citrin: linear-gradient(67deg, var(--color-gelb), var(--color-citrin));\n --font-family-sans: Verdana;\n --font-family-serif: \"Times New Roman\";\n --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n --spacing: 0.125em;\n --kolibri-spacing: calc(2 * var(--spacing));\n }\n * {\n box-sizing: border-box;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: var(--font-family);\n font-size: var(--font-size);\n margin: 0;\n padding: 0;\n }\n *[tabindex]:focus,\n a:focus,\n button:focus,\n input:focus,\n select:focus,\n summary:focus,\n textarea:focus {\n cursor: pointer;\n outline-color: var(--color-petrol);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: 3px;\n transition: outline-offset 0.2s linear;\n }\n .kol-span-wc,\n .kol-span-wc > span {\n gap: 0.25em;\n }\n .kol-tooltip-wc .tooltip-area {\n background-color: #f2f2f2;\n }\n .kol-tooltip-wc .tooltip-arrow {\n background-color: #626262;\n }\n .kol-tooltip-wc .tooltip-content {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n line-height: 1.25;\n padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n border-radius: 2px;\n border: 1px solid #626262;\n }\n .badge-text-hint {\n border-radius: 3px;\n padding: 0 0.3em;\n }\n}";
|
|
1032
1032
|
|
|
1033
1033
|
var css_248z$F = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .accordion {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n display: grid;\n border-color: var(--kolibri-border-color);\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n }\n .accordion__heading-button {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1.75;\n font-weight: 700;\n }\n .accordion__heading-button button {\n font-size: inherit;\n line-height: 1.75;\n }\n .accordion__heading-button button {\n font-weight: inherit;\n font-size: inherit;\n line-height: inherit;\n cursor: pointer;\n width: 100%;\n margin: 0;\n display: flex;\n gap: 0.5em;\n border: 0;\n align-items: center;\n overflow: hidden;\n background-color: transparent;\n padding: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .accordion__heading-button .kol-icon::part(icon) {\n color: var(--color-midnight);\n }\n .accordion__heading-button .kol-icon::part(close)::before {\n font-family: \"Font Awesome 6 Free\";\n content: \"\\f077\";\n }\n .accordion__heading-button .kol-icon::part(open)::before {\n font-family: \"Font Awesome 6 Free\";\n content: \"\\f078\";\n }\n .accordion__heading {\n margin: 0;\n }\n .accordion__content {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .open .accordion__heading-button button {\n padding-bottom: 0;\n }\n .open .accordion__heading-button .kol-icon {\n width: 1em;\n }\n .open .accordion__content {\n margin: 0;\n }\n}";
|
|
1034
1034
|
|
package/dist/index.mjs
CHANGED
|
@@ -459,7 +459,7 @@ var TagEnum;
|
|
|
459
459
|
|
|
460
460
|
const KoliBri = new ne('kol', KeyEnum, TagEnum);
|
|
461
461
|
|
|
462
|
-
var css_248z$3z = "@layer kol-theme-global {\n :root {\n --blue: #6495ed;\n --white: #faf0e6;\n background-color: var(--blue);\n }\n :host {\n --label-weight: 700;\n --label-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n --label-color: #000000;\n --box-shadow-inputs: calc(0rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16))
|
|
462
|
+
var css_248z$3z = "@layer kol-theme-global {\n :root {\n --blue: #6495ed;\n --white: #faf0e6;\n background-color: var(--blue);\n }\n :host {\n --label-weight: 700;\n --label-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n --label-color: #000000;\n --box-shadow-inputs: calc(0rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgb(8, 35, 48, 0.24);\n --page-bg: #ffffff;\n --element-bg: #eee;\n --border-radius: 4px;\n --font-family: \"Noto Sans Regular\", Arial, helvetica, sans-serif;\n --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n --spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n --border-width: 1px;\n --color-primary: #156570;\n --color-primary-light: #1a7a87;\n --color-primary-variant: #207a8b;\n --color-primary-focus: hsl(from var(--color-primary-variant) h calc(s - 10) l);\n --color-danger: #ca0101;\n --color-warning: #c44931;\n --color-success: #005c45;\n --color-subtle: #576164;\n --color-light: #ffffff;\n --color-text: #000000;\n --color-mute: #f2f3f4;\n --color-mute-variant: #bec5c9;\n --visited: var(--color-primary-light);\n --border-color: #ededed;\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n --button-font-weight: 400;\n }\n * {\n box-sizing: border-box;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n *[tabindex]:focus-visible,\n button[tabindex]:focus,\n .kol-input:not(.checkbox, .radio) .input:focus-within,\n .kol-input:is(.checkbox, .radio) input:focus,\n summary:focus {\n cursor: pointer;\n outline-color: var(--color-primary-variant);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: 2px;\n transition: outline-offset 0.2s linear;\n }\n .kol-heading-wc {\n font-weight: 700;\n }\n .kol-tooltip-wc .tooltip-floating {\n border: var(--border-width) solid var(--color-subtle);\n border-radius: var(--border-radius);\n }\n .kol-tooltip-wc .tooltip-arrow {\n border: var(--border-width) solid var(--color-subtle);\n }\n .kol-tooltip-wc .tooltip-area {\n background-color: var(--color-light);\n }\n .kol-tooltip-wc .tooltip-content {\n border-radius: var(--border-radius);\n line-height: 1.5;\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .kol-span-wc,\n .kol-span-wc > span {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n a:is(:focus, :hover):not([aria-disabled]),\n button:is(:focus, :hover):not([disabled]) {\n text-decoration-thickness: calc(16rem / var(--kolibri-root-font-size, 16) / 8);\n }\n .badge-text-hint {\n background: var(--color-mute-variant);\n border-radius: 3px;\n color: var(--color-text);\n padding: 0 0.3em;\n }\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n@layer kol-component {\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n border-radius: var(--border-radius);\n border-width: var(--border-width);\n }\n}";
|
|
463
463
|
|
|
464
464
|
var css_248z$3y = "@layer kol-theme-component {\n abbr {\n border-bottom: dashed var(--color-text) calc(1rem / var(--kolibri-root-font-size, 16));\n text-decoration: none !important;\n }\n}";
|
|
465
465
|
|
|
@@ -663,7 +663,7 @@ var css_248z$2o = "@layer kol-theme-component {\n :host {\n font-family: var
|
|
|
663
663
|
|
|
664
664
|
var css_248z$2n = "@layer kol-theme-component {\n :host {\n font-family: inherit;\n }\n :is(a, button) {\n color: var(--color-primary);\n font-style: normal;\n font-weight: 400;\n line-height: 1;\n }\n :is(a, button):focus {\n outline: none;\n }\n :is(a, button):focus kol-span-wc {\n border-radius: var(--border-radius);\n outline: var(--border-width) solid;\n }\n a:is(:focus, :hover):not([aria-disabled]) .kol-span-wc .span-label,\n button:is(:focus, :hover):not([disabled]) .kol-span-wc .span-label {\n text-decoration-thickness: 0.25em;\n }\n :is(a, button):visited {\n color: var(--visited);\n }\n .skip {\n left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1;\n }\n .skip:focus {\n background-color: white;\n left: unset;\n position: unset;\n }\n}";
|
|
665
665
|
|
|
666
|
-
var css_248z$2m = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n nav {\n background-color: var(--color-mute);\n }\n ul {\n list-style: none;\n }\n .kol-link-wc {\n display: flex;\n }\n .entry-item a,\n .entry-item .button {\n align-items: center;\n color: var(--color-primary);\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n min-height: var(--a11y-min-size);\n text-decoration: none;\n }\n .vertical .entry-item a,\n .vertical .entry-item .button {\n border-left: 2px solid transparent;\n padding-left: calc(
|
|
666
|
+
var css_248z$2m = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n nav {\n background-color: var(--color-mute);\n }\n ul {\n list-style: none;\n }\n .kol-link-wc {\n display: flex;\n }\n .entry-item a,\n .entry-item .button {\n align-items: center;\n color: var(--color-primary);\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n min-height: var(--a11y-min-size);\n text-decoration: none;\n }\n .vertical .entry-item a,\n .vertical .entry-item .button {\n border-left: 2px solid transparent;\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .horizontal .entry-item a,\n .horizontal .entry-item .button {\n padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .vertical .active .entry-item a,\n .vertical .active .entry-item .button {\n border-left-color: var(--color-primary);\n }\n .entry-item a:focus-visible,\n .entry-item .button:focus-visible {\n border-radius: var(--border-radius);\n outline-offset: 2px;\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .entry-item a:hover {\n text-decoration: underline;\n }\n .list .list {\n padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .active .entry-item a,\n .active .entry-item .button {\n font-weight: bold;\n }\n .active .list .entry-item a,\n .active .list .entry-item .button {\n font-weight: normal;\n border-left-color: transparent;\n }\n .expand-button .button:hover {\n background-color: var(--color-primary);\n color: var(--color-light);\n }\n .expand-button .button:focus-visible {\n border-radius: var(--border-radius);\n outline-offset: 2px;\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .expand-button .button-inner {\n justify-content: center;\n }\n .toggle-button :is(a, button) > .kol-span-wc,\n .toggle-button :is(a, button):disabled:hover > .kol-span-wc {\n color: var(--color-primary);\n font-weight: 700;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n border-color: var(--color-light);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n border-style: solid;\n box-shadow: none;\n }\n .toggle-button :is(a, button):active > .kol-span-wc,\n .toggle-button :is(a, button):hover > .kol-span-wc {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n color: var(--color-light);\n }\n}";
|
|
667
667
|
|
|
668
668
|
var css_248z$2l = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n .button:focus {\n outline: none;\n }\n .button-inner {\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n font-weight: 700;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .button:focus .button-inner {\n border-radius: var(--border-radius);\n outline-offset: 2px;\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .button:is(:active, :hover):not(:disabled) .button-inner {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n color: var(--color-light);\n }\n .button:active .button-inner {\n color: var(--color-light);\n outline: none;\n }\n .selected button {\n opacity: 1;\n }\n .selected .button-inner {\n background-color: var(--color-primary);\n color: var(--color-light);\n border: 0;\n }\n}";
|
|
669
669
|
|
|
@@ -1026,7 +1026,7 @@ const ECL_EU = KoliBri.createTheme('ecl-eu', {
|
|
|
1026
1026
|
'KOL-TREE-ITEM': css_248z$H,
|
|
1027
1027
|
});
|
|
1028
1028
|
|
|
1029
|
-
var css_248z$G = "@layer kol-theme-global {\n :host {\n --border-color: var(--color-anthrazit);\n --border-radius: 2px;\n --color-anthrazit: #333;\n --color-jade: #f3f7fb;\n --color-weiss: #fff;\n --color-petrol: #007a89;\n --color-achat: #0b4d59;\n --color-teal: #056773;\n --color-fluorit: #66ddec;\n --color-rotton:
|
|
1029
|
+
var css_248z$G = "@layer kol-theme-global {\n :host {\n --border-color: var(--color-anthrazit);\n --border-radius: 2px;\n --color-anthrazit: #333;\n --color-jade: #f3f7fb;\n --color-weiss: #fff;\n --color-petrol: #007a89;\n --color-achat: #0b4d59;\n --color-teal: #056773;\n --color-fluorit: #66ddec;\n --color-rotton: rgb(188, 0, 0, 1);\n --color-rotton-20: rgb(188, 0, 0, 0.2);\n --color-gras: #138510;\n --color-warn: #f0541e;\n --color-blut: var(--color-rotton);\n --color-input-bg-default: #e8edf2;\n --gradient-petrol-achat: linear-gradient(67deg, var(--color-petrol), var(--color-achat));\n --color-citrin: #d4c912;\n --color-umber: #494500;\n --color-gelb: #fff443;\n --color-lichtgelb: #eeff6c;\n --gradient-gelb-citrin: linear-gradient(67deg, var(--color-gelb), var(--color-citrin));\n --font-family-sans: Verdana;\n --font-family-serif: \"Times New Roman\";\n --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n --spacing: 0.125em;\n --kolibri-spacing: calc(2 * var(--spacing));\n }\n * {\n box-sizing: border-box;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-family: var(--font-family);\n font-size: var(--font-size);\n margin: 0;\n padding: 0;\n }\n *[tabindex]:focus,\n a:focus,\n button:focus,\n input:focus,\n select:focus,\n summary:focus,\n textarea:focus {\n cursor: pointer;\n outline-color: var(--color-petrol);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: 3px;\n transition: outline-offset 0.2s linear;\n }\n .kol-span-wc,\n .kol-span-wc > span {\n gap: 0.25em;\n }\n .kol-tooltip-wc .tooltip-area {\n background-color: #f2f2f2;\n }\n .kol-tooltip-wc .tooltip-arrow {\n background-color: #626262;\n }\n .kol-tooltip-wc .tooltip-content {\n font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n line-height: 1.25;\n padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n border-radius: 2px;\n border: 1px solid #626262;\n }\n .badge-text-hint {\n border-radius: 3px;\n padding: 0 0.3em;\n }\n}";
|
|
1030
1030
|
|
|
1031
1031
|
var css_248z$F = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .accordion {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n display: grid;\n border-color: var(--kolibri-border-color);\n border-width: 1px;\n border-style: solid;\n border-radius: 4px;\n }\n .accordion__heading-button {\n font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n line-height: 1.75;\n font-weight: 700;\n }\n .accordion__heading-button button {\n font-size: inherit;\n line-height: 1.75;\n }\n .accordion__heading-button button {\n font-weight: inherit;\n font-size: inherit;\n line-height: inherit;\n cursor: pointer;\n width: 100%;\n margin: 0;\n display: flex;\n gap: 0.5em;\n border: 0;\n align-items: center;\n overflow: hidden;\n background-color: transparent;\n padding: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n .accordion__heading-button .kol-icon::part(icon) {\n color: var(--color-midnight);\n }\n .accordion__heading-button .kol-icon::part(close)::before {\n font-family: \"Font Awesome 6 Free\";\n content: \"\\f077\";\n }\n .accordion__heading-button .kol-icon::part(open)::before {\n font-family: \"Font Awesome 6 Free\";\n content: \"\\f078\";\n }\n .accordion__heading {\n margin: 0;\n }\n .accordion__content {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .open .accordion__heading-button button {\n padding-bottom: 0;\n }\n .open .accordion__heading-button .kol-icon {\n width: 1em;\n }\n .open .accordion__content {\n margin: 0;\n }\n}";
|
|
1032
1032
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/themes",
|
|
3
|
-
"version": "2.2.11
|
|
3
|
+
"version": "2.2.11",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -45,22 +45,22 @@
|
|
|
45
45
|
],
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@rollup/plugin-commonjs": "28.0.3",
|
|
48
|
-
"@rollup/plugin-node-resolve": "
|
|
48
|
+
"@rollup/plugin-node-resolve": "16.0.1",
|
|
49
49
|
"@rollup/plugin-typescript": "12.1.2",
|
|
50
50
|
"@typescript-eslint/eslint-plugin": "7.18.0",
|
|
51
51
|
"@typescript-eslint/parser": "7.18.0",
|
|
52
52
|
"cpy-cli": "5.0.0",
|
|
53
53
|
"eslint": "8.57.1",
|
|
54
|
-
"nodemon": "3.1.
|
|
54
|
+
"nodemon": "3.1.10",
|
|
55
55
|
"postcss": "8.5.3",
|
|
56
|
-
"rollup": "4.
|
|
56
|
+
"rollup": "4.40.2",
|
|
57
57
|
"rollup-plugin-postcss": "4.0.2",
|
|
58
|
-
"sass": "1.
|
|
59
|
-
"typescript": "5.8.
|
|
60
|
-
"@public-ui/components": "2.2.11
|
|
58
|
+
"sass-embedded": "1.88.0",
|
|
59
|
+
"typescript": "5.8.3",
|
|
60
|
+
"@public-ui/components": "2.2.11"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
|
-
"@public-ui/components": "2.2.11
|
|
63
|
+
"@public-ui/components": "2.2.11"
|
|
64
64
|
},
|
|
65
65
|
"sideEffects": false,
|
|
66
66
|
"type": "module",
|