@progress/kendo-theme-classic 13.1.2-dev.0 → 13.2.0-dev.1

package/scss/core/spacing/index.scss

@@ -1,46 +1,44 @@
 @use "sass:map";
 
+/// The base spacing step used to generate the Spacing map.
+/// @group spacing
+$kendo-spacing-base: 0.25rem !default;
+
 $_default-spacing: (
     0: 0px,
     1px: 1px,
-    0.5: .125rem,
-    1: .25rem,
-    1.5: .375rem,
-    2: .5rem,
-    2.5: .625rem,
-    3: .75rem,
-    3.5: .875rem,
-    4: 1rem,
-    4.5: 1.125rem,
-    5: 1.25rem,
-    5.5: 1.375rem,
-    6: 1.5rem,
-    6.5: 1.625rem,
-    7: 1.75rem,
-    7.5: 1.875rem,
-    8: 2rem,
-    9: 2.25rem,
-    10: 2.5rem,
-    11: 2.75rem,
-    12: 3rem,
-    13: 3.25rem,
-    14: 3.5rem,
-    15: 3.75rem,
-    16: 4rem,
-    17: 4.25rem,
-    18: 4.5rem,
-    19: 4.75rem,
-    20: 5rem,
-    21: 5.25rem,
-    22: 5.5rem,
-    23: 5.75rem,
-    24: 6rem,
-    25: 7rem,
-    26: 8rem,
-    27: 9rem,
-    28: 10rem,
-    29: 11rem,
-    30: 12rem
+    0.5: calc(0.5 * var(--kendo-spacing-base)),
+    1: calc(1 * var(--kendo-spacing-base)),
+    1.5: calc(1.5 * var(--kendo-spacing-base)),
+    2: calc(2 * var(--kendo-spacing-base)),
+    2.5: calc(2.5 * var(--kendo-spacing-base)),
+    3: calc(3 * var(--kendo-spacing-base)),
+    3.5: calc(3.5 * var(--kendo-spacing-base)),
+    4: calc(4 * var(--kendo-spacing-base)),
+    4.5: calc(4.5 * var(--kendo-spacing-base)),
+    5: calc(5 * var(--kendo-spacing-base)),
+    5.5: calc(5.5 * var(--kendo-spacing-base)),
+    6: calc(6 * var(--kendo-spacing-base)),
+    6.5: calc(6.5 * var(--kendo-spacing-base)),
+    7: calc(7 * var(--kendo-spacing-base)),
+    7.5: calc(7.5 * var(--kendo-spacing-base)),
+    8: calc(8 * var(--kendo-spacing-base)),
+    9: calc(9 * var(--kendo-spacing-base)),
+    10: calc(10 * var(--kendo-spacing-base)),
+    11: calc(11 * var(--kendo-spacing-base)),
+    12: calc(12 * var(--kendo-spacing-base)),
+    13: calc(13 * var(--kendo-spacing-base)),
+    14: calc(14 * var(--kendo-spacing-base)),
+    15: calc(15 * var(--kendo-spacing-base)),
+    16: calc(16 * var(--kendo-spacing-base)),
+    17: calc(17 * var(--kendo-spacing-base)),
+    18: calc(18 * var(--kendo-spacing-base)),
+    19: calc(19 * var(--kendo-spacing-base)),
+    20: calc(20 * var(--kendo-spacing-base)),
+    21: calc(21 * var(--kendo-spacing-base)),
+    22: calc(22 * var(--kendo-spacing-base)),
+    23: calc(23 * var(--kendo-spacing-base)),
+    24: calc(24 * var(--kendo-spacing-base)),
 ) !default;
 
 /// The global default Spacing map.

package/scss/dataviz/_variables.scss

@@ -362,7 +362,7 @@ $kendo-chart-no-data-font-size: var(--kendo-font-size-lg) !default;
 $kendo-chart-no-data-font-weight: var(--kendo-font-weight) !default;
 /// The vertical padding of the Chart.
 /// @group charts
