@progress/kendo-theme-fluent 12.0.0-dev.1 → 12.0.0-dev.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-1-dark.css +1 -0
  3. package/dist/fluent-1-dark.scss +157 -0
  4. package/dist/fluent-1.css +1 -0
  5. package/dist/fluent-1.scss +157 -0
  6. package/dist/fluent-main-dark.css +1 -1
  7. package/dist/fluent-main-dark.scss +145 -145
  8. package/dist/fluent-main.css +1 -1
  9. package/dist/meta/sassdoc-data.json +12553 -15657
  10. package/dist/meta/sassdoc-raw-data.json +4305 -5755
  11. package/dist/meta/variables.json +2154 -2441
  12. package/lib/swatches/all.json +1 -1
  13. package/lib/swatches/fluent-1-dark.json +757 -0
  14. package/lib/swatches/fluent-1.json +757 -0
  15. package/lib/swatches/fluent-main-dark.json +151 -151
  16. package/lib/swatches/fluent-main.json +5 -5
  17. package/package.json +4 -4
  18. package/scss/action-buttons/_variables.scss +3 -3
  19. package/scss/action-sheet/_layout.scss +4 -4
  20. package/scss/action-sheet/_theme.scss +0 -16
  21. package/scss/action-sheet/_variables.scss +12 -12
  22. package/scss/adaptive/_theme.scss +1 -1
  23. package/scss/appbar/_theme.scss +9 -1
  24. package/scss/appbar/_variables.scss +21 -3
  25. package/scss/badge/_theme.scss +6 -0
  26. package/scss/badge/_variables.scss +5 -5
  27. package/scss/bottom-navigation/_layout.scss +0 -17
  28. package/scss/bottom-navigation/_theme.scss +4 -12
  29. package/scss/bottom-navigation/_variables.scss +0 -10
  30. package/scss/breadcrumb/_layout.scss +0 -12
  31. package/scss/breadcrumb/_theme.scss +30 -17
  32. package/scss/breadcrumb/_variables.scss +31 -31
  33. package/scss/bubble/_theme.scss +2 -2
  34. package/scss/bubble/_variables.scss +2 -2
  35. package/scss/button/_layout.scss +15 -20
  36. package/scss/button/_theme.scss +100 -94
  37. package/scss/button/_variables.scss +22 -62
  38. package/scss/calendar/_layout.scss +13 -60
  39. package/scss/calendar/_theme.scss +63 -91
  40. package/scss/calendar/_variables.scss +23 -32
  41. package/scss/captcha/_variables.scss +2 -2
  42. package/scss/card/_layout.scss +6 -0
  43. package/scss/card/_theme.scss +5 -0
  44. package/scss/card/_variables.scss +8 -8
  45. package/scss/chart-wizard/_variables.scss +1 -1
  46. package/scss/chat/_layout.scss +4 -18
  47. package/scss/chat/_theme.scss +10 -2
  48. package/scss/chat/_variables.scss +4 -4
  49. package/scss/checkbox/_layout.scss +6 -3
  50. package/scss/checkbox/_theme.scss +12 -0
  51. package/scss/checkbox/_variables.scss +8 -8
  52. package/scss/chip/_layout.scss +7 -11
  53. package/scss/chip/_theme.scss +43 -25
  54. package/scss/chip/_variables.scss +15 -24
  55. package/scss/coloreditor/_layout.scss +2 -2
  56. package/scss/coloreditor/_variables.scss +14 -14
  57. package/scss/colorgradient/_layout.scss +17 -1
  58. package/scss/colorgradient/_theme.scss +21 -16
  59. package/scss/colorgradient/_variables.scss +4 -4
  60. package/scss/colorpalette/_layout.scss +0 -2
  61. package/scss/colorpalette/_theme.scss +1 -9
  62. package/scss/colorpalette/_variables.scss +3 -24
  63. package/scss/column-menu/_variables.scss +6 -6
  64. package/scss/core/border-radii/_index.scss +4 -4
  65. package/scss/core/color-system/_palettes.scss +240 -556
  66. package/scss/core/color-system/_swatch.scss +144 -144
  67. package/scss/core/elevation/_index.scss +16 -16
  68. package/scss/core/typography/_index.scss +25 -1
  69. package/scss/dialog/_layout.scss +0 -24
  70. package/scss/dialog/_variables.scss +3 -23
  71. package/scss/dock-manager/_layout.scss +14 -2
  72. package/scss/dock-manager/_theme.scss +9 -0
  73. package/scss/dock-manager/_variables.scss +9 -9
  74. package/scss/drawer/_layout.scss +8 -4
  75. package/scss/drawer/_theme.scss +4 -2
  76. package/scss/drawer/_variables.scss +33 -20
  77. package/scss/dropzone/_layout.scss +1 -0
  78. package/scss/dropzone/_variables.scss +3 -3
  79. package/scss/expansion-panel/_layout.scss +1 -10
  80. package/scss/expansion-panel/_theme.scss +7 -3
  81. package/scss/expansion-panel/_variables.scss +14 -20
  82. package/scss/fab/_layout.scss +31 -16
  83. package/scss/fab/_theme.scss +16 -9
  84. package/scss/fab/_variables.scss +47 -54
  85. package/scss/filemanager/_theme.scss +8 -0
  86. package/scss/filemanager/_variables.scss +1 -1
  87. package/scss/filter/_layout.scss +3 -22
  88. package/scss/filter/_variables.scss +4 -1
  89. package/scss/floating-label/_layout.scss +0 -4
  90. package/scss/floating-label/_variables.scss +0 -4
  91. package/scss/forms/_layout.scss +0 -7
  92. package/scss/forms/_variables.scss +1 -5
  93. package/scss/gantt/_variables.scss +21 -21
  94. package/scss/grid/_layout.scss +12 -7
  95. package/scss/grid/_theme.scss +1 -1
  96. package/scss/grid/_variables.scss +4 -3
  97. package/scss/imageeditor/_theme.scss +4 -0
  98. package/scss/input/_layout.scss +47 -40
  99. package/scss/input/_theme.scss +46 -38
  100. package/scss/input/_variables.scss +37 -37
  101. package/scss/list/_layout.scss +13 -0
  102. package/scss/list/_variables.scss +54 -42
  103. package/scss/listbox/_theme.scss +1 -1
  104. package/scss/listview/_layout.scss +0 -14
  105. package/scss/listview/_theme.scss +0 -19
  106. package/scss/listview/_variables.scss +3 -37
  107. package/scss/loader/_layout.scss +4 -0
  108. package/scss/loader/_variables.scss +7 -7
  109. package/scss/mediaplayer/_layout.scss +6 -2
  110. package/scss/mediaplayer/_variables.scss +1 -1
  111. package/scss/menu/_layout.scss +9 -2
  112. package/scss/menu/_variables.scss +4 -4
  113. package/scss/messagebox/_layout.scss +4 -0
  114. package/scss/messagebox/_theme.scss +3 -0
  115. package/scss/messagebox/_variables.scss +6 -3
  116. package/scss/notification/_functions.scss +2 -2
  117. package/scss/notification/_theme.scss +0 -4
  118. package/scss/notification/_variables.scss +8 -8
  119. package/scss/pager/_layout.scss +2 -0
  120. package/scss/pager/_variables.scss +1 -1
  121. package/scss/panelbar/_layout.scss +17 -17
  122. package/scss/panelbar/_theme.scss +1 -13
  123. package/scss/panelbar/_variables.scss +15 -18
  124. package/scss/pdf-viewer/_variables.scss +1 -1
  125. package/scss/pivotgrid/_layout.scss +10 -14
  126. package/scss/popover/_layout.scss +3 -16
  127. package/scss/popover/_variables.scss +13 -16
  128. package/scss/popup/_variables.scss +2 -2
  129. package/scss/progressbar/_variables.scss +4 -4
  130. package/scss/prompt/_variables.scss +20 -20
  131. package/scss/radio/_layout.scss +3 -0
  132. package/scss/radio/_theme.scss +8 -0
  133. package/scss/radio/_variables.scss +6 -6
  134. package/scss/rating/_layout.scss +2 -1
  135. package/scss/rating/_theme.scss +2 -13
  136. package/scss/rating/_variables.scss +3 -6
  137. package/scss/scheduler/_layout.scss +0 -10
  138. package/scss/scheduler/_variables.scss +11 -11
  139. package/scss/signature/_layout.scss +0 -8
  140. package/scss/signature/_theme.scss +1 -1
  141. package/scss/signature/_variables.scss +2 -6
  142. package/scss/skeleton/_variables.scss +1 -1
  143. package/scss/slider/_layout.scss +19 -53
  144. package/scss/slider/_theme.scss +27 -0
  145. package/scss/slider/_variables.scss +7 -7
  146. package/scss/split-button/_layout.scss +0 -48
  147. package/scss/split-button/_variables.scss +6 -16
  148. package/scss/splitter/_variables.scss +15 -15
  149. package/scss/spreadsheet/_layout.scss +2 -159
  150. package/scss/spreadsheet/_theme.scss +5 -35
  151. package/scss/spreadsheet/_variables.scss +12 -40
  152. package/scss/stepper/_layout.scss +1 -5
  153. package/scss/stepper/_theme.scss +7 -1
  154. package/scss/stepper/_variables.scss +10 -10
  155. package/scss/suggestion/_layout.scss +9 -0
  156. package/scss/suggestion/_theme.scss +3 -3
  157. package/scss/suggestion/_variables.scss +2 -2
  158. package/scss/switch/_layout.scss +2 -1
  159. package/scss/switch/_variables.scss +9 -9
  160. package/scss/table/_layout.scss +3 -17
  161. package/scss/table/_variables.scss +10 -20
  162. package/scss/tabstrip/_layout.scss +47 -5
  163. package/scss/tabstrip/_theme.scss +1 -2
  164. package/scss/tabstrip/_variables.scss +11 -11
  165. package/scss/taskboard/_layout.scss +3 -2
  166. package/scss/taskboard/_theme.scss +5 -1
  167. package/scss/taskboard/_variables.scss +9 -6
  168. package/scss/timeline/_layout.scss +0 -4
  169. package/scss/timeline/_variables.scss +2 -5
  170. package/scss/timepicker/_layout.scss +0 -3
  171. package/scss/timeselector/_layout.scss +15 -3
  172. package/scss/timeselector/_theme.scss +1 -1
  173. package/scss/timeselector/_variables.scss +16 -16
  174. package/scss/toolbar/_theme.scss +6 -0
  175. package/scss/toolbar/_variables.scss +14 -14
  176. package/scss/tooltip/_layout.scss +0 -9
  177. package/scss/tooltip/_theme.scss +5 -0
  178. package/scss/tooltip/_variables.scss +5 -5
  179. package/scss/treelist/_layout.scss +1 -1
  180. package/scss/treeview/_layout.scss +0 -5
  181. package/scss/treeview/_theme.scss +2 -26
  182. package/scss/treeview/_variables.scss +49 -29
  183. package/scss/typography/_variables.scss +21 -21
  184. package/scss/upload/_layout.scss +16 -3
  185. package/scss/upload/_theme.scss +24 -0
  186. package/scss/upload/_variables.scss +10 -10
  187. package/scss/window/_layout.scss +10 -1
  188. package/scss/window/_theme.scss +7 -0
  189. package/scss/window/_variables.scss +8 -8
  190. package/scss/wizard/_layout.scss +3 -0
  191. package/scss/wizard/_variables.scss +3 -3
