@progress/kendo-theme-bootstrap 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/core/typography/index.scss

@@ -3,6 +3,9 @@
 /// The base font size across all components.
 /// @group typography
 $kendo-font-size: 1rem !default;
+/// The extra extra small font size across all components.
+/// @group typography
+$kendo-font-size-xxs: ( $kendo-font-size * .5 ) !default;
 /// The extra small font size across all components.
 /// @group typography
 $kendo-font-size-xs: ( $kendo-font-size * .75 ) !default;
@@ -38,12 +41,21 @@ $kendo-line-height-lg: 2 !default;
 /// @group typography
 $kendo-line-height-em: calc( #{$kendo-line-height} * 1em ) !default;
 
+/// The base font weight across all components.
+/// @group typography
+$kendo-font-weight: 400 !default;
+/// The thin font weight across all components.
+/// @group typography
+$kendo-font-weight-thin: 100 !default;
+/// The extra light font weight across all components.
+/// @group typography
+$kendo-font-weight-extra-light: 200 !default;
 /// The light font weight across all components.
 /// @group typography
 $kendo-font-weight-light: 300 !default;
-/// The base font weight across all components.
+/// The normal font weight across all components.
 /// @group typography
-$kendo-font-weight-normal: 400 !default;
+$kendo-font-weight-normal: $kendo-font-weight !default;
 /// The medium font weight across all components.
 /// @group typography
 $kendo-font-weight-medium: 500 !default;
@@ -53,7 +65,44 @@ $kendo-font-weight-semibold: 600 !default;
 /// The bold font weight across all components.
 /// @group typography
 $kendo-font-weight-bold: 700 !default;
+/// The extra bold font weight across all components.
+/// @group typography
+$kendo-font-weight-extra-bold: 800 !default;
+/// The most pronounced font weight across all components.
+/// @group typography
+$kendo-font-weight-black: 900 !default;
 
+/// The base letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing: null !default;
+/// The tightest letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-tightest: -.15px !default;
+/// Slightly looser than the tighter letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-tighter: -.10px !default;
+/// Moderately tight letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-tight: -.5px !default;
+/// The normal letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-normal: 0px !default;
+/// Wide letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-wide: .5px !default;
+/// Slightly wider than the wide letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-wider: .10px !default;
+/// The widest letter spacing across all components.
+/// @group typography
+$kendo-letter-spacing-widest: .15px !default;
+
+/// The sans font family across all components.
+/// @group typography
+$kendo-font-family-sans: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impact, Gill Sans !default;
+/// The serif font family across all components.
+/// @group typography
+$kendo-font-family-serif: "Times New Roman", Georgia, Garamond, Palatino, Baskerville !default;
 /// The sans-serif font family across all components.
 /// @group typography
 $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" !default;
@@ -65,6 +114,7 @@ $kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberati
 $kendo-font-family: $kendo-font-family-sans-serif !default;
 
 $_default-font-sizes: (
+    xxs: $kendo-font-size-xxs,
     xs: $kendo-font-size-xs,
     sm: $kendo-font-size-sm,
     md: $kendo-font-size-md,
@@ -80,14 +130,30 @@ $_default-line-heights: (
 ) !default;
 
 $_default-font-weights: (
+    thin: $kendo-font-weight-thin,
+    extra-light: $kendo-font-weight-extra-light,
     light: $kendo-font-weight-light,
     normal: $kendo-font-weight-normal,
     medium: $kendo-font-weight-medium,
     semibold: $kendo-font-weight-semibold,
-    bold: $kendo-font-weight-bold
+    bold: $kendo-font-weight-bold,
+    extra-bold: $kendo-font-weight-extra-bold,
+    "black": $kendo-font-weight-black
+) !default;
+
+$_default-letter-spacings: (
+    tightest: $kendo-letter-spacing-tightest,
+    tighter: $kendo-letter-spacing-tighter,
+    tight: $kendo-letter-spacing-tight,
+    normal: $kendo-letter-spacing-normal,
+    wide: $kendo-letter-spacing-wide,
+    wider: $kendo-letter-spacing-wider,
+    widest: $kendo-letter-spacing-widest
 ) !default;
 
 $_default-font-families: (
+    sans: $kendo-font-family-sans,
+    serif: $kendo-font-family-serif,
     sans-serif: $kendo-font-family-sans-serif,
     monospace: $kendo-font-family-monospace
 ) !default;
@@ -107,6 +173,11 @@ $kendo-line-heights: map.merge( $_default-line-heights, $kendo-line-heights );
 $kendo-font-weights: $_default-font-weights !default;
 $kendo-font-weights: map.merge( $_default-font-weights, $kendo-font-weights );
 
+/// The letter spacings map
+/// @group typography
+$kendo-letter-spacings: $_default-letter-spacings !default;
+$kendo-letter-spacings: map.merge( $_default-letter-spacings, $kendo-letter-spacings );
+
 /// The font families map
 /// @group typography
 $kendo-font-families: $_default-font-families !default;

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/_theme.scss

@@ -206,6 +206,7 @@
 
     .k-grid-pinned-container {
         background-color: $kendo-grid-header-bg;
+        border-color: $kendo-grid-border;
     }
     .k-grid-pinned-wrap {
         border-color: $kendo-grid-header-border;

package/scss/grid/_variables.scss

@@ -353,11 +353,17 @@ $kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-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.
 /// @group grid
@@ -647,5 +653,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,195 +0,0 @@
-@use "sass:map";
-
-$_default-palette-gray: (
-    "white": #ffffff,
-    1: #f8f9fa,
-    2: #e9ecef,
-    3: #dee2e6,
-    4: #ced4da,
-    5: #bdc4cb,
-    6: #adb5bd,
-    7: #a7acb1,
-    8: #6c757d,
-    9: #5c636a,
-    10: #565e64,
-    11: #495057,
-    12: #343a40,
-    13: #2B2F32,
-    14: #212529,
-    15: #1a1d20,
-    "black": #000000,
-);
-$_default-palette-blue: (
-    1: #ecf4ff,
-    2: #cfe2ff,
-    3: #B9d6fe,
-    4: #9ec5fe,
-    5: #86b6fe,
-    6: #6ea8fe,
-    7: #3d8bfd,
-    8: #0d6efd,
-    9: #0b5ed7,
-    10: #0a58ca,
-    11: #094cae,
-    12: #084298,
-    13: #052c65,
-    14: #012151,
-    15: #031633,
-);
-$_default-palette-yellow: (
-    1: #fff9e6,
-    2: #fff3cd,
-    3: #ffecb5,
-    4: #ffe69c,
-    5: #ffda6a,
-    6: #ffcd39,
-    7: #ffca2c,
-    8: #ffc107,
-    9: #cc9a06,
-    10: #b38705,
-    11: #997404,
-    12: #806104,
-    13: #664d03,
-    14: #523e02,
-    15: #332701,
-);
-$_default-palette-red: (
-    1: #fceeef,
-    2: #f8d7da,
-    3: #f5c2c7,
-    4: #f1aeb5,
-    5: #ed969f,
-    6: #ea868f,
-    7: #e35d6a,
-    8: #dc3545,
-    9: #bb2d3b,
-    10: #b02a37,
-    11: #842029,
-    12: #6e1b23,
-    13: #58151c,
-    14: #421015,
-    15: #2c0b0e,
-);
-$_default-palette-cyan: (
-    1: #e7fafe,
-    2: #cff4fc,
-    3: #b7eefa,
-    4: #9eeaf9,
-    5: #6edff6,
-    6: #3dd5f3,
-    7: #31d2f2,
-    8: #0dcaf0,
-    9: #0aa2c0,
-    10: #098da8,
-    11: #087990,
-    12: #076578,
-    13: #055160,
-    14: #04414d,
-    15: #032830,
-);
-$_default-palette-green: (
-    1: #e8f3ee,
-    2: #d1e7dd,
-    3: #badbcc,
-    4: #a3cfbb,
-    5: #8cc3aa,
-    6: #75b798,
-    7: #5BAE87,
-    8: #479F76,
-    9: #319064,
-    10: #198754,
-    11: #157347,
-    12: #146c43,
-    13: #0f5132,
-    14: #0A3622,
-    15: #051b11,
-);
-$_default-palette-indigo: (
-    1: #f0e7fe,
-    2: #e2d9f3,
-    3: #d3c5ec,
-    4: #c5b3e6,
-    5: #b9a3e1,
-    6: #a98eda,
-    7: #8c68cd,
-    8: #7e58c6,
-    9: #6f42c1,
-    10: #59359a,
-    11: #432874,
-    12: #36215f,
-    13: #2c1a4d,
-    14: #21143b,
-    15: #160d27,
-);
-$_default-palette-teal: (
-    1: #ebfaf6,
-    2: #e8dbfd,
-    3: #d2f4ea,
-    4: #c1f0e2,
-    5: #a6e9d5,
-    6: #79dfc1,
-    7: #4dd4ac,
-    8: #20c997,
-    9: #1aa179,
-    10: #178c69,
-    11: #13795b,
-    12: #10654c,
-    13: #0d503c,
-    14: #0a3e2e,
-    15: #06281e,
-);
-$_default-palette-greige: (
-    1: #fcfcfd,
-    2: #ececec,
-    3: #e2e3e5,
-    4: #d3d4d5,
-    5: #c6c7c8,
-    6: #b4b5b6,
-    7: #a1a3a5,
-    8: #939597,
-    9: #727577,
-    10: #5f6163,
-    11: #4d5154,
-    12: #424649,
-    13: #2e2f2f,
-    14: #242526,
-    15: #141415,
-);
-// stylelint-disable scss/no-global-function-names
-/// The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
-/// @group palette
-$kendo-palette-gray: $_default-palette-gray !default;
-$kendo-palette-gray: map.merge($_default-palette-gray, $kendo-palette-gray);
-/// The Blue Palette provides colors to the Primary and Series A variable groups.
-/// @group palette
-$kendo-palette-blue: $_default-palette-blue !default;
-$kendo-palette-blue: map.merge($_default-palette-blue, $kendo-palette-blue);
-/// The Yellow Palette provides colors to the Warning and Series F variable groups.
-/// @group palette
-$kendo-palette-yellow: $_default-palette-yellow !default;
-$kendo-palette-yellow: map.merge($_default-palette-yellow, $kendo-palette-yellow);
-/// The Red Palette provides colors to the Error and Series E variable groups.
-/// @group palette
-$kendo-palette-red: $_default-palette-red !default;
-$kendo-palette-red: map.merge($_default-palette-red, $kendo-palette-red);
-/// The Cyan Palette provides colors to the Info variable group.
-/// @group palette
-$kendo-palette-cyan: $_default-palette-cyan !default;
-$kendo-palette-cyan: map.merge($_default-palette-cyan, $kendo-palette-cyan);
-/// The Green Palette provides colors to the Success and Series D variable groups.
-/// @group palette
-$kendo-palette-green: $_default-palette-green !default;
-$kendo-palette-green: map.merge($_default-palette-green, $kendo-palette-green);
-/// The Indigo Palette provides colors to the Tertiary and Series B variable groups.
-/// @group palette
-$kendo-palette-indigo: $_default-palette-indigo !default;
-$kendo-palette-indigo: map.merge($_default-palette-indigo, $kendo-palette-indigo);
-/// The Teal Palette provides colors to the Series C variable group.
-/// @group palette
-$kendo-palette-teal: $_default-palette-teal !default;
-$kendo-palette-teal: map.merge($_default-palette-teal, $kendo-palette-teal);
-/// The Greige Palette provides colors to the Light and Dark variable groups.
-/// @group palette
-$kendo-palette-greige: $_default-palette-greige !default;
-$kendo-palette-greige: map.merge($_default-palette-greige, $kendo-palette-greige);
-// stylelint-enable scss/no-global-function-names