@progress/kendo-theme-core 10.6.0 → 11.0.0-dev.1

package/dist/all.css

@@ -1 +1 @@
-:root{--kendo-color-app-surface: #ffffff;--kendo-color-on-app-surface: #3d3d3d;--kendo-color-subtle: #666666;--kendo-color-surface: #fafafa;--kendo-color-surface-alt: #ffffff;--kendo-color-border: rgba(0, 0, 0, 0.08);--kendo-color-border-alt: rgba(0, 0, 0, 0.16);--kendo-color-base-subtle: #ebebeb;--kendo-color-base-subtle-hover: #e0e0e0;--kendo-color-base-subtle-active: #d6d6d6;--kendo-color-base: #f5f5f5;--kendo-color-base-hover: #ebebeb;--kendo-color-base-active: #d6d6d6;--kendo-color-base-emphasis: #c2c2c2;--kendo-color-base-on-subtle: #3d3d3d;--kendo-color-on-base: #3d3d3d;--kendo-color-base-on-surface: #3d3d3d;--kendo-color-primary-subtle: #ffeceb;--kendo-color-primary-subtle-hover: #ffdedb;--kendo-color-primary-subtle-active: #ffc8c4;--kendo-color-primary: #ff6358;--kendo-color-primary-hover: #ea5a51;--kendo-color-primary-active: #d45349;--kendo-color-primary-emphasis: #ff9d97;--kendo-color-primary-on-subtle: #5c201c;--kendo-color-on-primary: #ffffff;--kendo-color-primary-on-surface: #ff6358;--kendo-color-secondary-subtle: #fafafa;--kendo-color-secondary-subtle-hover: #f5f5f5;--kendo-color-secondary-subtle-active: #ebebeb;--kendo-color-secondary: #666666;--kendo-color-secondary-hover: #525252;--kendo-color-secondary-active: #3d3d3d;--kendo-color-secondary-emphasis: #e0e0e0;--kendo-color-secondary-on-subtle: #141414;--kendo-color-on-secondary: #ffffff;--kendo-color-secondary-on-surface: #292929;--kendo-color-tertiary-subtle: #d8f1fd;--kendo-color-tertiary-subtle-hover: #c5eafc;--kendo-color-tertiary-subtle-active: #a3dffb;--kendo-color-tertiary: #03a9f4;--kendo-color-tertiary-hover: #039ae0;--kendo-color-tertiary-active: #028ccb;--kendo-color-tertiary-emphasis: #61c9f9;--kendo-color-tertiary-on-subtle: #023f5c;--kendo-color-on-tertiary: #ffffff;--kendo-color-tertiary-on-surface: #028ccb;--kendo-color-info-subtle: #d2e2fb;--kendo-color-info-subtle-hover: #bdd4f8;--kendo-color-info-subtle-active: #80acf4;--kendo-color-info: #0058e9;--kendo-color-info-hover: #0052d6;--kendo-color-info-active: #004ac2;--kendo-color-info-emphasis: #6098f2;--kendo-color-info-on-subtle: #002259;--kendo-color-on-info: #ffffff;--kendo-color-info-on-surface: #004ac2;--kendo-color-success-subtle: #dcf0d3;--kendo-color-success-subtle-hover: #cbe9bf;--kendo-color-success-subtle-active: #b7e1a5;--kendo-color-success: #37b400;--kendo-color-success-hover: #32a500;--kendo-color-success-active: #2d9600;--kendo-color-success-emphasis: #81d15f;--kendo-color-success-on-subtle: #1c5a00;--kendo-color-on-success: #ffffff;--kendo-color-success-on-surface: #2d9600;--kendo-color-warning-subtle: #fff4d3;--kendo-color-warning-subtle-hover: #ffeebd;--kendo-color-warning-subtle-active: #ffe79e;--kendo-color-warning: #ffc000;--kendo-color-warning-hover: #eaaf00;--kendo-color-warning-active: #d49f00;--kendo-color-warning-emphasis: #ffd760;--kendo-color-warning-on-subtle: #5e4700;--kendo-color-on-warning: #3d3d3d;--kendo-color-warning-on-surface: #ffc000;--kendo-color-error-subtle: #fcddda;--kendo-color-error-subtle-hover: #fbc8c3;--kendo-color-error-subtle-active: #f98b80;--kendo-color-error: #f31700;--kendo-color-error-hover: #df1600;--kendo-color-error-active: #ca1400;--kendo-color-error-emphasis: #f76f60;--kendo-color-error-on-subtle: #7a0c00;--kendo-color-on-error: #ffffff;--kendo-color-error-on-surface: #ca1400;--kendo-color-light-subtle: #fafafa;--kendo-color-light-subtle-hover: #f5f5f5;--kendo-color-light-subtle-active: #ebebeb;--kendo-color-light: #ebebeb;--kendo-color-light-hover: #e0e0e0;--kendo-color-light-active: #d6d6d6;--kendo-color-light-emphasis: #d6d6d6;--kendo-color-light-on-subtle: #141414;--kendo-color-on-light: #000000;--kendo-color-light-on-surface: #e0e0e0;--kendo-color-dark-subtle: #c2c2c2;--kendo-color-dark-subtle-hover: #adadad;--kendo-color-dark-subtle-active: #999999;--kendo-color-dark: #3d3d3d;--kendo-color-dark-hover: #292929;--kendo-color-dark-active: #1f1f1f;--kendo-color-dark-emphasis: #666666;--kendo-color-dark-on-subtle: #1f1f1f;--kendo-color-on-dark: #ffffff;--kendo-color-dark-on-surface: #141414;--kendo-color-inverse-subtle: #c2c2c2;--kendo-color-inverse-subtle-hover: #adadad;--kendo-color-inverse-subtle-active: #999999;--kendo-color-inverse: #3d3d3d;--kendo-color-inverse-hover: #292929;--kendo-color-inverse-active: #1f1f1f;--kendo-color-inverse-emphasis: #666666;--kendo-color-inverse-on-subtle: #1f1f1f;--kendo-color-on-inverse: #ffffff;--kendo-color-inverse-on-surface: #141414;--kendo-color-series-a: #ff6358;--kendo-color-series-a-bold: #bf4a42;--kendo-color-series-a-bolder: #80322c;--kendo-color-series-a-subtle: #ffb1ac;--kendo-color-series-a-subtler: #ff8a82;--kendo-color-series-b: #ffe162;--kendo-color-series-b-bold: #bfa94a;--kendo-color-series-b-bolder: #807131;--kendo-color-series-b-subtle: #fff0b1;--kendo-color-series-b-subtler: #ffe989;--kendo-color-series-c: #4cd180;--kendo-color-series-c-bold: #399d60;--kendo-color-series-c-bolder: #266940;--kendo-color-series-c-subtle: #a6e8c0;--kendo-color-series-c-subtler: #79dda0;--kendo-color-series-d: #4b5ffa;--kendo-color-series-d-bold: #3847bc;--kendo-color-series-d-bolder: #26307d;--kendo-color-series-d-subtle: #a5affd;--kendo-color-series-d-subtler: #7887fb;--kendo-color-series-e: #ac58ff;--kendo-color-series-e-bold: #8142bf;--kendo-color-series-e-bolder: #562c80;--kendo-color-series-e-subtle: #d6acff;--kendo-color-series-e-subtler: #c182ff;--kendo-color-series-f: #ff5892;--kendo-color-series-f-bold: #bf426e;--kendo-color-series-f-bolder: #802c49;--kendo-color-series-f-subtle: #ffacc9;--kendo-color-series-f-subtler: #ff82ae}.k-sr-only{position:absolute;left:-1px;width:1px;height:1px;overflow:hidden}.k-push-right-enter,.k-push-right-appear{transform:translate(-100%, 0)}.k-push-right-enter-active,.k-push-right-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-right-exit{transform:translate(0, 0)}.k-push-right-exit-active{transform:translate(100%, 0);transition:transform 300ms ease-in-out}.k-push-left-enter,.k-push-left-appear{transform:translate(100%, 0)}.k-push-left-enter-active,.k-push-left-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-left-exit{transform:translate(0, 0)}.k-push-left-exit-active{transform:translate(-100%, 0);transition:transform 300ms ease-in-out}.k-push-down-enter,.k-push-down-appear{transform:translate(0, -100%)}.k-push-down-enter-active,.k-push-down-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-down-exit{transform:translate(0, 0)}.k-push-down-exit-active{transform:translate(0, 100%);transition:transform 300ms ease-in-out}.k-push-up-enter,.k-push-up-appear{transform:translate(0, 100%)}.k-push-up-enter-active,.k-push-up-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-up-exit{transform:translate(0, 0)}.k-push-up-exit-active{transform:translate(0, -100%);transition:transform 300ms ease-in-out}.k-expand-vertical-enter,.k-expand-vertical-appear{transform:scaleY(0)}.k-expand-vertical-enter-active,.k-expand-vertical-appear-active{transform:scaleY(1);transition:transform 300ms ease-in-out}.k-expand-vertical-exit{transform:scaleY(1)}.k-expand-vertical-exit-active{transform:scaleY(0);transition:transform 300ms ease-in-out}.k-expand-horizontal-enter,.k-expand-horizontal-appear{transform:scaleX(0)}.k-expand-horizontal-enter-active,.k-expand-horizontal-appear-active{transform:scaleX(1);transition:transform 300ms ease-in-out}.k-expand-horizontal-exit{transform:scaleX(1)}.k-expand-horizontal-exit-active{transform:scaleX(0);transition:transform 300ms ease-in-out}.k-fade-enter,.k-fade-appear{opacity:0}.k-fade-enter-active,.k-fade-appear-active{opacity:1;transition:opacity 500ms ease-in-out}.k-fade-exit{opacity:1}.k-fade-exit-active{opacity:0;transition:opacity 500ms ease-in-out}.k-fade-exit-active+.k-fade-exit-active,.k-fade-enter-active+.k-fade-enter-active{display:none}.k-zoom-in-enter,.k-zoom-in-appear{opacity:0;transform:scale(0)}.k-zoom-in-enter-active,.k-zoom-in-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-in-exit{opacity:1;transform:scale(1)}.k-zoom-in-exit-active{opacity:0;transform:scale(2);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-enter,.k-zoom-out-appear{opacity:0;transform:scale(2)}.k-zoom-out-enter-active,.k-zoom-out-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-exit{opacity:1;transform:scale(1)}.k-zoom-out-exit-active{opacity:0;transform:scale(0);transition:transform,opacity 300ms ease-in-out}.k-slide-in-appear{opacity:.1;transform:translate(0, -3em)}.k-slide-in-appear .k-centered{transform:translate(-50%, -60%)}.k-slide-in-appear-active{opacity:1;transform:translate(0, 0);transition:transform .3s cubic-bezier(0.2, 0.6, 0.4, 1),opacity .3s cubic-bezier(0.2, 1, 0.2, 1)}.k-slide-in-appear-active .k-centered{transform:translate(-50%, -50%)}.k-slide-down-enter,.k-slide-down-appear{transform:translateY(-100%)}.k-slide-down-enter-active,.k-slide-down-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-down-exit{transform:translateY(0)}.k-slide-down-exit-active{transform:translateY(-100%);transition:transform 300ms ease-in-out}.k-slide-up-enter,.k-slide-up-appear{transform:translateY(100%)}.k-slide-up-enter-active,.k-slide-up-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-up-exit{transform:translateY(0)}.k-slide-up-exit-active{transform:translateY(100%);transition:transform 300ms ease-in-out}.k-slide-right-enter,.k-slide-right-appear{transform:translateX(-100%)}.k-slide-right-enter-active,.k-slide-right-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-right-exit{transform:translateX(0)}.k-slide-right-exit-active{transform:translateX(-100%);transition:transform 300ms ease-in-out}.k-slide-left-enter,.k-slide-left-appear{transform:translateX(100%)}.k-slide-left-enter-active,.k-slide-left-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-left-exit{transform:translateX(0)}.k-slide-left-exit-active{transform:translateX(100%);transition:transform 300ms ease-in-out}.k-reveal-vertical-enter,.k-reveal-vertical-appear{max-height:0}.k-reveal-vertical-enter-active,.k-reveal-vertical-appear-active{transition:max-height 300ms ease-in-out}.k-reveal-vertical-exit-active{max-height:0 !important;transition:max-height 300ms ease-in-out}.k-reveal-horizontal-enter,.k-reveal-horizontal-appear{max-width:0}.k-reveal-horizontal-enter-active,.k-reveal-horizontal-appear-active{transition:max-width 300ms ease-in-out}.k-reveal-horizontal-exit-active{max-width:0 !important;transition:max-width 300ms ease-in-out}.k-fx-end .k-fx-next,.k-fx-end .k-fx-current{transition:all 350ms ease-out}.k-fx{position:relative}.k-fx .k-fx-current{z-index:0}.k-fx .k-fx-next{z-index:1}.k-fx-hidden,.k-fx-hidden *{visibility:hidden !important}.k-fx-reverse .k-fx-current{z-index:1}.k-fx-reverse .k-fx-next{z-index:0}.k-fx-zoom.k-fx-start .k-fx-next{transform:scale(0) !important}.k-fx-zoom.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current{transform:scale(0) !important}.k-fx-fade.k-fx-start .k-fx-next{will-change:opacity;opacity:0}.k-fx-fade.k-fx-end .k-fx-next{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current{will-change:opacity;opacity:1}.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current{opacity:0}.k-fx-slide.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-content,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-current .km-content,.k-fx-slide.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-end .k-fx-current .km-footer{transition:all 350ms ease-out}.k-fx-slide.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-start .k-fx-next .km-content{will-change:transform;transform:translateX(100%)}.k-fx-slide.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-start .k-fx-next .km-footer{will-change:opacity;opacity:0}.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content{will-change:transform;transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer{will-change:opacity;opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer{opacity:0}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content{transform:translateX(0)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0%)}.k-fx-tile.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx-tile.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:translateX(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0%)}.k-fx.k-fx-overlay.k-fx-start .k-fx-next,.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next{transform:translateY(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next{transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current{transform:translateY(-100%)}.k-theme-test-class,.k-common-test-class{opacity:0}.k-hstack,.k-hbox{display:flex;flex-flow:row nowrap}.k-vstack,.k-vbox{display:flex;flex-flow:column nowrap}.k-spacer,.k-flex{flex:1 1 auto}.k-spacer-sized{flex:none}.k-float-wrap::after,.k-floatwrap::after{content:"";display:block;clear:both}.k-flex-layout{display:flex}.k-grid-layout{display:grid}.k-separator{width:auto;height:0;border-width:1px 0 0;border-style:solid;border-color:inherit;display:block;flex-grow:0 !important;flex-shrink:0 !important;align-self:stretch}.k-separator-horizontal,.k-vstack>.k-separator,.k-vbox>.k-separator{width:auto;height:0;border-width:1px 0 0}.k-separator-vertical,.k-hstack>.k-separator,.k-hbox>.k-separator{width:0;height:auto;border-width:0 0 0 1px}hr.k-separator{margin:0;padding:0}.k-hidden{display:none !important}.k-rtl{direction:rtl}[hidden]{display:none !important}script{display:none !important}.k-disabled,.k-widget[disabled],.k-disabled{outline:none;cursor:default;color:var(--kendo-disabled-text, unset);background-color:var(--kendo-disabled-bg, unset);border-color:var(--kendo-disabled-border, unset);opacity:var(--kendo-disabled-opacity, unset);filter:var(--kendo-disabled-filter, unset);pointer-events:none;box-shadow:none}.k-disabled .k-link,.k-widget[disabled] .k-link,.k-disabled .k-link{cursor:default;outline:0}.k-disabled [disabled],.k-disabled .k-disabled,.k-widget[disabled] [disabled],.k-widget[disabled] .k-disabled,.k-disabled [disabled],.k-disabled .k-disabled{--kendo-disabled-opacity: 1;--kendo-disabled-filter: grayscale(0)}.k-hr{margin-block:var(--kendo-spacing-4, 1rem);padding:0;height:0;border-width:1px 0 0;border-style:solid;border-color:var(--kendo-hr-border, unset);display:block;float:none;clear:both}.k-d-flex-row>.k-hr{margin:0;width:0;height:auto;border-width:0 0 0 1px;flex:0 0 auto}.k-d-flex-col>.k-hr{margin:0;flex:0 0 auto}.k-sprite{display:inline-block;width:1rem;height:1rem;overflow:hidden;background-repeat:no-repeat;font-size:0;line-height:0;text-align:center}.k-image{display:inline-block}.k-reset{margin:0;padding:0;border-width:0;outline:0;text-decoration:none;font:inherit;list-style:none}kendo-sortable{display:block}.k-link,.k-link:hover{color:inherit;text-decoration:none;outline:0;cursor:pointer}.k-content{outline:0}.k-centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.k-no-click{pointer-events:none}.k-pdf-export-shadow{position:absolute;overflow:hidden;left:-15000px;width:14400px}.kendo-pdf-hide-pseudo-elements::before,.kendo-pdf-hide-pseudo-elements::after{display:none !important}.k-dirty{margin:0;padding:0;width:0;height:0;border-width:3px;border-style:solid;border-block-start-color:currentColor;border-block-end-color:rgba(0,0,0,0);border-inline-start-color:rgba(0,0,0,0);border-inline-end-color:currentColor;position:absolute;inset-block-start:0;inset-inline-end:0}.k-marquee{position:absolute;z-index:100000}.k-marquee-color,.k-marquee-text{position:absolute;top:0;left:0;width:100%;height:100%}.k-marquee-color{color:var(--kendo-marquee-text, unset);background-color:var(--kendo-marquee-bg, unset);border-color:var(--kendo-marquee-border, unset);opacity:.6}.k-marquee-text{color:var(--kendo-marquee-text, unset)}.k-text-selection ::selection{background-color:var(--kendo-text-selection-bg, unset);color:var(--kendo-marquee-text, unset)}.k-scrollbar{position:absolute;overflow:scroll}.k-scrollbar-vertical{top:0;right:0;width:17px;height:100%;overflow-x:hidden}.k-touch-scrollbar{display:none;position:absolute;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585}.k-resize-handle,.k-resize-hint{position:absolute;border-color:inherit;z-index:200}.k-resize-handle{display:flex;align-items:center;justify-content:center}.k-resize-handle::before{content:"";border:0 solid;border-color:inherit}.k-resize-n{width:100%;height:6px;flex-direction:row;left:0;top:-3px;cursor:n-resize}.k-resize-s{width:100%;height:6px;flex-direction:row;left:0;bottom:-3px;cursor:s-resize}.k-resize-w{width:6px;height:100%;flex-direction:column;top:0;left:-3px;cursor:w-resize}.k-resize-e{width:6px;height:100%;flex-direction:column;top:0;right:-3px;cursor:e-resize}.k-resize-sw,.k-resize-se,.k-resize-nw,.k-resize-ne{width:5px;height:5px}.k-resize-sw{cursor:sw-resize;bottom:0;left:0}.k-resize-se{cursor:se-resize;bottom:0;right:0}.k-resize-nw{cursor:nw-resize;top:0;left:0}.k-resize-ne{cursor:ne-resize;top:0;right:0}.k-vertical-resize{cursor:row-resize}.k-horizontal-resize{cursor:col-resize}.k-resize-hint{display:flex;flex-direction:column;align-items:center}.k-resize-hint .k-resize-hint-handle{width:auto;height:20px;align-self:stretch}.k-resize-hint .k-resize-hint-marker{width:2px;height:auto;flex:1 1 auto}.k-resize-hint-vertical{display:flex;flex-direction:row;align-items:center}.k-resize-hint-vertical .k-resize-hint-handle{width:20px;height:auto;align-self:stretch}.k-resize-hint-vertical .k-resize-hint-marker{width:auto;height:2px;flex:1 1 auto}.k-top-start,.k-pos-top-start{top:0;inset-inline-start:0}.k-top-end,.k-pos-top-end{top:0;inset-inline-end:0}.k-bottom-start,.k-pos-bottom-start{bottom:0;inset-inline-start:0}.k-bottom-end,.k-pos-bottom-end{bottom:0;inset-inline-end:0}.k-top-center,.k-pos-top-center{top:0;left:50%;transform:translateX(-50%)}.k-middle-left,.k-middle-start,.k-pos-middle-start{top:50%;left:0;transform:translateY(-50%)}.k-middle-center{top:50%;left:50%;transform:translateY(-50%)}.k-middle-right,.k-middle-end,.k-pos-middle-end{top:50%;right:0;transform:translateY(-50%)}.k-bottom-center,.k-pos-bottom-center{bottom:0;left:50%;transform:translateX(-50%)}:root{--kendo-spacing-0: 0px;--kendo-spacing-1px: 1px;--kendo-spacing-0\.5: 0.125rem;--kendo-spacing-1: 0.25rem;--kendo-spacing-1\.5: 0.375rem;--kendo-spacing-2: 0.5rem;--kendo-spacing-2\.5: 0.625rem;--kendo-spacing-3: 0.75rem;--kendo-spacing-3\.5: 0.875rem;--kendo-spacing-4: 1rem;--kendo-spacing-4\.5: 1.125rem;--kendo-spacing-5: 1.25rem;--kendo-spacing-5\.5: 1.375rem;--kendo-spacing-6: 1.5rem;--kendo-spacing-6\.5: 1.625rem;--kendo-spacing-7: 1.75rem;--kendo-spacing-7\.5: 1.875rem;--kendo-spacing-8: 2rem;--kendo-spacing-9: 2.25rem;--kendo-spacing-10: 2.5rem;--kendo-spacing-11: 2.75rem;--kendo-spacing-12: 3rem;--kendo-spacing-13: 3.25rem;--kendo-spacing-14: 3.5rem;--kendo-spacing-15: 3.75rem;--kendo-spacing-16: 4rem;--kendo-spacing-17: 4.25rem;--kendo-spacing-18: 4.5rem;--kendo-spacing-19: 4.75rem;--kendo-spacing-20: 5rem;--kendo-spacing-21: 5.25rem;--kendo-spacing-22: 5.5rem;--kendo-spacing-23: 5.75rem;--kendo-spacing-24: 6rem;--kendo-spacing-25: 7rem;--kendo-spacing-26: 8rem;--kendo-spacing-27: 9rem;--kendo-spacing-28: 10rem;--kendo-spacing-29: 11rem;--kendo-spacing-30: 12rem}:root{--kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)}:root{--kendo-font-family: inherit;--kendo-font-size: 0.875rem;--kendo-line-height: 1.4285714286;--kendo-font-weight: 400;--kendo-letter-spacing: ;--kendo-font-size-xxs: 0.5rem;--kendo-font-size-xs: 0.625rem;--kendo-font-size-sm: 0.75rem;--kendo-font-size-md: 0.875rem;--kendo-font-size-lg: 1rem;--kendo-font-size-xl: 1.25rem;--kendo-line-height-xs: 1;--kendo-line-height-sm: 1.25;--kendo-line-height-md: 1.4285714286;--kendo-line-height-lg: 1.5;--kendo-font-weight-thin: 100;--kendo-font-weight-extra-light: 200;--kendo-font-weight-light: 300;--kendo-font-weight-normal: 400;--kendo-font-weight-medium: 500;--kendo-font-weight-semibold: 600;--kendo-font-weight-bold: 700;--kendo-letter-spacing-tightest: -0.15px;--kendo-letter-spacing-tighter: -0.1px;--kendo-letter-spacing-tight: -0.5px;--kendo-letter-spacing-normal: 0px;--kendo-letter-spacing-wide: 0.5px;--kendo-letter-spacing-wider: 0.1px;--kendo-letter-spacing-widest: 0.15px;--kendo-font-family-sans: Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans;--kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville;--kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace}:root{--kendo-border-radius-none: 0px;--kendo-border-radius-xs: 1px;--kendo-border-radius-sm: 0.125rem;--kendo-border-radius-md: 0.25rem;--kendo-border-radius-lg: 0.375rem;--kendo-border-radius-xl: 0.5rem;--kendo-border-radius-xxl: 0.75rem;--kendo-border-radius-xxxl: 1rem;--kendo-border-radius-full: 9999px}.k-rounded-none{border-radius:var(--kendo-border-radius-none, 0px)}.k-rounded-xs{border-radius:var(--kendo-border-radius-xs, 1px)}.k-rounded-sm{border-radius:var(--kendo-border-radius-sm, 0.125rem)}.k-rounded-md{border-radius:var(--kendo-border-radius-md, 0.25rem)}.k-rounded-lg{border-radius:var(--kendo-border-radius-lg, 0.375rem)}.k-rounded-xl{border-radius:var(--kendo-border-radius-xl, 0.5rem)}.k-rounded-xxl{border-radius:var(--kendo-border-radius-xxl, 0.75rem)}.k-rounded-xxxl{border-radius:var(--kendo-border-radius-xxxl, 1rem)}.k-rounded-full{border-radius:var(--kendo-border-radius-full, 9999px)}
+:root{--kendo-color-app-surface: #ffffff;--kendo-color-on-app-surface: #3d3d3d;--kendo-color-subtle: #666666;--kendo-color-surface: #fafafa;--kendo-color-surface-alt: #ffffff;--kendo-color-border: rgba(0, 0, 0, 0.08);--kendo-color-border-alt: rgba(0, 0, 0, 0.16);--kendo-color-base-subtle: #ebebeb;--kendo-color-base-subtle-hover: #e0e0e0;--kendo-color-base-subtle-active: #d6d6d6;--kendo-color-base: #f5f5f5;--kendo-color-base-hover: #ebebeb;--kendo-color-base-active: #d6d6d6;--kendo-color-base-emphasis: #c2c2c2;--kendo-color-base-on-subtle: #3d3d3d;--kendo-color-on-base: #3d3d3d;--kendo-color-base-on-surface: #3d3d3d;--kendo-color-primary-subtle: #ffeceb;--kendo-color-primary-subtle-hover: #ffdedb;--kendo-color-primary-subtle-active: #ffc8c4;--kendo-color-primary: #ff6358;--kendo-color-primary-hover: #ea5a51;--kendo-color-primary-active: #d45349;--kendo-color-primary-emphasis: #ff9d97;--kendo-color-primary-on-subtle: #5c201c;--kendo-color-on-primary: #ffffff;--kendo-color-primary-on-surface: #ff6358;--kendo-color-secondary-subtle: #fafafa;--kendo-color-secondary-subtle-hover: #f5f5f5;--kendo-color-secondary-subtle-active: #ebebeb;--kendo-color-secondary: #666666;--kendo-color-secondary-hover: #525252;--kendo-color-secondary-active: #3d3d3d;--kendo-color-secondary-emphasis: #e0e0e0;--kendo-color-secondary-on-subtle: #141414;--kendo-color-on-secondary: #ffffff;--kendo-color-secondary-on-surface: #292929;--kendo-color-tertiary-subtle: #d8f1fd;--kendo-color-tertiary-subtle-hover: #c5eafc;--kendo-color-tertiary-subtle-active: #a3dffb;--kendo-color-tertiary: #03a9f4;--kendo-color-tertiary-hover: #039ae0;--kendo-color-tertiary-active: #028ccb;--kendo-color-tertiary-emphasis: #61c9f9;--kendo-color-tertiary-on-subtle: #023f5c;--kendo-color-on-tertiary: #ffffff;--kendo-color-tertiary-on-surface: #028ccb;--kendo-color-info-subtle: #d2e2fb;--kendo-color-info-subtle-hover: #bdd4f8;--kendo-color-info-subtle-active: #80acf4;--kendo-color-info: #0058e9;--kendo-color-info-hover: #0052d6;--kendo-color-info-active: #004ac2;--kendo-color-info-emphasis: #6098f2;--kendo-color-info-on-subtle: #002259;--kendo-color-on-info: #ffffff;--kendo-color-info-on-surface: #004ac2;--kendo-color-success-subtle: #dcf0d3;--kendo-color-success-subtle-hover: #cbe9bf;--kendo-color-success-subtle-active: #b7e1a5;--kendo-color-success: #37b400;--kendo-color-success-hover: #32a500;--kendo-color-success-active: #2d9600;--kendo-color-success-emphasis: #81d15f;--kendo-color-success-on-subtle: #1c5a00;--kendo-color-on-success: #ffffff;--kendo-color-success-on-surface: #2d9600;--kendo-color-warning-subtle: #fff4d3;--kendo-color-warning-subtle-hover: #ffeebd;--kendo-color-warning-subtle-active: #ffe79e;--kendo-color-warning: #ffc000;--kendo-color-warning-hover: #eaaf00;--kendo-color-warning-active: #d49f00;--kendo-color-warning-emphasis: #ffd760;--kendo-color-warning-on-subtle: #5e4700;--kendo-color-on-warning: #3d3d3d;--kendo-color-warning-on-surface: #ffc000;--kendo-color-error-subtle: #fcddda;--kendo-color-error-subtle-hover: #fbc8c3;--kendo-color-error-subtle-active: #f98b80;--kendo-color-error: #f31700;--kendo-color-error-hover: #df1600;--kendo-color-error-active: #ca1400;--kendo-color-error-emphasis: #f76f60;--kendo-color-error-on-subtle: #7a0c00;--kendo-color-on-error: #ffffff;--kendo-color-error-on-surface: #ca1400;--kendo-color-light-subtle: #fafafa;--kendo-color-light-subtle-hover: #f5f5f5;--kendo-color-light-subtle-active: #ebebeb;--kendo-color-light: #ebebeb;--kendo-color-light-hover: #e0e0e0;--kendo-color-light-active: #d6d6d6;--kendo-color-light-emphasis: #d6d6d6;--kendo-color-light-on-subtle: #141414;--kendo-color-on-light: #000000;--kendo-color-light-on-surface: #e0e0e0;--kendo-color-dark-subtle: #c2c2c2;--kendo-color-dark-subtle-hover: #adadad;--kendo-color-dark-subtle-active: #999999;--kendo-color-dark: #3d3d3d;--kendo-color-dark-hover: #292929;--kendo-color-dark-active: #1f1f1f;--kendo-color-dark-emphasis: #666666;--kendo-color-dark-on-subtle: #1f1f1f;--kendo-color-on-dark: #ffffff;--kendo-color-dark-on-surface: #141414;--kendo-color-inverse-subtle: #c2c2c2;--kendo-color-inverse-subtle-hover: #adadad;--kendo-color-inverse-subtle-active: #999999;--kendo-color-inverse: #3d3d3d;--kendo-color-inverse-hover: #292929;--kendo-color-inverse-active: #1f1f1f;--kendo-color-inverse-emphasis: #666666;--kendo-color-inverse-on-subtle: #1f1f1f;--kendo-color-on-inverse: #ffffff;--kendo-color-inverse-on-surface: #141414;--kendo-color-series-a: #ff6358;--kendo-color-series-a-bold: #bf4a42;--kendo-color-series-a-bolder: #80322c;--kendo-color-series-a-subtle: #ffb1ac;--kendo-color-series-a-subtler: #ff8a82;--kendo-color-series-b: #ffe162;--kendo-color-series-b-bold: #bfa94a;--kendo-color-series-b-bolder: #807131;--kendo-color-series-b-subtle: #fff0b1;--kendo-color-series-b-subtler: #ffe989;--kendo-color-series-c: #4cd180;--kendo-color-series-c-bold: #399d60;--kendo-color-series-c-bolder: #266940;--kendo-color-series-c-subtle: #a6e8c0;--kendo-color-series-c-subtler: #79dda0;--kendo-color-series-d: #4b5ffa;--kendo-color-series-d-bold: #3847bc;--kendo-color-series-d-bolder: #26307d;--kendo-color-series-d-subtle: #a5affd;--kendo-color-series-d-subtler: #7887fb;--kendo-color-series-e: #ac58ff;--kendo-color-series-e-bold: #8142bf;--kendo-color-series-e-bolder: #562c80;--kendo-color-series-e-subtle: #d6acff;--kendo-color-series-e-subtler: #c182ff;--kendo-color-series-f: #ff5892;--kendo-color-series-f-bold: #bf426e;--kendo-color-series-f-bolder: #802c49;--kendo-color-series-f-subtle: #ffacc9;--kendo-color-series-f-subtler: #ff82ae}.k-sr-only{position:absolute;left:-1px;width:1px;height:1px;overflow:hidden}.k-push-right-enter,.k-push-right-appear{transform:translate(-100%, 0)}.k-push-right-enter-active,.k-push-right-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-right-exit{transform:translate(0, 0)}.k-push-right-exit-active{transform:translate(100%, 0);transition:transform 300ms ease-in-out}.k-push-left-enter,.k-push-left-appear{transform:translate(100%, 0)}.k-push-left-enter-active,.k-push-left-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-left-exit{transform:translate(0, 0)}.k-push-left-exit-active{transform:translate(-100%, 0);transition:transform 300ms ease-in-out}.k-push-down-enter,.k-push-down-appear{transform:translate(0, -100%)}.k-push-down-enter-active,.k-push-down-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-down-exit{transform:translate(0, 0)}.k-push-down-exit-active{transform:translate(0, 100%);transition:transform 300ms ease-in-out}.k-push-up-enter,.k-push-up-appear{transform:translate(0, 100%)}.k-push-up-enter-active,.k-push-up-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-up-exit{transform:translate(0, 0)}.k-push-up-exit-active{transform:translate(0, -100%);transition:transform 300ms ease-in-out}.k-expand-vertical-enter,.k-expand-vertical-appear{transform:scaleY(0)}.k-expand-vertical-enter-active,.k-expand-vertical-appear-active{transform:scaleY(1);transition:transform 300ms ease-in-out}.k-expand-vertical-exit{transform:scaleY(1)}.k-expand-vertical-exit-active{transform:scaleY(0);transition:transform 300ms ease-in-out}.k-expand-horizontal-enter,.k-expand-horizontal-appear{transform:scaleX(0)}.k-expand-horizontal-enter-active,.k-expand-horizontal-appear-active{transform:scaleX(1);transition:transform 300ms ease-in-out}.k-expand-horizontal-exit{transform:scaleX(1)}.k-expand-horizontal-exit-active{transform:scaleX(0);transition:transform 300ms ease-in-out}.k-fade-enter,.k-fade-appear{opacity:0}.k-fade-enter-active,.k-fade-appear-active{opacity:1;transition:opacity 500ms ease-in-out}.k-fade-exit{opacity:1}.k-fade-exit-active{opacity:0;transition:opacity 500ms ease-in-out}.k-fade-exit-active+.k-fade-exit-active,.k-fade-enter-active+.k-fade-enter-active{display:none}.k-zoom-in-enter,.k-zoom-in-appear{opacity:0;transform:scale(0)}.k-zoom-in-enter-active,.k-zoom-in-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-in-exit{opacity:1;transform:scale(1)}.k-zoom-in-exit-active{opacity:0;transform:scale(2);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-enter,.k-zoom-out-appear{opacity:0;transform:scale(2)}.k-zoom-out-enter-active,.k-zoom-out-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-exit{opacity:1;transform:scale(1)}.k-zoom-out-exit-active{opacity:0;transform:scale(0);transition:transform,opacity 300ms ease-in-out}.k-slide-in-appear{opacity:.1;transform:translate(0, -3em)}.k-slide-in-appear .k-centered{transform:translate(-50%, -60%)}.k-slide-in-appear-active{opacity:1;transform:translate(0, 0);transition:transform .3s cubic-bezier(0.2, 0.6, 0.4, 1),opacity .3s cubic-bezier(0.2, 1, 0.2, 1)}.k-slide-in-appear-active .k-centered{transform:translate(-50%, -50%)}.k-slide-down-enter,.k-slide-down-appear{transform:translateY(-100%)}.k-slide-down-enter-active,.k-slide-down-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-down-exit{transform:translateY(0)}.k-slide-down-exit-active{transform:translateY(-100%);transition:transform 300ms ease-in-out}.k-slide-up-enter,.k-slide-up-appear{transform:translateY(100%)}.k-slide-up-enter-active,.k-slide-up-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-up-exit{transform:translateY(0)}.k-slide-up-exit-active{transform:translateY(100%);transition:transform 300ms ease-in-out}.k-slide-right-enter,.k-slide-right-appear{transform:translateX(-100%)}.k-slide-right-enter-active,.k-slide-right-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-right-exit{transform:translateX(0)}.k-slide-right-exit-active{transform:translateX(-100%);transition:transform 300ms ease-in-out}.k-slide-left-enter,.k-slide-left-appear{transform:translateX(100%)}.k-slide-left-enter-active,.k-slide-left-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-left-exit{transform:translateX(0)}.k-slide-left-exit-active{transform:translateX(100%);transition:transform 300ms ease-in-out}.k-reveal-vertical-enter,.k-reveal-vertical-appear{max-height:0}.k-reveal-vertical-enter-active,.k-reveal-vertical-appear-active{transition:max-height 300ms ease-in-out}.k-reveal-vertical-exit-active{max-height:0 !important;transition:max-height 300ms ease-in-out}.k-reveal-horizontal-enter,.k-reveal-horizontal-appear{max-width:0}.k-reveal-horizontal-enter-active,.k-reveal-horizontal-appear-active{transition:max-width 300ms ease-in-out}.k-reveal-horizontal-exit-active{max-width:0 !important;transition:max-width 300ms ease-in-out}.k-fx-end .k-fx-next,.k-fx-end .k-fx-current{transition:all 350ms ease-out}.k-fx{position:relative}.k-fx .k-fx-current{z-index:0}.k-fx .k-fx-next{z-index:1}.k-fx-hidden,.k-fx-hidden *{visibility:hidden !important}.k-fx-reverse .k-fx-current{z-index:1}.k-fx-reverse .k-fx-next{z-index:0}.k-fx-zoom.k-fx-start .k-fx-next{transform:scale(0) !important}.k-fx-zoom.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current{transform:scale(0) !important}.k-fx-fade.k-fx-start .k-fx-next{will-change:opacity;opacity:0}.k-fx-fade.k-fx-end .k-fx-next{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current{will-change:opacity;opacity:1}.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current{opacity:0}.k-fx-slide.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-content,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-current .km-content,.k-fx-slide.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-end .k-fx-current .km-footer{transition:all 350ms ease-out}.k-fx-slide.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-start .k-fx-next .km-content{will-change:transform;transform:translateX(100%)}.k-fx-slide.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-start .k-fx-next .km-footer{will-change:opacity;opacity:0}.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content{will-change:transform;transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer{will-change:opacity;opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer{opacity:0}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content{transform:translateX(0)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0%)}.k-fx-tile.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx-tile.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:translateX(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0%)}.k-fx.k-fx-overlay.k-fx-start .k-fx-next,.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next{transform:translateY(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next{transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current{transform:translateY(-100%)}.k-theme-test-class,.k-common-test-class{opacity:0}.k-hstack,.k-hbox{display:flex;flex-flow:row nowrap}.k-vstack,.k-vbox{display:flex;flex-flow:column nowrap}.k-spacer,.k-flex{flex:1 1 auto}.k-spacer-sized{flex:none}.k-float-wrap::after,.k-floatwrap::after{content:"";display:block;clear:both}.k-flex-layout{display:flex}.k-grid-layout{display:grid}.k-separator{width:auto;height:0;border-width:1px 0 0;border-style:solid;border-color:inherit;display:block;flex-grow:0 !important;flex-shrink:0 !important;align-self:stretch}.k-separator-horizontal,.k-vstack>.k-separator,.k-vbox>.k-separator{width:auto;height:0;border-width:1px 0 0}.k-separator-vertical,.k-hstack>.k-separator,.k-hbox>.k-separator{width:0;height:auto;border-width:0 0 0 1px}hr.k-separator{margin:0;padding:0}.k-hidden{display:none !important}.k-rtl{direction:rtl}[hidden]{display:none !important}script{display:none !important}.k-disabled,[disabled],:disabled{outline:none;cursor:default;color:var(--kendo-disabled-text, unset);background-color:var(--kendo-disabled-bg, unset);border-color:var(--kendo-disabled-border, unset);opacity:var(--kendo-disabled-opacity, unset);filter:var(--kendo-disabled-filter, unset);pointer-events:none;box-shadow:none}.k-disabled .k-link,[disabled] .k-link,:disabled .k-link{cursor:default;outline:0}.k-disabled [disabled],.k-disabled .k-disabled,[disabled] [disabled],[disabled] .k-disabled,:disabled [disabled],:disabled .k-disabled{--kendo-disabled-opacity: 1;--kendo-disabled-filter: grayscale(0)}.k-hr{margin-block:var(--kendo-spacing-4, 1rem);padding:0;height:0;border-width:1px 0 0;border-style:solid;border-color:inherit;display:block;float:none;clear:both}.k-d-flex-row>.k-hr{margin:0;width:0;height:auto;border-width:0 0 0 1px;flex:0 0 auto}.k-d-flex-col>.k-hr{margin:0;flex:0 0 auto}.k-sprite{display:inline-block;width:1rem;height:1rem;overflow:hidden;background-repeat:no-repeat;font-size:0;line-height:0;text-align:center}.k-image{display:inline-block}.k-reset{margin:0;padding:0;border-width:0;outline:0;text-decoration:none;font:inherit;list-style:none}kendo-sortable{display:block}.k-link,.k-link:hover{color:inherit;text-decoration:none;outline:0;cursor:pointer}.k-content{outline:0}.k-centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.k-no-click{pointer-events:none}.k-pdf-export-shadow{position:absolute;overflow:hidden;left:-15000px;width:14400px}.kendo-pdf-hide-pseudo-elements::before,.kendo-pdf-hide-pseudo-elements::after{display:none !important}.k-dirty{margin:0;padding:0;width:0;height:0;border-width:3px;border-style:solid;border-block-start-color:currentColor;border-block-end-color:rgba(0,0,0,0);border-inline-start-color:rgba(0,0,0,0);border-inline-end-color:currentColor;position:absolute;inset-block-start:0;inset-inline-end:0}.k-scrollbar{position:absolute;overflow:scroll}.k-scrollbar-vertical{top:0;right:0;width:17px;height:100%;overflow-x:hidden}.k-touch-scrollbar{display:none;position:absolute;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585}.k-resize-handle,.k-resize-hint{position:absolute;border-color:inherit;z-index:200}.k-resize-handle{display:flex;align-items:center;justify-content:center}.k-resize-handle::before{content:"";border:0 solid;border-color:inherit}.k-resize-n{width:100%;height:6px;flex-direction:row;left:0;top:-3px;cursor:n-resize}.k-resize-s{width:100%;height:6px;flex-direction:row;left:0;bottom:-3px;cursor:s-resize}.k-resize-w{width:6px;height:100%;flex-direction:column;top:0;left:-3px;cursor:w-resize}.k-resize-e{width:6px;height:100%;flex-direction:column;top:0;right:-3px;cursor:e-resize}.k-resize-sw,.k-resize-se,.k-resize-nw,.k-resize-ne{width:5px;height:5px}.k-resize-sw{cursor:sw-resize;bottom:0;left:0}.k-resize-se{cursor:se-resize;bottom:0;right:0}.k-resize-nw{cursor:nw-resize;top:0;left:0}.k-resize-ne{cursor:ne-resize;top:0;right:0}.k-vertical-resize{cursor:row-resize}.k-horizontal-resize{cursor:col-resize}.k-resize-hint{display:flex;flex-direction:column;align-items:center}.k-resize-hint .k-resize-hint-handle{width:auto;height:20px;align-self:stretch}.k-resize-hint .k-resize-hint-marker{width:2px;height:auto;flex:1 1 auto}.k-resize-hint-vertical{display:flex;flex-direction:row;align-items:center}.k-resize-hint-vertical .k-resize-hint-handle{width:20px;height:auto;align-self:stretch}.k-resize-hint-vertical .k-resize-hint-marker{width:auto;height:2px;flex:1 1 auto}.k-top-start,.k-pos-top-start{top:0;inset-inline-start:0}.k-top-end,.k-pos-top-end{top:0;inset-inline-end:0}.k-bottom-start,.k-pos-bottom-start{bottom:0;inset-inline-start:0}.k-bottom-end,.k-pos-bottom-end{bottom:0;inset-inline-end:0}.k-top-center,.k-pos-top-center{top:0;left:50%;transform:translateX(-50%)}.k-middle-left,.k-middle-start,.k-pos-middle-start{top:50%;left:0;transform:translateY(-50%)}.k-middle-center{top:50%;left:50%;transform:translateY(-50%)}.k-middle-right,.k-middle-end,.k-pos-middle-end{top:50%;right:0;transform:translateY(-50%)}.k-bottom-center,.k-pos-bottom-center{bottom:0;left:50%;transform:translateX(-50%)}:root{--kendo-spacing-0: 0px;--kendo-spacing-1px: 1px;--kendo-spacing-0\.5: 0.125rem;--kendo-spacing-1: 0.25rem;--kendo-spacing-1\.5: 0.375rem;--kendo-spacing-2: 0.5rem;--kendo-spacing-2\.5: 0.625rem;--kendo-spacing-3: 0.75rem;--kendo-spacing-3\.5: 0.875rem;--kendo-spacing-4: 1rem;--kendo-spacing-4\.5: 1.125rem;--kendo-spacing-5: 1.25rem;--kendo-spacing-5\.5: 1.375rem;--kendo-spacing-6: 1.5rem;--kendo-spacing-6\.5: 1.625rem;--kendo-spacing-7: 1.75rem;--kendo-spacing-7\.5: 1.875rem;--kendo-spacing-8: 2rem;--kendo-spacing-9: 2.25rem;--kendo-spacing-10: 2.5rem;--kendo-spacing-11: 2.75rem;--kendo-spacing-12: 3rem;--kendo-spacing-13: 3.25rem;--kendo-spacing-14: 3.5rem;--kendo-spacing-15: 3.75rem;--kendo-spacing-16: 4rem;--kendo-spacing-17: 4.25rem;--kendo-spacing-18: 4.5rem;--kendo-spacing-19: 4.75rem;--kendo-spacing-20: 5rem;--kendo-spacing-21: 5.25rem;--kendo-spacing-22: 5.5rem;--kendo-spacing-23: 5.75rem;--kendo-spacing-24: 6rem;--kendo-spacing-25: 7rem;--kendo-spacing-26: 8rem;--kendo-spacing-27: 9rem;--kendo-spacing-28: 10rem;--kendo-spacing-29: 11rem;--kendo-spacing-30: 12rem}:root{--kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)}:root{--kendo-font-family: inherit;--kendo-font-size: 0.875rem;--kendo-line-height: 1.4285714286;--kendo-font-weight: 400;--kendo-letter-spacing: ;--kendo-font-size-xxs: 0.5rem;--kendo-font-size-xs: 0.625rem;--kendo-font-size-sm: 0.75rem;--kendo-font-size-md: 0.875rem;--kendo-font-size-lg: 1rem;--kendo-font-size-xl: 1.25rem;--kendo-line-height-xs: 1;--kendo-line-height-sm: 1.25;--kendo-line-height-md: 1.4285714286;--kendo-line-height-lg: 1.5;--kendo-font-weight-thin: 100;--kendo-font-weight-extra-light: 200;--kendo-font-weight-light: 300;--kendo-font-weight-normal: 400;--kendo-font-weight-medium: 500;--kendo-font-weight-semibold: 600;--kendo-font-weight-bold: 700;--kendo-letter-spacing-tightest: -0.15px;--kendo-letter-spacing-tighter: -0.1px;--kendo-letter-spacing-tight: -0.5px;--kendo-letter-spacing-normal: 0px;--kendo-letter-spacing-wide: 0.5px;--kendo-letter-spacing-wider: 0.1px;--kendo-letter-spacing-widest: 0.15px;--kendo-font-family-sans: Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans;--kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville;--kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace}:root{--kendo-border-radius-none: 0px;--kendo-border-radius-xs: 1px;--kendo-border-radius-sm: 0.125rem;--kendo-border-radius-md: 0.25rem;--kendo-border-radius-lg: 0.375rem;--kendo-border-radius-xl: 0.5rem;--kendo-border-radius-xxl: 0.75rem;--kendo-border-radius-xxxl: 1rem;--kendo-border-radius-full: 9999px}.k-rounded-none{border-radius:var(--kendo-border-radius-none, 0px)}.k-rounded-xs{border-radius:var(--kendo-border-radius-xs, 1px)}.k-rounded-sm{border-radius:var(--kendo-border-radius-sm, 0.125rem)}.k-rounded-md{border-radius:var(--kendo-border-radius-md, 0.25rem)}.k-rounded-lg{border-radius:var(--kendo-border-radius-lg, 0.375rem)}.k-rounded-xl{border-radius:var(--kendo-border-radius-xl, 0.5rem)}.k-rounded-xxl{border-radius:var(--kendo-border-radius-xxl, 0.75rem)}.k-rounded-xxxl{border-radius:var(--kendo-border-radius-xxxl, 1rem)}.k-rounded-full{border-radius:var(--kendo-border-radius-full, 9999px)}

package/dist/meta/variables.json

@@ -1,8 +1,4 @@
 {
-    "kendo-enable-color-system": {
-        "type": "Bool",
-        "value": "true"
-    },
     "kendo-is-dark-theme": {
         "type": "Bool",
         "value": "false"
@@ -301,10 +297,6 @@
             "15": "#5e2036"
         }
     },
-    "kendo-palettes": {
-        "type": "List",
-        "value": "()"
-    },
     "kendo-colors": {
         "type": "Map",
         "value": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #c2c2c2, inverse-subtle-hover: #adadad, inverse-subtle-active: #999999, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #666666, inverse-on-subtle: #1f1f1f, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "10.6.0",
+  "version": "11.0.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,5 +45,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "61de20186b040b6e1ac5affab2bac1ef961b6a52"
+  "gitHead": "57358fb664667fda76ce2febcd9bf331796b263c"
 }

package/scss/_variables.scss

@@ -1,5 +1,4 @@
 // Options
-$kendo-enable-color-system: true !default;
 $kendo-is-dark-theme: false !default;
 $kendo-enable-shadows: true !default;
 $kendo-enable-rounded: true !default;

package/scss/color-system/_functions.import.scss

@@ -103,24 +103,24 @@
 
 @function k-get-swatch-color( $name, $color ) {
     $map: (
-        app-surface: k-color( app-surface ),
-        on-app-surface: k-color( on-app-surface ),
-        subtle: k-color( subtle ),
-        surface: k-color( surface ),
-        surface-alt: k-color( surface-alt ),
-        border: k-color( border ),
-        border-alt: k-color( border-alt ),
-        color-subtle: k-color( #{$color}-subtle ),
-        color-subtle-hover: k-color( #{$color}-subtle-hover ),
-        color-subtle-active: k-color( #{$color}-subtle-active ),
-        color: k-color( #{$color} ),
-        color-hover: k-color( #{$color}-hover ),
-        color-active: k-color( #{$color}-active ),
-        color-emphasis: k-color( #{$color}-emphasis ),
-        color-on-subtle: k-color( #{$color}-on-subtle ),
-        on-color: k-color( on-#{$color} ),
-        color-on-surface: k-color( #{$color}-on-surface ),
-        on-color-disabled: color-mix(in srgb, k-color( on-#{$color} ) 46%, transparent)
+        app-surface: k-color(app-surface),
+        on-app-surface: k-color(on-app-surface),
+        subtle: k-color(subtle),
+        surface: k-color(surface),
+        surface-alt: k-color(surface-alt),
+        border: k-color(border),
+        border-alt: k-color(border-alt),
+        color-subtle: k-color(#{$color}-subtle),
+        color-subtle-hover: k-color(#{$color}-subtle-hover),
+        color-subtle-active: k-color(#{$color}-subtle-active),
+        color: k-color(#{$color}),
+        color-hover: k-color(#{$color}-hover),
+        color-active: k-color(#{$color}-active),
+        color-emphasis: k-color(#{$color}-emphasis),
+        color-on-subtle: k-color(#{$color}-on-subtle),
+        on-color: k-color(on-#{$color}),
+        color-on-surface: k-color(#{$color}-on-surface),
+        on-color-disabled: color-mix(in srgb, k-color(on-#{$color}) 46%, transparent)
     );
 
     @return if( map.has-key( $map, $name ), map.get( $map, $name ), $name );
@@ -137,9 +137,9 @@
         $border-prop: list.nth($indices, 3);
 
         // Take value from the palette only if it is a number
-        $bg: if($kendo-enable-color-system, k-get-swatch-color( $bg-prop, $source-palette-name ), if( meta.type-of($bg-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$bg-prop} ), $bg-prop ));
-        $text: if($kendo-enable-color-system, k-get-swatch-color( $text-prop, $source-palette-name ), if( meta.type-of($text-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$text-prop} ), $text-prop ));
-        $border: if($kendo-enable-color-system, k-get-swatch-color( $border-prop, $source-palette-name ), if( meta.type-of($border-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$border-prop} ), $border-prop ));
+        $bg: k-get-swatch-color( $bg-prop, $source-palette-name );
+        $text: k-get-swatch-color( $text-prop, $source-palette-name );
+        $border: k-get-swatch-color( $border-prop, $source-palette-name );
 
 
         $temp: k-map-deep-merge( $temp, (
@@ -151,7 +151,7 @@
         // Add outline if provided in the map
         @if ( list.length($indices) > 3 ) {
             $outline-prop: list.nth($indices, 4);
-            $outline: if($kendo-enable-color-system, k-get-swatch-color( $outline-prop, $source-palette-name ), if( meta.type-of($outline-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$outline-prop} ), $outline-prop ));
+            $outline: k-get-swatch-color( $outline-prop, $source-palette-name );
 
             $temp: k-map-deep-merge( $temp, (
                 #{$prefix}outline: $outline

package/scss/color-system/_palettes.scss

@@ -280,5 +280,3 @@ $kendo-palette-lavender-purple: map.merge($_default-palette-lavender-purple, $ke
 $kendo-palette-flamingo-pink: $_default-palette-flamingo-pink !default;
 $kendo-palette-flamingo-pink: map.merge($_default-palette-flamingo-pink, $kendo-palette-flamingo-pink);
 // stylelint-enable scss/no-global-function-names
-
-$kendo-palettes: () !default;

package/scss/color-system/_swatch.scss

@@ -425,12 +425,10 @@ $kendo-colors: $_default-colors !default;
 $kendo-colors: map.merge($_default-colors, $kendo-colors);
 
 @mixin kendo-color-system--styles() {
-    @if ($kendo-enable-color-system) {
-        :root {
-            @each $key, $value in $kendo-colors {
-                @if($value) {
-                    --kendo-color-#{$key}: #{$value};
-                }
+    :root {
+        @each $key, $value in $kendo-colors {
+            @if($value) {
+                --kendo-color-#{$key}: #{$value};
             }
         }
     }

package/scss/components/action-sheet/_layout.scss

@@ -184,6 +184,7 @@
     }
     .k-actionsheet-item-description {
         font-size: $kendo-actionsheet-item-description-font-size;
+        line-height: $kendo-actionsheet-item-description-line-height;
     }
 
 
@@ -250,6 +251,7 @@
         max-width: 100%;
         width: 100%;
         font-size: $kendo-adaptive-actionsheet-font-size;
+        line-height: $kendo-adaptive-actionsheet-line-height;
 
         .k-actionsheet-titlebar {
             padding-block: $kendo-adaptive-actionsheet-titlebar-padding-y;
@@ -372,7 +374,6 @@
 
         .k-colorgradient-canvas {
             .k-hsv-gradient {
-                aspect-ratio: 1;
                 height: 100%;
             }
         }

package/scss/components/action-sheet/_variables.scss

@@ -59,6 +59,7 @@ $kendo-actionsheet-item-title-font-weight: null !default;
 $kendo-actionsheet-item-title-text-transform: null !default;
 
 $kendo-actionsheet-item-description-font-size: null !default;
+$kendo-actionsheet-item-description-line-height: null !default;
 $kendo-actionsheet-item-description-text: null !default;
 
 $kendo-actionsheet-item-hover-bg: null !default;
@@ -85,6 +86,7 @@ $kendo-actionsheet-item-disabled-opacity: null !default;
 
 // Adaptive Actionsheet
 $kendo-adaptive-actionsheet-font-size: null !default;
+$kendo-adaptive-actionsheet-line-height: null !default;
 $kendo-adaptive-actionsheet-titlebar-padding-y: null !default;
 $kendo-adaptive-actionsheet-titlebar-padding-x: null !default;
 

package/scss/components/adaptive/_theme.scss

@@ -1,5 +1,5 @@
+@use "../../color-system/_functions.import.scss" as *;
 @use "../../mixins/index.import.scss" as *;
-@use "../../color-system/_swatch-legacy.scss" as *;
 @use "./variables.scss" as *;
 
 @mixin kendo-adaptive--theme-base() {
@@ -23,11 +23,11 @@
         .k-grid-mobile {
 
             .k-column-active + th.k-header {
-                border-left-color: $kendo-body-text;
+                border-left-color: k-color(on-app-surface);
             }
 
             .k-resize-handle-inner::before {
-                background-color: $kendo-base-bg;
+                background-color: k-color(surface);
             }
         }
 
@@ -72,7 +72,7 @@
 
             .k-item,
             .k-link {
-                color: $kendo-base-text;
+                color: k-color(on-app-surface);
             }
 
             .k-clear,

package/scss/components/appbar/_theme.scss

@@ -1,6 +1,5 @@
 @use "../../mixins/index.import.scss" as *;
 @use "../../functions/index.import.scss" as *;
-@use "../../color-system/_swatch-legacy.scss" as *;
 @use "../../color-system/_functions.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./variables.scss" as *;
@@ -16,7 +15,7 @@
 
 
     // AppBar theme colors
-    @each $name, $color in $kendo-theme-colors {
+    @each $name, $color in $kendo-appbar-theme-colors {
         .k-appbar-#{$name} {
             @if $name == "light" {
                 color: $kendo-appbar-light-text;
@@ -25,7 +24,7 @@
                 color: $kendo-appbar-dark-text;
                 background-color: $kendo-appbar-dark-bg;
             } @else {
-                color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
+                color: k-color(on-#{$name});
                 background-color: $color;
             }
         }

package/scss/components/appbar/_variables.scss

@@ -1,3 +1,5 @@
+@use "../../color-system/_swatch.scss" as *;
+
 // AppBar
 
 $kendo-appbar-margin-x: null !default;
@@ -20,3 +22,5 @@ $kendo-appbar-dark-text: null !default;
 
 $kendo-appbar-box-shadow: null !default;
 $kendo-appbar-bottom-box-shadow: null !default;
+
+$kendo-appbar-theme-colors: null !default;

package/scss/components/avatar/_theme.scss

@@ -9,7 +9,7 @@
     @each $name, $color in $kendo-avatar-theme-colors {
         .k-avatar-solid-#{$name} {
             border-color: $color;
-            color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
+            color: k-color(on-#{$name});
             background-color: $color;
         }
     }

package/scss/components/avatar/_variables.scss

@@ -1,3 +1,5 @@
+@use "../../color-system/_swatch.scss" as *;
+
 // Avatar
 
 $kendo-avatar-border-width: null !default;

package/scss/components/badge/_layout.scss

@@ -1,6 +1,6 @@
-@use "../../color-system/_swatch-legacy.scss" as *;
-@use "./_variables.scss" as *;
 @use "sass:map";
+@use "../../color-system/_functions.import.scss" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-badge--layout-base() {
 
@@ -143,7 +143,7 @@
 
     // Border cutout
     .k-badge-border-cutout {
-        box-shadow: 0 0 0 2px $kendo-component-bg;
+        box-shadow: 0 0 0 2px k-color(surface-alt);
     }
 
 }

package/scss/components/badge/_theme.scss

@@ -1,15 +1,14 @@
-@use "../../color-system/_swatch-legacy.scss" as *;
 @use "../../functions/index.import.scss" as *;
 @use "../../color-system/_functions.import.scss" as *;
-@use "../../_variables.scss" as *;
+@use "_variables.scss" as *;
 
 @mixin kendo-badge--theme-base() {
 
     // Solid badges
-    @each $name, $color in $kendo-theme-colors {
+    @each $name, $color in $kendo-badge-theme-colors {
         .k-badge-solid-#{$name} {
             border-color: $color;
-            color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
+            color: k-color(on-#{$name});
             background-color: $color;
         }
     }
@@ -20,7 +19,7 @@
         background-color: transparent;
     }
 
-    @each $name, $color in $kendo-theme-colors {
+    @each $name, $color in $kendo-badge-theme-colors {
         .k-badge-outline-#{$name} {
             color: $color;
         }

package/scss/components/badge/_variables.scss

@@ -17,7 +17,7 @@ $kendo-badge-lg-padding-y: null !default;
 
 $kendo-badge-font-size: null !default;
 $kendo-badge-sm-font-size: null !default;
-$kendo-badge-md-font-size: var( --kendo-font-size-xs, inherit )!default;
+$kendo-badge-md-font-size: null !default;
 $kendo-badge-lg-font-size: null !default;
 
 $kendo-badge-line-height: null !default;
@@ -31,3 +31,5 @@ $kendo-badge-md-min-width: null !default;
 $kendo-badge-lg-min-width: null !default;
 
 $kendo-badge-sizes: null !default;
+
+$kendo-badge-theme-colors: null !default;

package/scss/components/bottom-navigation/_theme.scss

@@ -1,4 +1,3 @@
-@use "../../color-system/_swatch-legacy.scss" as *;
 @use "../../mixins/index.import.scss" as *;
 @use "../../functions/index.import.scss" as *;
 @use "../../color-system/_functions.import.scss" as *;
@@ -8,20 +7,20 @@
 @mixin kendo-bottom-navigation--theme-base() {
 
     // Solid
-    @each $name, $color in $kendo-theme-colors {
+    @each $name, $color in $kendo-bottom-navigation-theme-colors {
         .k-bottom-nav-solid-#{$name} {
             @include fill(
-                $color: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-#{$name} ) 65%, transparent), k-true-mix( $color, k-contrast-legacy( $color ), 35%)),
+                $color: color-mix(in srgb, k-color(on-#{$name}) 65%, transparent),
                 $bg: $color
             );
 
             .k-bottom-nav-item.k-focus,
             .k-bottom-nav-item:focus {
-                @include fill( $bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-#{$name} ) 12.5%, transparent), rgba(k-true-mix( $color, k-contrast-legacy( $color ), 35%), .2)));
+                @include fill( $bg: color-mix(in srgb, k-color(on-#{$name}) 12.5%, transparent));
             }
 
             .k-bottom-nav-item.k-selected {
-                @include fill( $color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )) );
+                @include fill( $color: k-color(on-#{$name}));
             }
         }
         // TODO: remove when suites update class names
@@ -31,7 +30,7 @@
     }
 
     // Flat
-    @each $name, $color in $kendo-theme-colors {
+    @each $name, $color in $kendo-bottom-navigation-theme-colors {
         .k-bottom-nav-flat-#{$name} {
             @include fill(
                 $kendo-bottom-nav-flat-text,
@@ -41,12 +40,12 @@
 
             .k-bottom-nav-item.k-focus,
             .k-bottom-nav-item:focus {
-                @include fill( $bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), rgba($kendo-bottom-nav-flat-text, .05)) );
+                @include fill( $bg: color-mix(in srgb, k-color(on-app-surface) 5%, transparent));
             }
 
             .k-bottom-nav-item.k-selected {
                 @if $name == "secondary" or $name == "light" {
-                    @include fill( $color: if($kendo-enable-color-system, k-color( #{$name} ), k-try-shade($color, 3)) );
+                    @include fill( $color: k-color(#{$name}));
                 } @else {
                     @include fill( $color: $color );
                 }

package/scss/components/bottom-navigation/_variables.scss

@@ -1,3 +1,5 @@
+@use "../../color-system/_swatch.scss" as *;
+
 // BottomNavigation
 
 $kendo-bottom-nav-padding-x: null !default;
@@ -22,3 +24,5 @@ $kendo-bottom-nav-shadow: null !default;
 $kendo-bottom-nav-flat-text: null !default;
 $kendo-bottom-nav-flat-bg: null !default;
 $kendo-bottom-nav-flat-border: null !default;
+
+$kendo-bottom-navigation-theme-colors: null !default;

package/scss/components/breadcrumb/_layout.scss

@@ -1,7 +1,6 @@
 @use "sass:map";
 @use "../../mixins/index.import.scss" as *;
 @use "../../color-system/_constants.scss" as *;
-@use "../../color-system/_swatch-legacy.scss" as *;
 @use "../../motion/index.import.scss" as *;
 @use "../../_variables.scss" as *;
 @use "./variables.scss" as *;
@@ -93,7 +92,7 @@
     .k-breadcrumb-delimiter,
     .k-breadcrumb-delimiter-icon {
         color: inherit;
-        opacity: $kendo-disabled-opacity;
+        opacity: var(--kendo-disabled-opacity, unset);
     }
 
 

package/scss/components/button/_layout.scss

@@ -1,6 +1,5 @@
 @use "sass:map";
 @use "../../mixins/index.import.scss" as *;
-@use "../../color-system/_swatch-legacy.scss" as *;
 @use "../../color-system/_constants.scss" as *;
 @use "./_variables.scss" as *;
 @use "../icons/_variables.scss" as *;
@@ -16,6 +15,7 @@
         color: inherit;
         background: none;
         font-family: $kendo-button-font-family;
+        font-weight: $kendo-button-font-weight;
         text-align: center;
         text-decoration: none;
         white-space: nowrap;
@@ -39,7 +39,7 @@
 
         &:disabled,
         &.k-disabled {
-            @include disabled( $kendo-disabled-styling... );
+            box-shadow: none;
         }
 
         &::-moz-focus-inner {
@@ -189,13 +189,6 @@
             border-start-start-radius: 0;
             border-end-start-radius: 0;
         }
-
-        &:disabled,
-        &[disabled],
-        &.k-disabled {
-            opacity: 1;
-            filter: none;
-        }
     }
 
     .k-button-group-stretched {