package/scss/colorgradient/_layout.scss CHANGED
@@ -24,7 +24,15 @@
24
24
  &.k-vstack {
25
25
  padding-inline: calc( ($kendo-color-gradient-draghandle-width + $kendo-color-gradient-draghandle-border-width) / 2 );
26
26
  }
27
- }
27
+ }
28
+
29
+ .k-colorgradient .k-draghandle {
30
+
31
+ &:focus,
32
+ &.k-focus {
33
+ outline-width: 2px;
34
+ }
35
+ }
28
36
 
29
37
  .k-colorgradient-slider {
30
38
 
@@ -38,6 +46,14 @@
38
46
  transform: none;
39
47
  z-index: auto;
40
48
  }
49
+
50
+ .k-slider-thumb {
51
+ background: transparent;
52
+
53
+ &::after {
54
+ display: none;
55
+ }
56
+ }
41
57
  }
42
58
 
43
59
  .k-colorgradient-inputs {
package/scss/colorgradient/_theme.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "../core/_index.scss" as *;
2
- @use "../slider/_variables.scss" as *;
3
2
  @use "./_variables.scss" as *;
4
3
  @use "@progress/kendo-theme-core/scss/components/colorgradient/_theme.scss" as *;
5
4
 
@@ -16,6 +15,21 @@
16
15
  }
