@progress/kendo-theme-utils 7.2.2-dev.0 → 7.3.0-dev.1

package/dist/all.css

@@ -15051,83 +15051,83 @@
 }
 
 .k-text-inherit {
-    color: inherit;
+    color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-text-inherit {
-    color: inherit !important;
+    color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-text-current {
-    color: currentColor;
+    color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-text-current {
-    color: currentColor !important;
+    color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-text-transparent {
-    color: transparent;
+    color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-text-transparent {
-    color: transparent !important;
+    color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-text-black {
-    color: black;
+    color: var(--kendo-color-black, black);
 }
 
 .\!k-text-black {
-    color: black !important;
+    color: var(--kendo-color-black, black) !important;
 }
 
 .k-text-white {
-    color: white;
+    color: var(--kendo-color-white, white);
 }
 
 .\!k-text-white {
-    color: white !important;
+    color: var(--kendo-color-white, white) !important;
 }
 
 .k-color-inherit {
-    color: inherit;
+    color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-color-inherit {
-    color: inherit !important;
+    color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-color-current {
-    color: currentColor;
+    color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-color-current {
-    color: currentColor !important;
+    color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-color-transparent {
-    color: transparent;
+    color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-color-transparent {
-    color: transparent !important;
+    color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-color-black {
-    color: black;
+    color: var(--kendo-color-black, black);
 }
 
 .\!k-color-black {
-    color: black !important;
+    color: var(--kendo-color-black, black) !important;
 }
 
 .k-color-white {
-    color: white;
+    color: var(--kendo-color-white, white);
 }
 
 .\!k-color-white {
-    color: white !important;
+    color: var(--kendo-color-white, white) !important;
 }
 
 .k-text-underline {
@@ -15417,35 +15417,35 @@
 }
 
 .k-bg-inherit {
-    background-color: inherit;
+    background-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-bg-inherit {
-    background-color: inherit !important;
+    background-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-bg-transparent {
-    background-color: transparent;
+    background-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-bg-transparent {
-    background-color: transparent !important;
+    background-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-bg-black {
-    background-color: black;
+    background-color: var(--kendo-color-black, black);
 }
 
 .\!k-bg-black {
-    background-color: black !important;
+    background-color: var(--kendo-color-black, black) !important;
 }
 
 .k-bg-white {
-    background-color: white;
+    background-color: var(--kendo-color-white, white);
 }
 
 .\!k-bg-white {
-    background-color: white !important;
+    background-color: var(--kendo-color-white, white) !important;
 }
 
 .k-bg-center {
@@ -15545,283 +15545,43 @@
 }
 
 .k-border-inherit {
-    border-color: inherit;
+    border-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-border-inherit {
-    border-color: inherit !important;
+    border-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-border-current {
-    border-color: currentColor;
+    border-color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-border-current {
-    border-color: currentColor !important;
+    border-color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-border-transparent {
-    border-color: transparent;
+    border-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-border-transparent {
-    border-color: transparent !important;
+    border-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-border-black {
-    border-color: black;
+    border-color: var(--kendo-color-black, black);
 }
 
 .\!k-border-black {
-    border-color: black !important;
+    border-color: var(--kendo-color-black, black) !important;
 }
 
 .k-border-white {
-    border-color: white;
+    border-color: var(--kendo-color-white, white);
 }
 
 .\!k-border-white {
-    border-color: white !important;
-}
-
-.k-border-t-inherit {
-    border-top-color: inherit;
-}
-
-.\!k-border-t-inherit {
-    border-top-color: inherit !important;
-}
-
-.k-border-t-current {
-    border-top-color: currentColor;
-}
-
-.\!k-border-t-current {
-    border-top-color: currentColor !important;
-}
-
-.k-border-t-transparent {
-    border-top-color: transparent;
-}
-
-.\!k-border-t-transparent {
-    border-top-color: transparent !important;
-}
-
-.k-border-t-black {
-    border-top-color: black;
-}
-
-.\!k-border-t-black {
-    border-top-color: black !important;
-}
-
-.k-border-t-white {
-    border-top-color: white;
-}
-
-.\!k-border-t-white {
-    border-top-color: white !important;
-}
-
-.k-border-r-inherit {
-    border-right-color: inherit;
-}
-
-.\!k-border-r-inherit {
-    border-right-color: inherit !important;
-}
-
-.k-border-r-current {
-    border-right-color: currentColor;
-}
-
-.\!k-border-r-current {
-    border-right-color: currentColor !important;
-}
-
-.k-border-r-transparent {
-    border-right-color: transparent;
-}
-
-.\!k-border-r-transparent {
-    border-right-color: transparent !important;
-}
-
-.k-border-r-black {
-    border-right-color: black;
-}
-
-.\!k-border-r-black {
-    border-right-color: black !important;
-}
-
-.k-border-r-white {
-    border-right-color: white;
-}
-
-.\!k-border-r-white {
-    border-right-color: white !important;
-}
-
-.k-border-b-inherit {
-    border-bottom-color: inherit;
-}
-
-.\!k-border-b-inherit {
-    border-bottom-color: inherit !important;
-}
-
-.k-border-b-current {
-    border-bottom-color: currentColor;
-}
-
-.\!k-border-b-current {
-    border-bottom-color: currentColor !important;
-}
-
-.k-border-b-transparent {
-    border-bottom-color: transparent;
-}
-
-.\!k-border-b-transparent {
-    border-bottom-color: transparent !important;
-}
-
-.k-border-b-black {
-    border-bottom-color: black;
-}
-
-.\!k-border-b-black {
-    border-bottom-color: black !important;
-}
-
-.k-border-b-white {
-    border-bottom-color: white;
-}
-
-.\!k-border-b-white {
-    border-bottom-color: white !important;
-}
-
-.k-border-l-inherit {
-    border-left-color: inherit;
-}
-
-.\!k-border-l-inherit {
-    border-left-color: inherit !important;
-}
-
-.k-border-l-current {
-    border-left-color: currentColor;
-}
-
-.\!k-border-l-current {
-    border-left-color: currentColor !important;
-}
-
-.k-border-l-transparent {
-    border-left-color: transparent;
-}
-
-.\!k-border-l-transparent {
-    border-left-color: transparent !important;
-}
-
-.k-border-l-black {
-    border-left-color: black;
-}
-
-.\!k-border-l-black {
-    border-left-color: black !important;
-}
-
-.k-border-l-white {
-    border-left-color: white;
-}
-
-.\!k-border-l-white {
-    border-left-color: white !important;
-}
-
-.k-border-x-inherit {
-    border-inline-color: inherit;
-}
-
-.\!k-border-x-inherit {
-    border-inline-color: inherit !important;
-}
-
-.k-border-x-current {
-    border-inline-color: currentColor;
-}
-
-.\!k-border-x-current {
-    border-inline-color: currentColor !important;
-}
-
-.k-border-x-transparent {
-    border-inline-color: transparent;
-}
-
-.\!k-border-x-transparent {
-    border-inline-color: transparent !important;
-}
-
-.k-border-x-black {
-    border-inline-color: black;
-}
-
-.\!k-border-x-black {
-    border-inline-color: black !important;
-}
-
-.k-border-x-white {
-    border-inline-color: white;
-}
-
-.\!k-border-x-white {
-    border-inline-color: white !important;
-}
-
-.k-border-y-inherit {
-    border-block-color: inherit;
-}
-
-.\!k-border-y-inherit {
-    border-block-color: inherit !important;
-}
-
-.k-border-y-current {
-    border-block-color: currentColor;
-}
-
-.\!k-border-y-current {
-    border-block-color: currentColor !important;
-}
-
-.k-border-y-transparent {
-    border-block-color: transparent;
-}
-
-.\!k-border-y-transparent {
-    border-block-color: transparent !important;
-}
-
-.k-border-y-black {
-    border-block-color: black;
-}
-
-.\!k-border-y-black {
-    border-block-color: black !important;
-}
-
-.k-border-y-white {
-    border-block-color: white;
-}
-
-.\!k-border-y-white {
-    border-block-color: white !important;
+    border-color: var(--kendo-color-white, white) !important;
 }
 
 .k-rounded {
@@ -17193,43 +16953,43 @@
 }
 
 .k-outline-inherit {
-    outline-color: inherit;
+    outline-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-outline-inherit {
-    outline-color: inherit !important;
+    outline-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-outline-current {
-    outline-color: currentColor;
+    outline-color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-outline-current {
-    outline-color: currentColor !important;
+    outline-color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-outline-transparent {
-    outline-color: transparent;
+    outline-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-outline-transparent {
-    outline-color: transparent !important;
+    outline-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-outline-black {
-    outline-color: black;
+    outline-color: var(--kendo-color-black, black);
 }
 
 .\!k-outline-black {
-    outline-color: black !important;
+    outline-color: var(--kendo-color-black, black) !important;
 }
 
 .k-outline-white {
-    outline-color: white;
+    outline-color: var(--kendo-color-white, white);
 }
 
 .\!k-outline-white {
-    outline-color: white !important;
+    outline-color: var(--kendo-color-white, white) !important;
 }
 
 .k-outline-offset-0 {
@@ -23709,73 +23469,73 @@
 }
 
 .k-elevation-1 {
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-1 {
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-2 {
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-2 {
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-3 {
-    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-3 {
-    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-4 {
-    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-4 {
-    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-5 {
-    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-5 {
-    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-6 {
-    box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-6, 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-6 {
-    box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-6, 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-7 {
-    box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-7 {
-    box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-8 {
-    box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-8 {
-    box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-9 {
-    box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-9 {
-    box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }