@progress/kendo-theme-fluent 7.0.2-dev.1 → 7.0.2-dev.2

package/dist/all.css

@@ -28790,7 +28790,7 @@ kendo-label > .k-label {
 }
 
 .k-validator-tooltip {
-  margin-block-start: calc(var( --kendo-validator-tooltip-margin, 0.5rem ));
+  margin-block-start: calc(var(--kendo-validator-tooltip-margin, 0.5rem));
   width: auto;
   white-space: normal;
   display: flex;
@@ -31288,7 +31288,7 @@ textarea.k-input-inner {
   --INTERNAL--kendo-input-padding-y: 0.25rem;
   --INTERNAL--kendo-input-button-padding-x: 0.25rem;
   --INTERNAL--kendo-input-button-padding-y: 0.25rem;
-  --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.75rem);
+  --INTERNAL--kendo-input-icon-size: calc(var(--kendo-icon-size, 1rem) + 0.75rem);
 }
 .k-input-sm .k-input-button,
 .k-picker-sm .k-input-button {
@@ -31311,7 +31311,7 @@ textarea.k-input-inner {
   --INTERNAL--kendo-input-padding-y: 0.375rem;
   --INTERNAL--kendo-input-button-padding-x: 0.375rem;
   --INTERNAL--kendo-input-button-padding-y: 0.375rem;
-  --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.5rem);
+  --INTERNAL--kendo-input-icon-size: calc(var(--kendo-icon-size, 1rem) + 0.5rem);
 }
 .k-input-md .k-input-button,
 .k-picker-md .k-input-button {
@@ -31334,7 +31334,7 @@ textarea.k-input-inner {
   --INTERNAL--kendo-input-padding-y: 0.5rem;
   --INTERNAL--kendo-input-button-padding-x: 0.5rem;
   --INTERNAL--kendo-input-button-padding-y: 0.5rem;
-  --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 1rem);
+  --INTERNAL--kendo-input-icon-size: calc(var(--kendo-icon-size, 1rem) + 1rem);
 }
 .k-input-lg .k-input-button,
 .k-picker-lg .k-input-button {
@@ -33601,7 +33601,7 @@ textarea.k-input-inner {
   border-style: solid;
   box-sizing: border-box;
   position: absolute;
-  top: calc(50% + var(--kendo-time-list-title-height, calc( 0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )) / 2);
+  top: calc(50% + var(--kendo-time-list-title-height, calc(0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit))) / 2);
   left: 0;
   right: 0;
   transform: translateY(-50%);
@@ -33636,13 +33636,13 @@ textarea.k-input-inner {
   width: 100%;
   left: 0;
   pointer-events: none;
-  height: calc(50% - var(--kendo-time-list-highlight-height, calc( var(--kendo-font-size, inherit) * var(--kendo-line-height, normal) + 0.5rem )) / 2);
+  height: calc(50% - var(--kendo-time-list-highlight-height, calc(var(--kendo-font-size, inherit) * var(--kendo-line-height, normal) + 0.5rem)) / 2);
   box-sizing: border-box;
   border-width: 0;
   border-style: solid;
 }
 .k-time-list-wrapper.k-focus::before {
-  top: calc(var(--kendo-time-list-title-height, calc( 0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )));
+  top: calc(var(--kendo-time-list-title-height, calc(0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit))));
 }
 .k-time-list-wrapper.k-focus::after {
   bottom: 0;
@@ -33715,7 +33715,7 @@ textarea.k-input-inner {
   align-items: center;
   position: relative;
   z-index: 11;
-  top: calc(var(--kendo-time-list-title-height, calc( 0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit) )) / 2);
+  top: calc(var(--kendo-time-list-title-height, calc(0.75rem + var(--kendo-font-size-xs, inherit) * var(--kendo-line-height-lg, inherit))) / 2);
 }
 
 .k-timeselector-sm {
@@ -35796,11 +35796,11 @@ textarea.k-input-inner {
   flex-direction: column;
 }
 .k-menu-vertical > .k-menu-item > .k-menu-link {
-  padding-inline-end: var(--kendo-menu-popup-md-item-padding-end, calc(1rem + var( --kendo-icon-size, 1rem )));
+  padding-inline-end: var(--kendo-menu-popup-md-item-padding-end, calc(1rem + var(--kendo-icon-size, 1rem)));
 }
 .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
   margin-inline-start: var(--kendo-menu-popup-item-icon-md-margin-start, 0);
-  margin-inline-end: var(--kendo-menu-popup-item-icon-md-margin-end, calc((var( --kendo-icon-size, 1rem ) + 0.5rem)*-1));
+  margin-inline-end: var(--kendo-menu-popup-item-icon-md-margin-end, calc((var(--kendo-icon-size, 1rem) + 0.5rem)*-1));
 }
 .k-menu-vertical > .k-menu-item + .k-menu-item {
   margin-block-start: var(--kendo-menu-item-spacing, 0);
@@ -35877,11 +35877,11 @@ textarea.k-input-inner {
 .k-menu-group-sm .k-menu-link {
   --INTERNAL--kendo-menu-popup-item-padding-x: var( --kendo-menu-popup-item-padding-x-sm, 0.5rem );
   --INTERNAL--kendo-menu-popup-item-padding-y: var( --kendo-menu-popup-item-padding-y-sm, 0.375rem );
-  --INTERNAL--kendo-menu-popup-item-padding-end: var( --kendo-menu-popup-item-padding-end-sm, calc(1rem + var( --kendo-icon-size, 1rem )) );
+  --INTERNAL--kendo-menu-popup-item-padding-end: var( --kendo-menu-popup-item-padding-end-sm, calc(1rem + var(--kendo-icon-size, 1rem)) );
 }
 .k-menu-group-sm .k-menu-expand-arrow {
   --INTERNAL--kendo-menu-popup-item-icon-margin-start: var( --kendo-menu-popup-item-icon-margin-start-sm, 0 );
-  --INTERNAL--kendo-menu-popup-item-icon-margin-end: var( --kendo-menu-popup-item-icon-margin-end-sm, calc((var( --kendo-icon-size, 1rem ) + 0.5rem)*-1) );
+  --INTERNAL--kendo-menu-popup-item-icon-margin-end: var( --kendo-menu-popup-item-icon-margin-end-sm, calc((var(--kendo-icon-size, 1rem) + 0.5rem)*-1) );
 }
 
 .k-menu-group-md {
@@ -35891,11 +35891,11 @@ textarea.k-input-inner {
 .k-menu-group-md .k-menu-link {
   --INTERNAL--kendo-menu-popup-item-padding-x: var( --kendo-menu-popup-item-padding-x-md, 0.5rem );
   --INTERNAL--kendo-menu-popup-item-padding-y: var( --kendo-menu-popup-item-padding-y-md, 0.5rem );
-  --INTERNAL--kendo-menu-popup-item-padding-end: var( --kendo-menu-popup-item-padding-end-md, calc(1rem + var( --kendo-icon-size, 1rem )) );
+  --INTERNAL--kendo-menu-popup-item-padding-end: var( --kendo-menu-popup-item-padding-end-md, calc(1rem + var(--kendo-icon-size, 1rem)) );
 }
 .k-menu-group-md .k-menu-expand-arrow {
   --INTERNAL--kendo-menu-popup-item-icon-margin-start: var( --kendo-menu-popup-item-icon-margin-start-md, 0 );
-  --INTERNAL--kendo-menu-popup-item-icon-margin-end: var( --kendo-menu-popup-item-icon-margin-end-md, calc((var( --kendo-icon-size, 1rem ) + 0.5rem)*-1) );
+  --INTERNAL--kendo-menu-popup-item-icon-margin-end: var( --kendo-menu-popup-item-icon-margin-end-md, calc((var(--kendo-icon-size, 1rem) + 0.5rem)*-1) );
 }
 
 .k-menu-group-lg {
@@ -35905,11 +35905,11 @@ textarea.k-input-inner {
 .k-menu-group-lg .k-menu-link {
   --INTERNAL--kendo-menu-popup-item-padding-x: var( --kendo-menu-popup-item-padding-x-lg, 0.5rem );
   --INTERNAL--kendo-menu-popup-item-padding-y: var( --kendo-menu-popup-item-padding-y-lg, 0.625rem );
-  --INTERNAL--kendo-menu-popup-item-padding-end: var( --kendo-menu-popup-item-padding-end-lg, calc(1rem + var( --kendo-icon-size, 1rem )) );
+  --INTERNAL--kendo-menu-popup-item-padding-end: var( --kendo-menu-popup-item-padding-end-lg, calc(1rem + var(--kendo-icon-size, 1rem)) );
 }
 .k-menu-group-lg .k-menu-expand-arrow {
   --INTERNAL--kendo-menu-popup-item-icon-margin-start: var( --kendo-menu-popup-item-icon-margin-start-lg, 0 );
-  --INTERNAL--kendo-menu-popup-item-icon-margin-end: var( --kendo-menu-popup-item-icon-margin-end-lg, calc((var( --kendo-icon-size, 1rem ) + 0.5rem)*-1) );
+  --INTERNAL--kendo-menu-popup-item-icon-margin-end: var( --kendo-menu-popup-item-icon-margin-end-lg, calc((var(--kendo-icon-size, 1rem) + 0.5rem)*-1) );
 }
 
 .k-popups-wrapper {
@@ -36758,7 +36758,7 @@ textarea.k-input-inner {
   padding-block: var(--kendo-adaptive-actionsheet-footer-padding-y, 0.5rem);
 }
 .k-adaptive-actionsheet .k-actionsheet-filter {
-  width: min(100%,  360px - 2rem);
+  width: min(100%, 360px - 2rem);
 }
 .k-adaptive-actionsheet .k-actionsheet-content,
 .k-adaptive-actionsheet .k-actionsheet-footer {
@@ -37209,7 +37209,7 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-drawer-mini .k-drawer-wrapper {
-  width: var(--kendo-drawer-mini-initial-width, calc(2rem + var( --kendo-icon-size, 1rem )));
+  width: var(--kendo-drawer-mini-initial-width, calc(2rem + var(--kendo-icon-size, 1rem)));
 }
 
 .k-rtl.k-drawer-mini .k-drawer-start,
@@ -38582,14 +38582,14 @@ kendo-drawer .k-drawer-wrapper {
 .k-step-list-horizontal ~ .k-progressbar {
   width: 100%;
   height: var(--kendo-stepper-progressbar-size, 0.125rem);
-  top: calc((var( --kendo-stepper-indicator-height, 1.875rem ) + 2*0.125rem)/2 + 0.0625rem);
+  top: calc((var(--kendo-stepper-indicator-height, 1.875rem) + 2*0.125rem)/2 + 0.0625rem);
 }
 
 .k-step-list-vertical {
   flex-direction: column;
 }
 .k-step-list-vertical .k-step {
-  min-height: calc(var( --kendo-stepper-indicator-width, 1.875rem ) + var( --kendo-stepper-indicator-border-width, 1px )*2 + 0.25rem + 20px);
+  min-height: calc(var(--kendo-stepper-indicator-width, 1.875rem) + var(--kendo-stepper-indicator-border-width, 1px)*2 + 0.25rem + 20px);
 }
 .k-step-list-vertical .k-step-label {
   justify-content: flex-start;
@@ -38601,7 +38601,7 @@ kendo-drawer .k-drawer-wrapper {
   width: var(--kendo-stepper-progressbar-size, 0.125rem);
   height: 100%;
   min-height: 20px;
-  inset-inline-start: calc(var( --kendo-stepper-indicator-width, 1.875rem )/2 + var( --kendo-stepper-indicator-border-width, 1px )*2/2 + 0.125rem);
+  inset-inline-start: calc(var(--kendo-stepper-indicator-width, 1.875rem)/2 + var(--kendo-stepper-indicator-border-width, 1px)*2/2 + 0.125rem);
 }
 .k-step-list-vertical .k-step-content {
   height: 0;
@@ -40008,35 +40008,35 @@ kendo-card-footer {
 }
 .k-panelbar .k-group > .k-item.k-level-1 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
-  padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + ( var( --kendo-padding-x-lg, 0.75rem ) * 1 ));
+  padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + var(--kendo-padding-x-lg, 0.75rem) * 1);
 }
 .k-panelbar .k-group > .k-item.k-level-1 .k-panelbar-item-icon:first-child,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-panelbar-item-icon:first-child {
-  inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var( --kendo-padding-x-lg, 0.75rem )*1);
+  inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var(--kendo-padding-x-lg, 0.75rem)*1);
 }
 .k-panelbar .k-group > .k-item.k-level-2 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
-  padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + ( var( --kendo-padding-x-lg, 0.75rem ) * 2 ));
+  padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + var(--kendo-padding-x-lg, 0.75rem) * 2);
 }
 .k-panelbar .k-group > .k-item.k-level-2 .k-panelbar-item-icon:first-child,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-panelbar-item-icon:first-child {
-  inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var( --kendo-padding-x-lg, 0.75rem )*2);
+  inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var(--kendo-padding-x-lg, 0.75rem)*2);
 }
 .k-panelbar .k-group > .k-item.k-level-3 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
-  padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + ( var( --kendo-padding-x-lg, 0.75rem ) * 3 ));
+  padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + var(--kendo-padding-x-lg, 0.75rem) * 3);
 }
 .k-panelbar .k-group > .k-item.k-level-3 .k-panelbar-item-icon:first-child,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-panelbar-item-icon:first-child {
-  inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var( --kendo-padding-x-lg, 0.75rem )*3);
+  inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var(--kendo-padding-x-lg, 0.75rem)*3);
 }
 .k-panelbar .k-group > .k-item.k-level-4 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
