@public-ui/theme-default 3.0.8-rc.1 → 3.0.8-rc.3
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 +13 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +13 -13
- package/dist/index.mjs.map +1 -1
- package/package.json +12 -12
package/dist/index.mjs
CHANGED
|
@@ -796,9 +796,9 @@ var hasRequiredCjs$1;
|
|
|
796
796
|
function requireCjs$1 () {
|
|
797
797
|
if (hasRequiredCjs$1) return cjs$1;
|
|
798
798
|
hasRequiredCjs$1 = 1;
|
|
799
|
-
(function (exports) {
|
|
800
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
801
|
-
exports.querySelectorAll = void 0;
|
|
799
|
+
(function (exports$1) {
|
|
800
|
+
Object.defineProperty(exports$1, "__esModule", { value: true });
|
|
801
|
+
exports$1.querySelectorAll = void 0;
|
|
802
802
|
const pushNodes = (set, domNodes) => {
|
|
803
803
|
domNodes.forEach((domNode) => {
|
|
804
804
|
if (set.has(domNode) === false) {
|
|
@@ -816,10 +816,10 @@ function requireCjs$1 () {
|
|
|
816
816
|
for (let i = 0; i < nodeList.length; i++) {
|
|
817
817
|
const shadowRoot = nodeList[i].shadowRoot;
|
|
818
818
|
if (typeof shadowRoot === "object" && shadowRoot !== null) {
|
|
819
|
-
pushNodes(domNodes, (0, exports.querySelectorAll)(selector, shadowRoot));
|
|
819
|
+
pushNodes(domNodes, (0, exports$1.querySelectorAll)(selector, shadowRoot));
|
|
820
820
|
}
|
|
821
821
|
else {
|
|
822
|
-
pushNodes(domNodes, (0, exports.querySelectorAll)(selector, nodeList[i]));
|
|
822
|
+
pushNodes(domNodes, (0, exports$1.querySelectorAll)(selector, nodeList[i]));
|
|
823
823
|
}
|
|
824
824
|
}
|
|
825
825
|
return Array.from(domNodes);
|
|
@@ -828,7 +828,7 @@ function requireCjs$1 () {
|
|
|
828
828
|
throw new Error(`The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.`);
|
|
829
829
|
}
|
|
830
830
|
};
|
|
831
|
-
exports.querySelectorAll = querySelectorAll;
|
|
831
|
+
exports$1.querySelectorAll = querySelectorAll;
|
|
832
832
|
|
|
833
833
|
} (cjs$1));
|
|
834
834
|
return cjs$1;
|
|
@@ -843,9 +843,9 @@ var hasRequiredCjs;
|
|
|
843
843
|
function requireCjs () {
|
|
844
844
|
if (hasRequiredCjs) return cjs;
|
|
845
845
|
hasRequiredCjs = 1;
|
|
846
|
-
(function (exports) {
|
|
847
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
848
|
-
exports.querySelector = void 0;
|
|
846
|
+
(function (exports$1) {
|
|
847
|
+
Object.defineProperty(exports$1, "__esModule", { value: true });
|
|
848
|
+
exports$1.querySelector = void 0;
|
|
849
849
|
const querySelector = (selector, node = document) => {
|
|
850
850
|
if (node instanceof Document ||
|
|
851
851
|
node instanceof HTMLElement ||
|
|
@@ -856,10 +856,10 @@ function requireCjs () {
|
|
|
856
856
|
for (let i = 0; i < nodeList.length; i++) {
|
|
857
857
|
const shadowRoot = nodeList[i].shadowRoot;
|
|
858
858
|
if (typeof shadowRoot === "object" && shadowRoot !== null) {
|
|
859
|
-
domNode = (0, exports.querySelector)(selector, shadowRoot);
|
|
859
|
+
domNode = (0, exports$1.querySelector)(selector, shadowRoot);
|
|
860
860
|
}
|
|
861
861
|
else {
|
|
862
|
-
domNode = (0, exports.querySelector)(selector, nodeList[i]);
|
|
862
|
+
domNode = (0, exports$1.querySelector)(selector, nodeList[i]);
|
|
863
863
|
}
|
|
864
864
|
if (domNode !== null) {
|
|
865
865
|
break;
|
|
@@ -872,7 +872,7 @@ function requireCjs () {
|
|
|
872
872
|
throw new Error(`The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.`);
|
|
873
873
|
}
|
|
874
874
|
};
|
|
875
|
-
exports.querySelector = querySelector;
|
|
875
|
+
exports$1.querySelector = querySelector;
|
|
876
876
|
|
|
877
877
|
} (cjs));
|
|
878
878
|
return cjs;
|
|
@@ -1222,7 +1222,7 @@ var css_248z$i = "/* forward the rem function */\n@layer kol-theme-component {\n
|
|
|
1222
1222
|
|
|
1223
1223
|
var css_248z$h = "/* forward the rem function */\n@layer kol-theme-component {\n .kol-card {\n background-color: var(--color-light);\n box-shadow: 0 0 4px color-mix(in srgb, black 80%, var(--color-subtle));\n border-radius: var(--border-radius);\n display: grid;\n width: 100%;\n height: 100%;\n grid-template-rows: min-content 2fr min-content;\n }\n .kol-card__header {\n display: block;\n padding: calc(16 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16)) calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n line-height: 1.75;\n }\n .kol-card__content {\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16)) calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-modal__card {\n box-shadow: 0 0 4px var(--color-subtle);\n border-radius: var(--border-radius);\n }\n}";
|
|
1224
1224
|
|
|
1225
|
-
var css_248z$g = "/* forward the rem function */\n@layer kol-theme-component {\n :host {\n background-color: var(--color-mute);\n }\n .kol-nav {\n --kol-nav-item-padding-left: 0;\n --kol-nav-item-padding-right: 16;\n }\n .kol-nav__list {\n list-style: none;\n --kol-nav-nested-padding-left: calc(var(--kol-nav-item-padding-left) + 8);\n }\n .kol-nav__list-item {\n --kol-nav-item-padding-left: calc(var(--kol-nav-nested-padding-left) + 8);\n }\n .kol-nav__list--horizontal {\n --kol-nav-item-padding-right: 8;\n gap: 0 calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__entry--link {\n display: flex;\n }\n .kol-nav__entry .kol-link,\n .kol-nav__entry .kol-button {\n color: var(--color-primary);\n display: flex;\n min-height: var(--a11y-min-size);\n padding-right: calc(var(--kol-nav-item-padding-right) * 1rem / var(--kolibri-root-font-size, 16));\n padding-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n text-decoration: none;\n }\n .kol-nav__entry .kol-link:focus-visible,\n .kol-nav__entry .kol-button:focus-visible {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-nav__list--vertical .kol-nav__entry .kol-link,\n .kol-nav__list--vertical .kol-nav__entry .kol-button {\n padding-left: calc(var(--kol-nav-item-padding-left) * 1rem / var(--kolibri-root-font-size, 16));\n border-left: 2px solid transparent;\n }\n .kol-nav--vertical .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-link,\n .kol-nav--vertical .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-button {\n border-left-color: var(--color-primary);\n }\n .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-link,\n .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-button {\n font-weight: bold;\n }\n .kol-nav__entry .kol-link:hover .kol-span__label,\n .kol-nav__entry .kol-button:hover .kol-span__label {\n text-decoration: underline;\n }\n .kol-nav__toggle-button .kol-button {\n margin-bottom: calc(5 * 1rem / var(--kolibri-root-font-size, 16));\n --text-background-color: var(--color-
|
|
1225
|
+
var css_248z$g = "/* forward the rem function */\n@layer kol-theme-component {\n :host {\n background-color: var(--color-mute);\n }\n .kol-nav {\n --kol-nav-item-padding-left: 0;\n --kol-nav-item-padding-right: 16;\n }\n .kol-nav__list {\n list-style: none;\n --kol-nav-nested-padding-left: calc(var(--kol-nav-item-padding-left) + 8);\n }\n .kol-nav__list-item {\n --kol-nav-item-padding-left: calc(var(--kol-nav-nested-padding-left) + 8);\n }\n .kol-nav__list--horizontal {\n --kol-nav-item-padding-right: 8;\n gap: 0 calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__entry--link {\n display: flex;\n }\n .kol-nav__entry .kol-link,\n .kol-nav__entry .kol-button {\n color: var(--color-primary);\n display: flex;\n min-height: var(--a11y-min-size);\n padding-right: calc(var(--kol-nav-item-padding-right) * 1rem / var(--kolibri-root-font-size, 16));\n padding-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n align-items: center;\n text-decoration: none;\n }\n .kol-nav__entry .kol-link:focus-visible,\n .kol-nav__entry .kol-button:focus-visible {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-nav__list--vertical .kol-nav__entry .kol-link,\n .kol-nav__list--vertical .kol-nav__entry .kol-button {\n padding-left: calc(var(--kol-nav-item-padding-left) * 1rem / var(--kolibri-root-font-size, 16));\n border-left: 2px solid transparent;\n }\n .kol-nav--vertical .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-link,\n .kol-nav--vertical .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-button {\n border-left-color: var(--color-primary);\n }\n .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-link,\n .kol-nav__list-item--active > .kol-nav__entry-wrapper .kol-nav__entry .kol-button {\n font-weight: bold;\n }\n .kol-nav__entry .kol-link:hover .kol-span__label,\n .kol-nav__entry .kol-button:hover .kol-span__label {\n text-decoration: underline;\n }\n .kol-nav__toggle-button .kol-button {\n margin-bottom: calc(5 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__toggle-button .kol-button:focus {\n outline: none;\n }\n .kol-nav__toggle-button .kol-button:not([disabled]):hover {\n --text-background-color: var(--color-primary-variant);\n --text-border-color: var(--color-primary-variant);\n --text-color: var(--color-light);\n }\n .kol-nav__toggle-button .kol-button {\n --text-background-color: var(--color-light);\n --text-border-color: var(--color-light);\n --text-color: var(--color-primary);\n --text-box-shadow: none;\n }\n .kol-nav__toggle-button .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n border-color: var(--text-border-color);\n border-style: solid;\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16)) calc(14 * 1rem / var(--kolibri-root-font-size, 16));\n border-width: var(--border-width);\n font-weight: 700;\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-nav__toggle-button .kol-button__text:hover {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--text-border-color);\n }\n .kol-nav__toggle-button .kol-button--hide-label .kol-nav__toggle-button .kol-button__text {\n width: unset;\n padding: calc(12.8 * 1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-nav__toggle-button .kol-button--hide-label .kol-nav__toggle-button .kol-button__text .kol-span__label {\n display: none;\n }\n .kol-nav__toggle-button .kol-button:focus {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-nav__toggle-button .kol-button:disabled:hover .kol-nav__toggle-button .kol-button__text {\n color: var(--text-color);\n background-color: var(--text-background-color);\n box-shadow: none;\n border-color: var(--text-border-color);\n }\n}";
|
|
1226
1226
|
|
|
1227
1227
|
var css_248z$f = "/* forward the rem function */\n@layer kol-theme-component {\n @media (min-width: 1024px) {\n .kol-table-stateful__pagination, .kol-table-stateful__pagination-wrapper {\n gap: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n }\n }\n .kol-pagination .kol-button:focus .kol-button__text {\n outline: var(--color-primary-variant) solid calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n border-radius: var(--border-radius);\n outline-offset: 2px;\n transition: 200ms outline-offset linear;\n }\n .kol-pagination .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary-variant);\n box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n border-color: var(--color-primary-variant);\n }\n .kol-pagination .kol-button:active .kol-button__text {\n color: var(--color-light);\n outline: none;\n }\n .kol-pagination .kol-button__text {\n color: var(--color-primary);\n background-color: var(--color-light);\n border-radius: var(--border-radius);\n min-width: var(--a11y-min-size);\n min-height: var(--a11y-min-size);\n padding: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n font-weight: 700;\n border: 1px solid var(--color-primary);\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n .kol-pagination__button--selected .kol-button {\n opacity: 1;\n }\n .kol-pagination__button--selected .kol-button__text {\n color: var(--color-light);\n background-color: var(--color-primary);\n border: 0;\n }\n}";
|
|
1228
1228
|
|