@progress/kendo-theme-core 8.2.0 → 9.0.0-dev.0

package/dist/all.css

@@ -1,3 +1,153 @@
+: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;
@@ -820,7 +970,8 @@ kendo-sortable {
 }
 
 .k-text-selection ::selection {
-    background-color: var(--kendo-primary-100, inherit);
+    background-color: var(--kendo-color-primary, #ff6358);
+    color: var(--kendo-color-on-primary, #ffffff);
 }
 
 .k-scrollbar {
@@ -976,3 +1127,63 @@ kendo-sortable {
     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%);
+}