@public-ui/themes 1.7.21 → 1.7.22
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 +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +4 -4
package/dist/index.cjs
CHANGED
|
@@ -10619,7 +10619,7 @@ var css_248z$7 = ".kol-link-wc > a > .kol-span-wc {\n border-radius: 2rem;\n b
|
|
|
10619
10619
|
|
|
10620
10620
|
var css_248z$6 = ".popover {\n background: #fff;\n}";
|
|
10621
10621
|
|
|
10622
|
-
var css_248z$5 = ":host > div {\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n
|
|
10622
|
+
var css_248z$5 = ":host > div {\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.table {\n padding: 0.5em;\n}\n\n.table:has(.focus-element:focus) {\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\ntable {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n border: 1px solid var(--border-color);\n border-width: 0 1px 1px 1px;\n}\n\ntr {\n border-top: 1px solid var(--border-color);\n}\n\ntr:nth-child(even) {\n background-color: #f2f2f2;\n}\n\nth,\ntd {\n padding: 0.25em 0.5em;\n border-right: 1px solid var(--border-color);\n}\nth:last-child,\ntd:last-child {\n border-right-width: 0;\n}\n\nth {\n background-color: #eee;\n}\n\n.table-sort-button .button {\n font-weight: bold;\n}\n\n@media (min-width: 1024px) {\n :host > div.pagination,\n :host > div.pagination > div:last-child {\n grid-auto-flow: column;\n }\n :host > div.pagination .kol-pagination {\n display: flex;\n gap: 1rem;\n }\n}";
|
|
10623
10623
|
|
|
10624
10624
|
var css_248z$4 = ":host > div {\n display: block;\n width: 100%;\n}\n\n:host .kol-button-group-wc {\n display: flex;\n background-color: var(--color-petrol);\n}\n\n:host .kol-button-group-wc > div {\n display: inline-flex;\n}\n\n:host .kol-button-group-wc > div + div {\n margin-left: 0.25em;\n}\n\n:host > div > div {\n padding: 0.25em;\n border: 1px solid var(--border-color);\n}\n\nbutton {\n box-sizing: border-box;\n font-size: inherit;\n line-height: 1.25em;\n cursor: pointer;\n border-width: 2px;\n box-shadow: 0 0 0.25em gray;\n width: inherit;\n overflow: hidden;\n border-style: solid;\n padding: calc(4 * var(--spacing));\n display: grid;\n gap: 0.25em;\n align-items: center;\n justify-content: center;\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n}\n\n.kol-button-wc button.selected,\n.kol-button-wc[aria-selected=true] button {\n background-color: white;\n border-bottom-width: 0.25em !important;\n border-bottom-style: solid;\n border-bottom-color: var(--color-citrin) !important;\n}\n\nbutton > .kol-span-wc span {\n display: flex;\n gap: 0.25em;\n align-items: center;\n justify-content: center;\n}\n\nbutton:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\nbutton.primary,\nbutton.primary:disabled:hover {\n background-color: var(--kolibri-color-primary);\n border-color: var(--kolibri-color-primary);\n color: white;\n}\n\nbutton.primary:hover,\nbutton.primary:focus {\n color: var(--kolibri-color-primary);\n}\n\nbutton.secondary,\nbutton.secondary:disabled:hover {\n background-color: var(--kolibri-color-secondary);\n border-color: var(--kolibri-color-secondary);\n color: white;\n}\n\nbutton.secondary:hover,\nbutton.secondary:focus {\n color: var(--kolibri-color-secondary);\n}\n\nbutton.normal,\nbutton.normal:disabled:hover {\n background-color: var(--color-petrol);\n border-color: var(--color-petrol);\n color: white;\n}\n\nbutton.normal:hover,\nbutton.normal:focus {\n color: var(--color-petrol);\n}\n\nbutton.danger,\nbutton.danger:disabled:hover {\n background-color: var(--kolibri-color-danger);\n border-color: var(--kolibri-color-danger);\n color: white;\n}\n\nbutton.danger:hover,\nbutton.danger:focus {\n color: var(--kolibri-color-danger);\n}\n\nbutton.ghost,\nbutton.ghost:disabled:hover {\n background-color: white;\n border-color: var(--kolibri-color-ghost);\n color: var(--kolibri-color-ghost);\n}\n\nbutton.ghost:hover,\nbutton.ghost:focus {\n background-color: var(--kolibri-color-ghost);\n color: white;\n}\n\nbutton:hover,\nbutton:focus {\n background-color: white;\n box-shadow: 0 0 0.25em black;\n}\n\nbutton:active {\n outline: 0 !important;\n box-shadow: none !important;\n}\n\n.close-button {\n font-size: 25%;\n height: fit-content;\n width: 0;\n}\n\n.close-button button {\n width: 1rem;\n position: relative;\n height: 1rem;\n left: -4.25em;\n top: 0.25em;\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 > 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}";
|
|
10625
10625
|
|
package/dist/index.mjs
CHANGED
|
@@ -10617,7 +10617,7 @@ var css_248z$7 = ".kol-link-wc > a > .kol-span-wc {\n border-radius: 2rem;\n b
|
|
|
10617
10617
|
|
|
10618
10618
|
var css_248z$6 = ".popover {\n background: #fff;\n}";
|
|
10619
10619
|
|
|
10620
|
-
var css_248z$5 = ":host > div {\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n
|
|
10620
|
+
var css_248z$5 = ":host > div {\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.table {\n padding: 0.5em;\n}\n\n.table:has(.focus-element:focus) {\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\ntable {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n border: 1px solid var(--border-color);\n border-width: 0 1px 1px 1px;\n}\n\ntr {\n border-top: 1px solid var(--border-color);\n}\n\ntr:nth-child(even) {\n background-color: #f2f2f2;\n}\n\nth,\ntd {\n padding: 0.25em 0.5em;\n border-right: 1px solid var(--border-color);\n}\nth:last-child,\ntd:last-child {\n border-right-width: 0;\n}\n\nth {\n background-color: #eee;\n}\n\n.table-sort-button .button {\n font-weight: bold;\n}\n\n@media (min-width: 1024px) {\n :host > div.pagination,\n :host > div.pagination > div:last-child {\n grid-auto-flow: column;\n }\n :host > div.pagination .kol-pagination {\n display: flex;\n gap: 1rem;\n }\n}";
|
|
10621
10621
|
|
|
10622
10622
|
var css_248z$4 = ":host > div {\n display: block;\n width: 100%;\n}\n\n:host .kol-button-group-wc {\n display: flex;\n background-color: var(--color-petrol);\n}\n\n:host .kol-button-group-wc > div {\n display: inline-flex;\n}\n\n:host .kol-button-group-wc > div + div {\n margin-left: 0.25em;\n}\n\n:host > div > div {\n padding: 0.25em;\n border: 1px solid var(--border-color);\n}\n\nbutton {\n box-sizing: border-box;\n font-size: inherit;\n line-height: 1.25em;\n cursor: pointer;\n border-width: 2px;\n box-shadow: 0 0 0.25em gray;\n width: inherit;\n overflow: hidden;\n border-style: solid;\n padding: calc(4 * var(--spacing));\n display: grid;\n gap: 0.25em;\n align-items: center;\n justify-content: center;\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n}\n\n.kol-button-wc button.selected,\n.kol-button-wc[aria-selected=true] button {\n background-color: white;\n border-bottom-width: 0.25em !important;\n border-bottom-style: solid;\n border-bottom-color: var(--color-citrin) !important;\n}\n\nbutton > .kol-span-wc span {\n display: flex;\n gap: 0.25em;\n align-items: center;\n justify-content: center;\n}\n\nbutton:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\nbutton.primary,\nbutton.primary:disabled:hover {\n background-color: var(--kolibri-color-primary);\n border-color: var(--kolibri-color-primary);\n color: white;\n}\n\nbutton.primary:hover,\nbutton.primary:focus {\n color: var(--kolibri-color-primary);\n}\n\nbutton.secondary,\nbutton.secondary:disabled:hover {\n background-color: var(--kolibri-color-secondary);\n border-color: var(--kolibri-color-secondary);\n color: white;\n}\n\nbutton.secondary:hover,\nbutton.secondary:focus {\n color: var(--kolibri-color-secondary);\n}\n\nbutton.normal,\nbutton.normal:disabled:hover {\n background-color: var(--color-petrol);\n border-color: var(--color-petrol);\n color: white;\n}\n\nbutton.normal:hover,\nbutton.normal:focus {\n color: var(--color-petrol);\n}\n\nbutton.danger,\nbutton.danger:disabled:hover {\n background-color: var(--kolibri-color-danger);\n border-color: var(--kolibri-color-danger);\n color: white;\n}\n\nbutton.danger:hover,\nbutton.danger:focus {\n color: var(--kolibri-color-danger);\n}\n\nbutton.ghost,\nbutton.ghost:disabled:hover {\n background-color: white;\n border-color: var(--kolibri-color-ghost);\n color: var(--kolibri-color-ghost);\n}\n\nbutton.ghost:hover,\nbutton.ghost:focus {\n background-color: var(--kolibri-color-ghost);\n color: white;\n}\n\nbutton:hover,\nbutton:focus {\n background-color: white;\n box-shadow: 0 0 0.25em black;\n}\n\nbutton:active {\n outline: 0 !important;\n box-shadow: none !important;\n}\n\n.close-button {\n font-size: 25%;\n height: fit-content;\n width: 0;\n}\n\n.close-button button {\n width: 1rem;\n position: relative;\n height: 1rem;\n left: -4.25em;\n top: 0.25em;\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 > 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}";
|
|
10623
10623
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/themes",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.22",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
"wcag"
|
|
45
45
|
],
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@public-ui/schema": "1.7.21",
|
|
48
47
|
"@types/node": "ts5.4",
|
|
49
48
|
"@typescript-eslint/eslint-plugin": "7.7.1",
|
|
50
49
|
"@typescript-eslint/parser": "7.7.1",
|
|
@@ -53,10 +52,11 @@
|
|
|
53
52
|
"nodemon": "3.1.0",
|
|
54
53
|
"rollup-plugin-postcss": "4.0.2",
|
|
55
54
|
"typescript": "5.4.5",
|
|
56
|
-
"unbuild": "1.2.1"
|
|
55
|
+
"unbuild": "1.2.1",
|
|
56
|
+
"@public-ui/schema": "1.7.22"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
|
-
"@public-ui/components": "1.7.
|
|
59
|
+
"@public-ui/components": "1.7.22"
|
|
60
60
|
},
|
|
61
61
|
"sideEffects": false,
|
|
62
62
|
"type": "module",
|