17
16
  }
18
17
 
18
+ .k-colorgradient .k-draghandle {
19
+ outline-color: $kendo-color-gradient-draghandle-outline;
20
+
21
+ &:focus,
22
+ &.k-focus {
23
+ outline-color: $kendo-color-gradient-draghandle-focus-shadow;
24
+ }
25
+
26
+ &.k-disabled {
27
+ outline-color: color-mix(in srgb, k-color(on-app-surface) 30%, transparent);
28
+ border-color: color-mix(in srgb, k-color(on-app-surface) 7%, transparent);
29
+ background: color-mix(in srgb, k-color(on-app-surface) 7%, transparent);
30
+ }
31
+ }
32
+
19
33
  .k-colorgradient-slider .k-slider-track {
20
34
  border-color: $kendo-color-gradient-slider-border;
21
35
  }
@@ -25,28 +39,19 @@
25
39
  &:hover,
26
40
  &.k-hover,
27
41
  &:active,
28
- &.k-active {
29
- background-color: $kendo-slider-thumb-bg;
30
- }
31
-
32
- &:focus,
33
- &.k-focus {
34
- background-color: $kendo-slider-thumb-bg;
42
+ &.k-selected {
43
+ outline-color: $kendo-color-gradient-draghandle-hover-shadow;
44
+ background: k-color(app-surface);
35
45
  }
36
46
  }