-  padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + ( var( --kendo-padding-x-lg, 0.75rem ) * 4 ));
+  padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + var(--kendo-padding-x-lg, 0.75rem) * 4);
 }
 .k-panelbar .k-group > .k-item.k-level-4 .k-panelbar-item-icon:first-child,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-panelbar-item-icon:first-child {
-  inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var( --kendo-padding-x-lg, 0.75rem )*4);
+  inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var(--kendo-padding-x-lg, 0.75rem)*4);
 }
 .k-panelbar .k-panelbar-content {
   display: flow-root;
@@ -40556,8 +40556,8 @@ kendo-card-footer {
 }
 @supports (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance: none)) {
   .k-dock-manager-toolbar .k-toolbar-button {
-    padding-block: var(--INTERNAL--kendo-button-padding-y, 0);
-    padding-inline: var(--INTERNAL--kendo-button-padding-x, 0);
+    padding-block: var(--INTERNAL--kendo-button-padding-x, 0);
+    padding-inline: var(--INTERNAL--kendo-button-padding-y, 0);
   }
   .k-dock-manager-toolbar .k-toolbar-button .k-button-text {
     -ms-writing-mode: tb-lr;
@@ -41180,7 +41180,7 @@ div.k-grid-footer {
 .k-resizer-wrap {
   display: block;
   width: 100%;
-  padding-block-start: calc(var( --INTERNAL--kendo-grid-edit-cell-padding-x, 0 ) - 0.125rem);
+  padding-block-start: calc(var(--INTERNAL--kendo-grid-edit-cell-padding-x, 0) - 0.125rem);
   padding-block-end: var(--INTERNAL--kendo-grid-edit-cell-padding-x, 0);
   position: absolute;
   background: none;
@@ -43087,7 +43087,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 .k-spreadsheet-filter-menu > .k-menu .k-icon,
 .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
-  margin-inline-start: calc((var( --kendo-icon-size, 1rem ) + 0.25rem)*-1);
+  margin-inline-start: calc((var(--kendo-icon-size, 1rem) + 0.25rem)*-1);
   margin-inline-end: 0.25rem;
 }
 .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
@@ -50077,8 +50077,8 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-navigator {
   margin-inline: var(--kendo-map-navigator-margin-x, 1rem);
   margin-block: var(--kendo-map-navigator-margin-y, 1rem);
-  width: var(--kendo-map-navigator-width, calc(var( --kendo-icon-size)*3 + 0.25rem));
-  height: var(--kendo-map-navigator-width, calc(var( --kendo-icon-size)*3 + 0.25rem));
+  width: var(--kendo-map-navigator-width, calc(var(--kendo-icon-size)*3 + 0.25rem));
+  height: var(--kendo-map-navigator-width, calc(var(--kendo-icon-size)*3 + 0.25rem));
   border-width: var(--kendo-map-navigator-border-width, 1px);
   border-style: solid;
   box-sizing: border-box;

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "7.0.2-dev.1",
+    "version": "7.0.2-dev.2",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "7.0.2-dev.1",
+    "version": "7.0.2-dev.2",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "7.0.2-dev.1",
+  "version": "7.0.2-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -20,7 +20,7 @@
   "homepage": "https://github.com/telerik/kendo-themes/tree/master/packages/fluent",
   "repository": {
     "type": "git",
-    "url": "https://github.com/telerik/kendo-themes.git",
+    "url": "git+https://github.com/telerik/kendo-themes.git",
     "directory": "packages/fluent"
   },
   "bugs": {
@@ -42,6 +42,7 @@
     "watch": "node ../../scripts/watch-theme",
     "sass": "sass-build",
     "sass:standalone": "sass-build -c sass-standalone.config.js",
+    "sass:swatches": "gulp dist:swatches && sass-build -c sass-swatches.config.js",
     "docs": "node ../../scripts/sassdoc.js",
     "predocs": "npm run resolve-variables",
     "resolve-variables": "node ../../scripts/resolve-variables.js",
@@ -52,8 +53,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "2.0.0",
-    "@progress/kendo-theme-core": "7.0.2-dev.1",
-    "@progress/kendo-theme-utils": "7.0.2-dev.1"
+    "@progress/kendo-theme-core": "7.0.2-dev.2",
+    "@progress/kendo-theme-utils": "7.0.2-dev.2"
   },
-  "gitHead": "aaad151b21f9797a260986262d3227d6c6843e0f"
+  "directories": {
+    "doc": "docs",
+    "lib": "lib"
+  },
+  "gitHead": "36bea054a01eb1014236d7fcf8d5860741fed5a3"
 }

package/scss/dock-manager/_layout.scss

@@ -37,8 +37,8 @@
         // A fix will be shipped likely in milestone 118 and then we can revisit this
         @supports  (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance:none)) {
             .k-toolbar-button {
-                padding-block: var(--INTERNAL--kendo-button-padding-y, 0 );
-                padding-inline: var(--INTERNAL--kendo-button-padding-x, 0 );
+                padding-block: var(--INTERNAL--kendo-button-padding-x, 0 );
+                padding-inline: var(--INTERNAL--kendo-button-padding-y, 0 );
             }
             .k-toolbar-button .k-button-text {
                 writing-mode: vertical-lr;