-$kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;
+$kendo-chart-no-data-padding-y: 7rem !default;
 
 // Gauge
 /// The background color of the Gauge.

package/scss/grid/_variables.scss

@@ -344,11 +344,17 @@ $kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
 
 /// The box shadow of the sticky container in the Grid.
 /// @group grid
-$kendo-grid-sticky-container-shadow: k-elevation(2) !default;
+$kendo-grid-sticky-container-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !default;
+/// The box shadow of the sticky container positioned at the bottom in the Grid.
+/// @group grid
+$kendo-grid-sticky-container-bottom-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08) !default;
 
 /// The box shadow of the pinned container in the Grid.
 /// @group grid
-$kendo-grid-pinned-container-shadow: k-elevation(3) !default;
+$kendo-grid-pinned-container-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !default;
+/// The box shadow of the pinned container positioned at the bottom in the Grid.
+/// @group grid
+$kendo-grid-pinned-container-bottom-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.08) !default;
 
 
 /// The width of the Grid column menu.
@@ -636,5 +642,7 @@ $kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-bold) !default;
     $kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow,
     $kendo-grid-pinned-source-font-weight: $kendo-grid-pinned-source-font-weight,
     $kendo-grid-sticky-container-shadow: $kendo-grid-sticky-container-shadow,
-    $kendo-grid-pinned-container-shadow: $kendo-grid-pinned-container-shadow
+    $kendo-grid-sticky-container-bottom-shadow: $kendo-grid-sticky-container-bottom-shadow,
+    $kendo-grid-pinned-container-shadow: $kendo-grid-pinned-container-shadow,
+    $kendo-grid-pinned-container-bottom-shadow: $kendo-grid-pinned-container-bottom-shadow
 );

package/scss/core/color-system/_palettes.scss