37
47
 
38
- .k-colorgradient .k-draghandle {
48
+ .k-colorgradient .k-hsv-draghandle {
39
49
 
40
50
  &:hover,
41
51
  &.k-hover,
42
52
  &:active,
43
- &.k-active {
44
- outline-color: $kendo-color-gradient-draghandle-hover-shadow;
45
- }
46
-
47
- &:focus,
48
- &.k-focus {
49
- border-color: $kendo-color-gradient-draghandle-focus-border;
53
+ &.k-selected {
54
+ outline-color: k-color(app-surface);
50
55
  }
51
56
  }
52
57
  }
package/scss/colorgradient/_variables.scss CHANGED
@@ -170,13 +170,13 @@ $kendo-color-gradient-draghandle-outline-width: var(--kendo-color-gradient-dragh
170
170
  $kendo-color-gradient-draghandle-border: var(--kendo-color-gradient-draghandle-border, k-color(app-surface)) !default;
171
171
  /// The box shadow of the ColorGradient canvas drag handle.
172
172
  /// @group color-gradient
173
- $kendo-color-gradient-draghandle-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
174
- /// The color of the border around the focused ColorGradient canvas drag handle.
173
+ $kendo-color-gradient-draghandle-shadow: k-elevation(4) !default;
174
+ /// The color of the outline around the ColorGradient canvas drag handle.
175
175
  /// @group color-gradient
176
- $kendo-color-gradient-draghandle-focus-border: var(--kendo-color-gradient-draghandle-focus-border, k-color(app-surface)) !default;
176
+ $kendo-color-gradient-draghandle-outline: k-color(border) !default;
177
177
  /// The focus color of the outline around the ColorGradient canvas drag handle.
178
178
  /// @group color-gradient
179
- $kendo-color-gradient-draghandle-focus-shadow: var(--kendo-color-gradient-draghandle-focus-shadow, k-color(base-emphasis)) !default;
179
+ $kendo-color-gradient-draghandle-focus-shadow: var(--kendo-color-gradient-draghandle-focus-shadow, k-color(border-alt)) !default;
180
180
  /// The hover color of the outline around the ColorGradient canvas drag handle.
181
181
  /// @group color-gradient
182
182
  $kendo-color-gradient-draghandle-hover-shadow: var(--kendo-color-gradient-draghandle-hover-shadow, k-color(base-emphasis)) !default;
package/scss/colorpalette/_layout.scss CHANGED
@@ -11,8 +11,6 @@
11
11
  }
12
12
 
13
13
  .k-colorpalette-tile {
14
- outline-width: $kendo-color-palette-tile-outline-width;
15
- outline-style: $kendo-color-palette-tile-outline-style;
16
14
 
17
15
  &:hover,
18
16
  &.k-hover {
package/scss/colorpalette/_theme.scss CHANGED
@@ -6,28 +6,20 @@
6
6
  @include kendo-color-palette--theme-base();
7
7
 
8
8
  .k-colorpalette-tile {
9
- outline-color: $kendo-color-palette-tile-outline;
10
9
 
11
10
  &:hover,
12
11
  &.k-hover {
13
12
  @include box-shadow( $kendo-color-palette-tile-hover-shadow );
14
- outline-color: $kendo-color-palette-tile-hover-outline;
15
13
  }
16
14
 
17
15
  &:focus,
18
16
  &.k-focus {
19
17
  @include box-shadow( $kendo-color-palette-tile-focus-shadow );
20
- outline-color: $kendo-color-palette-tile-focus-outline;
21
18
  }
22
19
 
20
+ &:active,
23
21
  &.k-selected {
24
22
  @include box-shadow( $kendo-color-palette-tile-selected-shadow );
25
- outline-color: $kendo-color-palette-tile-selected-outline;
26
- }
27
-
28
- &.k-selected:hover,
29
- &.k-selected:focus {
30
- outline-color: $kendo-color-palette-tile-selected-hover-outline;
31
23
  }
32
24
  }
33
25
  }
package/scss/colorpalette/_variables.scss CHANGED
@@ -11,15 +11,6 @@ $kendo-color-palette-font-size: var( --kendo-color-palette-font-size, var( --ken
11
11
  /// @group color-palette
12
12
  $kendo-color-palette-line-height: var( --kendo-color-palette-line-height, 0 ) !default;
13
13
 
14
- /// The outline width of the ColorPalette tile.
15
- /// @group color-palette
16
- $kendo-color-palette-tile-outline-width: var( --kendo-color-palette-tile-outline-width, 1px ) !default;
17
- /// The outline style of the ColorPalette tile.
18
- /// @group color-palette
19
- $kendo-color-palette-tile-outline-style: var( --kendo-color-palette-tile-outline-style, solid ) !default;
20
- /// The outline color of the ColorPalette tile.
21
- /// @group color-palette
22
- $kendo-color-palette-tile-outline: var( --kendo-color-palette-tile-outline, transparent ) !default;
23
14
  /// The width of the ColorPalette tile.
24
15
  /// @group color-palette
25
16
  $kendo-color-palette-tile-width: k-spacing(6) !default;
@@ -45,27 +36,15 @@ $kendo-color-palette-lg-tile-width: var( --kendo-color-palette-lg-tile-width, #{
45
36
  /// @group color-palette
46
37
  $kendo-color-palette-lg-tile-height: var( --kendo-color-palette-lg-tile-height, #{$kendo-color-palette-lg-tile-width} ) !default;
47
38
 
48
- /// The outline color of the ColorPalette focused tile.
49
- /// @group color-palette
50
- $kendo-color-palette-tile-focus-outline: var( --kendo-color-palette-tile-focus-outline, #{k-color(base-emphasis)} ) !default;
51
39
  /// The shadow of the ColorPalette focused tile.
52
40
  /// @group color-palette
53
- $kendo-color-palette-tile-focus-shadow: var( --kendo-color-palette-tile-focus-shadow, inset 0 0 0 2px #{k-color(app-surface)} ) !default;
54
- /// The outline color of the ColorPalette hovered tile.
55
- /// @group color-palette
56
- $kendo-color-palette-tile-hover-outline: var( --kendo-color-palette-tile-hover-outline, #{color-mix(in srgb, k-color(border) 10%, transparent)} ) !default;
41
+ $kendo-color-palette-tile-focus-shadow: var( --kendo-color-palette-tile-focus-shadow, inset 0 0 0 2px #{k-color(border-alt)}, inset 0 0 0 3px #{k-color(app-surface)} ) !default;
57
42
  /// The shadow of the ColorPalette hovered tile.
58
43
  /// @group color-palette
59
- $kendo-color-palette-tile-hover-shadow: var( --kendo-color-palette-tile-hover-shadow, inset 0 0 0 2px #{$kendo-color-palette-tile-hover-outline}, inset 0 0 0 4px #{k-color(app-surface)} ) !default;
60
- /// The outline color of the ColorPalette selected tile.
61
- /// @group color-palette
62
- $kendo-color-palette-tile-selected-outline: var( --kendo-color-palette-tile-selected-outline, #{$kendo-color-palette-tile-hover-outline} ) !default;
44
+ $kendo-color-palette-tile-hover-shadow: var( --kendo-color-palette-tile-hover-shadow, inset 0 0 0 2px #{k-color(primary)}, inset 0 0 0 3px #{k-color(app-surface)} ) !default;
63
45
  /// The shadow of the ColorPalette selected tile.
64
46
  /// @group color-palette
65
- $kendo-color-palette-tile-selected-shadow: var( --kendo-color-palette-tile-selected-shadow, #{$kendo-color-palette-tile-hover-shadow} ) !default;
66
- /// The outline color of the ColorPalette selected hover tile.
67
- /// @group color-palette
68
- $kendo-color-palette-tile-selected-hover-outline: var( --kendo-color-palette-tile-selected-hover-outline, #{$kendo-color-palette-tile-focus-outline} ) !default;
47
+ $kendo-color-palette-tile-selected-shadow: var( --kendo-color-palette-tile-selected-shadow, inset 0 0 0 3px #{k-color(primary)}, inset 0 0 0 5px #{k-color(app-surface)} ) !default;
69
48
 
70
49
  /// The size map of the ColorPalette.
71
50
  /// @group color-palette
package/scss/column-menu/_variables.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  @use "../core/_index.scss" as *;
2
2
 
3
- $kendo-column-menu-item-sm-padding-x: var( --kendo-column-menu-item-sm-padding-x, k-spacing(2) ) !default;
4
- $kendo-column-menu-item-sm-padding-y: var( --kendo-column-menu-item-sm-padding-y, k-spacing(1.5) ) !default;
3
+ $kendo-column-menu-item-sm-padding-x: var( --kendo-column-menu-item-sm-padding-x, k-spacing(1.5) ) !default;
4
+ $kendo-column-menu-item-sm-padding-y: var( --kendo-column-menu-item-sm-padding-y, k-spacing(1) ) !default;
5
5
 
6
- $kendo-column-menu-item-md-padding-x: var( --kendo-column-menu-item-md-padding-x, k-spacing(2) ) !default;
7
- $kendo-column-menu-item-md-padding-y: var( --kendo-column-menu-item-md-padding-y, k-spacing(2) ) !default;
6
+ $kendo-column-menu-item-md-padding-x: var( --kendo-column-menu-item-md-padding-x, k-spacing(1.5) ) !default;
7
+ $kendo-column-menu-item-md-padding-y: var( --kendo-column-menu-item-md-padding-y, k-spacing(1.5) ) !default;
8
8
 
9
- $kendo-column-menu-item-lg-padding-x: var( --kendo-column-menu-item-lg-padding-x, k-spacing(2) ) !default;
10
- $kendo-column-menu-item-lg-padding-y: var( --kendo-column-menu-item-lg-padding-y, k-spacing(2.5) ) !default;
9
+ $kendo-column-menu-item-lg-padding-x: var( --kendo-column-menu-item-lg-padding-x, k-spacing(1.5) ) !default;
10
+ $kendo-column-menu-item-lg-padding-y: var( --kendo-column-menu-item-lg-padding-y, k-spacing(2) ) !default;
11
11
 
12
12
  $kendo-column-menu-sm-font-size: var( --kendo-column-menu-sm-font-size, var( --kendo-font-size, inherit ) ) !default;
13
13
  $kendo-column-menu-md-font-size: var( --kendo-column-menu-md-font-size, var( --kendo-font-size, inherit ) ) !default;
package/scss/core/border-radii/_index.scss CHANGED
@@ -15,16 +15,16 @@ $kendo-border-radius-sm: map.get($kendo-spacing, 0.5) !default;
15
15
  $kendo-border-radius-md: map.get($kendo-spacing, 1) !default;
16
16
  /// The large border radius used across the Components.
17
17
  /// @group radii
18
- $kendo-border-radius-lg: map.get($kendo-spacing, 2) !default;
18
+ $kendo-border-radius-lg: map.get($kendo-spacing, 1.5) !default;
19
19
  /// The extra large border radius used across the Components.
20
20
  /// @group radii
21
- $kendo-border-radius-xl: map.get($kendo-spacing, 3) !default;
21
+ $kendo-border-radius-xl: map.get($kendo-spacing, 2) !default;
22
22
  /// The third largest border radius used across the Components.
23
23
  /// @group radii
24
- $kendo-border-radius-xxl: map.get($kendo-spacing, 4) !default;
24
+ $kendo-border-radius-xxl: map.get($kendo-spacing, 3) !default;
25
25
  /// The second largest border radius used across the Components.
26
26
  /// @group radii
27
- $kendo-border-radius-xxxl: map.get($kendo-spacing, 5) !default;
27
+ $kendo-border-radius-xxxl: map.get($kendo-spacing, 4) !default;
28
28
  /// The largest border radius used across the Components.
29
29
  /// @group radii
30
30
  $kendo-border-radius-full: 9999px !default;