@public-ui/themes 1.7.11 → 1.7.13

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.
Files changed (3) hide show
  1. package/dist/index.cjs +7 -3
  2. package/dist/index.mjs +7 -3
  3. package/package.json +5 -5
package/dist/index.cjs CHANGED
@@ -2306,6 +2306,7 @@ const BMF = KoliBri.createTheme("bmf", {
2306
2306
  height: 1.5em;
2307
2307
  border-radius: 1.25em;
2308
2308
  position: relative;
2309
+ outline: transparent solid 1px; /* Visible with forced colors */
2309
2310
  }
2310
2311
  :host kol-input.switch input[type="checkbox"]:before {
2311
2312
  -webkit-transition: 0.5s;
@@ -2587,7 +2588,10 @@ const BMF = KoliBri.createTheme("bmf", {
2587
2588
  /* border-bottom: 0.025rem solid var(--color-midnight); */
2588
2589
  color: var(--color-midnight);
2589
2590
  }
2590
- button kol-span-wc > span {
2591
+ button:not(.selected) kol-span-wc > span {
2592
+ padding-bottom: 0.25em;
2593
+ }
2594
+ button.selected kol-span-wc > span {
2591
2595
  border-bottom: 0.25em solid;
2592
2596
  }
2593
2597
  button kol-span-wc > span {
@@ -10170,7 +10174,7 @@ const iconCss = css_248z$1$;
10170
10174
  var css_248z$1_ = ":host > div {\n background-color: var(--color-light);\n border-left: none;\n box-shadow: -2px 0px 0px var(--color-primary-variant);\n padding: 0 0.5rem;\n width: 100%;\n}";
10171
10175
  const indentedTextCss = css_248z$1_;
10172
10176
 
10173
- var css_248z$1Z = ":host kol-input {\n display: grid;\n align-items: center;\n justify-items: left;\n width: 100%;\n min-height: var(--a11y-min-size);\n gap: 0.4rem;\n}\n\n:host kol-input.default {\n grid-template-columns: 1.5rem auto;\n}\n\n:host kol-input.switch {\n grid-template-columns: 3.5rem auto;\n}\n\n:host kol-input.button {\n gap: 0.4rem 0;\n}\n\n.checkbox-container {\n justify-content: flex-start;\n}\n\n:host kol-input > div.input {\n display: inherit;\n min-height: var(--a11y-min-size);\n order: 2;\n}\n\n:host kol-input > div.input input {\n margin: 0px;\n}\n\n:host kol-input > label {\n cursor: pointer;\n order: 3;\n}\n\n:host kol-input > kol-alert.error {\n order: 1;\n padding-top: calc(var(--spacing) / 2);\n grid-column: span 2/auto;\n}\n\n:host kol-input.error {\n border-left: 3px solid var(--color-danger);\n padding-left: 1rem;\n}\n\n:host kol-input.error input:focus,\nkol-input.error select:focus,\nkol-input.error textarea:focus {\n outline-color: var(--color-danger) !important;\n}\n\n:host kol-input.error kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n}\n\n:host input {\n cursor: pointer;\n order: 1;\n width: 100%;\n border-color: var(--color-subtle);\n border-width: 2px;\n border-style: solid;\n border-radius: var(--border-radius);\n line-height: 24px;\n font-size: 1rem;\n}\n\n:host input:hover {\n border-color: var(--color-primary);\n box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);\n}\n\n:host input:focus:hover {\n box-shadow: none;\n}\n\n:host input:active {\n box-shadow: none;\n}\n\n:host kol-alert {\n display: block;\n width: 100%;\n}\n\n/* CHECKBOX */\n:host kol-input label span {\n margin-top: 0.125rem;\n}\n\n:host .required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n}\n\n:host kol-input input[type=checkbox] {\n appearance: none;\n background-color: white;\n cursor: pointer;\n transition: 0.5s;\n}\n\n:host kol-input input[type=checkbox]:checked {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n}\n\n:host kol-input.default input[type=checkbox] {\n border-radius: var(--border-radius);\n height: 1.5rem;\n min-width: 1.5rem;\n width: 1.5rem;\n}\n\n:host kol-input.default input[type=checkbox]:indeterminate {\n background-color: var(--color-primary);\n}\n\n:host kol-input.default .icon {\n color: var(--color-light);\n margin-left: 0.25rem;\n}\n\n:host kol-input.switch input[type=checkbox] {\n background-color: var(--color-subtle);\n border-radius: 1.25em;\n border-width: 0;\n display: block;\n height: 1.5em;\n min-width: 3.5em;\n position: relative;\n width: 3.5em;\n}\n\n:host kol-input.switch input[type=checkbox]:before {\n width: 1.25em;\n height: 1.25em;\n left: calc(0.25em - 2px);\n top: calc(0.25em - 2px);\n border-radius: 1.25em;\n background-color: white;\n position: absolute;\n}\n\n:host kol-input.switch input[type=checkbox]:checked {\n background-color: var(--color-primary);\n}\n\n:host kol-input.switch input[type=checkbox]:checked:before {\n transform: translateX(2em);\n}\n\n:host kol-input.switch input[type=checkbox]:indeterminate:before {\n transform: translateX(1em);\n}\n\n.switch .icon {\n width: 1.25em;\n height: 1.25em;\n left: 2px;\n}\n.switch.checked .icon {\n transform: translate(2em, -50%);\n}\n.switch.indeterminate .icon {\n transform: translate(1em, -50%);\n}\n\n:host .disabled {\n opacity: 0.33;\n}\n\n.button:focus-within {\n border-radius: var(--border-radius);\n outline-color: var(--color-primary-variant);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: calc(var(--border-width) * 2);\n}";
10177
+ var css_248z$1Z = ":host kol-input {\n display: grid;\n align-items: center;\n justify-items: left;\n width: 100%;\n min-height: var(--a11y-min-size);\n gap: 0.4rem;\n}\n\n:host kol-input.default {\n grid-template-columns: 1.5rem auto;\n}\n\n:host kol-input.switch {\n grid-template-columns: 3.5rem auto;\n}\n\n:host kol-input.button {\n gap: 0.4rem 0;\n}\n\n.checkbox-container {\n justify-content: flex-start;\n}\n\n:host kol-input > div.input {\n display: inherit;\n min-height: var(--a11y-min-size);\n order: 2;\n}\n\n:host kol-input > div.input input {\n margin: 0px;\n}\n\n:host kol-input > label {\n cursor: pointer;\n order: 3;\n}\n\n:host kol-input > kol-alert.error {\n order: 1;\n padding-top: calc(var(--spacing) / 2);\n grid-column: span 2/auto;\n}\n\n:host kol-input.error {\n border-left: 3px solid var(--color-danger);\n padding-left: 1rem;\n}\n\n:host kol-input.error input:focus,\nkol-input.error select:focus,\nkol-input.error textarea:focus {\n outline-color: var(--color-danger) !important;\n}\n\n:host kol-input.error kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n}\n\n:host input {\n cursor: pointer;\n order: 1;\n width: 100%;\n border-color: var(--color-subtle);\n border-width: 2px;\n border-style: solid;\n border-radius: var(--border-radius);\n line-height: 24px;\n font-size: 1rem;\n}\n\n:host input:hover {\n border-color: var(--color-primary);\n box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);\n}\n\n:host input:focus:hover {\n box-shadow: none;\n}\n\n:host input:active {\n box-shadow: none;\n}\n\n:host kol-alert {\n display: block;\n width: 100%;\n}\n\n/* CHECKBOX */\n:host kol-input label span {\n margin-top: 0.125rem;\n}\n\n:host .required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n}\n\n:host kol-input input[type=checkbox] {\n appearance: none;\n background-color: white;\n cursor: pointer;\n transition: 0.5s;\n}\n\n:host kol-input input[type=checkbox]:checked {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n}\n\n:host kol-input.default input[type=checkbox] {\n border-radius: var(--border-radius);\n height: 1.5rem;\n min-width: 1.5rem;\n width: 1.5rem;\n}\n\n:host kol-input.default input[type=checkbox]:indeterminate {\n background-color: var(--color-primary);\n}\n\n:host kol-input.default .icon {\n color: var(--color-light);\n margin-left: 0.25rem;\n}\n\n:host kol-input.switch input[type=checkbox] {\n background-color: var(--color-subtle);\n border-radius: 1.25em;\n border-width: 0;\n display: block;\n height: 1.5em;\n min-width: 3.5em;\n position: relative;\n width: 3.5em;\n outline: transparent solid 1px;\n}\n\n:host kol-input.switch input[type=checkbox]:before {\n width: 1.25em;\n height: 1.25em;\n left: calc(0.25em - 2px);\n top: calc(0.25em - 2px);\n border-radius: 1.25em;\n background-color: white;\n position: absolute;\n}\n\n:host kol-input.switch input[type=checkbox]:checked {\n background-color: var(--color-primary);\n}\n\n:host kol-input.switch input[type=checkbox]:checked:before {\n transform: translateX(2em);\n}\n\n:host kol-input.switch input[type=checkbox]:indeterminate:before {\n transform: translateX(1em);\n}\n\n.switch .icon {\n width: 1.25em;\n height: 1.25em;\n left: 2px;\n}\n.switch.checked .icon {\n transform: translate(2em, -50%);\n}\n.switch.indeterminate .icon {\n transform: translate(1em, -50%);\n}\n\n:host .disabled {\n opacity: 0.33;\n}\n\n.button:focus-within {\n border-radius: var(--border-radius);\n outline-color: var(--color-primary-variant);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: calc(var(--border-width) * 2);\n}";
10174
10178
  const inputCheckboxCss = css_248z$1Z;
10175
10179
 
10176
10180
  var css_248z$1Y = "kol-input {\n gap: 0.25rem;\n}\n\nkol-input .error {\n order: 1;\n}\n\nkol-input label {\n order: 2;\n}\n\nkol-input .input {\n order: 3;\n}\n\nkol-input .hint {\n order: 4;\n font-size: 0.9rem;\n font-style: italic;\n}\n\ninput {\n border: none;\n}\n\ninput[type=color] {\n border: none;\n min-height: 40px !important;\n}\n\ninput[type=color] {\n background-color: transparent;\n}\n\ninput::placeholder {\n color: var(--color-subtle);\n}\n\n.input {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: 2px;\n padding: 0 0.5rem;\n}\n\n.input > kol-icon {\n width: 1rem;\n}\n\n.input:is(.icon-left, .icon-right) {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.input:is(.icon-left, .icon-right) input {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.input > input:first-child {\n padding-left: var(--spacing);\n}\n\n.input > input:last-child {\n padding-right: var(--spacing);\n}\n\n.input:hover {\n border-color: var(--color-primary);\n}\n\ninput:read-only,\ninput:disabled {\n cursor: not-allowed;\n}\n\n.required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n}\n\nkol-input.error {\n border-left: 3px solid var(--color-danger);\n padding-left: 1rem;\n}\n\nkol-input.error .input:focus-within {\n outline-color: var(--color-danger) !important;\n}\n\nkol-input.error kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n}\n\nkol-input.disabled :is(input, label) {\n opacity: 1;\n}\n\nkol-input.disabled :is(input, .input) {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n}";
@@ -10233,7 +10237,7 @@ const splitButtonCss = css_248z$1G;
10233
10237
  var css_248z$1F = ":host * {\n hyphens: var(--hyphens);\n font-family: var(--font-family);\n line-height: var(--line-height);\n word-break: break-word;\n}\n\n:host > div {\n overflow-x: auto;\n overflow-y: hidden;\n}\n\ncaption {\n padding: 0.5rem;\n}\n\nth {\n font-weight: normal;\n color: var(--color-primary);\n}\n\n:host table thead tr:first-child th,\n:host table thead tr:first-child td {\n border-width: 0;\n border-top-width: calc(var(--border-width) * 2);\n border-style: solid;\n border-color: var(--color-primary-variant);\n}\n\n.table {\n padding: 0.5rem;\n}\n\n.table:has(caption:focus) {\n outline-color: var(--color-primary-variant);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: 3px;\n transition: outline-offset 0.2s linear;\n}\n\ntable {\n width: 100%;\n border-spacing: 0;\n}\n\ntable,\n:host table thead tr:last-child th,\n:host table thead tr:last-child td {\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n border-style: solid;\n border-color: var(--color-primary-variant);\n}\n\nth {\n background-color: var(--color-light);\n}\n\nth div {\n width: 100%;\n display: flex;\n gap: 0.5rem;\n grid-template-columns: 1fr auto;\n align-items: center;\n}\n\ntr:nth-child(even) {\n background-color: var(--color-mute);\n}\n\nth,\ntd {\n padding: 0.5rem;\n}\n\nth[aria-sort=ascending],\nth[aria-sort=descending] {\n font-weight: 700;\n}\n\n@media (min-width: 1024px) {\n div.pagination kol-pagination {\n display: flex;\n align-items: center;\n }\n}";
10234
10238
  const tableCss = css_248z$1F;
10235
10239
 
10236
- var css_248z$1E = "button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n:host kol-button-group-wc {\n display: inline-flex;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\nbutton {\n box-sizing: border-box;\n background-color: transparent;\n border: 0;\n border-radius: var(--border-radius);\n font-style: normal;\n font-weight: 700;\n font-size: 18px;\n line-height: 22px;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n color: var(--color-subtle);\n padding: 0;\n}\n\nbutton:hover {\n color: var(--color-primary);\n}\n\nbutton.primary,\nbutton.selected {\n color: var(--color-primary);\n}\n\nbutton kol-span-wc > span {\n border-bottom: 0.25em solid;\n}\n\nbutton kol-span-wc > span {\n gap: 0.5rem;\n}\n\n:host > div > div {\n padding: 0.25em 0;\n}\n\ndiv[role=tabpanel] {\n height: 100%;\n}\n\ndiv.grid {\n height: 100%;\n}\n\n:host > .tabs-align-right {\n display: grid;\n grid-template-columns: 1fr auto;\n}\n\n:host > .tabs-align-right kol-button-group-wc {\n display: grid;\n order: 2;\n}\n\n:host > .tabs-align-left {\n display: grid;\n grid-template-columns: auto 1fr;\n}\n\n:host > .tabs-align-left kol-button-group-wc {\n display: grid;\n order: 0;\n}\n\n:host > .tabs-align-bottom {\n display: grid;\n grid-template-rows: 1fr auto;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc {\n order: 2;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc > div {\n display: flex;\n}\n\n:host > .tabs-align-bottom > kol-button-group-wc > div > div:first-child {\n margin: 0px 1rem 0px 0px;\n}\n\n:host > .tabs-align-bottom > kol-button-group-wc > div > div {\n margin: 0px 1rem;\n}\n\n:host > .tabs-align-top {\n display: grid;\n grid-template-rows: auto 1fr;\n}\n\n:host > .tabs-align-top kol-button-group-wc {\n order: 0;\n}\n\n:host > .tabs-align-top kol-button-group-wc > div {\n display: flex;\n}\n\n:host > .tabs-align-top > kol-button-group-wc > div > div:first-child {\n margin: 0px 1rem 0px 0px;\n}\n\n:host > .tabs-align-top > kol-button-group-wc > div > div {\n margin: 0px 1rem;\n}\n\n:host > div {\n display: grid;\n}\n\n:host > div.tabs-align-left {\n grid-template-columns: auto 1fr;\n}\n\n:host > div.tabs-align-right {\n grid-template-columns: 1fr auto;\n}\n\n:host > .tabs-align-left kol-button-group-wc,\n:host > .tabs-align-top kol-button-group-wc {\n order: 0;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc,\n:host > .tabs-align-right kol-button-group-wc {\n order: 1;\n}\n\n:host > .tabs-align-left kol-button-group-wc,\n:host > .tabs-align-right kol-button-group-wc {\n gap: inherit;\n}\n\n:host > div.tabs-align-left kol-button-group-wc > div,\n:host > div.tabs-align-left kol-button-group-wc > div > div,\n:host > div.tabs-align-right kol-button-group-wc > div,\n:host > div.tabs-align-right kol-button-group-wc > div > div {\n display: grid;\n}\n\n:host > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,\n:host > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {\n width: 100%;\n}\n\n:host > div.tabs-align-bottom kol-button-group-wc div,\n:host > div.tabs-align-top kol-button-group-wc div {\n display: flex;\n flex-wrap: wrap;\n}\n\n:host kol-button-group-wc button {\n border: none;\n}";
10240
+ var css_248z$1E = "button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n:host kol-button-group-wc {\n display: inline-flex;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\nbutton {\n box-sizing: border-box;\n background-color: transparent;\n border: 0;\n border-radius: var(--border-radius);\n font-style: normal;\n font-weight: 700;\n font-size: 18px;\n line-height: 22px;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n color: var(--color-subtle);\n padding: 0;\n}\n\nbutton:hover {\n color: var(--color-primary);\n}\n\nbutton.primary,\nbutton.selected {\n color: var(--color-primary);\n}\n\nbutton:not(.selected) kol-span-wc > span {\n padding-bottom: 0.25em;\n}\n\nbutton.selected kol-span-wc > span {\n border-bottom: 0.25em solid;\n}\n\nbutton kol-span-wc > span {\n gap: 0.5rem;\n}\n\n:host > div > div {\n padding: 0.25em 0;\n}\n\ndiv[role=tabpanel] {\n height: 100%;\n}\n\ndiv.grid {\n height: 100%;\n}\n\n:host > .tabs-align-right {\n display: grid;\n grid-template-columns: 1fr auto;\n}\n\n:host > .tabs-align-right kol-button-group-wc {\n display: grid;\n order: 2;\n}\n\n:host > .tabs-align-left {\n display: grid;\n grid-template-columns: auto 1fr;\n}\n\n:host > .tabs-align-left kol-button-group-wc {\n display: grid;\n order: 0;\n}\n\n:host > .tabs-align-bottom {\n display: grid;\n grid-template-rows: 1fr auto;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc {\n order: 2;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc > div {\n display: flex;\n}\n\n:host > .tabs-align-bottom > kol-button-group-wc > div > div:first-child {\n margin: 0px 1rem 0px 0px;\n}\n\n:host > .tabs-align-bottom > kol-button-group-wc > div > div {\n margin: 0px 1rem;\n}\n\n:host > .tabs-align-top {\n display: grid;\n grid-template-rows: auto 1fr;\n}\n\n:host > .tabs-align-top kol-button-group-wc {\n order: 0;\n}\n\n:host > .tabs-align-top kol-button-group-wc > div {\n display: flex;\n}\n\n:host > .tabs-align-top > kol-button-group-wc > div > div:first-child {\n margin: 0px 1rem 0px 0px;\n}\n\n:host > .tabs-align-top > kol-button-group-wc > div > div {\n margin: 0px 1rem;\n}\n\n:host > div {\n display: grid;\n}\n\n:host > div.tabs-align-left {\n grid-template-columns: auto 1fr;\n}\n\n:host > div.tabs-align-right {\n grid-template-columns: 1fr auto;\n}\n\n:host > .tabs-align-left kol-button-group-wc,\n:host > .tabs-align-top kol-button-group-wc {\n order: 0;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc,\n:host > .tabs-align-right kol-button-group-wc {\n order: 1;\n}\n\n:host > .tabs-align-left kol-button-group-wc,\n:host > .tabs-align-right kol-button-group-wc {\n gap: inherit;\n}\n\n:host > div.tabs-align-left kol-button-group-wc > div,\n:host > div.tabs-align-left kol-button-group-wc > div > div,\n:host > div.tabs-align-right kol-button-group-wc > div,\n:host > div.tabs-align-right kol-button-group-wc > div > div {\n display: grid;\n}\n\n:host > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,\n:host > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {\n width: 100%;\n}\n\n:host > div.tabs-align-bottom kol-button-group-wc div,\n:host > div.tabs-align-top kol-button-group-wc div {\n display: flex;\n flex-wrap: wrap;\n}\n\n:host kol-button-group-wc button {\n border: none;\n}";
10237
10241
  const tabsCss = css_248z$1E;
10238
10242
 
10239
10243
  var css_248z$1D = "kol-input {\n gap: 0.25rem;\n}\n\nkol-input .error {\n order: 1;\n}\n\nkol-input label {\n order: 2;\n}\n\nkol-input .input {\n order: 3;\n}\n\nkol-input .counter {\n order: 4;\n}\n\nkol-input .hint {\n order: 5;\n font-size: 0.9rem;\n font-style: italic;\n}\n\ntextarea {\n border: none;\n}\n\ninput::placeholder {\n color: var(--color-subtle);\n}\n\n.input {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: 2px;\n padding: 0 0.5rem;\n}\n\n.input > kol-icon {\n width: 1rem;\n}\n\n.input:is(.icon-left, .icon-right) {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.input:is(.icon-left, .icon-right) input {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.input > input:first-child {\n padding-left: var(--spacing);\n}\n\n.input > input:last-child {\n padding-right: var(--spacing);\n}\n\n.input:hover {\n border-color: var(--color-primary);\n}\n\ntextarea:read-only,\ntextarea:disabled {\n cursor: not-allowed;\n}\n\n.required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n}\n\nkol-input.error {\n border-left: 3px solid var(--color-danger);\n padding-left: 1rem;\n}\n\nkol-input.error .input:focus-within {\n outline-color: var(--color-danger) !important;\n}\n\nkol-input.error kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n}\n\n.disabled {\n opacity: 0.33;\n}\n\nselect[multiple],\ntextarea {\n overflow: auto;\n}\n\ntextarea {\n display: block;\n}\n\n.input {\n position: relative;\n}";
package/dist/index.mjs CHANGED
@@ -2304,6 +2304,7 @@ const BMF = KoliBri.createTheme("bmf", {
2304
2304
  height: 1.5em;
2305
2305
  border-radius: 1.25em;
2306
2306
  position: relative;
2307
+ outline: transparent solid 1px; /* Visible with forced colors */
2307
2308
  }
2308
2309
  :host kol-input.switch input[type="checkbox"]:before {
2309
2310
  -webkit-transition: 0.5s;
@@ -2585,7 +2586,10 @@ const BMF = KoliBri.createTheme("bmf", {
2585
2586
  /* border-bottom: 0.025rem solid var(--color-midnight); */
2586
2587
  color: var(--color-midnight);
2587
2588
  }
2588
- button kol-span-wc > span {
2589
+ button:not(.selected) kol-span-wc > span {
2590
+ padding-bottom: 0.25em;
2591
+ }
2592
+ button.selected kol-span-wc > span {
2589
2593
  border-bottom: 0.25em solid;
2590
2594
  }
2591
2595
  button kol-span-wc > span {
@@ -10168,7 +10172,7 @@ const iconCss = css_248z$1$;
10168
10172
  var css_248z$1_ = ":host > div {\n background-color: var(--color-light);\n border-left: none;\n box-shadow: -2px 0px 0px var(--color-primary-variant);\n padding: 0 0.5rem;\n width: 100%;\n}";
10169
10173
  const indentedTextCss = css_248z$1_;
10170
10174
 
10171
- var css_248z$1Z = ":host kol-input {\n display: grid;\n align-items: center;\n justify-items: left;\n width: 100%;\n min-height: var(--a11y-min-size);\n gap: 0.4rem;\n}\n\n:host kol-input.default {\n grid-template-columns: 1.5rem auto;\n}\n\n:host kol-input.switch {\n grid-template-columns: 3.5rem auto;\n}\n\n:host kol-input.button {\n gap: 0.4rem 0;\n}\n\n.checkbox-container {\n justify-content: flex-start;\n}\n\n:host kol-input > div.input {\n display: inherit;\n min-height: var(--a11y-min-size);\n order: 2;\n}\n\n:host kol-input > div.input input {\n margin: 0px;\n}\n\n:host kol-input > label {\n cursor: pointer;\n order: 3;\n}\n\n:host kol-input > kol-alert.error {\n order: 1;\n padding-top: calc(var(--spacing) / 2);\n grid-column: span 2/auto;\n}\n\n:host kol-input.error {\n border-left: 3px solid var(--color-danger);\n padding-left: 1rem;\n}\n\n:host kol-input.error input:focus,\nkol-input.error select:focus,\nkol-input.error textarea:focus {\n outline-color: var(--color-danger) !important;\n}\n\n:host kol-input.error kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n}\n\n:host input {\n cursor: pointer;\n order: 1;\n width: 100%;\n border-color: var(--color-subtle);\n border-width: 2px;\n border-style: solid;\n border-radius: var(--border-radius);\n line-height: 24px;\n font-size: 1rem;\n}\n\n:host input:hover {\n border-color: var(--color-primary);\n box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);\n}\n\n:host input:focus:hover {\n box-shadow: none;\n}\n\n:host input:active {\n box-shadow: none;\n}\n\n:host kol-alert {\n display: block;\n width: 100%;\n}\n\n/* CHECKBOX */\n:host kol-input label span {\n margin-top: 0.125rem;\n}\n\n:host .required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n}\n\n:host kol-input input[type=checkbox] {\n appearance: none;\n background-color: white;\n cursor: pointer;\n transition: 0.5s;\n}\n\n:host kol-input input[type=checkbox]:checked {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n}\n\n:host kol-input.default input[type=checkbox] {\n border-radius: var(--border-radius);\n height: 1.5rem;\n min-width: 1.5rem;\n width: 1.5rem;\n}\n\n:host kol-input.default input[type=checkbox]:indeterminate {\n background-color: var(--color-primary);\n}\n\n:host kol-input.default .icon {\n color: var(--color-light);\n margin-left: 0.25rem;\n}\n\n:host kol-input.switch input[type=checkbox] {\n background-color: var(--color-subtle);\n border-radius: 1.25em;\n border-width: 0;\n display: block;\n height: 1.5em;\n min-width: 3.5em;\n position: relative;\n width: 3.5em;\n}\n\n:host kol-input.switch input[type=checkbox]:before {\n width: 1.25em;\n height: 1.25em;\n left: calc(0.25em - 2px);\n top: calc(0.25em - 2px);\n border-radius: 1.25em;\n background-color: white;\n position: absolute;\n}\n\n:host kol-input.switch input[type=checkbox]:checked {\n background-color: var(--color-primary);\n}\n\n:host kol-input.switch input[type=checkbox]:checked:before {\n transform: translateX(2em);\n}\n\n:host kol-input.switch input[type=checkbox]:indeterminate:before {\n transform: translateX(1em);\n}\n\n.switch .icon {\n width: 1.25em;\n height: 1.25em;\n left: 2px;\n}\n.switch.checked .icon {\n transform: translate(2em, -50%);\n}\n.switch.indeterminate .icon {\n transform: translate(1em, -50%);\n}\n\n:host .disabled {\n opacity: 0.33;\n}\n\n.button:focus-within {\n border-radius: var(--border-radius);\n outline-color: var(--color-primary-variant);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: calc(var(--border-width) * 2);\n}";
10175
+ var css_248z$1Z = ":host kol-input {\n display: grid;\n align-items: center;\n justify-items: left;\n width: 100%;\n min-height: var(--a11y-min-size);\n gap: 0.4rem;\n}\n\n:host kol-input.default {\n grid-template-columns: 1.5rem auto;\n}\n\n:host kol-input.switch {\n grid-template-columns: 3.5rem auto;\n}\n\n:host kol-input.button {\n gap: 0.4rem 0;\n}\n\n.checkbox-container {\n justify-content: flex-start;\n}\n\n:host kol-input > div.input {\n display: inherit;\n min-height: var(--a11y-min-size);\n order: 2;\n}\n\n:host kol-input > div.input input {\n margin: 0px;\n}\n\n:host kol-input > label {\n cursor: pointer;\n order: 3;\n}\n\n:host kol-input > kol-alert.error {\n order: 1;\n padding-top: calc(var(--spacing) / 2);\n grid-column: span 2/auto;\n}\n\n:host kol-input.error {\n border-left: 3px solid var(--color-danger);\n padding-left: 1rem;\n}\n\n:host kol-input.error input:focus,\nkol-input.error select:focus,\nkol-input.error textarea:focus {\n outline-color: var(--color-danger) !important;\n}\n\n:host kol-input.error kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n}\n\n:host input {\n cursor: pointer;\n order: 1;\n width: 100%;\n border-color: var(--color-subtle);\n border-width: 2px;\n border-style: solid;\n border-radius: var(--border-radius);\n line-height: 24px;\n font-size: 1rem;\n}\n\n:host input:hover {\n border-color: var(--color-primary);\n box-shadow: 0px 2px 8px 2px rgba(8, 35, 48, 0.24);\n}\n\n:host input:focus:hover {\n box-shadow: none;\n}\n\n:host input:active {\n box-shadow: none;\n}\n\n:host kol-alert {\n display: block;\n width: 100%;\n}\n\n/* CHECKBOX */\n:host kol-input label span {\n margin-top: 0.125rem;\n}\n\n:host .required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n}\n\n:host kol-input input[type=checkbox] {\n appearance: none;\n background-color: white;\n cursor: pointer;\n transition: 0.5s;\n}\n\n:host kol-input input[type=checkbox]:checked {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n}\n\n:host kol-input.default input[type=checkbox] {\n border-radius: var(--border-radius);\n height: 1.5rem;\n min-width: 1.5rem;\n width: 1.5rem;\n}\n\n:host kol-input.default input[type=checkbox]:indeterminate {\n background-color: var(--color-primary);\n}\n\n:host kol-input.default .icon {\n color: var(--color-light);\n margin-left: 0.25rem;\n}\n\n:host kol-input.switch input[type=checkbox] {\n background-color: var(--color-subtle);\n border-radius: 1.25em;\n border-width: 0;\n display: block;\n height: 1.5em;\n min-width: 3.5em;\n position: relative;\n width: 3.5em;\n outline: transparent solid 1px;\n}\n\n:host kol-input.switch input[type=checkbox]:before {\n width: 1.25em;\n height: 1.25em;\n left: calc(0.25em - 2px);\n top: calc(0.25em - 2px);\n border-radius: 1.25em;\n background-color: white;\n position: absolute;\n}\n\n:host kol-input.switch input[type=checkbox]:checked {\n background-color: var(--color-primary);\n}\n\n:host kol-input.switch input[type=checkbox]:checked:before {\n transform: translateX(2em);\n}\n\n:host kol-input.switch input[type=checkbox]:indeterminate:before {\n transform: translateX(1em);\n}\n\n.switch .icon {\n width: 1.25em;\n height: 1.25em;\n left: 2px;\n}\n.switch.checked .icon {\n transform: translate(2em, -50%);\n}\n.switch.indeterminate .icon {\n transform: translate(1em, -50%);\n}\n\n:host .disabled {\n opacity: 0.33;\n}\n\n.button:focus-within {\n border-radius: var(--border-radius);\n outline-color: var(--color-primary-variant);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: calc(var(--border-width) * 2);\n}";
10172
10176
  const inputCheckboxCss = css_248z$1Z;
10173
10177
 
10174
10178
  var css_248z$1Y = "kol-input {\n gap: 0.25rem;\n}\n\nkol-input .error {\n order: 1;\n}\n\nkol-input label {\n order: 2;\n}\n\nkol-input .input {\n order: 3;\n}\n\nkol-input .hint {\n order: 4;\n font-size: 0.9rem;\n font-style: italic;\n}\n\ninput {\n border: none;\n}\n\ninput[type=color] {\n border: none;\n min-height: 40px !important;\n}\n\ninput[type=color] {\n background-color: transparent;\n}\n\ninput::placeholder {\n color: var(--color-subtle);\n}\n\n.input {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: 2px;\n padding: 0 0.5rem;\n}\n\n.input > kol-icon {\n width: 1rem;\n}\n\n.input:is(.icon-left, .icon-right) {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.input:is(.icon-left, .icon-right) input {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.input > input:first-child {\n padding-left: var(--spacing);\n}\n\n.input > input:last-child {\n padding-right: var(--spacing);\n}\n\n.input:hover {\n border-color: var(--color-primary);\n}\n\ninput:read-only,\ninput:disabled {\n cursor: not-allowed;\n}\n\n.required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n}\n\nkol-input.error {\n border-left: 3px solid var(--color-danger);\n padding-left: 1rem;\n}\n\nkol-input.error .input:focus-within {\n outline-color: var(--color-danger) !important;\n}\n\nkol-input.error kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n}\n\nkol-input.disabled :is(input, label) {\n opacity: 1;\n}\n\nkol-input.disabled :is(input, .input) {\n background-color: var(--color-mute);\n border-color: var(--color-mute-variant);\n color: var(--color-text);\n}";
@@ -10231,7 +10235,7 @@ const splitButtonCss = css_248z$1G;
10231
10235
  var css_248z$1F = ":host * {\n hyphens: var(--hyphens);\n font-family: var(--font-family);\n line-height: var(--line-height);\n word-break: break-word;\n}\n\n:host > div {\n overflow-x: auto;\n overflow-y: hidden;\n}\n\ncaption {\n padding: 0.5rem;\n}\n\nth {\n font-weight: normal;\n color: var(--color-primary);\n}\n\n:host table thead tr:first-child th,\n:host table thead tr:first-child td {\n border-width: 0;\n border-top-width: calc(var(--border-width) * 2);\n border-style: solid;\n border-color: var(--color-primary-variant);\n}\n\n.table {\n padding: 0.5rem;\n}\n\n.table:has(caption:focus) {\n outline-color: var(--color-primary-variant);\n outline-offset: 2px;\n outline-style: solid;\n outline-width: 3px;\n transition: outline-offset 0.2s linear;\n}\n\ntable {\n width: 100%;\n border-spacing: 0;\n}\n\ntable,\n:host table thead tr:last-child th,\n:host table thead tr:last-child td {\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n border-style: solid;\n border-color: var(--color-primary-variant);\n}\n\nth {\n background-color: var(--color-light);\n}\n\nth div {\n width: 100%;\n display: flex;\n gap: 0.5rem;\n grid-template-columns: 1fr auto;\n align-items: center;\n}\n\ntr:nth-child(even) {\n background-color: var(--color-mute);\n}\n\nth,\ntd {\n padding: 0.5rem;\n}\n\nth[aria-sort=ascending],\nth[aria-sort=descending] {\n font-weight: 700;\n}\n\n@media (min-width: 1024px) {\n div.pagination kol-pagination {\n display: flex;\n align-items: center;\n }\n}";
10232
10236
  const tableCss = css_248z$1F;
10233
10237
 
10234
- var css_248z$1E = "button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n:host kol-button-group-wc {\n display: inline-flex;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\nbutton {\n box-sizing: border-box;\n background-color: transparent;\n border: 0;\n border-radius: var(--border-radius);\n font-style: normal;\n font-weight: 700;\n font-size: 18px;\n line-height: 22px;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n color: var(--color-subtle);\n padding: 0;\n}\n\nbutton:hover {\n color: var(--color-primary);\n}\n\nbutton.primary,\nbutton.selected {\n color: var(--color-primary);\n}\n\nbutton kol-span-wc > span {\n border-bottom: 0.25em solid;\n}\n\nbutton kol-span-wc > span {\n gap: 0.5rem;\n}\n\n:host > div > div {\n padding: 0.25em 0;\n}\n\ndiv[role=tabpanel] {\n height: 100%;\n}\n\ndiv.grid {\n height: 100%;\n}\n\n:host > .tabs-align-right {\n display: grid;\n grid-template-columns: 1fr auto;\n}\n\n:host > .tabs-align-right kol-button-group-wc {\n display: grid;\n order: 2;\n}\n\n:host > .tabs-align-left {\n display: grid;\n grid-template-columns: auto 1fr;\n}\n\n:host > .tabs-align-left kol-button-group-wc {\n display: grid;\n order: 0;\n}\n\n:host > .tabs-align-bottom {\n display: grid;\n grid-template-rows: 1fr auto;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc {\n order: 2;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc > div {\n display: flex;\n}\n\n:host > .tabs-align-bottom > kol-button-group-wc > div > div:first-child {\n margin: 0px 1rem 0px 0px;\n}\n\n:host > .tabs-align-bottom > kol-button-group-wc > div > div {\n margin: 0px 1rem;\n}\n\n:host > .tabs-align-top {\n display: grid;\n grid-template-rows: auto 1fr;\n}\n\n:host > .tabs-align-top kol-button-group-wc {\n order: 0;\n}\n\n:host > .tabs-align-top kol-button-group-wc > div {\n display: flex;\n}\n\n:host > .tabs-align-top > kol-button-group-wc > div > div:first-child {\n margin: 0px 1rem 0px 0px;\n}\n\n:host > .tabs-align-top > kol-button-group-wc > div > div {\n margin: 0px 1rem;\n}\n\n:host > div {\n display: grid;\n}\n\n:host > div.tabs-align-left {\n grid-template-columns: auto 1fr;\n}\n\n:host > div.tabs-align-right {\n grid-template-columns: 1fr auto;\n}\n\n:host > .tabs-align-left kol-button-group-wc,\n:host > .tabs-align-top kol-button-group-wc {\n order: 0;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc,\n:host > .tabs-align-right kol-button-group-wc {\n order: 1;\n}\n\n:host > .tabs-align-left kol-button-group-wc,\n:host > .tabs-align-right kol-button-group-wc {\n gap: inherit;\n}\n\n:host > div.tabs-align-left kol-button-group-wc > div,\n:host > div.tabs-align-left kol-button-group-wc > div > div,\n:host > div.tabs-align-right kol-button-group-wc > div,\n:host > div.tabs-align-right kol-button-group-wc > div > div {\n display: grid;\n}\n\n:host > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,\n:host > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {\n width: 100%;\n}\n\n:host > div.tabs-align-bottom kol-button-group-wc div,\n:host > div.tabs-align-top kol-button-group-wc div {\n display: flex;\n flex-wrap: wrap;\n}\n\n:host kol-button-group-wc button {\n border: none;\n}";
10238
+ var css_248z$1E = "button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n:host kol-button-group-wc {\n display: inline-flex;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\nbutton {\n box-sizing: border-box;\n background-color: transparent;\n border: 0;\n border-radius: var(--border-radius);\n font-style: normal;\n font-weight: 700;\n font-size: 18px;\n line-height: 22px;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n color: var(--color-subtle);\n padding: 0;\n}\n\nbutton:hover {\n color: var(--color-primary);\n}\n\nbutton.primary,\nbutton.selected {\n color: var(--color-primary);\n}\n\nbutton:not(.selected) kol-span-wc > span {\n padding-bottom: 0.25em;\n}\n\nbutton.selected kol-span-wc > span {\n border-bottom: 0.25em solid;\n}\n\nbutton kol-span-wc > span {\n gap: 0.5rem;\n}\n\n:host > div > div {\n padding: 0.25em 0;\n}\n\ndiv[role=tabpanel] {\n height: 100%;\n}\n\ndiv.grid {\n height: 100%;\n}\n\n:host > .tabs-align-right {\n display: grid;\n grid-template-columns: 1fr auto;\n}\n\n:host > .tabs-align-right kol-button-group-wc {\n display: grid;\n order: 2;\n}\n\n:host > .tabs-align-left {\n display: grid;\n grid-template-columns: auto 1fr;\n}\n\n:host > .tabs-align-left kol-button-group-wc {\n display: grid;\n order: 0;\n}\n\n:host > .tabs-align-bottom {\n display: grid;\n grid-template-rows: 1fr auto;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc {\n order: 2;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc > div {\n display: flex;\n}\n\n:host > .tabs-align-bottom > kol-button-group-wc > div > div:first-child {\n margin: 0px 1rem 0px 0px;\n}\n\n:host > .tabs-align-bottom > kol-button-group-wc > div > div {\n margin: 0px 1rem;\n}\n\n:host > .tabs-align-top {\n display: grid;\n grid-template-rows: auto 1fr;\n}\n\n:host > .tabs-align-top kol-button-group-wc {\n order: 0;\n}\n\n:host > .tabs-align-top kol-button-group-wc > div {\n display: flex;\n}\n\n:host > .tabs-align-top > kol-button-group-wc > div > div:first-child {\n margin: 0px 1rem 0px 0px;\n}\n\n:host > .tabs-align-top > kol-button-group-wc > div > div {\n margin: 0px 1rem;\n}\n\n:host > div {\n display: grid;\n}\n\n:host > div.tabs-align-left {\n grid-template-columns: auto 1fr;\n}\n\n:host > div.tabs-align-right {\n grid-template-columns: 1fr auto;\n}\n\n:host > .tabs-align-left kol-button-group-wc,\n:host > .tabs-align-top kol-button-group-wc {\n order: 0;\n}\n\n:host > .tabs-align-bottom kol-button-group-wc,\n:host > .tabs-align-right kol-button-group-wc {\n order: 1;\n}\n\n:host > .tabs-align-left kol-button-group-wc,\n:host > .tabs-align-right kol-button-group-wc {\n gap: inherit;\n}\n\n:host > div.tabs-align-left kol-button-group-wc > div,\n:host > div.tabs-align-left kol-button-group-wc > div > div,\n:host > div.tabs-align-right kol-button-group-wc > div,\n:host > div.tabs-align-right kol-button-group-wc > div > div {\n display: grid;\n}\n\n:host > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,\n:host > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {\n width: 100%;\n}\n\n:host > div.tabs-align-bottom kol-button-group-wc div,\n:host > div.tabs-align-top kol-button-group-wc div {\n display: flex;\n flex-wrap: wrap;\n}\n\n:host kol-button-group-wc button {\n border: none;\n}";
10235
10239
  const tabsCss = css_248z$1E;
10236
10240
 
10237
10241
  var css_248z$1D = "kol-input {\n gap: 0.25rem;\n}\n\nkol-input .error {\n order: 1;\n}\n\nkol-input label {\n order: 2;\n}\n\nkol-input .input {\n order: 3;\n}\n\nkol-input .counter {\n order: 4;\n}\n\nkol-input .hint {\n order: 5;\n font-size: 0.9rem;\n font-style: italic;\n}\n\ntextarea {\n border: none;\n}\n\ninput::placeholder {\n color: var(--color-subtle);\n}\n\n.input {\n background-color: var(--color-light);\n border-color: var(--color-subtle);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: 2px;\n padding: 0 0.5rem;\n}\n\n.input > kol-icon {\n width: 1rem;\n}\n\n.input:is(.icon-left, .icon-right) {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.input:is(.icon-left, .icon-right) input {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.input > input:first-child {\n padding-left: var(--spacing);\n}\n\n.input > input:last-child {\n padding-right: var(--spacing);\n}\n\n.input:hover {\n border-color: var(--color-primary);\n}\n\ntextarea:read-only,\ntextarea:disabled {\n cursor: not-allowed;\n}\n\n.required label > span::after {\n content: \"*\";\n padding-left: 0.125em;\n}\n\nkol-input.error {\n border-left: 3px solid var(--color-danger);\n padding-left: 1rem;\n}\n\nkol-input.error .input:focus-within {\n outline-color: var(--color-danger) !important;\n}\n\nkol-input.error kol-alert.error {\n color: var(--color-danger);\n font-weight: 700;\n}\n\n.disabled {\n opacity: 0.33;\n}\n\nselect[multiple],\ntextarea {\n overflow: auto;\n}\n\ntextarea {\n display: block;\n}\n\n.input {\n position: relative;\n}";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/themes",
3
- "version": "1.7.11",
3
+ "version": "1.7.13",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": "https://github.com/public-ui/kolibri",
@@ -41,10 +41,10 @@
41
41
  "wcag"
42
42
  ],
43
43
  "devDependencies": {
44
- "@public-ui/schema": "1.7.11",
44
+ "@public-ui/schema": "1.7.13",
45
45
  "@types/node": "ts5.3",
46
- "@typescript-eslint/eslint-plugin": "7.0.1",
47
- "@typescript-eslint/parser": "7.0.1",
46
+ "@typescript-eslint/eslint-plugin": "7.0.2",
47
+ "@typescript-eslint/parser": "7.0.2",
48
48
  "eslint": "8.56.0",
49
49
  "eslint-plugin-no-loops": "0.3.0",
50
50
  "nodemon": "3.0.3",
@@ -53,7 +53,7 @@
53
53
  "unbuild": "1.2.1"
54
54
  },
55
55
  "peerDependencies": {
56
- "@public-ui/components": "1.7.11"
56
+ "@public-ui/components": "1.7.13"
57
57
  },
58
58
  "sideEffects": false,
59
59
  "type": "module",