@@ -1,305 +0,0 @@
-@use "sass:map";
-
-$_default-palette-ash-gray: (
-    "white": #ffffff,
-    1: #fafafa,
-    2: #f0f0f0,
-    3: #ebebeb,
-    4: #dddddd,
-    5: #d6d6d6,
-    6: #cacaca,
-    7: #b6b6b6,
-    8: #a3a3a3,
-    9: #8f8f8f,
-    10: #7a7a7a,
-    11: #666666,
-    12: #525252,
-    13: #404040,
-    14: #333333,
-    15: #272727,
-    "black": #000000,
-);
-
-$_default-palette-tangerine-orange: (
-    1: #fff2eb,
-    2: #ffe5d6,
-    3: #ffd8c2,
-    4: #ffcbad,
-    5: #ffbe99,
-    6: #ffa570,
-    7: #ff8b47,
-    8: #ff711f,
-    9: #f35800,
-    10: #e05100,
-    11: #cc4a00,
-    12: #b94300,
-    13: #a53c00,
-    14: #7a2d00,
-    15: #3d1600,
-);
-
-$_default-palette-dodger-blue: (
-    1: #ebf8ff,
-    2: #d7f2ff,
-    3: #b8e8fe,
-    4: #9cdffe,
-    5: #72d1fe,
-    6: #49c4fd,
-    7: #2cbbfd,
-    8: #0db1fd,
-    9: #03a9f4,
-    10: #039be0,
-    11: #038ecd,
-    12: #0280b9,
-    13: #0273a6,
-    14: #014c6f,
-    15: #01364e,
-);
-
-$_default-palette-grass-green: (
-    1: #f1f8f2,
-    2: #e3f2e6,
-    3: #d8eddc,
-    4: #bbdfc1,
-    5: #9ed1a6,
-    6: #82c48c,
-    7: #6ebb7a,
-    8: #4db25c,
-    9: #3ea44e,
-    10: #399748,
-    11: #348a42,
-    12: #2f7d3b,
-    13: #2a7035,
-    14: #1f5126,
-    15: #16391b,
-);
-
-$_default-palette-lake-blue: (
-    1: #eef6fb,
-    2: #deeef7,
-    3: #cce5f3,
-    4: #a6d1ea,
-    5: #8bc3e4,
-    6: #6ab2dc,
-    7: #409cd2,
-    8: #208ccb,
-    9: #007bc3,
-    10: #0071b3,
-    11: #0067a4,
-    12: #005d94,
-    13: #005485,
-    14: #004166,
-    15: #002b44,
-);
-
-$_default-palette-honey-yellow: (
-    1: #fff7eb,
-    2: #ffefd6,
-    3: #ffe7c2,
-    4: #ffdead,
-    5: #ffd699,
-    6: #ffc670,
-    7: #ffb240,
-    8: #ffa41f,
-    9: #ff9800,
-    10: #eb8c00,
-    11: #d68000,
-    12: #c27400,
-    13: #ad6700,
-    14: #854f00,
-    15: #593500,
-);
-
-$_default-palette-brick-red: (
-    1: #fcf0ed,
-    2: #f9e1dc,
-    3: #f7d4cc,
-    4: #f4c3b8,
-    5: #f2b4a6,
-    6: #ec8e79,
-    7: #e35e40,
-    8: #de4320,
-    9: #d92800,
-    10: #c82500,
-    11: #b62200,
-    12: #a51e00,
-    13: #941b00,
-    14: #701500,
-    15: #4c0e00,
-);
-
-$_default-palette-coral: (
-    1: #fff6f5,
-    2: #ffeceb,
-    3: #ffdedb,
-    4: #ffc8c4,
-    5: #ffb1ac,
-    6: #ff9d97,
-    7: #ff8a82,
-    8: #ff766d,
-    9: #ff6358,
-    10: #ea5a51,
-    11: #d45349,
-    12: #bf4a42,
-    13: #a33f38,
-    14: #80322c,
-    15: #5c201c,
-);
-
-$_default-palette-pineapple-yellow: (
-    1: #fffaeb,
-    2: #fff7db,
-    3: #fff3cc,
-    4: #ffeeb8,
-    5: #ffe9a2,
-    6: #ffe38b,
-    7: #ffdd74,
-    8: #ffd85d,
-    9: #ffd246,
-    10: #eac040,
-    11: #d4af3b,
-    12: #bf9d35,
-    13: #a0832c,
-    14: #806923,
-    15: #403412,
-);
-
-$_default-palette-apple-green: (
-    1: #f3fbee,
-    2: #e9f8de,
-    3: #def4ce,
-    4: #d2f0bd,
-    5: #bbe99b,
-    6: #aae382,
-    7: #9add69,
-    8: #89d750,
-    9: #78d237,
-    10: #6ec032,
-    11: #64AF2E,
-    12: #5a9d29,
-    13: #4a8221,
-    14: #3c691c,
-    15: #1c300d,
-);
-
-$_default-palette-pacific-blue: (
-    1: #ebf8fa,
-    2: #d6f1f5,
-    3: #c2e9ef,
-    4: #aee2ea,
-    5: #93d9e3,
-    6: #75d0db,
-    7: #5ec7d6,
-    8: #43becf,
-    9: #28b4c8,
-    10: #24a6b7,
-    11: #2197a6,
-    12: #1e8796,
-    13: #197480,
-    14: #145a64,
-    15: #0a2e33,
-);
-
-$_default-palette-bright-blue: (
-    1: #ecf2fe,
-    2: #d8e5fd,
-    3: #c5d8fc,
-    4: #b1cbfb,
-    5: #96b9fa,
-    6: #7ba7f9,
-    7: #6296f7,
-    8: #4684f6,
-    9: #2d73f5,
-    10: #2969e1,
-    11: #2660cc,
-    12: #2256b8,
-    13: #1d499a,
-    14: #173a7b,
-    15: #0c1e40,
-);
-
-$_default-palette-orchid-purple: (
-    1: #f8f0fa,
-    2: #f1e1f5,
-    3: #e7caed,
-    4: #ddb3e5,
-    5: #d5a2df,
-    6: #c98ad6,
-    7: #bf74ce,
-    8: #b45dc6,
-    9: #9d40b0,
-    10: #9c40ae,
-    11: #8e3b9e,
-    12: #80358e,
-    13: #672b73,
-    14: #55235f,
-    15: #28112d,
-);
-
-
-// stylelint-disable scss/no-global-function-names
-/// The Ash Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
-/// @group palette
-$kendo-palette-ash-gray: $_default-palette-ash-gray !default;
-$kendo-palette-ash-gray: map.merge($_default-palette-ash-gray, $kendo-palette-ash-gray);
-
-/// The Tangerine Orange Palette provides colors to the Primary variable group.
-/// @group palette
-$kendo-palette-tangerine-orange: $_default-palette-tangerine-orange !default;
-$kendo-palette-tangerine-orange: map.merge($_default-palette-tangerine-orange, $kendo-palette-tangerine-orange);
-
-/// The Dodger Blue Palette provides colors to the Tertiary variable group.
-/// @group palette
-$kendo-palette-dodger-blue: $_default-palette-dodger-blue !default;
-$kendo-palette-dodger-blue: map.merge($_default-palette-dodger-blue, $kendo-palette-dodger-blue);
-
-/// The Grass Green Palette provides colors to the Success variable group.
-/// @group palette
-$kendo-palette-grass-green: $_default-palette-grass-green !default;
-$kendo-palette-grass-green: map.merge($_default-palette-grass-green, $kendo-palette-grass-green);
-
-/// The Lake Blue Palette provides colors to the Info variable group.
-/// @group palette
-$kendo-palette-lake-blue: $_default-palette-lake-blue !default;
-$kendo-palette-lake-blue: map.merge($_default-palette-lake-blue, $kendo-palette-lake-blue);
-
-/// The Honey Yellow Palette provides colors to the Warning variable group.
-/// @group palette
-$kendo-palette-honey-yellow: $_default-palette-honey-yellow !default;
-$kendo-palette-honey-yellow: map.merge($_default-palette-honey-yellow, $kendo-palette-honey-yellow);
-
-/// The Brick Red Palette provides colors to the Error variable group.
-/// @group palette
-$kendo-palette-brick-red: $_default-palette-brick-red !default;
-$kendo-palette-brick-red: map.merge($_default-palette-brick-red, $kendo-palette-brick-red);
-
-/// The Coral Palette provides colors to the Series A variable group.
-/// @group palette
-$kendo-palette-coral: $_default-palette-coral !default;
-$kendo-palette-coral: map.merge($_default-palette-coral, $kendo-palette-coral);
-
-/// The Pineapple Yellow provides colors to the Series B variable group.
-/// @group palette
-$kendo-palette-pineapple-yellow: $_default-palette-pineapple-yellow !default;
-$kendo-palette-pineapple-yellow: map.merge($_default-palette-pineapple-yellow, $kendo-palette-pineapple-yellow);
-
-/// The Apple Green provides colors to the Series C variable group.
-/// @group palette
-$kendo-palette-apple-green: $_default-palette-apple-green !default;
-$kendo-palette-apple-green: map.merge($_default-palette-apple-green, $kendo-palette-apple-green);
-
-/// The Pacific Blue provides colors to the Series D variable group.
-/// @group palette
-$kendo-palette-pacific-blue: $_default-palette-pacific-blue !default;
-$kendo-palette-pacific-blue: map.merge($_default-palette-pacific-blue, $kendo-palette-pacific-blue);
-
-/// The Bright Blue provides colors to the Series E variable group.
-/// @group palette
-$kendo-palette-bright-blue: $_default-palette-bright-blue !default;
-$kendo-palette-bright-blue: map.merge($_default-palette-bright-blue, $kendo-palette-bright-blue);
-
-/// The Orchid Purple provides colors to the Series F variable group.
-/// @group palette
-$kendo-palette-orchid-purple: $_default-palette-orchid-purple !default;
-$kendo-palette-orchid-purple: map.merge($_default-palette-orchid-purple, $kendo-palette-orchid-purple);
-// stylelint-enable scss/no-global-function-names